/**
 * Box-sizing best practices
 */
html {
  box-sizing: border-box; }

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

/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0; }

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block; }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0; }

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000; }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

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

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block; }

/**
 * Add the correct display in IE.
 */
template {
  display: none; }

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none; }

/*! Finity Portal Framework Prototype */
/*
 *
 * Built by Laurie Brown
 * email: lbrown@finity.com
 *
 *
 */
/*------------------------------------*\
  #BASE ELEMENTS
\*------------------------------------*/
/*Sean here: This overflow-x: hidden screws up datepicker popup...*/
/*body, html {
  overflow-x: hidden; }*/

html {
  -webkit-tap-highlight-color: transparent; }

body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dd, ol, ul, form,
fieldset, legend, figure, table, th, td, caption, hr {
  margin: 0;
  padding: 0; }

body {
  font-family: "Helvetica Neue", Arial;
  font-size: 1rem;
  line-height: 1.5;
  /* default black */
  color: #231F20;
  -webkit-font-smoothing: antialiased;
  background: #F9F9F7 url("../img/diamond.svg"); }

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

a[href]:focus:not([tabindex='-1']):focus,
area[href]:focus:not([tabindex='-1']):focus,
input:not([disabled]):focus:not([tabindex='-1']):focus,
select:not([disabled]):focus:not([tabindex='-1']):focus,
textarea:not([disabled]):focus:not([tabindex='-1']):focus,
button:not([disabled]):focus:not([tabindex='-1']):focus,
iframe:focus:not([tabindex='-1']):focus,
[tabindex]:focus:not([tabindex='-1']):focus,
[contentEditable=true]:focus:not([tabindex='-1']):focus {
  outline: 0;
  box-shadow: 0 0 5px #51cbee;
  border: 1px solid #51cbee; }

a {
  /* default black */
  color: #231F20; }

p {
  font-size: 0.6875rem;
  line-height: 1.3; }
  @media (min-width: 768px) {
    p {
      font-size: 1rem; } }

img {
  vertical-align: middle; }

/* gloal selection rules */
::selection {
  color: #fff;
  background: #77bc1f;
  text-shadow: none; }

/* Firefox */
::-moz-selection {
  color: #fff;
  background: #77bc1f;
  text-shadow: none; }

/* Safari */
::-webkit-selection {
  color: #fff;
  background: #77bc1f;
  text-shadow: none; }

/* Form UI placeholder text */
::-webkit-input-placeholder {
  color: #676866; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #676866; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #676866; }

:-ms-input-placeholder {
  color: #676866; }

/*--------------------------------------------------*\
  #SOLVED BY FLEXBOX - SIMPLER GRID
\*--------------------------------------------------*/
.Grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0; }

.Grid-cell {
  box-sizing: border-box;
  max-width: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.Grid--flexCells > .Grid-cell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.Grid--top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }

.Grid--bottom {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end; }

.Grid--center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.Grid--justifyCenter {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.Grid-cell--top {
  -ms-flex-item-align: start;
  align-self: flex-start; }

.Grid-cell--bottom {
  -ms-flex-item-align: end;
  align-self: flex-end; }

.Grid-cell--center {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center; }

.Grid-cell--autoSize {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none; }

.Grid--fit > .Grid-cell {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.Grid--full > .Grid-cell {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%; }

.Grid--1of2 > .Grid-cell {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%; }

.Grid--1of3 > .Grid-cell {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.3333%;
  flex: 0 0 33.3333%; }

.Grid--1of4 > .Grid-cell {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%; }

@media (min-width: 384px) {
  .small-Grid--fit > .Grid-cell {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }

  .small-Grid--full > .Grid-cell {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%; }

  .small-Grid--1of2 > .Grid-cell {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%; }

  .small-Grid--1of3 > .Grid-cell {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%; }

  .small-Grid--1of4 > .Grid-cell {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%; } }
@media (min-width: 480px) {
  .med-Grid--fit > .Grid-cell {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }

  .med-Grid--full > .Grid-cell {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%; }

  .med-Grid--1of2 > .Grid-cell {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%; }

  .med-Grid--1of3 > .Grid-cell {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%; }

  .med-Grid--1of4 > .Grid-cell {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%; } }
@media (min-width: 768px) {
  .large-Grid--fit > .Grid-cell {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }

  .large-Grid--full > .Grid-cell {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%; }

  .large-Grid--1of2 > .Grid-cell {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%; }

  .large-Grid--1of3 > .Grid-cell {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%; }

  .large-Grid--1of4 > .Grid-cell {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%; } }
.Grid--gutters {
  margin: -1em 0 1em -1em; }

.Grid--gutters > .Grid-cell {
  padding: 1em 0 0 1em; }

.Grid--guttersLg {
  margin: -1.5em 0 1.5em -1.5em; }

.Grid--guttersLg > .Grid-cell {
  padding: 1.5em 0 0 1.5em; }

.Grid--guttersXl {
  margin: -2em 0 2em -2em; }

.Grid--guttersXl > .Grid-cell {
  padding: 2em 0 0 2em; }

@media (min-width: 384px) {
  .small-Grid--gutters {
    margin: -1em 0 1em -1em; }

  .small-Grid--gutters > .Grid-cell {
    padding: 1em 0 0 1em; }

  .small-Grid--guttersLg {
    margin: -1.5em 0 1.5em -1.5em; }

  .small-Grid--guttersLg > .Grid-cell {
    padding: 1.5em 0 0 1.5em; }

  .small-Grid--guttersXl {
    margin: -2em 0 2em -2em; }

  .small-Grid--guttersXl > .Grid-cell {
    padding: 2em 0 0 2em; } }
@media (min-width: 576px) {
  .med-Grid--gutters {
    margin: -1em 0 1em -1em; }

  .med-Grid--gutters > .Grid-cell {
    padding: 1em 0 0 1em; }

  .med-Grid--guttersLg {
    margin: -1.5em 0 1.5em -1.5em; }

  .med-Grid--guttersLg > .Grid-cell {
    padding: 1.5em 0 0 1.5em; }

  .med-Grid--guttersXl {
    margin: -2em 0 2em -2em; }

  .med-Grid--guttersXl > .Grid-cell {
    padding: 2em 0 0 2em; } }
@media (min-width: 768px) {
  .large-Grid--gutters {
    margin: -1em 0 1em -1em; }

  .large-Grid--gutters > .Grid-cell {
    padding: 1em 0 0 1em; }

  .large-Grid--guttersLg {
    margin: -1.5em 0 1.5em -1.5em; }

  .large-Grid--guttersLg > .Grid-cell {
    padding: 1.5em 0 0 1.5em; }

  .large-Grid--guttersXl {
    margin: -2em 0 2em -2em; }

  .large-Grid--guttersXl > .Grid-cell {
    padding: 2em 0 0 2em; } }
/*------------------------------------*\
  #ADDED BY LB_01162017 for FAQ PAGE
\*------------------------------------*/
@media (min-width: 992px) {
  .xlarge-Grid--fit > .Grid-cell {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; } }
.Grid--guttersLg > .Grid__cell--su-faq {
  padding: 0 0 0 1.5em; }
  @media (min-width: 768px) {
    .Grid--guttersLg > .Grid__cell--su-faq {
      padding: 1.5em 0 0 1.5em; } }

/*--------------------------------------------------*\
  #DEMO CONTAINERS USED WITH SOLVED BY FLEXBOX GRID
\*--------------------------------------------------*/
.o-demo {
  width: 100%;
  height: 100%;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.o-demo--right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

@media (min-width: 768px) {
  .o-demo--right\@lg {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; } }

.o-demo--center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.o-demo--top {
  width: 100%;
  height: 100%;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.o-demo--column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.o-demo--column-center {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

/*------------------------------------*\
  #REGISTER AND FORGOT PAGES
\*------------------------------------*/
.o-demo--column-end {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

/*------------------------------------*\
  #BANNER SUMMARIES TOP CENTER
\*------------------------------------*/
.o-demo--SummaryTop {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

/**
 * Containers for all pages
 * REPLACED REFLEX GRID WITH SIMPLER GRID SYSTEM - SOLVED BY FLEXBOX
 */
/*------------------------------------*\
  #CONTAINERS
\*------------------------------------*/
.o-container {
  max-width: 1200px;
  margin: 0 auto; }

.o-container--masthead {
  padding: 0.375rem 0.75rem; }
  @media (min-width: 768px) {
    .o-container--masthead {
      padding: 0.9375rem 1.5rem; } }

.o-container--footer {
  padding: 1.5rem 0.75rem;
  position: relative; }
  @media (min-width: 768px) {
    .o-container--footer {
      padding: 1.5rem 1.5rem 3rem; } }

.o-container--hero-hdln {
  padding: 0 0.75rem; }
  @media (min-width: 768px) {
    .o-container--hero-hdln {
      padding: 0 1.5rem; } }

.o-container--default-pad {
  padding: 0.75rem; }
  @media (min-width: 768px) {
    .o-container--default-pad {
      padding: 1.5rem; } }

.o-container--checkmark-rewards {
  padding: 0.75rem; }
  @media (min-width: 768px) {
    .o-container--checkmark-rewards {
      padding: 1.5rem; } }

.o-container--module {
  padding: 1.125rem 0.75rem 1.25rem; }
  @media (min-width: 768px) {
    .o-container--module {
      padding: 1.5rem; } }

.o-container--noPadTop {
  padding: 0 0.75rem 0.75rem; }
  @media (min-width: 768px) {
    .o-container--noPadTop {
      padding: 0 1.5rem 1.5rem; } }

.o-container--topBtm {
  padding: 1.125rem 0 1.25rem; }
  @media (min-width: 768px) {
    .o-container--topBtm {
      padding: 1.5rem 0; } }

.o-container--topBtmRt {
  padding: 1.125rem 0.75rem 1.25rem 0; }
  @media (min-width: 768px) {
    .o-container--topBtmRt {
      padding: 1.5rem 1.5rem 1.5rem 0; } }

/*------------------------------------*\
  #FAQS
\*------------------------------------*/
.o-container--search-mod {
  padding: 0.4375rem 0.75rem; }
  @media (min-width: 768px) {
    .o-container--search-mod {
      padding: 1.1875rem 1.5rem; } }

.o-container--faq-content {
  padding: 0 0.75rem 0.75rem; }
  @media (min-width: 768px) {
    .o-container--faq-content {
      padding: 1.5rem 1.5rem; } }

.o-container--faq-btn {
  padding: 0.75rem 0; }
  @media (min-width: 768px) {
    .o-container--faq-btn {
      padding: 1.5rem; } }

.o-container--su-faq-content {
  padding: 0 1.25rem 0.75rem; }
  @media (min-width: 768px) {
    .o-container--su-faq-content {
      padding: 0 2.5rem 1.5rem; } }

/*------------------------------------*\
  #REGISTER AND FORGOT PAGES
\*------------------------------------*/
.o-container--login {
  padding: 0.75rem; }

.o-container--register {
  padding: 0.75rem 4px; }
  @media (min-width: 768px) {
    .o-container--register {
      padding: 0.75rem; } }

/*------------------------------------*\
  #MY ACCOUNT PAGES
\*------------------------------------*/
@media (min-width: 768px) {
  .o-container--myAccount {
    padding: 0.75rem 1.5rem 1.5rem; } }

.o-registerLft-hldr {
  max-width: 550px; }

/*------------------------------------*\
  #SHOP CATALOG
\*------------------------------------*/
.o-container--shopCatalog {
  padding: 0; }
  @media (min-width: 768px) {
    .o-container--shopCatalog {
      padding: 0 1.5rem; } }

.o-container--search-rwds,
.o-container--catalog-hdlr,
.o-container--product-hdlr {
  padding: 0.5rem 0.5rem; }
  @media (min-width: 768px) {
    .o-container--search-rwds,
    .o-container--catalog-hdlr,
    .o-container--product-hdlr {
      padding: 1.1875rem 0; } }

.o-container--filters-hdlr {
  padding: 0.5rem 0.5rem 0; }
  @media (min-width: 768px) {
    .o-container--filters-hdlr {
      padding: 1.25rem 0 0.375rem; } }

.o-container--gallery-hdlr {
  padding: 0.625rem 0.5rem 0; }
  @media (min-width: 768px) {
    .o-container--gallery-hdlr {
      padding: 0.9375rem 0 0; } }

/*------------------------------------*\
  #SHOP PRODUCT
\*------------------------------------*/
.o-container--productDetail-hdlr {
  padding: 0.5rem 0 0; }
  @media (min-width: 768px) {
    .o-container--productDetail-hdlr {
      padding: 1.1875rem 0 0; } }

/*------------------------------------*\
  #SHOP CART
\*------------------------------------*/
.o-container--cart-rwds {
  padding: 0.5rem 0.5rem; }
  @media (min-width: 768px) {
    .o-container--cart-rwds {
      padding: 1.1875rem 1.5rem; } }

.o-container--cart-hdlr {
  padding: 0.5rem 0.9375rem; }
  @media (min-width: 768px) {
    .o-container--cart-hdlr {
      padding: 1rem 0; } }

.o-container--cart-hdln {
  padding: 0.375rem 0.9375rem 0.125rem; }
  @media (min-width: 768px) {
    .o-container--cart-hdln {
      padding: 0.625rem 0 0.375rem; } }

.o-container--stepUp-noHdln {
  padding: 0.75rem 0.75rem 0.625rem 0.5rem; }
  @media (min-width: 768px) {
    .o-container--stepUp-noHdln {
      padding: 1.5rem 1.5rem 1.5rem 0.5rem; } }

.o-container--stepup-participant {
  padding: 0.75rem; }
  @media (min-width: 768px) {
    .o-container--stepup-participant {
      padding: 1.5rem; } }

.o-container--stepUp-mySteps {
  padding: 1rem 1rem 1.25rem 1rem; }
  @media (min-width: 768px) {
    .o-container--stepUp-mySteps {
      padding: 1.125rem 1.125rem 1.875rem 1.5rem; } }

.o-container--stepUp-tracker {
  padding: 1rem 1rem 0.5rem 1rem; }
  @media (min-width: 768px) {
    .o-container--stepUp-tracker {
      padding: 1.125rem 1.5rem 1.125rem 1.5rem; } }

.o-container--stepUp-gallery {
  padding: 1rem 1rem 1rem 1rem; }
  @media (min-width: 768px) {
    .o-container--stepUp-gallery {
      padding: 1.5rem 1.5rem 1.125rem 1.5rem; } }

.o-container--stepUp-join {
  padding: 1rem; }
  @media (min-width: 768px) {
    .o-container--stepUp-join {
      padding: 1.125rem; } }

.o-container--checkout {
  padding: 0; }
  @media (min-width: 768px) {
    .o-container--checkout {
      padding: 0 1.5rem; } }

.o-container--stepUpChallengeDate {
  padding: 12px; }
  @media (min-width: 768px) {
    .o-container--stepUpChallengeDate {
      padding: 18px 18px 18px 20px; } }

.o-container--default {
  padding: 0.75rem; }
  @media (min-width: 768px) {
    .o-container--default {
      padding: 1.5rem; } }

.o-container--stepUpFAQ {
  padding: 18px 18px 8px 24px; }
  @media (min-width: 768px) {
    .o-container--stepUpFAQ {
      padding: 24px 24px 14px 24px; } }

.o-container--hra {
  padding-left: 8px;
  padding-right: 8px; }
  @media (min-width: 768px) {
    .o-container--hra {
      padding-left: 16px;
      padding-right: 16px; } }

.o-container--hra-prev-score {
  margin-top: -12px;
  margin-bottom: 16px;
  padding-left: 8px;
  padding-right: 8px; }
  @media (min-width: 768px) {
    .o-container--hra-prev-score {
      padding-left: 16px;
      padding-right: 16px; } }

.o-container--hra-module {
  margin-bottom: 16px;
  padding-left: 8px;
  padding-right: 8px; }
  @media (min-width: 768px) {
    .o-container--hra-module {
      padding-left: 16px;
      padding-right: 16px; } }

.o-container--noPadTopBtm {
  padding: 0 0.75rem; }
  @media (min-width: 768px) {
    .o-container--noPadTopBtm {
      padding: 0 1.5rem; } }

.o-container--module-no-sides {
  padding: 1.125rem 0 1.25rem; }
  @media (min-width: 768px) {
    .o-container--module-no-sides {
      padding: 1.5rem 0 1.5rem; } }

.o-container--ha-hdln {
  padding: 0.375rem 0.75rem; }
  @media (min-width: 768px) {
    .o-container--ha-hdln {
      padding: 0.125rem 1.5rem; } }

/*------------------------------------*\
  #SITE OBJECT
\*------------------------------------*/
.Site {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /*Messes up datepicker placement...*/
  /*height: 100%;
  height: 100vh; */
  }

.Site-header,
.Site-footer {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none; }

.Site-content {
  min-height: 1px;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto; }

/*------------------------------------*\
  #MEDIA OBJECT
\*------------------------------------*/
.Media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 1em; }

.Media:last-child {
  margin-bottom: 0; }

.Media-figure {
  margin-right: .8em; }

.Media-colon {
  width: 118px;
  margin-right: 1em; }
  @media (min-width: 768px) {
    .Media-colon {
      width: 175px; } }

.Media-body {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0%;
  -ms-flex: 1 1 0%;
  flex: 1 1 0%; }

.Media-body,
.Media-body :last-child {
  margin-bottom: 0; }

.Media-title {
  margin: 0 0 .5em; }

.Media--center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.Media--reverse > .Media-figure {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  margin: 0 0 0 1em; }

/*---------------------------------------------------*\
  #A11y_Patterns/accessible-modal-window/
\*---------------------------------------------------*/
/*
  Modal Overlay
*/
.modal-overlay {
  background: rgba(0, 0, 0, 0.8);
  height: 100%;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  padding: 1.5em;
  position: fixed;
  top: 0;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
  width: 100%;
  z-index: -1; }

.modal-overlay[aria-hidden="true"] {
  opacity: 0;
  visibility: hidden; }

.modal-overlay[aria-hidden="false"] {
  opacity: 1;
  visibility: visible;
  z-index: 2; }

/*
  Modal Content Area
*/
.modal-content {
  background: #ffffff;
  margin: auto;
  max-width: 700px;
  overflow: auto;
  overflow-x: hidden;
  padding: 1.5em;
  position: relative;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  width: 100%; }

.modal-overlay[aria-hidden="false"] .modal-content {
  -webkit-transform: scale(1);
  transform: scale(1); }

/*
  General Modal Content
*/
#modal-title {
  margin-top: 0;
  padding-right: 1.25em; }

.modal-btn {
  all: initial;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  padding: 10px 20px;
  margin: 0;
  color: #fff;
  background-color: #00a1b2;
  font-family: "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  border: none;
  border-radius: 0.5em;
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 0.6875em;
  text-transform: uppercase;
  height: 100%;
}

.modal-btn-hldr {
  display: flex;
  flex-direction: column;
} @media (min-width: 768px) {
  .modal-btn-hldr {
    width: 100%;
    margin: 5px;
    height: 65px;
  }
}

.modal-btn-container {
  display: flex;
  flex-direction: column;
} @media (min-width: 768px) {
  .modal-btn-container {
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }}

.margin-right-7px {
  margin-right: 7px;
}

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

/*
  Close Modal Button
*/
.btn-close {
  background: none;
  border: none;
  cursor: pointer;
  font-family: arial;
  font-size: 2em;
  font-weight: 800;
  line-height: 1;
  padding: 0;
  position: absolute;
  right: .25em;
  top: .25em;
  z-index: 2; }

.btn-close:hover {
  color: #c12f48; }

.btn-close:focus {
  outline: 1px dotted; }

/*------------------------------------*\
  #SMARTY
\*------------------------------------*/
.smarty-ui {
  z-index: 99999; }

/*------------------------------------*\
  #GOOGLE TRANSLATE
\*------------------------------------*/
.goog-te-banner-frame.skiptranslate {
  display: none !important; }

body {
  top: 0px !important; }

/*------------------------------------*\
    #BUTTONS GLOBAL
\*------------------------------------*/
.c-btn {
  all: initial;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  padding: 10px 20px;
  margin: 0;
  color: #fff;
  background-color: #00a1b2;
  font-family: "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  border: none;
  border-radius: 0.5em;
  font-size: 1em;
  font-weight: bold;
  transition: opacity 0.2s;
  margin-bottom: 0.6875em;
  text-transform: uppercase; }

.c-btn:last-child {
  margin-bottom: 0; }

.c-btn:hover, .c-btn:active, .c-btn:focus {
  text-decoration: none; }

.c-btn:active {
  opacity: initial; }

.c-btn[disabled], .c-btn.is-disabled {
  background-color: #D1D3D4;
  pointer-events: none; }

.c-btn--small {
  padding: 5px; }

.c-btn--large {
  padding: 20px; }

.c-btn--full {
  padding-right: 0;
  padding-left: 0;
  width: 100%; }

.c-btn--noColor {
  background-color: transparent;
  color: black;
  border: 1px solid transparent; }

.c-btn--noColor:hover, .c-btn--noColor:active, .c-btn--noColor:focus {
  background-color: transparent; }

.c-btn--noColor:focus {
  border: 1px solid #ccc; }

.c-btn--bordered {
  background-color: white;
  color: #58595B;
  box-shadow: inset 0 0 0 1px #A6A8AB; }

.c-btn--small\@sm {
  padding: 7px; }
  @media (min-width: 768px) {
    .c-btn--small\@sm {
      padding: 10px; } }

.c-btn-hldr--mobile-centered {
  width: 168px;
  margin: 0 auto; }
  @media (min-width: 480px) {
    .c-btn-hldr--mobile-centered {
      margin: 0; } }

/**
 * Inline svg for cart, comment, bars, account, twitter, linkedIn, youTube, facebook, instagram.
 * Things we want to make sure get rendered, especially if icon fonts don't load for some reason.
 *
 * On All Pages in Header and Footer
 */
/*------------------------------------*\
  #SVG INLINE ICONS - SVG TAG in HTML
\*------------------------------------*/
.o-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  fill: currentColor; }

.c-icon-cart_sm {
  width: 35px;
  height: 35px;
  fill: #929497;
  padding: 2px; }

.c-icon-comment {
  width: 35px;
  height: 35px;
  fill: #929497;
  padding: 5px; }

.c-icon-icon_bars {
  width: 35px;
  height: 35px;
  fill: #929497;
  padding: 4px; }

.c-menu__item .c-icon-icon_bars {
  width: 31px;
  height: 31px; }

.o-icon.c-icon-icon_bars:hover {
  fill: #595959; }

.c-navbar__bars {
  fill: #fff; }

.c-navbar__bars:hover {
  fill: #ffee03; }

.c-icon-icon_myAccount {
  width: 35px;
  height: 35px;
  fill: #929497;
  padding: 4px; }

.c-social-icon-contentful {
  width: 35px;
  height: 35px;
}

.c-icon-twitter,
.c-icon-linkedin2,
.c-icon-youtube,
.c-icon-facebook,
.c-icon-instagram,
.c-icon-googlePlus,
.c-icon-pinterest {
  width: 18px;
  height: 18px; }

.c-icon-googlePlus {
  width: 23px;
  height: 23px; }

.c-icon-pinterest {
  width: 25px;
  height: 25px; }

.c-icon-youtube {
  width: 20px;
  height: 20px; }

/**
 * Headlines, subheads, paragraphs, and global web font classes
 * On Landing Pages and FAQs
 */
/*------------------------------------*\
  #TYPOGRAPHY - LB 01142017
\*------------------------------------*/
.o-module__hdln {
  font-size: 1.125rem;
  line-height: 1;
  margin-bottom: 12px; }
  @media (min-width: 768px) {
    .o-module__hdln {
      font-size: 1.75rem; } }

.o-module__hdln--subhd {
  margin-bottom: 4px; }
  @media (min-width: 768px) {
    .o-module__hdln--subhd {
      margin-bottom: 6px; } }

.o-module__subhd--intro {
  font-size: 0.75rem;
  line-height: 1.3;
  width: 100%; }
  @media (min-width: 768px) {
    .o-module__subhd--intro {
      line-height: 1.6;
      font-size: 1.125rem; } }

.o-module__subhd {
  font-size: 0.75rem;
  line-height: 1.6;
  width: 100%; }
  @media (min-width: 768px) {
    .o-module__subhd {
      font-size: 1.125rem; } }

.o-module__subhd--pad {
  margin-bottom: 8px; }
  @media (min-width: 768px) {
    .o-module__subhd--pad {
      margin-bottom: 24px; } }

.o-module-p--big {
  width: 100%;
  max-width: 700px;
  font-size: 0.75rem;
  line-height: 1.5;
  font-weight: normal;
  margin-bottom: 15px; }
  @media (min-width: 768px) {
    .o-module-p--big {
      font-size: 1.125rem; } }

.o-module-p--callout {
  font-size: 0.6875rem;
  line-height: 1.2;
  font-weight: bold; }
  @media (min-width: 768px) {
    .o-module-p--callout {
      font-size: 1rem; } }

.o-module-block-hdln {
  font-size: 1.125rem;
}
@media (min-width: 768px) {
  .o-module-block-hdln {
    font-size: 1.625rem;
  }
}

/**
 * Styles For Log In Page Header
 */
/*------------------------------------*\
  #LOGIN - MASTHEAD
\*------------------------------------*/
.c-masthead-login {
  background-color: #fff;
  padding-top: 10px;
  padding-bottom: 10px; }
  @media (min-width: 768px) {
    .c-masthead-login {
      padding-top: 15px;
      padding-bottom: 15px; } }

/**
 * Skip Nav, Masthead, Navbar, & Flyout Menu
 * Global Header Rules
 */
/*------------------------------------*\
  #SKIP NAV - ACCESSIBILITY WCAG 2.0
\*------------------------------------*/
/*  Added for skip link in all pages  */
.c-skip-nav {
  font-size: 0.875em;
  padding: 8px;
  position: absolute;
  top: -40px;
  left: 0px;
  color: white;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
  border-bottom-right-radius: 8px;
  background: transparent;
  -webkit-transition: top .1s ease-out, background .1s linear;
  transition: top .1s ease-out, background .1s linear;
  z-index: 2;
  text-decoration: underline; }

.c-skip-nav:focus {
  position: absolute;
  left: 0px;
  top: 0px;
  background: #e42829;
  outline: 0;
  box-shadow: none;
  border: none;
  -webkit-transition: top .1s ease-in, background .5s linear;
  transition: top .1s ease-in, background .5s linear; }

/*  eo Added for skip link in all pages  */
/*------------------------------------*\
  #MASTHEAD
\*------------------------------------*/
.c-masthead {
  background-color: #fff; }

.c-masthead__label {
  display: inline-block;
  cursor: pointer;
  margin-left: -4px;
  height: 37px; }

.c-masthead__welcome {
  margin-bottom: 2px;
  color: #4b4d56;
  font-size: 0.75rem;
  font-weight: bold;
  text-align: right; }

a.c-masthead__welcome-link {
  color: #018cc1; }

.c-masthead__welcome-links a {
  color: #276092; }

.c-masthead__icn-account,
button.c-masthead__icn-cart {
  position: relative;
  border: none;
  background-color: transparent;
  padding: 0;
  cursor: pointer; }

.c-masthead__icn-account svg,
.c-masthead__icn-cart svg {
  vertical-align: bottom; }

.c-masthead__cart-items {
  font-size: 0.75rem;
  font-weight: bold;
  position: absolute;
  top: 4px;
  left: 5px;
  width: 30px;
  text-align: center;
  color: #00a1b2;
  height: 20px; }

.c-welcome-cart-fxhldr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

/*------------------------------------*\
  #NAVBAR
\*------------------------------------*/
.c-navbar {
  padding: 0 8px; }

.c-navbar__flexbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

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

/*------------------------------------*\
  #FLYOUT NAV
\*------------------------------------*/
.c-flyout-nav {
  position: absolute;
  top: 0px;
  height: 100vh; }

.c-menu {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 280px;
  height: 100%;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0px, 0px);
  -webkit-transition: -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  background-color: #fff; }

.c-menu__item {
  border-bottom: 1px solid #dadada;
  background-color: #fff; }

.c-menu__item > label {
  cursor: pointer;
  background: url(https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-arrow-right-b-128.png) 95% 50%/16px 16px no-repeat; }

.c-menu__item > label.welcome {
  cursor: pointer;
  background: none; }

.c-menu__item:focus {
  outline: 0;
  box-shadow: none;
  border: none; }

.c-menu__link {
  font-weight: bold;
  line-height: 48px;
  position: relative;
  display: block;
  padding: 0 20px 0 25px;
  text-decoration: none;
  color: #231F20; }

.c-menu__link[data-icon] {
  padding-left: 58px; }

/**
 * Icomoon icon font created for flyout menu.
 * Allows us to change icon color on rollover.
 * Fonts in inc/css/icomoon-fonts folder.
 * icomoon-font.css loads fonts with @font-face
 */
.c-menu__link::before {
  font-family: 'icomoon';
  font-size: 1.3em;
  position: absolute;
  top: 0;
  left: 20px;
  content: attr(data-icon);
  color: #929497;
  font-size: 22px; }

.c-menu-icn--signin::before {
  top: -3px;
  left: 26px; }

.c-menu-icn--home::before {
  top: 0px;
  left: 23px; }

.c-menu-icn--learn::before {
  left: 26px; }

.c-menu-icn--healthcenter::before {
  font-size: 1.2em; }

.c-menu-icn--activities::before {
  font-size: 1.6em;
  left: 23px; }

.c-menu-icn--rewards::before {
  font-size: 1.6em;
  top: 1px;
  left: 25px; }

.c-menu-icn--track::before {
  font-size: 1.1em;
  left: 23px; }

.c-menu-icn--shop::before {
  top: 1px;
  left: 16px; }

.c-menu-icn--account::before {
  top: -1px; }

/* icon colors */
.u-blue:hover::before, .is_active.u-blue:before, .u-blue:focus::before {
  color: #00b0da; }

.u-green:hover::before, .is_active.u-green:before, .u-green:focus::before {
  color: #80c241; }

.u-orange:hover::before, .is_active.u-orange:before, .u-orange:focus::before {
  color: #f79320; }

.u-red:hover::before, .is_active.u-red:before, .u-red:focus::before {
  color: #ae1f2b; }

.u-gray:hover::before, .is_active.u-gray:before, .u-gray:focus::before {
  color: #6d6e70; }

.c-menu__link:hover {
  color: #666; }

/* eo Icomoon icon font styling */
/* hide checkbox inputs */
.c-menu-checkbox {
  display: none; }

/* set x to 0 when :checked */
.c-menu-checkbox:checked + .c-menu {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 1001; }

.c-menu-checkbox:checked ~ .c-menu-overlay {
  display: block;
  z-index: 1000; }

.c-submenu__toggle {
  margin-top: 18px;
  border-bottom: 1px solid #dadada;
  cursor: pointer; }
  .c-submenu__toggle:focus {
    outline: 0;
    box-shadow: none;
    border: none;
    border: 1px solid red; }

.c-icn-cheveron_lt {
  position: relative;
  display: block;
  float: left;
  width: 22px;
  height: 37px; }

.c-icn-cheveron_lt:before {
  font-family: 'icomoon';
  font-size: 1.1em;
  position: absolute;
  top: -1px;
  left: 0;
  content: attr(data-icon);
  color: #444; }

.c-menu-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  text-align: center;
  background: rgba(0, 0, 0, 0.6); }

.m-menu-padding-top-btm {
  padding-top: 20px;
  padding-bottom: 4px; }
  @media (min-width: 768px) {
    .m-menu-padding-top-btm {
      padding-top: 30px; } }

.m-menu-padding-left {
  padding-left: 20px; }

.m-menu-welcome {
  width: auto;
  float: none;
  display: inline-block;
  position: relative;
  top: -9px;
  left: 3px;
  color: #008099;
  font-weight: bold; }

.c-menu__item:hover .c-icon-icon_bars {
  fill: #595959; }

.c-menu__link:focus {
  outline: 0;
  box-shadow: none;
  border: none; }

.c-submenu .c-menu__link {
  font-size: 0.85em; }

.c-submenu.c-menu {
  overflow: auto;
  animation: none; }

.o-label:focus {
  outline: none;
  box-shadow: none;
  border: none; }

/* END OF FLYOUT NAV */
/**
 * Form styles.
 * Derived from (https://www.wpsitecare.com/css-form-styling/)
 */
/*------------------------------------*\
  #FORMS
\*------------------------------------*/
/* Input Form Fields, select and textarea ----------- */
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select,
textarea {
  border-color: #9ea0a0;
  -webkit-border-radius: .5em;
  border-radius: .5em;
  border-width: 1px;
  border-style: solid;
  color: #222;
  font-size: 0.875em;
  font-weight: 400;
  padding: 12px;
  width: 100%;
  max-width: 400px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: border-color .2s ease-in-out; }

input[type="date"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="email"]:hover,
input[type="month"]:hover,
input[type="number"]:hover,
input[type="password"]:hover,
input[type="tel"]:hover,
input[type="text"]:hover,
input[type="time"]:hover,
input[type="url"]:hover,
input[type="week"]:hover,
textarea:hover, select:hover {
  border-color: #e0e0e0; }

input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
textarea:focus, select:focus {
  border-color: #adadad;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(160, 160, 160, 0.7);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(160, 160, 160, 0.7);
  outline: none; }

/* Placeholder text -------------------- */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #c7c7c7;
  opacity: 1;
  font-weight: 400; }

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #c7c7c7;
  opacity: 1;
  font-weight: 400; }

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #c7c7c7;
  opacity: 1;
  font-weight: 400; }

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #c7c7c7;
  opacity: 1;
  font-weight: 400; }

input::placeholder,
textarea::placeholder {
  color: #c7c7c7;
  opacity: 1;
  font-weight: 400; }

/* Input buttons -------------------- */
input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
  outline: none; }

/* Select -------------------- */
select {
  background-color: white;
  background-image: url(../img/arrow-down.svg);
  background-repeat: no-repeat;
  background-position: right 11px center;
  -webkit-background-size: 14px 12px;
  background-size: 14px 12px;
  padding-top: 2px;
  padding-bottom: 2px; }

select.tall {
  background-color: white;
  background-image: url(../img/arrow-down.svg);
  background-repeat: no-repeat;
  background-position: right 11px center;
  -webkit-background-size: 14px 12px;
  background-size: 14px 12px;
  padding-top: 12px;
  padding-bottom: 12px; }

/* Radio and Checkbox -------------------- */
input[type="checkbox"],
input[type="radio"] {
  margin: 0;
  opacity: 0;
  padding: 0; }

input[type="checkbox"] + label,
input[type="radio"] + label {
  background: url(../img/finity-radio.svg) no-repeat scroll left top transparent;
  -webkit-background-size: 15px 15px;
  background-size: 15px 15px;
  display: inline-block;
  line-height: 15px;
  margin-left: -18px;
  padding-left: 22px; }

input[type="checkbox"]:checked + label {
  background-image: url(../img/finity-checked.svg);
  -webkit-background-size: 16px 15px;
  background-size: 16px 15px; }

input[type="radio"] + label {
  background-image: url(../img/finity-radio.svg); }

input[type="radio"]:checked + label {
  background-image: url(../img/finity-checked.svg); }

/*------------------------------------*\
  #REGISTER FORM AND LOGINS LABELS
\*------------------------------------*/
.label,
.label--login {
  font-size: 0.75rem;
  display: block;
  margin-bottom: .5em;
  margin-top: 1.28571em;
  font-weight: bold;
  color: #58595B; }
  @media (min-width: 768px) {
    .label,
    .label--login {
      font-size: 0.8125rem; } }

.label--login {
  margin-bottom: 0.25rem;
  margin-top: 0.5rem; }

.label--light {
  font-weight: normal;
  color: #231F20; }

.label--no-top {
  margin-top: 0; }

.label--sm-top {
  margin-top: 9px; }

/*-------------------------------------------------------------------*\
  #COMPLETELY CSS CUSTOM CHECKBOXES RADIO BUTTONS AND SELECT BOXES
\*-------------------------------------------------------------------*/
fieldset {
  border: none; }

/* Radio and Checkbox -------------------- */
.control {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
  cursor: pointer;
  font-size: 0.875rem; }

.control input {
  position: absolute;
  z-index: -1;
  opacity: 0; }

.control__indicator {
  position: absolute;
  top: 2px;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  box-shadow: inset 0px 0px 0px 1px #2b71b9;
  border-radius: 4px;
  border-radius: 50%;
  -webkit-transition: background-color .2s;
  transition: background-color .2s; }

.control__indicator--square {
  border-radius: 4px; }

.control--radio .control__indicator {
  border-radius: 50%; }

.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
  background-color: #f1f1f1; }

.control input:checked ~ .control__indicator {
  background: #2b71b9; }

.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
  background: #215890;
  box-shadow: inset 0px 0px 0px 1px #215890; }

.control input:disabled ~ .control__indicator {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.control__indicator:after {
  content: '';
  position: absolute;
  display: none; }

.control input:checked ~ .control__indicator:after {
  display: block; }

.control--checkbox .control__indicator:after {
  left: 7px;
  top: 3px;
  width: 6px;
  height: 11px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg); }

.control--checkbox input:disabled ~ .control__indicator:after {
  border-color: #7b7b7b; }

.control--radio .control__indicator:after {
  left: 7px;
  top: 7px;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background: #fff; }

.control--radio input:disabled ~ .control__indicator:after {
  background: #7b7b7b; }

/* Select box -------------------- */
.select {
  position: relative;
  display: inline-block;
  margin-bottom: 15px;
  width: 180px; }

.select--narrow {
  width: 120px;
  margin-right: 12px; }

.select--wide {
  width: 100%;
  max-width: 400px;
  margin-bottom: 0; }

.select--noPad {
  margin-bottom: 0; }

.select select {
  display: inline-block;
  width: 100%;
  cursor: pointer;
  padding: 10px 15px;
  outline: 0;
  border-radius: 0;
  border-radius: 0.5rem;
  background: #ffffff;
  font-size: 0.875rem;
  color: #7b7b7b;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none; }

.select select.tall {
  padding: 12px 15px; }

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

.select select:hover,
.select select:focus {
  color: #000; }

.select select:disabled {
  opacity: 0.5;
  pointer-events: none; }

.select__arrow {
  position: absolute;
  top: 16px;
  right: 15px;
  width: 0;
  height: 0;
  pointer-events: none;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #7b7b7b transparent transparent transparent; }

.select__arrow--tall {
  position: absolute;
  top: 18px;
  right: 15px;
  width: 0;
  height: 0;
  pointer-events: none;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #7b7b7b transparent transparent transparent; }

.select select:hover ~ .select__arrow,
.select select:focus ~ .select__arrow {
  border-top-color: #000; }

.select select:disabled ~ .select__arrow {
  border-top-color: #ccc; }

.c-boxed {
  border: 1px solid #c3c3c3;
  margin-top: 24px;
  margin-bottom: 10px;
  max-width: 420px;
  padding: 15px 15px 0 15px; }

.c-boxed--regMar {
  margin-top: 0;
  margin-bottom: 20px; }

.c-boxed--regTerms {
  margin-bottom: 24px;
  padding-bottom: 8px; }

.c-boxed__hdln {
  font-size: 0.9375rem;
  font-weight: bold;
  margin-bottom: 10px; }

.c-boxed__checkbox-label {
  font-size: 0.75rem;
  line-height: 1.2; }

.c-boxed__radio-grp {
  margin-left: 18px;
  margin-top: -15px; }

input[type="text"].error,
input[type="password"].error,
select.error,
input[type="text"].dependent-error,
input[type="password"].dependent-error,
select.dependent-error {
  border-color: #af1f2c !important; }

input[type="text"].error,
input[type="password"].error,
select.error {
  border-color: #af1f2c !important; }

label.error,
.error-captcha,
.u-required,
p.error {
  max-width: 400px;
  color: #af1f2c;
  font-size: 0.75rem;
  margin-top: 6px;
  display: table; }

.c-control--su {
  padding-left: 29px;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1; }

/**
 * Group of links as content
 * On Several Landing Pages
 */
/*------------------------------------*\
  #LINKS - CONTENT
\*------------------------------------*/
.c-links {
  margin-top: 8px; }
  @media (min-width: 480px) {
    .c-links {
      margin-top: 0;
      margin-left: 24px; } }
  @media (min-width: 768px) {
    .c-links {
      margin-top: 5px;
      margin-left: 24px; } }

.c-links__item {
  margin-bottom: 10px; }
  @media (min-width: 768px) {
    .c-links__item {
      margin-bottom: 14px; } }

.c-links__item:first-child {
  margin-top: 6px; }
  @media (min-width: 480px) {
    .c-links__item:first-child {
      margin-top: 0; } }

.c-links__link {
  font-size: 0.75rem;
  font-weight: 400;
  text-decoration: underline; }
  @media (min-width: 768px) {
    .c-links__link {
      font-size: 1.125rem; } }

.c-links__link:hover {
  color: #515254; }

/*---------------------------------------*\
  #LINKS - ICONS
\*---------------------------------------*/
.c-link-icn-fwrp {
  display: flex;
  align-items: center; }

.c-link-icn {
  position: relative;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background-color: #515254;
  margin-right: 12px; }

.c-link-icn::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 20px;
  height: 32px;
  margin: auto;
  content: '';
  background: url("../img/dollar_sign_white.png") no-repeat;
  background: none, url("../img/dollar_sign_white.svg") no-repeat;
  background-size: 100%; }

.c-link-icn--healthy::after {
  width: 20px;
  height: 24px;
  background: url("../img/link-healthy-icon.png") no-repeat;
  background: none, url("../img/link-healthy-icon.svg") no-repeat;
  background-size: cover; }

.c-link-icn--healthy::after {
  width: 21px;
  height: 25px;
  background: url("../img/link-healthy-icon.png") no-repeat;
  background: none, url("../img/link-healthy-icon.svg") no-repeat;
  background-size: cover; }

.c-link-icn--diabetes::after {
  width: 21px;
  height: 25px;
  left: 1px;
  background: url("../img/link-diabetes-icon.png") no-repeat;
  background: none, url("../img/link-diabetes-icon.svg") no-repeat;
  background-size: cover; }

.c-link-icn--recipes::after {
  width: 24px;
  height: 28px;
  background: url("../img/link-recipes-icon.png") no-repeat;
  background: none, url("../img/link-recipes-icon.svg") no-repeat;
  background-size: cover; }

.c-link-icn--food::after {
  width: 30px;
  height: 24px;
  top: 2px;
  background: url("../img/link-food-icon.png") no-repeat;
  background: none, url("../img/link-food-icon.svg") no-repeat;
  background-size: cover; }

.c-link-icn--calories::after {
  width: 29px;
  height: 25px;
  background: url("../img/link-calories-icon.png") no-repeat;
  background: none, url("../img/link-calories-icon.svg") no-repeat;
  background-size: cover; }

.c-link-icn--profile::after {
  width: 22px;
  height: 22px;
  background: url("../img/link-profile-icon.png") no-repeat;
  background: none, url("../img/link-profile-icon.svg") no-repeat;
  background-size: cover; }

.c-link-icn--earn::after {
  width: 24px;
  height: 24px;
  background: url("../img/link-earn-icon.png") no-repeat;
  background: none, url("../img/link-earn-icon.svg") no-repeat;
  background-size: cover; }

.c-link-icn--spend::after {
  width: 22px;
  height: 25px;
  background: url("../img/link-spend-icon.png") no-repeat;
  background: none, url("../img/link-spend-icon.svg") no-repeat;
  background-size: cover; }

.c-link-icn--heart-shop::after {
  top: 4px;
  width: 26px;
  height: 21px;
  background: url("../img/link-heart-shop-icon.png") no-repeat;
  background: none, url("../img/link-heart-shop-icon.svg") no-repeat;
  background-size: cover; }

.c-link-icn--weight-loss::after {
  width: 26px;
  height: 26px;
  background: url("../img/link-weight-loss-icon.png") no-repeat;
  background: none, url("../img/link-weight-loss-icon.svg") no-repeat;
  background-size: cover; }

/*---------------------------------------*\
  #LINKS - LEARN -> HEALTHY SMILES PAGE
\*---------------------------------------*/
.c-links--alone {
  margin-top: 15px;
  margin-left: 15px;
  margin-bottom: 15px; }
  @media (min-width: 768px) {
    .c-links--alone {
      margin-left: 18px; } }

/*---------------------------------------*\
  #LINKS - ACTIVITIES PAGE - EARN POINTS
\*---------------------------------------*/
.c-links--earn-points {
  margin-left: 10px;
  margin-bottom: 15px; }
  @media (min-width: 768px) {
    .c-links--earn-points {
      margin-left: 25px; } }

/**
 * Responsive Image, title bar, and Link/My Reward Points Module
 * Top of Landing Pages
 */
/*------------------------------------*\
  #HERO BANNER
\*------------------------------------*/
.c-hero-img {
  max-width: 100%;
  /* gets rid of gap under image since imgs are inline by default */
  display: block; }

/*-------------------------------------------------*\
  #CLICK AND REWARD POINT MODULE
\*-------------------------------------------------*/
.c-click-rewards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.c-clickbox-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2; }
  @media (min-width: 768px) {
    .c-clickbox-grp {
      margin-top: -10px; } }

.c-clickbox {
  display: block;
  background: url("../img/MetroPlus_Checkbox.svg") no-repeat;
  background-size: 100%;
  width: 21px;
  height: 22px; }
  @media (min-width: 768px) {
    .c-clickbox {
      width: 36px;
      height: 39px; } }

.c-clickbox__hdln {
  font-size: 0.875rem;
  padding-top: 5px; }
  @media (min-width: 768px) {
    .c-clickbox__hdln {
      font-size: 1.125rem;
      padding-top: 15px; } }

.c-clickbox-hldr {
  margin-left: 5px;
  margin-bottom: 5px; }

/**
 * Large color circle with icon, headline and paragraph.
 * On Several Landing Pages
 */
/*------------------------------------*\
  #SUMMARY BANNER
\*------------------------------------*/
.c-summary__icn {
  position: relative;
  width: 54px;
  height: 54px;
  margin: 0 auto;
  border-radius: 50%;
  background-color: #515254; }
  @media (min-width: 768px) {
    .c-summary__icn {
      width: 140px;
      height: 140px; } }

.c-summary__icn::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 27px;
  height: 43px;
  margin: auto;
  content: '';
  background: url("../img/dollar_sign_white.png") no-repeat;
  background: none, url("../img/dollar_sign_white.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-summary__icn::after {
      width: 63px;
      height: 101px; } }

.c-summary__icn--earn::after {
  width: 30px;
  height: 29px;
  background: url("../img/Earn_MP.png") no-repeat;
  background: none, url("../img/Earn_MP.svg") no-repeat;
  background-size: cover; }
  @media (min-width: 768px) {
    .c-summary__icn--earn::after {
      width: 78px;
      height: 76px; } }

.c-summary__icn--track::after {
  width: 37px;
  height: 26px;
  background: url("../img/chart_bars_white.png") no-repeat;
  background: none, url("../img/chart_bars_white.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-summary__icn--track::after {
      width: 90px;
      height: 68px; } }

.c-summary__icn--shop::after {
  left: -5px;
  width: 36px;
  height: 43px;
  background: url("../img/cart+arrow_white.png") no-repeat;
  background: none, url("../img/cart+arrow_white.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-summary__icn--shop::after {
      left: -13px;
      width: 90px;
      height: 104px; } }

.c-summary__icn--contact::after {
  top: 5px;
  left: 1px;
  width: 35px;
  height: 32px;
  background: url("../img/comment_white.png") no-repeat;
  background: none, url("../img/comment_white.png") no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-summary__icn--contact::after {
      top: 10px;
      width: 90px;
      height: 85px; } }

.c-summary__headline {
  font-size: 1rem;
  line-height: 1.2;
  margin-top: 3px;
  margin-bottom: 5px; }
  @media (min-width: 768px) {
    .c-summary__headline {
      font-size: 1.875rem;
      margin-top: 8px;
      margin-bottom: 8px; } }

/*------------------------------------*\
  #SUMMARY BANNER - HEALTH CENTER PAGE
\*------------------------------------*/
.c-summary__icn--doc::after {
  left: 1px;
  width: 36px;
  height: 38px;
  background: url("../img/doc_w.png") no-repeat;
  background: none, url("../img/doc_w.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-summary__icn--doc::after {
      left: 2px;
      width: 90px;
      height: 94px; } }

.c-summary__icn--pharma::after {
  left: 3px;
  width: 36px;
  height: 47px;
  background: url("../img/pharmacy_w.png") no-repeat;
  background: none, url("../img/pharmacy_w.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-summary__icn--pharma::after {
      left: 3px;
      width: 90px;
      height: 118px; } }

.c-summary__icn--claims::after {
  left: 1px;
  width: 36px;
  height: 37px;
  background: url("../img/claims_w.png") no-repeat;
  background: none, url("../img/claims_w.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-summary__icn--claims::after {
      left: 2px;
      width: 90px;
      height: 96px; } }

.c-summary__icn--stethoscope::after {
  left: 1px;
  width: 36px;
  height: 36px;
  background: url("../img/link-doc-icon.png") no-repeat;
  background: none, url("../img/link-doc-icon.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-summary__icn--stethoscope::after {
      left: 4px;
      width: 85px;
      height: 85px; } }

.c-summary__icn--rx-bottle::after {
  left: 0;
  width: 24px;
  height: 37px;
  background: url("../img/link-rx-icon.png") no-repeat;
  background: none, url("../img/link-rx-icon.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-summary__icn--rx-bottle::after {
      left: 2px;
      width: 58px;
      height: 88px; } }

.c-summary__icn--cal::after {
  left: 0;
  width: 31px;
  height: 32px;
  background: url("../img/link-cal-icon.png") no-repeat;
  background: none, url("../img/link-cal-icon.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-summary__icn--cal::after {
      left: 2px;
      width: 80px;
      height: 84px; } }

/*-----------------------------------------------------------------*\
  #MODULES - HEALTH CENTER -> METRO PLUS SPECIFIC
\*-----------------------------------------------------------------*/
.c-summary__icn--calendar::after {
  width: 33px;
  height: 31px;
  left: 0;
  top: 1px;
  background: url("../img/Calendar.png") no-repeat;
  background: none, url("../img/Calendar.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-summary__icn--calendar::after {
      left: 3px;
      top: 2px;
      width: 90px;
      height: 84px; } }

.c-summary__hdln--only {
  font-size: 1rem;
  line-height: 1.1;
  margin-top: 3px; }
  @media (min-width: 768px) {
    .c-summary__hdln--only {
      font-size: 1.875rem;
      margin-top: 8px; } }

/**
 * Large white circle with reward points.
 * On Several Landing Pages
 */
/*------------------------------------*\
  #CALLOUT REWARDS
\*------------------------------------*/
.c-points {
  height: 85px; }
  @media (min-width: 768px) {
    .c-points {
      height: 142px; } }

.c-points__headline {
  font-size: 1rem;
  line-height: 65px;
  color: #fff; }
  @media (min-width: 768px) {
    .c-points__headline {
      font-size: 2rem;
      line-height: 116px; } }

.c-points__points {
  font-size: 1.125rem;
  display: inline-block;
  width: 65px;
  height: 65px;
  margin-left: 10px;
  color: #231F20;
  border-radius: 50%;
  background-color: #fff; }
  @media (min-width: 768px) {
    .c-points__points {
      width: 123px;
      height: 123px; } }

/*------------------------------------*\
  #CALLOUT REWARDS BANNER
\*------------------------------------*/
.c-points--Banner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  @media (min-width: 768px) {
    .c-points--Banner {
      padding: 18px; } }

/**
 * Shopping Coming Soon! callout
 */
/*------------------------------------*\
  #CALLOUT COMING SOON! -> SHOP PAGE
\*------------------------------------*/
.c-group-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.c-group-holder__img {
  width: 40px;
  margin-left: 10px; }
  @media (min-width: 768px) {
    .c-group-holder__img {
      width: 70px;
      margin-left: 25px; } }

/*------------------------------------*\
  #LOGIN
\*------------------------------------*/
.c-login-holder {
  width: 282px;
  margin: 0 auto; }
  @media (min-width: 768px) {
    .c-login-holder {
      width: 442px; } }

.c-login-form {
  margin: 24px auto;
  padding: 14px 12px 12px 12px;
  color: #676866;
  border: 1px solid #979797;
  background-color: #fffffe; }
  @media (min-width: 768px) {
    .c-login-form {
      padding: 14px 20px 20px 20px;
      margin: 48px auto; } }

.c-login-form__headline {
  font-size: 1.125rem;
  color: #3b3c39; }

.c-form-links {
  margin-top: 8px;
  margin-bottom: 20px; }

.c-form-links__link-username {
  float: left; }

.c-form-links__link-password {
  float: right; }

/*----------------------------------------*\
  #FORGOT USERNAME? & #FORGOT PASSWORD?
\*----------------------------------------*/
.c-forgot__hdln {
  font-size: 1.3125rem;
  color: #414141; }
  @media (min-width: 768px) {
    .c-forgot__hdln {
      font-size: 1.5rem; } }

.c-forgot__content {
  font-size: 0.75rem;
  max-width: 400px; }
  @media (min-width: 768px) {
    .c-forgot__content {
      font-size: 0.8125rem; } }

.c-forgot__sub {
  font-size: 1.125rem;
  line-height: 1;
  color: #59595C; }
  @media (min-width: 768px) {
    .c-forgot__sub {
      font-size: 1.3125rem; } }

.g-recaptcha {
  margin-left: -16px;
  margin-top: 10px;
  margin-bottom: 20px; }
  @media (min-width: 380px) {
    .g-recaptcha {
      margin-left: 0; } }

.c-thankYouPW-hldr {
  max-width: 550px; }

/*------------------------------------*\
  #REGISTER & LOGIN FAQ ASIDE
\*------------------------------------*/
.c-faq {
  border: 1px solid #d6d6d6;
  padding: 15px;
  margin-bottom: 10px; }

.c-faq--no-border {
  padding: 15px;
  margin-bottom: 10px; }

.c-faq--first {
  margin-top: 10px; }

.c-faq__hdln {
  font-size: 1rem;
  line-height: 1.3;
  margin-bottom: 8px; }

.c-faq__body {
  font-size: 0.75rem;
  margin-bottom: 5px; }

.c-faq__icn {
  position: relative;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background-color: #515254; }

.c-faq__icn::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 20px;
  height: 29px;
  margin: auto;
  content: '';
  background: url("../img/questionMark.png") no-repeat;
  background: none, url("../img/questionMark.svg") no-repeat;
  background-size: 100%; }

.c-medicaid-card {
  width: 226px;
  height: 90px;
  background: url("../img/medicaid_card.png") no-repeat;
  background: none, url("../img/medicaid_card.svg") no-repeat;
  background-size: 100%;
  margin-bottom: 15px; }

.c-MetroPlus-card {
  width: 246px;
  height: 162px;
  background: url("../img/MetroPlusCard.png") no-repeat;
  background: none, url("../img/MetroPlusCard.svg") no-repeat;
  background-size: 100%;
  margin-bottom: 15px; }

.c-blue-underline-anchor {
  color: #39609d;
  cursor: pointer;
  text-decoration: underline; }

/*------------------------------------*\
  #POPUP DIALOG MEDIA OBJS
\*------------------------------------*/
.c-media-faq__fwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.c-media-faq__img {
  margin-right: 10px; }

.c-media-faq__body {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.c-media-faq__content {
  font-size: 0.75rem;
  margin-bottom: 5px; }

/*------------------------------------*\
  #ONELINER - ANTHEM
\*------------------------------------*/
.c-media-faq__content--oneline {
  margin-top: 5px; }
  @media (min-width: 500px) {
    .c-media-faq__content--oneline {
      margin-top: 15px; } }

/*------------------------------------*\
  #REGISTER FORM
\*------------------------------------*/
.c-form-links {
  margin-bottom: 20px; }

.c-register__hdln {
  font-size: 1.125rem;
  color: #414141; }
  @media (min-width: 768px) {
    .c-register__hdln {
      font-size: 1.5rem; } }

.c-register__sub,
.c-register__sub-mar {
  font-size: 1rem;
  margin-right: auto;
  line-height: 1; }
  @media (min-width: 768px) {
    .c-register__sub,
    .c-register__sub-mar {
      font-size: 1.3125rem; } }

.c-register__sub-mar {
  margin-bottom: 12px; }

.c-register__sub--legend {
  max-width: 450px;
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 20px;
  line-height: 1; }
  @media (min-width: 768px) {
    .c-register__sub--legend {
      font-size: 1.3125rem; } }

.c-register__sub-sub {
  font-size: 0.875rem;
  margin-top: 0.625rem; }
  @media (min-width: 768px) {
    .c-register__sub-sub {
      font-size: 1.125rem; } }

.c-register__sub-sub--dep {
  font-size: 0.85714em; }

.c-register__hdln-sub {
  font-size: 1.125rem; }
  @media (min-width: 768px) {
    .c-register__hdln-sub {
      font-size: 1.5rem; } }

.c-register__sub--air {
  margin-top: 10px;
  margin-bottom: 5px; }
  @media (min-width: 768px) {
    .c-register__sub--air {
      margin-top: 15px; } }

.c-register__date {
  margin-bottom: 10px;
  padding-bottom: 5px;
  font-size: 0.6875rem; }
  @media (min-width: 768px) {
    .c-register__date {
      font-size: 0.875rem; } }

.c-fieldset,
.c-fieldsetPlus {
  border: 0;
  width: 100%; }
  @media (min-width: 768px) {
    .c-fieldset,
    .c-fieldsetPlus {
      margin-bottom: 10px; } }

.c-fieldsetPlus {
  margin-bottom: 15px; }
  @media (min-width: 768px) {
    .c-fieldsetPlus {
      margin-bottom: 35px; } }

.c-fieldset--btm {
  margin-bottom: 10px; }

.c-fieldset--btm-lg {
  margin-bottom: 20px; }

.c-fieldset--top-lg {
  margin-top: 20px; }

.c-fieldset__hdln {
  font-size: 1em;
  margin-bottom: 5px; }

.c-fieldset--boxed {
  border: 1px solid #d6d6d6;
  padding: 15px;
  max-width: 400px; }

.c-boxed-info {
  font-size: 0.875rem; }

.c-communications__hdln {
  font-size: 0.875rem;
  margin-bottom: 5px; }

.c-select-grp {
  margin-top: 10px;
  margin-bottom: 10px; }

.c-select-grp__headline {
  font-size: 0.9375rem;
  display: inline-block;
  float: left;
  margin-top: 5px;
  margin-right: 15px; }

.c-select-grp__select {
  display: inline-block;
  width: 180px; }

.c-communications__content {
  font-size: 0.75rem;
  max-width: 400px; }
  @media (min-width: 768px) {
    .c-communications__content {
      font-size: 0.8125rem; } }

.c-finity-express-logo {
  display: block;
  width: 275px;
  max-width: 100%;
  height: 41px;
  margin-top: 5px;
  margin-left: 5px;
  background: url("../img/logo_finityExpress.png");
  background-image: none, url("../img/logo_finityExpress.svg");
  background-repeat: no-repeat;
  background-size: 100%; }

.c-logo_smarty {
  display: block;
  width: 280px;
  max-width: 100%;
  height: 52px;
  background: url("../img/logo_smartyStreets.png");
  background-image: none, url("../img/logo_smartyStreets.svg");
  background-repeat: no-repeat;
  background-size: 100%; }

.c-cleaning-hdln {
  font-size: 1em;
  line-height: 1.3;
  text-align: center;
  margin-top: 5px; }

.c-check__icn {
  position: relative;
  width: 46px;
  height: 46px;
  margin: 0 auto;
  border-radius: 50%;
  background-color: #515254; }

.c-check__icn::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 26px;
  height: 23px;
  margin: auto;
  content: '';
  background: url("../img/checkmark.png") no-repeat;
  background: none, url("../img/checkmark.svg") no-repeat;
  background-size: 100%; }

/*------------------------------------*\
  #TERMS
\*------------------------------------*/
.c-terms-top {
  margin-top: 18px; }

.c-terms-lft {
  margin-left: 18px; }

.c-terms-last {
  margin-top: 30px;
  margin-bottom: 50px; }

/*------------------------------------*\
  #PRIVACY
\*------------------------------------*/
.c-privacy-hdln {
  font-size: 1rem;
  line-height: 1;
  margin-top: 10px;
  margin-bottom: 5px; }
  @media (min-width: 768px) {
    .c-privacy-hdln {
      font-size: 1.3125rem;
      margin-top: 15px; } }

.c-privacy-link {
  color: #4586F2; }

.c-privacy-list {
  font-size: 0.6875rem;
  line-height: 1.27273;
  margin-left: 30px; }
  @media (min-width: 768px) {
    .c-privacy-list {
      font-size: 1rem;
      margin-left: 40px; } }

.c-privacy-list__item {
  margin-top: 8px;
  list-style-type: disc;
  list-style-position: outside; }

/*----------------------------------------*\
  #Step6 -> Complete Health Profile
\*----------------------------------------*/
.c-input-hdln {
  font-size: 0.875rem; }
  @media (min-width: 768px) {
    .c-input-hdln {
      font-size: 1.125rem; } }

.c-input-hdln--legend {
  font-size: 0.875rem;
  font-weight: bold;
  margin-bottom: 15px; }
  @media (min-width: 768px) {
    .c-input-hdln--legend {
      font-size: 1.125rem; } }

.c-input-hdln--sm {
  font-size: 0.8125rem;
  margin-bottom: 3px; }
  @media (min-width: 768px) {
    .c-input-hdln--sm {
      font-size: 0.875rem; } }

.c-input-grp {
  margin-top: 10px; }

.c-select-grp__height {
  width: 100px;
  max-width: 130px;
  font-size: 0.8125rem; }

.c-select-span {
  font-size: 0.75rem;
  margin-right: 5px;
  font-weight: bold;
  color: #58595b; }
  @media (min-width: 768px) {
    .c-select-span {
      font-size: 0.8125rem; } }

.c-select-span--inches {
  padding-left: 5px; }

.c-owner-hdln {
  font-size: 0.875rem;
  margin-top: 4px;
  margin-bottom: 14px; }
  @media (min-width: 768px) {
    .c-owner-hdln {
      font-size: 1.125rem;
      margin-bottom: 0; } }

.c-select-grp__sidehead {
  font-size: 0.875rem;
  display: inline-block;
  float: left;
  margin-top: 5px;
  margin-right: 10px; }
  @media (min-width: 768px) {
    .c-select-grp__sidehead {
      margin-top: 0;
      font-size: 1.125rem; } }

/*----------------------------------------*\
  #One More Step!
\*----------------------------------------*/
.c-exclamationSign__fwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.c-exclamationSign__img {
  width: 50px;
  height: 45px;
  background: url("../img/ExclamationSign.png") no-repeat;
  background: none, url("../img/ExclamationSign.svg") no-repeat;
  background-size: 100%;
  margin-right: 15px; }

.c-exclamationSign__hdnl {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 1.125rem;
  line-height: 1.2;
  margin: 0;
  max-width: 200px; }
  @media (min-width: 768px) {
    .c-exclamationSign__hdnl {
      max-width: 100%;
      font-size: 1.5rem; } }

.c-exclamationSign__content {
  font-size: 0.75rem;
  max-width: 600px;
  margin-top: 10px; }
  @media (min-width: 768px) {
    .c-exclamationSign__content {
      font-size: 0.8125rem; } }

.c-input-hdln--sixDigits {
  color: #59595c;
  margin-bottom: 4px; }

.c-exclamationSign__btn-grp {
  max-width: 700px;
  margin-top: 10px; }

.c-confirmation-box {
  border: 1px solid #d6d6d6;
  padding: 15px;
  margin-bottom: 10px;
  max-width: 400px;
  margin-top: 10px; }
  @media (min-width: 768px) {
    .c-confirmation-box {
      margin-top: 20px; } }

.c-confirmation-box__hdln {
  font-size: 0.8125rem;
  margin-bottom: 8px; }

.c-confirmation-box__fwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.c-confirmation-box__body {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.c-confirmation-box__content {
  font-size: 0.75rem;
  margin-bottom: 5px; }

.c-confirmation-box__icn {
  position: relative;
  width: 46px;
  height: 46px;
  margin-right: 10px;
  border-radius: 50%;
  background-color: #515254; }

.c-confirmation-box__icn::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 28px;
  height: 22px;
  margin: auto;
  content: '';
  background: url("../img/envelope.png") no-repeat;
  background: none, url("../img/envelope.svg") no-repeat;
  background-size: 100%; }

/*----------------------------------------*\
  #Thank you for registering!
\*----------------------------------------*/
.c-thankYou__fwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px; }

.c-thankYou__icn {
  position: relative;
  width: 53px;
  height: 53px;
  margin-right: 10px;
  border-radius: 50%;
  background-color: #515254; }

.c-thankYou__icn::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 30px;
  height: 27px;
  margin: auto;
  content: '';
  background: url("../img/checkmark.png") no-repeat;
  background: none, url("../img/checkmark.svg") no-repeat;
  background-size: 100%; }

.c-thankYou__hdnl {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 1.125rem;
  line-height: 1.2;
  margin: 0; }
  @media (min-width: 768px) {
    .c-thankYou__hdnl {
      max-width: 100%;
      font-size: 1.5rem; } }

.c-thankYou__body {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.c-thankYou__content {
  font-size: 0.75rem;
  max-width: 600px;
  margin-top: 6px; }
  @media (min-width: 768px) {
    .c-thankYou__content {
      font-size: 0.8125rem; } }

/* LB 20170130 */
.o-registerLft-hldr {
  max-width: 550px; }

/* LB 20170222 */
.c-select-grpInline-fb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.c-select-grpWrap-fb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

/**
 * Module specific styles.
 * On Several Landing Pages
 * Health Resources, Earn Points,
 * My Health Alerts, Get Healthy, Health Center
 */
/*------------------------------------*\
  #MODULES - HEALTH RESOURCES
\*------------------------------------*/
.c-health-resources__img {
  display: block;
  width: 100%;
  min-height: 1px; }

/*------------------------------------*\
  #MODULES - FAQs
\*------------------------------------*/
.viewAllFaqs {
  display: block;
  width: 158px;
  text-transform: uppercase;
  margin: 0 auto;
  padding-right: 14px;
  padding-left: 14px; }
  @media (min-width: 480px) {
    .viewAllFaqs {
      margin-left: 24px; } }

.c-viewAllFaqs-hldr {
  width: 100%;
  margin: 20px auto 0; }
  @media (min-width: 1000px) {
    .c-viewAllFaqs-hldr {
      padding-left: 24px;
      margin-top: 50px; } }

/*------------------------------------*\
  #MODULES - ACTIVITIES -> EARN POINTS
\*------------------------------------*/
.c-earn-points__footer {
  padding-bottom: 10px; }
  @media (min-width: 768px) {
    .c-earn-points__footer {
      padding-bottom: 20px; } }

/*------------------------------------*\
  #MODULES - MY HEALTH ALERTS
\*------------------------------------*/
.c-alerts-headline {
  font-size: 1rem;
  color: #fff; }
  @media (min-width: 768px) {
    .c-alerts-headline {
      font-size: 1.8125rem;
      margin-left: 10px; } }

.c-alerts-sign-hldr {
  margin: 0 auto 12px; }

.c-alerts-img {
  width: 106px; }
  @media (min-width: 768px) {
    .c-alerts-img {
      width: 160px; } }

.c-alerts-showAll {
  padding-top: 12px; }
  @media (min-width: 480px) {
    .c-alerts-showAll {
      padding-top: 0; } }

/*----------------------------------------------------------------------------*\
  #MODULES - REWARD RULES - SUBPAGES
\*----------------------------------------------------------------------------*/
.c-rules__icn {
  position: relative;
  width: 106px;
  height: 106px;
  margin: 0 auto;
  border-radius: 50%;
  background-color: #515254; }
  @media (min-width: 768px) {
    .c-rules__icn {
      width: 140px;
      height: 140px; } }

.c-rules__icn::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 47px;
  height: 76px;
  margin: auto;
  content: '';
  background: url("../img/dollar_sign_white.png") no-repeat;
  background: none, url("../img/dollar_sign_white.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-rules__icn::after {
      width: 63px;
      height: 101px; } }

.c-rules__icn--earnMP::after {
  width: 56px;
  height: 55px;
  background: url("../img//Earn_MP.png") no-repeat;
  background: none, url("../img/Earn_MP.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-rules__icn--earnMP::after {
      width: 78px;
      height: 76px; } }

.c-rules__icn--questionmark::after {
  width: 47px;
  height: 69px;
  background: url("../img/questionMark.png") no-repeat;
  background: none, url("../img/questionMark.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-rules__icn--questionmark::after {
      width: 63px;
      height: 91px; } }

.c-rules__content {
  padding-top: 18px;
  padding-left: 12px;
  padding-right: 12px; }
  @media (min-width: 480px) {
    .c-rules__content {
      padding: 0 24px 0 0;
      margin-top: 8px; } }

.c-rules__list {
  margin-bottom: 8px; }

.c-rules__item {
  color: #424143;
  font-weight: bold;
  font-size: 0.75rem;
  list-style-type: disc;
  list-style-position: inside; }
  @media (min-width: 768px) {
    .c-rules__item {
      font-size: 1.3125rem; } }

/*-----------------------------------------------------------------*\
  #MODULES - REWARD RULES - SUBPAGE
\*-----------------------------------------------------------------*/
.c-rules__item--checkbox {
  font-size: 0.75rem;
  line-height: 1.2;
  background: url("../img/MetroPlusCheckboxListDesktop.svg") no-repeat left top;
  padding-top: 10px;
  padding-left: 30px;
  display: block;
  margin-bottom: 5px;
  max-width: 750px; }
  @media (min-width: 768px) {
    .c-rules__item--checkbox {
      padding-top: 5px;
      font-size: 1.125rem;
      line-height: 1.2;
      margin-bottom: 10px; } }

.c-rules__icn--notepad::after {
  width: 74px;
  height: 71px;
  left: 15px;
  top: 3px;
  background: url("../img/NotePad.png") no-repeat;
  background: none, url("../img/NotePad.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-rules__icn--notepad::after {
      left: 20px;
      top: 8px;
      width: 95px;
      height: 93px; } }

/*-----------------------------------------------------------------*\
  #MODULES - Learm
\*-----------------------------------------------------------------*/
.c-btn-hldr--learn-mobile-center {
  width: 168px;
  margin: 0 auto; }
  @media (min-width: 480px) {
    .c-btn-hldr--learn-mobile-center {
      margin: 12px 0 0 24px; } }

.c-btn-hldr--learn-faq-mobile-center {
  width: 168px;
  margin: 0 auto; }
@media (min-width: 768px) {
  .c-btn-hldr--learn-faq-mobile-center {
    margin: 0; } }

/*-----------------------------------------------------------------*\
  #MODULES - HEALTH CENTER
\*-----------------------------------------------------------------*/
.c-rules__icn--nurse::after {
  width: 55px;
  height: 75px;
  left: 2px;
  top: 0;
  background: url("../img/Nurse.png") no-repeat;
  background: none, url("../img/Nurse.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-rules__icn--nurse::after {
      left: 3px;
      top: -2px;
      width: 70px;
      height: 95px; } }

.c-support-fwrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 18px; }

.c-phone-icn {
  width: 26px;
  height: 26px;
  background: url("../img/link-phone-icon.png") no-repeat;
  background: none, url("../img/link-phone-icon.svg") no-repeat;
  background-size: 100%;
  margin-right: 16px; }

.c-phone-icn {
  width: 26px;
  height: 26px;
  background: url("../img/link-phone-icon.png") no-repeat;
  background: none, url("../img/link-phone-icon.svg") no-repeat;
  background-size: 100%;
  margin-right: 16px; }

.c-tty-icn {
  width: 30px;
  height: 24px;
  background: url("../img/link-tty-icon.png") no-repeat;
  background: none, url("../img/link-tty-icon.svg") no-repeat;
  background-size: 100%;
  margin-right: 12px; }

.c-support-txt {
  font-size: 1.125rem; }

.c-suport-hrs {
  font-size: 0.875rem;
  margin-bottom: 12px; }

/*-----------------------------------------------------------------*\
  #MODULES - TRACK
\*-----------------------------------------------------------------*/
.c-reward-summary__content {
  padding-left: 18px;
  padding-right: 18px;
  padding-bottom: 10px; }
  @media (min-width: 768px) {
    .c-reward-summary__content {
      padding: 0;
      padding-top: 18px; } }


.c-support-fwrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 18px; }

.c-phone-icn {
  width: 26px;
  height: 26px;
  background: url("../img/link-phone-icon.png") no-repeat;
  background: none, url("../img/link-phone-icon.svg") no-repeat;
  background-size: 100%;
  margin-right: 16px; }

.c-phone-icn {
  width: 26px;
  height: 26px;
  background: url("../img/link-phone-icon.png") no-repeat;
  background: none, url("../img/link-phone-icon.svg") no-repeat;
  background-size: 100%;
  margin-right: 16px; }

.c-tty-icn {
  width: 30px;
  height: 24px;
  background: url("../img/link-tty-icon.png") no-repeat;
  background: none, url("../img/link-tty-icon.svg") no-repeat;
  background-size: 100%;
  margin-right: 12px; }

.c-support-txt {
  font-size: 1.125rem; }

.c-suport-hrs {
  font-size: 0.875rem;
  margin-bottom: 12px; }

/*-----------------------------------------------------------------*\
  #MODULES - TRACK
\*-----------------------------------------------------------------*/
.c-reward-summary__content {
  padding-left: 18px;
  padding-right: 18px;
  padding-bottom: 10px; }
  @media (min-width: 768px) {
    .c-reward-summary__content {
      padding: 0;
      padding-top: 18px; } }

/*------------------------------------*\
  #MODULES - GET HEALTHY
\*------------------------------------*/
.c-get-health__content {
  margin-left: 8px; }

.c-get-healthy__img {
  min-height: 1px;
  display: block;
  width: 50%;
  margin: 0 auto; }
  @media (min-width: 480px) {
    .c-get-healthy__img {
      width: 80px; } }

.c-learnMore {
  color: #276092;
  text-decoration: underline; }

.c-get-healthy__footer {
  padding-bottom: 10px; }
  @media (min-width: 768px) {
    .c-get-healthy__footer {
      padding-bottom: 20px; } }

.c-get-healthy-viewCatalog {
  padding-top: 12px; }
  @media (min-width: 480px) {
    .c-get-healthy-viewCatalog {
      padding-top: 0; } }

.c-get-healthy-showAll {
  width: 168px;
  margin: 12px auto; }
  @media (min-width: 768px) {
    .c-get-healthy-showAll {
      margin: 24px auto; } }

.c-restriction {
  font-size: 0.75rem;
  line-height: 1.4;
  text-align: center;
  max-width: 520px;
  margin: 0 auto; }
  @media (min-width: 768px) {
    .c-restriction {
      font-size: 0.875rem; } }

/*----------------------------------------------------------*\
  #MODULES - AVAILABLE REWARD ACTIVITIES - PHOTO w/CAPTION
\*----------------------------------------------------------*/
.c-reward-activities {
  padding-bottom: 10px; }
  @media (min-width: 768px) {
    .c-reward-activities {
      padding-bottom: 20px; } }

/**
 * LOGIN/REGISTER NOW
 */
/*-----------------------------------------------------------------*\
  #MODULES - SHOP
\*-----------------------------------------------------------------*/
@media (min-width: 768px) {
  .c-now__fwrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; } }

.c-now__hdln {
  font-size: 1.375rem; }

.c-now__user {
  margin-top: 10px; }
  @media (min-width: 768px) {
    .c-now__user {
      margin-top: 0;
      padding-left: 50px; } }
  @media (min-width: 800px) {
    .c-now__user {
      padding-left: 80px; } }

.c-btn--now {
  padding-right: 0;
  padding-left: 0;
  width: 100%; }
  @media (min-width: 768px) {
    .c-btn--now {
      font-size: 0.875rem;
      width: 150px;
      margin-left: 12px; } }

/**
 * Module specific styles.
 * My Account Pages
 *
 *
 */
/*------------------------------------*\
  #LAYOUT
\*------------------------------------*/
.c-icn-hdln-fwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.c-icn-hdln-fwrap__body {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.c-icn-hldn-hldr {
  padding: 10px; }

.c-icn-hldn-hldr--sum {
  padding: 16px 10px 12px; }
  @media (min-width: 768px) {
    .c-icn-hldn-hldr--sum {
      padding: 24px 10px 12px; } }

.c-myAccnt-hldr {
  padding: 15px; }
  @media (min-width: 768px) {
    .c-myAccnt-hldr {
      padding-bottom: 20px; } }

.c-myAccnt-hldr--sum {
  padding: 0 15px 24px; }
  @media (min-width: 768px) {
    .c-myAccnt-hldr--sum {
      padding: 0 20px 30px; } }

.account-logout-btn {
  background: none;
  border-style: none;
  font-size: 0.75rem;
  font-weight: 400;
  text-decoration: underline;
} @media (min-width: 768px) {
  .account-logout-btn {
    font-size: 1.125rem; } }

/*------------------------------------------------*\
    #OVERRIDE ELEMENTS BASE ON MY ACCOUNT PAGES
\*------------------------------------------------*/
.o-myAccount p {
  font-size: 0.8125rem;
  line-height: 1.27273; }
  @media (min-width: 768px) {
    .o-myAccount p {
      font-size: 1rem; } }

/*------------------------------------*\
  #PERSONAL INFORMATION
\*------------------------------------*/
.c-head__icn {
  position: relative;
  width: 36px;
  height: 36px;
  border-radius: 50%; }
  @media (min-width: 768px) {
    .c-head__icn {
      width: 40px;
      height: 40px; } }

.c-head__icn::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 20px;
  height: 17px;
  margin: auto;
  content: '';
  background: url("../img/Head.png") no-repeat;
  background: none, url("../img/Head.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-head__icn::after {
      width: 24px;
      height: 21px; } }

.c-myAccnt-hdln,
.c-myAccnt-hdln--noIcon {
  font-size: 1.125rem;
  margin-left: 12px;
  margin-top: 3px; }
  @media (min-width: 768px) {
    .c-myAccnt-hdln,
    .c-myAccnt-hdln--noIcon {
      font-size: 1.75rem; } }

.c-myAccnt-hdln--link {
  margin-right: 30px; }

.c-myAccnt-hdln--noIcon {
  margin-left: 0; }

.c-myAccnt-hdln--sum {
  font-size: 1.125rem;
  margin-left: 12px;
  margin-top: 3px; }
  @media (min-width: 768px) {
    .c-myAccnt-hdln--sum {
      font-size: 1.5rem; } }

.c-myAccnt-section-hdln {
  font-size: 1rem;
  font-weight: bold;
  margin-top: 3px; }
  @media (min-width: 768px) {
    .c-myAccnt-section-hdln {
      font-size: 1.4375rem; } }

.c-myAccnt-section-hdln-2 {
  font-size: 0.9375rem;
  line-height: 1.2;
  margin-bottom: 12px; }
  @media (min-width: 768px) {
    .c-myAccnt-section-hdln-2 {
      font-size: 1.375rem; } }

.c-myAccnt-section-hdln-3 {
  font-size: 1rem;
  font-weight: bold;
  padding-top: 15px; }
  @media (min-width: 768px) {
    .c-myAccnt-section-hdln-3 {
      font-size: 1.4375rem; } }

p.c-myAccnt-txt {
  font-size: 0.8125rem;
  margin-bottom: 15px; }

.c-label {
  font-size: 0.75em;
  display: block;
  margin-bottom: .5em;
  margin-top: 1.28571em;
  font-weight: bold;
  color: #58595B; }
  @media (min-width: 768px) {
    .c-label {
      font-size: 0.8125rem; } }

.c-label--first {
  margin-top: 0; }

.c-myAccnt-btn-hldr {
  padding: 10px; }
  @media (min-width: 768px) {
    .c-myAccnt-btn-hldr {
      padding: 20px 10px; } }

.c-myAccnt-btn {
  display: block;
  max-width: 400px; }
  @media (min-width: 768px) {
    .c-myAccnt-btn {
      font-size: 1rem; } }

.c-myAccnt-btn:first-child {
  margin-bottom: 7px; }

.c-myAccnt-select {
  padding-top: 12px;
  padding-bottom: 12px; }

/*------------------------------------*\
  #MY HEALTH PROFILE
\*------------------------------------*/
.c-run__icn {
  position: relative;
  width: 36px;
  height: 36px;
  border-radius: 50%; }
  @media (min-width: 768px) {
    .c-run__icn {
      width: 40px;
      height: 40px; } }

.c-run__icn::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 20px;
  height: 26px;
  margin: auto;
  content: '';
  background: url("../img/Run.png") no-repeat;
  background: none, url("../img/Run.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-run__icn::after {
      width: 23px;
      height: 29px; } }

.c-fieldset {
  margin-bottom: 20px; }

.c-fieldset--sm {
  margin-bottom: 10px; }

.c-fieldset:last-child {
  margin-bottom: 0; }

.c-fieldset__hdln-1 {
  font-size: 0.9375rem;
  font-weight: bold;
  margin-bottom: 16px; }

.c-fieldset__hdln-1--smMar {
  font-size: 0.9375rem;
  font-weight: bold;
  margin-bottom: 6px; }

.c-fieldset__hdln-2 {
  font-size: 0.875rem;
  margin-bottom: 20px; }
  @media (min-width: 768px) {
    .c-fieldset__hdln-2 {
      font-size: 1rem;
      margin-bottom: 24px; } }

.c-healthProfile-hldr {
  padding: 15px; }
  @media (min-width: 768px) {
    .c-healthProfile-hldr {
      padding-bottom: 0; } }

.c-label-radio,
.c-fieldset__sub {
  font-size: 0.8125rem; }

.c-fieldset__sub {
  margin-right: 2px; }

.c-fieldset__sub--inch {
  margin-left: 8px; }
  @media (min-width: 768px) {
    .c-fieldset__sub--inch {
      margin-left: 12px; } }

.c-select-grp__headline {
  font-size: 0.9375rem;
  font-weight: bold;
  margin-right: 6px; }

.c-select-grp__height {
  max-width: 100px;
  margin-right: 10px;
  font-size: 0.8125rem; }

.c-select-grp__activity {
  max-width: 190px;
  font-size: 0.8125rem; }

/*------------------------------------*\
  #MY SECURITY INFORMATION
\*------------------------------------*/
.c-lock__icn {
  position: relative;
  width: 36px;
  height: 36px;
  border-radius: 50%; }
  @media (min-width: 768px) {
    .c-lock__icn {
      width: 40px;
      height: 40px; } }

.c-lock__icn::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 20px;
  margin: auto;
  content: '';
  background: url("../img/Lock.png") no-repeat;
  background: none, url("../img/Lock.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-lock__icn::after {
      width: 19px;
      height: 23px; } }

/*------------------------------------------------------------------*\
  #MY MEMBER INFORMAITON
\*------------------------------------------------------------------*/
/*-----------------------------------------------------------------*\
  #DEPENDENTS -> ADD
\*-----------------------------------------------------------------*/
.c-dependents__icn {
  position: relative;
  width: 36px;
  height: 36px;
  border-radius: 50%; }
  @media (min-width: 768px) {
    .c-dependents__icn {
      width: 40px;
      height: 40px; } }

.c-dependents__icn::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 21px;
  height: 26px;
  margin: auto;
  content: '';
  background: url("../img/Dependents.png") no-repeat;
  background: none, url("../img/Dependents.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-dependents__icn::after {
      width: 25px;
      height: 30px; } }

.c-myAccnt-note {
  font-size: 0.8125rem; }

.c-myAccnt-note-hldr {
  padding: 15px; }

.c-activate-hldr {
  padding: 15px; }

/*-----------------------------------------------------------------*\
  #DEPENDENTS -> ACTIVATE
\*-----------------------------------------------------------------*/
.c-activate__item-fwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: 10px; }

.c-activate__col1 {
  width: 200px; }

.c-activate__col2 {
  width: 75px; }

.c-activate__link {
  color: #0973b9;
  text-decoration: underline;
  font-size: 0.875rem;
  font-weight: bold; }

.c-activate__status {
  font-size: 0.8125rem;
  font-weight: bold;
  color: #414141; }

/*-----------------------------------------------------------------*\
  #REWARD -> BALANCES
\*-----------------------------------------------------------------*/
.c-balances__item-fwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  flex-wrap: wrap; }

.c-balances__item-fwrap:first-child {
  margin-bottom: 10px; }

.c-balances__col1 {
  width: 200px; }

.c-balances__col2 {
  width: 75px; }

/*-----------------------------------------------------------------*\
  #DEPENDENTS -> INFO
\*-----------------------------------------------------------------*/
.c-labelish {
  font-size: 0.75rem;
  display: block;
  margin-bottom: 0.3125em;
  margin-top: 1.125em;
  font-weight: bold;
  color: #58595B; }
  @media (min-width: 768px) {
    .c-labelish {
      font-size: 0.8125rem; } }

.c-labelish--first {
  margin-top: 0; }

/*-----------------------------------------------------------------*\
  #MEDICAID QUESION MY ACCOUNT SUMMARY PAGE -> LAMP
\*-----------------------------------------------------------------*/
.c-questionMark__icn {
  position: relative;
  width: 36px;
  height: 36px;
  border-radius: 50%; }
  @media (min-width: 768px) {
    .c-questionMark__icn {
      width: 40px;
      height: 40px; } }

.c-questionMark__icn::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 18px;
  height: 26px;
  margin: auto;
  content: '';
  background: url("../img/questionMark.png") no-repeat;
  background: none, url("../img/questionMark.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-questionMark__icn::after {
      width: 20px;
      height: 30px; } }

/*-----------------------------------------------------------------*\
  #REWARD BALANCES MY ACCOUNT SUMMARY PAGE -> LAMP
\*-----------------------------------------------------------------*/
.c-balances__icn {
  position: relative;
  width: 36px;
  height: 36px;
  border-radius: 50%; }
  @media (min-width: 768px) {
    .c-balances__icn {
      width: 40px;
      height: 40px; } }

.c-balances__icn::after {
  position: absolute;
  top: 4px;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 23px;
  height: 18px;
  margin: auto;
  content: '';
  background: url("../img/shopCart.png") no-repeat;
  background: none, url("../img/shopCart.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-balances__icn::after {
      top: 5px;
      width: 26px;
      height: 20px; } }

/*-----------------------------------------------------------------*\
  #COMMUNICATION PREFERENCES
\*-----------------------------------------------------------------*/
.c-notePad__icn {
  position: relative;
  width: 36px;
  height: 36px;
  border-radius: 50%; }
  @media (min-width: 768px) {
    .c-notePad__icn {
      width: 40px;
      height: 40px; } }

.c-notePad__icn::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 3px;
  display: block;
  width: 22px;
  height: 22px;
  margin: auto;
  content: '';
  background: url("../img/NotePad.png") no-repeat;
  background: none, url("../img/NotePad.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-notePad__icn::after {
      width: 24px;
      height: 24px; } }

.c-myAccnt-section-sub {
  font-size: 0.8125rem;
  margin-bottom: 10px; }

.c-myAccnt-section-sub--sum {
  font-size: 0.8125rem;
  margin-bottom: 16px; }
  @media (min-width: 768px) {
    .c-myAccnt-section-sub--sum {
      font-size: 1rem; } }

.c-radio-grp {
  margin-top: 10px;
  margin-left: 18px; }

.c-label-radio--multi-line {
  font-size: 0.8125rem;
  margin-top: 10px;
  display: block; }

/*------------------------------------*\
  #ALERT PREFERENCES
\*------------------------------------*/
.c-exclamation__icn {
  position: relative;
  width: 36px;
  height: 36px;
  border-radius: 50%; }
  @media (min-width: 768px) {
    .c-exclamation__icn {
      width: 40px;
      height: 40px; } }

.c-exclamation__icn::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 4px;
  height: 19px;
  margin: auto;
  content: '';
  background: url("../img/Exclamation.png") no-repeat;
  background: none, url("../img/Exclamation.png") no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-exclamation__icn::after {
      width: 5px;
      height: 24px; } }

.c-finity-express-logo {
  display: block;
  max-width: 100%;
  width: 200px;
  height: 30px;
  margin-bottom: 10px;
  margin-left: -5px;
  background: url("../img/logo_finityExpress.png");
  background-image: none, url("../img/logo_finityExpress.svg");
  background-repeat: no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-finity-express-logo {
      width: 275px;
      height: 41px;
      margin-left: -10px; } }

.c-finity-express-logo--red {
  display: block;
  max-width: 100%;
  width: 200px;
  height: 30px;
  margin-bottom: 10px;
  margin-left: -5px;
  background: url("../img/logo_finityExpress_red.png");
  background-image: none, url("../img/logo_finityExpress_red.svg");
  background-repeat: no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-finity-express-logo--red {
      width: 275px;
      height: 41px;
      margin-left: -10px; } }

/*------------------------------
  Member info modal
-------------------------------*/
/* ------------------- eo Member info modal -------------------- */
/*-------------------------------------------------*\
  #MY ACCOUNT - MISC THAT NEED A HOME
\*-------------------------------------------------*/
.c-select-grpWrap {
  width: 100%;
  float: left; }

.cSelectInline label.error {
  display: inline-block; }

.c-select-grpInline {
  width: 164px;
  display: table;
  float: left;
  margin-bottom: 10px;
  margin-right: 2%; }

.marginTop10 {
  margin-top: 10px; }

.marginBottom10 {
  margin-bottom: 10px; }

.c-cursor-pointer {
  cursor: pointer; }

.c-masthead__welcome span {
  color: #276092; }

@media only screen and (device-height: 568px) and (device-width: 320px) and (-webkit-min-device-pixel-ratio: 2) {
  .c-select-grpInline {
    width: 134px; }

  .c-select-grp__height {
    max-width: 90px; } }
/*-------------------------------------------------*\
  #MY ACCOUNT - MISC THAT NEED A HOME
\*-------------------------------------------------*/
.c-expressDiv {
  margin-bottom: 20px;
  margin-top: 30px; }

.c-sig {
  margin-bottom: 20px; }

.c-link--crud {
  margin-top: -8px; }
  @media (min-width: 768px) {
    .c-link--crud {
      margin-top: -3px; } }

/*-------------------------------------------------*\
  #MY ACCOUNT - MULTI_LINE RADIO BUTTONS
\*-------------------------------------------------*/
.c-optOut {
  margin-bottom: 10px; }

.c-optOut__item {
  display: block;
  position: relative;
  float: left;
  margin-bottom: 8px;
  width: 100%; }

.c-optOut__item input[type=radio] {
  position: absolute;
  visibility: hidden; }

.c-optOut__item label {
  display: block;
  position: relative;
  font-size: 0.8125em;
  line-height: 1.3;
  padding: 1px 0 0 24px;
  z-index: 9;
  cursor: pointer; }

.c-optOut__item .check {
  display: block;
  position: absolute;
  height: 18px;
  width: 18px;
  top: 0;
  left: 0;
  background: url(../img/finity-radio.svg) no-repeat scroll left top transparent; }

.c-optOut__item input[type=radio]:checked ~ .check {
  background-image: url(../img/finity-checked.svg); }

/*------------------------------------------------------------------*\
  #BXSLIDER - AVAILABLE REWARD ACTIVITIES - PHOTO w/CAPTION
\*------------------------------------------------------------------*/
.c-slider-holder {
  margin-top: 8px;
}
@media (min-width: 768px) {
  .c-slider-holder {
    margin-top: 16px;
  }
}

.c-slider-holder a {
  text-decoration: none;
  display: block; }

.c-slider-holder img {
  vertical-align: bottom; }

.c-slider-caption {
  position: absolute;
  bottom: 8px;
  width: 100%;
  margin: 0;
  padding-top: .3em;
  padding-bottom: .3em;
  height: 30px;
  color: #fff;
  background-color: #e42829;
  display: flex;
  align-items: center;
  justify-content: center;
  display: -ms-flexbox;
  -ms-flex-pack: center; }
  @media (min-width: 768px) {
    .c-slider-caption {
      bottom: 12px;
      padding-top: .5em;
      padding-bottom: .5em;
      height: 50px; } }

.c-slider-caption--move {
  bottom: 0; }
  @media (min-width: 768px) {
    .c-slider-caption--move {
      bottom: 12px; } }

.c-slider-caption__title {
  font-size: 0.5625rem;
  line-height: 1;
  margin: 0;
  text-align: center;
  padding: 0 5px;
  -ms-flex-item-align: center;
  width: 100%; }
  @media (min-width: 768px) {
    .c-slider-caption__title {
      font-size: 0.8125rem;
      line-height: 1.1; } }

.c-slider-card__img {
  margin-top: 4px; }

/*------------------------------------*\
  #BXSLIDER - FINITY OVERRIDES
\*------------------------------------*/
.bx-wrapper {
  padding: 0 38px;
}

.bx-wrapper .bx-viewport {
  border-right: 10px solid white;
  border-left: 10px solid white;
  -webkit-box-shadow: 8px 0 0.625em -0.3em rgba(0, 0, 0, 0.05), -8px 0 0.625em -0.3em rgba(0, 0, 0, 0.05) !important;
  box-shadow: 8px 0 0.625em -0.3em rgba(0, 0, 0, 0.05), -8px 0 0.625em -0.3em rgba(0, 0, 0, 0.05) !important;
}

.bx-wrapper .bx-prev {
  left: 0;
  border: none;
  background: url("../img/icon_carousel_arrows.svg") no-repeat 10px -30px;
}

.bx-wrapper .bx-next {
  right: 0;
  border: none;
  background: url("../img/icon_carousel_arrows.svg") no-repeat -36px -30px;
}

.bx-wrapper .bx-prev:hover {
  background-position: 10px 2px;
}

.bx-wrapper .bx-next:hover {
  background-position: -36px 2px;
}

/*--------------------------------------------------------*\
  #PRODUCT CARD
\*--------------------------------------------------------*/
a.c-slider-card {
  min-height: 1px;
  display: block;
  border: 1px solid #d6d6d6;
  border-radius: 8px;
  padding: 5px 6px 6px 10px; }
  @media (min-width: 768px) {
    a.c-slider-card {
      padding: 10px 20px 25px 20px; } }

.c-slider-card__title {
  font-size: 0.6875rem; }
  @media (min-width: 374px) {
    .c-slider-card__title {
      font-size: 0.8125rem; } }
  @media (min-width: 768px) {
    .c-slider-card__title {
      font-size: 1.25rem;
      margin-top: 10px;
      margin-bottom: 5px; } }

.c-slider-card__name {
  font-size: 0.5625rem;
  line-height: 1.2;
  height: 40px; }
  @media (min-width: 768px) {
    .c-slider-card__name {
      font-size: 0.875rem;
      line-height: 1.1;
      height: 55px; } }

.c-slider-card__item {
  font-size: 0.5rem;
  font-weight: normal; }
  @media (min-width: 768px) {
    .c-slider-card__item {
      font-size: 1rem;
      font-weight: normal; } }

.c-item {
  display: none; }
  @media (min-width: 340px) {
    .c-item {
      display: inline-block; } }

.bx-wrapper img {
  min-height: 1px;
  display: inline-block !important; }

/* bottom slider issue solved in ie10  */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .c-ara-slider > li > a img {
    width: auto !important;
    height: auto !important; } }
/**
 * Tiles are outlined images not in a carousel.
 * On Several Landing Pages
 * Shop, Activites Challenges
 */
/*------------------------------------*\
  #TILES - SHOP PAGE - Tiles section
\*------------------------------------*/
.c-tiles-holder {
  padding-bottom: 10px; }
  @media (min-width: 768px) {
    .c-tiles-holder {
      padding-bottom: 20px; } }

.c-tile {
  border: 1px solid #d6d6d6;
  border-radius: 8px;
  height: 140px; }
  @media (min-width: 468px) {
    .c-tile {
      height: 180px; } }
  @media (min-width: 768px) {
    .c-tile {
      height: 250px; } }

.c-tile__title {
  font-size: 0.6875rem;
  line-height: 1.2;
  margin-top: 10px;
  padding: 0 5px 0 5px; }
  @media (min-width: 768px) {
    .c-tile__title {
      font-size: 1.25rem; } }

.c-tile__img {
  width: 100%;
  display: block;
  padding: 20px 0 0 0; }

/*-----------------------------------------------------*\
  #TILES
\*-----------------------------------------------------*/
.c-tile-card__img {
  max-width: 100%;
  border-radius: 8px; }

._tile-gallery-hldr {
  padding: 10px; }
  @media (min-width: 768px) {
    ._tile-gallery-hldr {
      padding: 20px; } }

.c-tile-gallery {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-left: -3px; }
  @media (min-width: 400px) {
    .c-tile-gallery {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      margin-left: -8px; } }

.c-tile-gallery__item {
  width: 89px;
  height: 126px;
  margin: 5px;
  padding-top: 10px; }
  @media (min-width: 330px) {
    .c-tile-gallery__item {
      width: 90px;
      height: 126px;
      margin: 10px; } }
  @media (min-width: 600px) {
    .c-tile-gallery__item {
      width: 160px;
      height: 225px;
      margin: 10px;
      padding-top: 10px; } }

.c-card-tile--border {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  border: 1px solid #d6d6d6;
  border-radius: 8px; }

.c-tile__title--MetroPlus {
  font-size: 0.75rem;
  line-height: 1.1;
  margin-top: 5px;
  padding: 0 5px 0 5px; }
  @media (min-width: 600px) {
    .c-tile__title--MetroPlus {
      font-size: 0.875rem;
      line-height: 1.2;
      margin-top: 10px;
      padding: 0 10px 0 10px; } }
  @media (min-width: 768px) {
    .c-tile__title--MetroPlus {
      font-size: 1.25rem; } }

.c-card-tile {
  width: 100%;
  height: 100%;
  display: block;
  position: relative; }

ul li.c-tile-gallery__item .c-card-tile:focus {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }

.c-card-caption {
  position: absolute;
  bottom: 16px;
  width: 100%;
  margin: 0;
  padding-top: .3em;
  padding-bottom: .3em;
  height: 30px;
  color: #fff;
  background-color: #e42829;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  display: -ms-flexbox;
  -ms-flex-pack: center; }
  @media (min-width: 330px) {
    .c-card-caption {
      height: 35px; } }
  @media (min-width: 600px) {
    .c-card-caption {
      bottom: 15px;
      padding-top: .5em;
      padding-bottom: .5em;
      height: 55px; } }

.c-card-caption__title {
  font-size: 0.5625rem;
  line-height: 1;
  margin: 0;
  text-align: center;
  -ms-flex-item-align: center;
  width: 100%; }
  @media (min-width: 330px) {
    .c-card-caption__title {
      font-size: 0.6875rem;
      line-height: 1;
      padding: 0 5px; } }
  @media (min-width: 600px) {
    .c-card-caption__title {
      font-size: 1rem;
      line-height: 1.1; } }

.c-card-caption__title--lessPad {
  padding: 0 2px; }

/**
 * MBR#, Link, Legal, Google Translate, Social icons
 * Global Footer Rules
 */
/* Footer rules
================================ */
.c-footer {
  padding-top: 15px;
  color: #fff;
  background-color: #009BC5;
  position: relative;
  height: 260px;}

@media only screen and (max-width: 767px) {
  .copyRightInfo {
    top: 40px !important;
    width: 260px;
    position: absolute !important;
  }
}

@media only screen and (max-width: 767px) {
  .c-social, .copyRightInfo, .c-language-legal-holder__item {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    top: 125px;
  }
}

@media (min-width: 768px) {
  .c-footer {
    height: auto;
    padding-bottom: 30px;
  }
}

.c-footer a {
  color: #fff; }

.c-info__site-link {
  font-weight: bold;
  margin-bottom: 4px;
  display: block;
  line-height: 1.1; }
  @media (min-width: 768px) {
    .c-info__site-link {
      margin-bottom: 6px; } }

.c-footer__copyright,
.c-terms,
.c-privacy {
  font-size: 0.6875rem; }

.c-language-legal-holder {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  align-items: center;
  -ms-flex-direction: column;
  -ms-flex-pack: center; }

.c-language-legal-holder__item {
  text-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-flex-item-align: center;
  height: auto; }

.c-language-legal-holder__item--legal {
  margin-top: 7px;
  width: 100%; }

.o-icn-footer {
  position: absolute;
  display: block;
  width: 30px;
  height: 30px; }

.c-twitter {
  padding-top: 4px;
  padding-left: 4px; }

.c-linked-in {
  padding-top: 3px;
  padding-left: 4px; }

.c-youTube {
  padding-top: 4px;
  padding-left: 3px; }

.c-facebook {
  padding-top: 4px;
  padding-left: 3px; }

.c-instagram {
  padding-top: 5px;
  padding-left: 5px; }

.c-googlePlus {
  padding-top: 3px;
  padding-left: 2px; }

.c-pinterest {
  padding-top: 1px;
  padding-left: 1px; }

.c-social__item {
  margin-right: 8px; }

.c-social__item--last {
  margin-right: 0; }

.c-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.c-social__link {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 35px; }

/* rsi footer language code */
@media only screen and (max-width: 767px) {
  .c-social, .copyRightInfo, .c-language-legal-holder__item {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    top: 148px; }

  .c-language-legal-holder__item {
    top: 0px; }

  .copyRightInfo {
    top: 62px !important;
    width: 260px; }

  .c-language-legal-holder__item--legal {
    top: 100px !important; }

  .c-info__site-link, .c-footer__copyright {
    text-align: center; } }
/* rsi mbr text just above footer - client requirement */
.mbrText {
  font-family: sans-serif;
  text-align: left;
  font-size: 1.125rem;
  font-weight: normal; }

@media only screen and (max-width: 767px) {
  .mbrText {
    font-size: 0.75rem; } }
/*------------------------------------*\
	#SEARCH FORM
\*------------------------------------*/
input[type="search"] {
  border-radius: 8px 0 0 8px;
  border-top: 1px solid #9ea0a0;
  border-right: none;
  border-bottom: 1px solid #9ea0a0;
  border-left: 1px solid #9ea0a0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: border-color .2s ease-in-out; }

input[type="search"]:focus {
  border-color: #adadad;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(160, 160, 160, 0.7);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(160, 160, 160, 0.7);
  outline: none; }

/* ------------- */
.c-icon-search {
  background-image: url("../img/search.png");
  background-image: none, url("../img/search.svg");
  background-size: 60%;
  background-position: 50%;
  background-repeat: no-repeat;
  height: 24px;
  width: 32px;
  margin: 0 5px;
  display: block; }
  @media (min-width: 768px) {
    .c-icon-search {
      background-size: 70%;
      height: 27px;
      width: 35px; } }

.c-search-grp {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex; }

input.c-search-grp__input {
  padding: 0.1875rem 0.6875rem 0.125rem;
  font-size: 0.875rem;
  height: 34px;
  width: 100%;
  min-width: 120px; }
  input.c-search-grp__input:hover {
    border-color: #e0e0e0; }
  @media (min-width: 400px) {
    input.c-search-grp__input {
      width: 150px; } }
  @media (min-width: 500px) {
    input.c-search-grp__input {
      width: 200px; } }
  @media (min-width: 768px) {
    input.c-search-grp__input {
      height: 38px;
      font-size: 1rem;
      width: 300px; } }

.c-search-grp__btn {
  all: initial;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0 8px 8px 0;
  padding: 0;
  margin: 0;
  border-top: 1px solid #9ea0a0;
  border-right: 1px solid #9ea0a0;
  border-bottom: 1px solid #9ea0a0;
  border-left: none;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

/*------------------------------------*\
  #FAQs
\*------------------------------------*/
div.panel {
  background-color: white;
  max-height: 0;
  overflow: hidden;
  opacity: 0; }

div.panel.show {
  opacity: 1;
  width: 90%;
  max-height: 700px;
  margin-top: 5px;
  margin-bottom: 10px; }

.c-accordion__link {
  font-size: 0.875rem; }
  .c-accordion__link:hover {
    color: #515254; }
  @media (min-width: 768px) {
    .c-accordion__link {
      font-size: 1rem; } }

.accordion.active .c-accordion__link {
  font-weight: bold; }

.c-search-message {
  margin-top: 12px; }

.faqLink {
  color: #4586F2;
  /* legal blue */
  font-weight: bold; }

.searchPanel > div {
  padding-bottom: 10px; }

.searchSection {
  margin-bottom: 12px; }

.searchSection p {
  font-size: 0.75rem; }
  @media (min-width: 768px) {
    .searchSection p {
      font-size: 0.9375rem; } }

.faqLearnBtn {
  width: 100%;
  margin-left: -10px;
  text-transform: capitalize; }
  @media (min-width: 768px) {
    .faqLearnBtn {
      margin-left: 0;
      width: 130px; } }

@media (min-width: 768px) {
  .c-faq-btn-hldr {
    width: 168px; } }

/**
 * Miscellaneous styles for Legal Pages
 * Private Policy and Terms and Conditions
 */
/*------------------------------------*\
  #PRIVACY & #TERMS
\*------------------------------------*/
.c-privacy-hdln {
  font-size: 1.3125rem;
  line-height: 1;
  margin-top: 10px;
  margin-bottom: 5px; }
  @media (min-width: 768px) {
    .c-privacy-hdln {
      margin-top: 15px; } }

.c-effective-date {
  margin-bottom: 10px;
  padding-bottom: 5px;
  font-size: 0.875rem; }

.c-legal-content {
  max-width: 700px;
  margin: auto; }

.c-privacy-list {
  font-size: 0.6875rem;
  line-height: 1.27273;
  margin-left: 30px; }
  @media (min-width: 768px) {
    .c-privacy-list {
      font-size: 1rem;
      margin-left: 40px; } }

.c-privacy-list__item {
  margin-top: 8px;
  list-style-type: disc;
  list-style-position: outside; }

.c-terms-top {
  margin-top: 18px; }

.c-terms-lft {
  margin-left: 18px; }

.c-privacy-link {
  color: #4586F2; }

/**
 * Miscellaneous styles for Shop Catalog page
 */
/*------------------------------------*\
  #SHOP CATALOG
\*------------------------------------*/
.c-filter-select-grp-hldr {
  margin-top: 6px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }
  @media (min-width: 600px) {
    .c-filter-select-grp-hldr {
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-top: 0; } }
  @media (min-width: 768px) {
    .c-filter-select-grp-hldr {
      margin-top: 0; } }

.c-filter-select-grp {
  margin-right: 0;
  font-size: 0.875rem; }
  @media (min-width: 380px) {
    .c-filter-select-grp {
      margin-right: 12px; } }
  @media (min-width: 768px) {
    .c-filter-select-grp {
      font-size: 0.9375rem;
      margin-right: 24px; } }

.c-filter-select-grp:last-child {
  margin-right: 0; }

.c-pag-hldr {
  margin-top: 10px;
  margin-left: 12px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.c-pagination {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 304px;
  font-size: 0.8125rem; }

.c-pagination__status {
  padding-top: 3px; }

.c-pagination__controls {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.c-pag-prev,
.c-pag-next {
  border-radius: 8px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 38px;
  width: 38px;
  background-color: transparent;
  position: relative;
  border: 1px solid white;
  cursor: pointer; }
  .c-pag-prev:hover,
  .c-pag-next:hover {
    border: 1px solid #ccc; }

.arrowLft {
  content: '';
  position: absolute;
  left: 16px;
  top: 14px;
  width: 10px;
  height: 10px;
  border: solid #222;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(130deg);
  -ms-transform: rotate(130deg);
  transform: rotate(130deg); }

.arrowRt {
  content: '';
  position: absolute;
  left: 12px;
  top: 14px;
  width: 10px;
  height: 10px;
  border: solid #222;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

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

Gallery grid

-------------------------------- */
.c-gallery {
  max-width: 1100px;
  margin: 0 auto; }

.c-gallery::after {
  clear: both;
  content: "";
  display: table; }

.c-gallery > li {
  width: 48%;
  float: left;
  margin: 0 4% 4% 0; }

.c-gallery > li:nth-of-type(2n) {
  margin-right: 0; }

@media only screen and (min-width: 600px) {
  .c-gallery > li {
    width: 30.65%;
    float: left;
    margin: 0 4% 4% 0; }

  .c-gallery > li:nth-of-type(2n) {
    margin-right: 4%; }

  .c-gallery > li:nth-of-type(3n) {
    margin-right: 0; } }
/* --------------------------------

Single Item

-------------------------------- */
.c-single-item {
  position: relative;
  padding: 10px; }

.c-gallery__card {
  border: 1px solid #d6d6d6;
  border-radius: 4px;
  transition: border-color 0.2s; }

.c-gallery__card:hover {
  border-color: #999; }

.btn-hldr {
  height: 54px; }
  @media (min-width: 400px) {
    .btn-hldr {
      height: 45px; } }

/*------------------------------------*\
  #SHOP CATALOG CARDS
\*------------------------------------*/
.c-feat-img {
  display: block;
  width: 100%;
  max-width: 260px;
  margin: 0 auto;
  transform: scale(0.97);
  transition: all .2s ease-in-out; }

.grow {
  transform: scale(1); }

.u-line {
  border-bottom: 1px dotted #d6d6d6 !important; }

.c-productSum__headline--points {
  font-size: 1em;
  margin-top: 10px; }
  @media (min-width: 768px) {
    .c-productSum__headline--points {
      font-size: 1.5em;
      padding-left: 10px; } }

.c-productSum__headline {
  font-size: 0.6875em;
  line-height: 1.1;
  height: 45px;
  margin-top: 3px; }
  @media (min-width: 768px) {
    .c-productSum__headline {
      height: 15px;
      margin-bottom: 30px;
      font-size: 0.875em;
      padding-left: 10px; } }

.c-productSum-code {
  font-size: 0.6875em;
  line-height: 1.1;
  margin-bottom: 10px;
  /* iPhone6
  ================================ */
  /* Desktop
  ================================ */ }
  @media (min-width: 375px) {
    .c-productSum-code {
      font-size: 0.75em; } }
  @media (min-width: 768px) {
    .c-productSum-code {
      font-size: 0.9375em;
      margin-bottom: 15px; } }

.c-cta-grp-hldr {
  /* Desktop
  ================================ */ }
  @media (min-width: 768px) {
    .c-cta-grp-hldr {
      padding: 0 10px; } }

/*------------------------------------*\
  #STARS -> SMALL -> CATALOGUE
\*------------------------------------*/
/* NOTE: o-icon styles in _icons partial -------------------- */
.c-icon-star {
  fill: #d6d6d6; }

.c-icon-star--sm {
  width: 14px;
  height: 14px;
  fill: #d6d6d6; }

.c-stars--sm {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px; }
  @media (min-width: 768px) {
    .c-stars--sm {
      margin-bottom: 25px; } }

/**
 * 1. Three columns mobile doesn't show up on smaller screens
 */
.c-star-txt--sm {
  display: block;
  font-size: 0.625rem;
  margin-left: 5px;
  /* iPhone 6 and higher
  ================================ */ }
  @media (min-width: 375px) {
    .c-star-txt--sm {
      font-size: 0.6875rem; } }

/*----------------------------------------*\
  #STARS -> DEFAULT -> PRODUCT DETAIL
\*----------------------------------------*/
.c-icon-star--md {
  fill: #d6d6d6;
  margin-right: 2px; }

.c-star-txt {
  font-size: 0.6875em;
  margin-left: 10px; }

/* ------------- */
.c-on {
  fill: #FFDE11;
  /* yellow */ }

/**
 * Product Detail specific styles.
 * On Product Detail Page in Shop section.
 */
.c-categoryTitle {
  text-align: center; }
  @media (min-width: 480px) {
    .c-categoryTitle {
      text-align: left; } }

.c-product-detail__img {
  display: block;
  width: 80%;
  min-height: 1px;
  border: 1px solid #d6d6d6;
  padding-bottom: 24px;
  margin: 6px 0 0;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center; }
  @media (min-width: 480px) {
    .c-product-detail__img {
      width: 100%;
      margin: 8px 0 0 10px;
      -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
      align-self: flex-start; } }
  @media (min-width: 768px) {
    .c-product-detail__img {
      margin: 0; } }

.c-product__headline {
  font-size: 0.875rem;
  line-height: 1;
  margin-bottom: 2px; }
  @media (min-width: 480px) {
    .c-product__headline {
      font-size: 1rem;
      margin-left: 0.625rem; } }
  @media (min-width: 768px) {
    .c-product__headline {
      font-size: 1.5rem;
      margin-top: 0;
      margin-bottom: 16px; } }

.c-zoom {
  font-size: 0.75rem;
  text-align: center;
  margin-top: 5px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center; }

/*------------------------------------*\
	#PRODUCT DETAIL MODULE -> RIGHT
\*------------------------------------*/
.c-product__headline--points {
  font-size: 1.125rem;
  line-height: 1;
  margin-bottom: 4px; }
  @media (min-width: 768px) {
    .c-product__headline--points {
      font-size: 1.5rem; } }

.c-product-code {
  font-size: 0.6875rem;
  font-weight: normal;
  line-height: 1; }
  @media (min-width: 480px) {
    .c-product-code {
      margin-bottom: 6px; } }
  @media (min-width: 768px) {
    .c-product-code {
      font-size: 0.9375rem;
      font-weight: bold; } }

.c-product-info-grp {
  width: 100%;
  padding: 0.75rem 0 0.75rem 0.75rem; }
  @media (min-width: 480px) {
    .c-product-info-grp {
      padding: 0; } }

.c-product-info-hldr {
  width: 100%;
  padding: 0.75rem; }
  @media (min-width: 480px) {
    .c-product-info-hldr {
      padding: 0; } }

.c-rate-hldr {
  width: 100%;
  padding: 0.25rem 0 0.25rem 0.75rem; }
  @media (min-width: 480px) {
    .c-rate-hldr {
      padding: 0.25rem 0; } }

.c-quantity__select {
  width: 70px;
  margin-bottom: 0; }

@media (min-width: 480px) {
  .c-quantity {
    margin-top: 20px;
    margin-bottom: 30px; } }

.c-quantity-grp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.c-quantity__label {
  font-size: 0.8125rem;
  line-height: 1;
  margin-bottom: 6px; }
  @media (min-width: 480px) {
    .c-quantity__label {
      margin-bottom: 8px; } }

.c-stars-hldr {
  padding-top: 4px;
  padding-bottom: 4px;
  border-right: 1px solid #d6d6d6;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  @media (min-width: 480px) {
    .c-stars-hldr {
      border-right: none; } }
  @media (min-width: 550px) {
    .c-stars-hldr {
      border-right: 1px solid #d6d6d6; } }
  @media (min-width: 768px) {
    .c-stars-hldr {
      padding-top: 5px;
      padding-bottom: 5px; } }

.c-mobile-padding-left {
  padding-left: 5%; }
  @media (min-width: 768px) {
    .c-mobile-padding-left {
      padding-left: 0; } }

.c-products-link {
  font-size: 0.75em;
  text-decoration: underline;
  color: #2560AD; }

.c-products-link:visited {
  color: #2E368F; }

@media (min-width: 480px) {
  .c-add-to-cart {
    width: 168px;
    padding: 5px 0 15px 0; } }

.c-add-to-cart--link {
  width: 100%; }
  @media (min-width: 480px) {
    .c-add-to-cart--link {
      width: 40%; } }

.c-shipping__hldr {
  width: 100%;
  padding: 8px 0 10px 0; }
  @media (min-width: 768px) {
    .c-shipping__hldr {
      padding: 12px 0 15px 0; } }

.c-shipping__headline {
  font-size: 1.125em;
  line-height: 1;
  text-align: center;
  margin-bottom: 5px; }
  @media (min-width: 480px) {
    .c-shipping__headline {
      text-align: left; } }
  @media (min-width: 768px) {
    .c-shipping__headline {
      font-size: 1.25em; } }

.c-shipping__callout {
  font-size: 0.75em;
  color: #d73443;
  text-align: center; }
  @media (min-width: 480px) {
    .c-shipping__callout {
      text-align: left; } }

.c-availability__hldr {
  width: 100%;
  padding: 10px 0 0 14px; }
  @media (min-width: 480px) {
    .c-availability__hldr {
      padding: 10px 0 0 0; } }
  @media (min-width: 768px) {
    .c-availability__hldr {
      padding: 12px 0 15px 0; } }

.c-availability {
  margin-top: 12px; }
  @media (min-width: 768px) {
    .c-availability {
      border-bottom: 1px solid #d6d6d6;
      padding-bottom: 10px; } }

.c-availability-hdln {
  font-size: 0.875em; }
  @media (min-width: 768px) {
    .c-availability-hdln {
      font-size: 0.875em; } }

.c-availability__info {
  font-size: 0.75rem;
  margin-top: 3px;
  margin-bottom: 3px; }

.c-availability__in-stock {
  font-size: 0.75em;
  margin-top: 6px; }

/*------------------------------------*\
	#ABOUT
\*------------------------------------*/
.c-product-module-hdln {
  font-size: 1.125rem;
  line-height: 1;
  margin-bottom: 4px; }
  @media (min-width: 768px) {
    .c-product-module-hdln {
      font-size: 1.5rem;
      margin-bottom: 14px; } }

.c-about-hldr {
  width: 100%;
  padding: 12px 0 14px 14px; }

.c-about-title {
  font-size: 0.8125em;
  /* Desktop
	================================ */ }
  @media (min-width: 768px) {
    .c-about-title {
      font-size: 1.5em; } }

.c-about-txt {
  font-size: 0.75rem;
  margin-right: 10px;
  color: #595a5c;
  max-width: 700px;
  /* Desktop
	================================ */ }
  @media (min-width: 768px) {
    .c-about-txt {
      font-size: 1.0625rem; } }

.c-about-txt--mar {
  margin-bottom: 5px; }

/*------------------------------------*\
	#PRODUCT POP-UP
\*------------------------------------*/
.c-rate-product {
  font-size: 1.5rem;
  line-height: 1; }

.c-rate-hdln {
  font-size: 1.0625rem; }

.c-rate-item {
  font-weight: normal;
  font-size: 0.875rem; }

.c-blue-underline-anchor {
  color: #39609d;
  cursor: pointer; }

.c-rate-btn-grp {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #d6d6d6;
  height: 110px; }

.c-rate-media {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 10px;
  margin-bottom: 5px; }
  @media (min-width: 520px) {
    .c-rate-media {
      margin-left: -15px;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row; } }

.c-rate-media__figure {
  width: 144px;
  margin-bottom: 10px; }

.c-rate-media__body {
  width: 224px; }
  @media (min-width: 340px) {
    .c-rate-media__body {
      width: 260px; } }

.no-title .ui-dialog-title {
  font-size: 8px; }

.ui-dialog-titlebar-close {
  background-color: white;
  border: none; }

.ui-dialog-titlebar-close:hover {
  background-color: white;
  border: none; }

/*-----------------------------------------------*\
	#V2 SPECIFIC FILES
\*-----------------------------------------------*/
@media (min-width: 768px) {
  .c-product-detail {
    padding-top: 10px;
    padding-bottom: 10px; } }

.c-rating-grp {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 15px; }
  @media (min-width: 768px) {
    .c-rating-grp {
      padding-left: 0; } }

/*------------------------------------*\
	#SOLVED BY FLEXBOX - MEDIA OBJ
\*------------------------------------*/
/*------------------------------------*\
	#UTILITIES
\*------------------------------------*/
.u-top-line {
  border-top: 1px solid #d6d6d6; }

.u-top-line\@mobile {
  border-top: 1px solid #d6d6d6 !important; }
  @media (min-width: 480px) {
    .u-top-line\@mobile {
      border-top: none !important; } }


\*------------------------------------*
.c-rate-product {
  font-size: 1.5rem;
  line-height: 1; }

.c-rate-hdln {
  font-size: 1.0625rem; }

.c-rate-item {
  font-weight: normal;
  font-size: 0.875rem; }

.c-blue-underline-anchor {
  color: #39609d;
  cursor: pointer; }

.c-rate-btn-grp {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #d6d6d6;
  height: 110px; }

.c-rate-media {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 10px;
  margin-bottom: 5px; }
  @media (min-width: 520px) {
    .c-rate-media {
      margin-left: -15px;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row; } }

.c-rate-media__figure {
  width: 144px;
  margin-bottom: 10px; }

.c-rate-media__body {
  width: 224px; }
  @media (min-width: 340px) {
    .c-rate-media__body {
      width: 260px; } }

.no-title .ui-dialog-title {
  font-size: 8px; }

.ui-dialog-titlebar-close {
  background-color: white;
  border: none; }

.ui-dialog-titlebar-close:hover {
  background-color: white;
  border: none; }

/*-----------------------------------------------*\
	#V2 SPECIFIC FILES
\*-----------------------------------------------*/
@media (min-width: 768px) {
  .c-product-detail {
    padding-top: 10px;
    padding-bottom: 10px; } }

.c-rating-grp {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 15px; }
  @media (min-width: 768px) {
    .c-rating-grp {
      padding-left: 0; } }

/*------------------------------------*\
	#SOLVED BY FLEXBOX - MEDIA OBJ
\*------------------------------------*/
/*------------------------------------*\
	#UTILITIES
\*------------------------------------*/
.u-top-line {
  border-top: 1px solid #d6d6d6; }

.u-top-line\@mobile {
  border-top: 1px solid #d6d6d6 !important; }
  @media (min-width: 480px) {
    .u-top-line\@mobile {
      border-top: none !important; } }


@media (min-width: 768px) {
  .u-bottom-line\@lg {
    border-bottom: 1px solid #d6d6d6 !important; } }

.u-mobile-padding-left {
  padding-left: 15px;
  padding-right: 15px; }
  @media (min-width: 768px) {
    .u-mobile-padding-left {
      padding-left: 0; } }

.u-mobile-padding-left-sm {
  padding-left: 3%;
  padding-right: 0; }
  @media (min-width: 768px) {
    .u-mobile-padding-left-sm {
      padding-left: 0; } }

.u-marTop10\@sm {
  margin-top: 10px !important; }
  @media (min-width: 768px) {
    .u-marTop10\@sm {
      margin-top: 0 !important; } }

/**
 * Cart specific styles.
 * On Cart Page in Shop section.
 *
 */
/*-------------------------------------------------------*\
  #CART -> SHOP
\*-------------------------------------------------------*/
.u-padT3 {
  padding-top: 3px !important; }

/*-------------------------------------------------------*\
  #CART ITEMS -> SHOP
\*-------------------------------------------------------*/
.c-cart-hdln {
  padding-left: 15px;
  margin-top: 8px;
  margin-bottom: 2px; }
  @media (min-width: 768px) {
    .c-cart-hdln {
      padding-left: 0;
      margin-top: 10px; } }

.c-items-prod-info-tag {
  margin-top: 8px;
  margin-left: 15px;
  margin-bottom: 3px; }

.c-items-fwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 960px; }

.c-items-img-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.c-items-tag-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.c-items-prod-pts-grp--mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.c-items-prod-title {
  font-size: 0.875rem;
  line-height: 1.3;
  color: #1c2b39; }
  @media (min-width: 768px) {
    .c-items-prod-title {
      margin-top: 3px;
      font-size: 1rem; } }

.c-items-prod-code {
  font-size: 0.6875rem;
  color: #231f20; }
  @media (min-width: 768px) {
    .c-items-prod-code {
      font-size: 0.8125rem;
      margin-top: 3px;
      margin-bottom: 30px; } }

.c-items-prod-info--mobile {
  padding-top: 10px; }

.c-items-points {
  font-size: 1.125rem; }

.c-items-heading {
  font-size: 0.75rem; }

.c-items-select {
  width: 60px;
  margin-top: 0;
  margin-bottom: 10px; }
  @media (min-width: 768px) {
    .c-items-select {
      margin-top: 7px; } }

.c-items-ui {
  display: block;
  font-size: 0.75rem;
  text-decoration: underline;
  margin-bottom: 5px; }

.c-items-ui--big {
  display: inline-block;
  text-decoration: underline;
  font-size: 0.875rem;
  margin-bottom: 10px; }
  @media (min-width: 768px) {
    .c-items-ui--big {
      margin-bottom: 20px;
      font-size: 1rem; } }

.c-items-heading {
  margin-bottom: 5px;
  font-size: 0.75rem;
  color: #231f20; }
  @media (min-width: 768px) {
    .c-items-heading {
      margin-top: 20px; } }

.c-items-prod-title {
  color: #1c2b39; }

.c-items-in-stock {
  font-size: 0.75rem;
  margin-top: 10px; }

.c-items-ship-info {
  font-size: 0.6875rem; }

/*-------------------------------------------------------*\
  #CART ORDER SUMMARY -> SHOP -> CART
\*-------------------------------------------------------*/
.c-cart-summary {
  padding: 15px 15px;
  max-width: 400px; }
  @media (min-width: 768px) {
    .c-cart-summary {
      padding: 35px 0 20px; } }

.cart-sum-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 3px 0; }
  @media (min-width: 768px) {
    .cart-sum-grp {
      padding-top: 10px;
      padding-bottom: 10px; } }

.c-cart-sum-items {
  font-size: 0.75rem;
  color: #5a5a5d; }
  @media (min-width: 768px) {
    .c-cart-sum-items {
      font-size: 0.875rem; } }

.c-cart-sum-items-points {
  font-size: 0.875rem;
  color: #414142; }
  @media (min-width: 768px) {
    .c-cart-sum-items-points {
      font-size: 1.125rem; } }

.c-cart-sum-total {
  font-size: 1rem;
  color: #1c2b39; }
  @media (min-width: 768px) {
    .c-cart-sum-total {
      font-size: 1.3125rem; } }

.c-cart-sum-total-Points {
  font-size: 1rem;
  color: #414142; }
  @media (min-width: 768px) {
    .c-cart-sum-total-Points {
      font-size: 1.3125rem; } }

/*-------------------------------------------------------*\
  #CART CHECKOUT BTN -> SHOP -> CART
\*-------------------------------------------------------*/
.c-cart-btn-hldr {
  padding: 15px 12px;
  max-width: 400px; }
  @media (min-width: 768px) {
    .c-cart-btn-hldr {
      padding: 20px 0;
      width: 220px;
      margin-bottom: 20px; } }

/*-------------------------------------------------------*\
  #ORDER CHECKOUT -> SHOP -> CART
\*-------------------------------------------------------*/
.c-order-info-hldr {
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 5px; }
  @media (min-width: 768px) {
    .c-order-info-hldr {
      padding-left: 0;
      margin-top: 10px; } }

.c-contact-info-hldr {
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 5px;
  padding-bottom: 15px; }
  @media (min-width: 768px) {
    .c-contact-info-hldr {
      padding-left: 0;
      margin-top: 10px; } }

.c-shipping-info-txt,
.c-account-info {
  margin-top: 10px;
  margin-bottom: 10px; }

.c-shipping-info-txt p,
.c-account-info p {
  font-size: 0.875rem; }
  @media (min-width: 768px) {
    .c-shipping-info-txt p,
    .c-account-info p {
      font-size: 1rem; } }

.c-order-ship-hldr {
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  padding: 0.875rem 0.9375rem 0.125rem; }
  @media (min-width: 768px) {
    .c-order-ship-hldr {
      padding: 1.875rem 0 0.375rem; } }

.c-shipping-info {
  padding-top: 8px;
  margin-bottom: 25px; }

.c-ship-label-txt {
  font-size: 0.8125rem; }

.c-order-select {
  padding-top: 12px;
  padding-bottom: 12px; }

/*-------------------------------------------------------*\
  #ORDER PLACE ORDER -> SHOP -> CART
\*-------------------------------------------------------*/
.c-cart-summary-hldr {
  margin-bottom: 10px; }
  @media (min-width: 768px) {
    .c-cart-summary-hldr {
      margin-bottom: 20px; } }

/*-------------------------------------------------------*\
  #ORDER CONFIRMATION -> SHOP -> CART
\*-------------------------------------------------------*/
.c-confirmation-hldr {
  padding: 5px 15px; }
  @media (min-width: 768px) {
    .c-confirmation-hldr {
      padding: 10px 0 20px; } }

.c-confirmation-hdln {
  font-size: 1rem; }
  @media (min-width: 768px) {
    .c-confirmation-hdln {
      font-size: 1.3125rem; } }

.c-confirmation-orderNum {
  font-size: 0.625rem; }
  @media (min-width: 768px) {
    .c-confirmation-orderNum {
      font-size: 0.75rem;
      margin-top: 8px; } }

.c-confirmation-prod-pts-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.c-confirmation-img {
  max-width: 100%;
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin-left: -15px; }

.c-confirmation-prod-info {
  padding-top: 15px; }

.c-confirmation-points {
  font-size: 1.3125rem;
  line-height: 1; }

.c-confirmation-prod-title {
  color: #1c2b39;
  margin: 0;
  font-size: 1rem; }

.c-confirmation-prod-code {
  font-size: 0.75rem; }
  @media (min-width: 768px) {
    .c-confirmation-prod-code {
      margin-top: 3px; } }

.c-confirmation-quantity {
  color: #5a5a5d;
  font-size: 0.875rem;
  margin-top: 5px; }

/**
  * @stylesheet _components.modules-setpup.scss Comp. - Modules Step-Up
  * @parent styleguide.itcss 33
  *
  * @description
  * This modules step-up page is being dynamically created by the content found in `sass/app/_components.modules-stepup.scss`.
  *
  * Styles for the Step-Up items on different pages.
  *
  * __NOTE:__ *Client specific fonts are used in this section of the site.<br>
  * Two specified now are Tyfoon (MP) and Agenda (BCBSWNY).*
  *
  * __NOTE:__ *These pages should use picturefill.js polyfill for responsive images.<br>
  Some of these pages also uses bxSlider for the responsive slider at the bottom of the page.*
  *
  * *View page examples in responsive demo pages below:*<br>
  * <a href="demos_responsive/stepup-home-join-the-challenge.html" target="_blank">Step-Up - Join the Challenge</a><br>
  * <a href="demos_responsive/stepup-home-track-your-steps-now.html" target="_blank">Step-Up - Track your steps now!</a><br>
  *
  * <a href="demos_responsive/stepup-landing-nobody-selected.html" target="_blank">Step-Up - Landing - nobody selected</a><br>
  * <a href="demos_responsive/stepup-landing-start-the-challenge.html" target="_blank">Step-Up - Landing - start the challenge</a><br>
  *
  * <a href="demos_responsive/stepup-landing-track-data.html" target="_blank">Step-Up - Landing - track data and latest earned achievements</a> *(Please note: <a href="https://developers.google.com/chart/interactive/docs/quick_start">Google Charts"</a> and the <a href="https://jqueryui.com/datepicker/">jquery ui date picker"</a> are used in the track steps.*<br>
  *
  * <a href="demos_responsive/stepup-fun-facts.html" target="_blank">Step-Up - fun facts</a><br>
  *
  * <a href="demos_responsive/stepup-join-step1.html" target="_blank">Step-Up - join step 1 owner and two dependents</a><br>
  * <a href="demos_responsive/stepup-join-step2.html" target="_blank">Step-Up - join step 2 shipping info</a><br>
  * <a href="demos_responsive/stepup-join-step3.html" target="_blank">Step-Up - join step 3 place order</a><br>
  * <a href="demos_responsive/stepup-join-step4.html" target="_blank">Step-Up - join step 4 order confirmation</a><br>
  *
  * <a href="demos_responsive/stepup-achievements-locked.html" target="_blank">Step-Up - achievements - locked</a><br>
  *
  * <a href="demos_responsive/stepup-faqs.html" target="_blank">Step-Up - faqs</a><br>
  * <a href="demos_responsive/stepup-dialogs.html" target="_blank">Step-Up - dialog</a><br>
  * __NOTE:__ *The dialogs page is for styling purposes only. We are using aurelia-dialog in our project.*
  *
  **/
.c-stepUp__head-holder {
  margin-bottom: 16px; }
  @media (min-width: 768px) {
    .c-stepUp__head-holder {
      margin-bottom: 20px; } }

.c-stepUp__icn {
  position: relative;
  width: 185px;
  height: 185px;
  margin: 0 auto;
  border-radius: 50%;
  background-color: #ff5833; }
  @media (min-width: 480px) {
    .c-stepUp__icn {
      width: 135px;
      height: 135px; } }
  @media (min-width: 768px) {
    .c-stepUp__icn {
      width: 165px;
      height: 165px; } }
  @media (min-width: 860px) {
    .c-stepUp__icn {
      width: 185px;
      height: 185px; } }

.c-stepUp__icn::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 14px;
  display: block;
  width: 126px;
  height: 120px;
  margin: auto;
  content: '';
  background: url("../img/StepUp_stairs_icn.png") no-repeat;
  background: none, url("../img/StepUp_stairs_icn.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 480px) {
    .c-stepUp__icn::after {
      width: 88px;
      height: 82px; } }
  @media (min-width: 768px) {
    .c-stepUp__icn::after {
      width: 116px;
      height: 110px; } }
  @media (min-width: 860px) {
    .c-stepUp__icn::after {
      width: 126px;
      height: 120px; } }

.c-stepUp__content {
  width: 100%;
  padding-top: 18px;
  padding-left: 12px;
  padding-right: 12px; }
  @media (min-width: 480px) {
    .c-stepUp__content {
      padding: 0 24px 0 18px;
      margin-top: 8px; } }
  @media (min-width: 768px) {
    .c-stepUp__content {
      padding: 0 24px 0 18px;
      margin-top: 8px; } }

.c-stepUp-facts__icn {
  position: relative;
  width: 106px;
  height: 106px;
  margin: 0 auto;
  border-radius: 50%;
  background-color: #ff5833; }
  @media (min-width: 768px) {
    .c-stepUp-facts__icn {
      width: 140px;
      height: 140px; } }

.c-stepUp-facts__icn::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 50px;
  height: 68px;
  margin: auto;
  content: '';
  background: url("../img/StepUpFacts_tablet_icn.png") no-repeat;
  background: none, url("../img/StepUpFacts_tablet_icn.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-stepUp-facts__icn::after {
      width: 64px;
      height: 88px; } }

.c-stepUp-facts__icn--shoe::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 4px;
  display: block;
  width: 75px;
  height: 42px;
  margin: auto;
  content: '';
  background: url("../img/StepUpFacts_shoe_icn.png") no-repeat;
  background: none, url("../img/StepUpFacts_shoe_icn.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-stepUp-facts__icn--shoe::after {
      width: 100px;
      height: 55px; } }

.c-stepUp-facts__icn--person::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 4px;
  display: block;
  width: 55px;
  height: 82px;
  margin: auto;
  content: '';
  background: url("../img/StepUpFacts_person_icn.png") no-repeat;
  background: none, url("../img/StepUpFacts_person_icn.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-stepUp-facts__icn--person::after {
      width: 70px;
      height: 106px; } }

.c-stepUp-participant__icn,
.c-stepup-stair-icn {
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #ff5833; }

.c-stepup-stair-icn {
  margin-right: 12px; }

.c-stepUp-participant__icn::after,
.c-stepup-stair-icn::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 4px;
  display: block;
  width: 36px;
  height: 35px;
  margin: auto;
  content: '';
  background: url("../img/StepUp_stairs_icn.png") no-repeat;
  background: none, url("../img/StepUp_stairs_icn.svg") no-repeat;
  background-size: 100%; }

.c-stepUp-participant__hdln {
  font-size: 1.125rem;
  margin-top: 2px;
  margin-right: 12px;
  margin-bottom: 6px;
  color: #515254; }
  @media (min-width: 480px) {
    .c-stepUp-participant__hdln {
      margin-top: 5px; } }
  @media (min-width: 768px) {
    .c-stepUp-participant__hdln {
      margin-top: 0;
      font-size: 1.625rem; } }

.c-stepUp-participant__fxhdr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 5px; }
  @media (min-width: 480px) {
    .c-stepUp-participant__fxhdr {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row; } }

.c-su-tracker-sub,
.c-su-tracker-label {
  font-size: 0.6875rem;
  line-height: 1.3;
  color: #515254; }
  @media (min-width: 768px) {
    .c-su-tracker-sub,
    .c-su-tracker-label {
      font-size: 1.125rem; } }

.c-su-tracker-label {
  font-weight: bold;
  margin-right: 6px; }

.c-su-tracker--red {
  color: #e81f1f; }

.c-su-tracker--black {
  color: #000000; }

.c-stepUp-tracker-wklyBtn {
  padding: 8px 16px;
  border: 0;
  border-radius: 0.4em;
  color: #fff;
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: bold;
  transition: opacity 0.3s;
  display: block;
  background-color: #ff5933;
  margin-top: 10px;
  text-decoration: none; }
  .c-stepUp-tracker-wklyBtn:hover {
    opacity: .75; }
  .c-stepUp-tracker-wklyBtn:active {
    opacity: initial; }
  @media (min-width: 768px) {
    .c-stepUp-tracker-wklyBtn {
      margin-top: 12px;
      font-size: 0.875rem; } }

.c-myStepsTracker-hldr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.c-su-trophy__fxhdr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 16px; }

.c-su-trophy__icn {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #e81f1f;
  margin-right: 8px; }

.c-su-trophy__icn::after {
  position: absolute;
  top: 3px;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 21px;
  height: 24px;
  margin: auto;
  content: '';
  background: url("../img/StepUp_trophy.png") no-repeat;
  background: none, url("../img/StepUp_trophy.svg") no-repeat;
  background-size: 100%; }

.c-su-tracker__fxhdr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.c-select-date {
  margin-bottom: 12px; }
  @media (min-width: 570px) {
    .c-select-date {
      margin-right: 24px; } }

.c-su-steps__icn {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #26a8df;
  margin-right: 8px; }

.c-su-steps__icn::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 21px;
  height: 31px;
  margin: auto;
  content: '';
  background: url("../img/StepUpFacts_person_icn.png") no-repeat;
  background: none, url("../img/StepUpFacts_person_icn.svg") no-repeat;
  background-size: 100%; }

.c-su-calendar__icn {
  width: 40px;
  height: 38px;
  margin: auto;
  content: '';
  background: url("../img/StepUp_calendar.png") no-repeat;
  background: none, url("../img/StepUp_calendar.svg") no-repeat;
  background-size: 100%;
  margin-right: 8px; }

input.c-su-tracker__input {
  width: 150px; }

.c-su-btn-grp-fwrap {
  margin-top: 30px; }
  @media (min-width: 768px) {
    .c-su-btn-grp-fwrap {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; } }

.c-su-tracker--bg-blue {
  background-color: #26a8df; }

.c-su-tracker--bg-red {
  background-color: #e81f1f; }

.c-su-btn-grp__item {
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  margin-bottom: 10px; }
  @media (min-width: 768px) {
    .c-su-btn-grp__item {
      font-size: 0.875rem;
      width: 150px;
      margin-left: 12px; } }

.c-su-btn-grp__item:first-child {
  margin-left: 0; }

.c-su-btn-grp__item:last-child {
  margin-bottom: 10px; }

.c-myStepsGrid-hldr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 12px; }

.c-stepsColumn-nav {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 30px; }
  @media (min-width: 1020px) {
    .c-stepsColumn-nav {
      margin-bottom: 60px; } }

.c-stepsHistoryColumn-nav {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 12px; }

.c-mySteps-today {
  font-size: 1rem;
  color: #191919;
  font-weight: bold; }
  @media (min-width: 768px) {
    .c-mySteps-today {
      font-size: 1.25rem; } }

.c-mySteps-back,
.c-mySteps-next {
  font-size: 0.75rem;
  color: #b3b3b3;
  font-weight: 500;
  cursor: pointer; }
  .c-mySteps-back:hover,
  .c-mySteps-next:hover {
    color: #4d4d4d; }
  @media (min-width: 768px) {
    .c-mySteps-back,
    .c-mySteps-next {
      font-size: 1rem; } }

.c-mySteps-stepNum {
  width: 100%;
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 500;
  color: #333333; }
  @media (min-width: 1020px) {
    .c-mySteps-stepNum {
      margin-top: 0; } }
  @media (min-width: 768px) {
    .c-mySteps-stepNum {
      font-size: 2.5625rem; } }

.c-mySteps-steps {
  width: 100%;
  text-align: center;
  font-size: 1rem;
  font-weight: 500;
  color: #808080; }
  @media (min-width: 768px) {
    .c-mySteps-steps {
      font-size: 1.3125rem; } }

.c-mySteps-history {
  font-size: 1rem;
  font-weight: bold;
  color: #191919; }
  @media (min-width: 768px) {
    .c-mySteps-history {
      font-size: 1.3125rem; } }

.c-mySteps-link {
  text-decoration: underline;
  font-size: 0.875rem; }
  @media (min-width: 768px) {
    .c-mySteps-link {
      font-size: 1rem; } }

.c-myStepsCard {
  width: 480px;
  padding: 16px;
  margin-top: 18px; }
  @media (min-width: 1020px) {
    .c-myStepsCard {
      margin-top: 0; } }

.c-myStepsCard--first {
  margin-top: 0; }
  @media (min-width: 768px) {
    .c-myStepsCard--first {
      margin-right: 24px; } }

.c-stepUp--mySteps__icn {
  position: relative;
  width: 190px;
  height: 190px;
  margin: 0 auto 14px;
  border-radius: 50%; }

.c-stepUp--mySteps__icn::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 6px;
  display: block;
  width: 126px;
  height: 70px;
  margin: auto;
  content: '';
  background: url("../img/StepUpFacts_shoe_icn.png") no-repeat;
  background: none, url("../img/StepUpFacts_shoe_icn.png") no-repeat;
  background-size: 100%; }

.c-mySteps-dates {
  font-size: 0.75rem;
  text-align: center;
  color: #808080; }
  @media (min-width: 768px) {
    .c-mySteps-dates {
      font-size: 1rem; } }

.c-mySteps-days {
  font-size: 0.875rem;
  text-align: center;
  font-weight: bold;
  color: #191919; }
  @media (min-width: 768px) {
    .c-mySteps-days {
      font-size: 1.125rem; } }

/*google-charts*/
#week_step_bar_div,
#three_week_step_bar_div {
  width: 250px;
  margin-top: 24px;
  margin-bottom: 24px; }
  @media (min-width: 400px) {
    #week_step_bar_div,
    #three_week_step_bar_div {
      margin: 24px auto;
      width: 300px; } }
  @media (min-width: 600px) {
    #week_step_bar_div,
    #three_week_step_bar_div {
      margin: 24px auto;
      width: 400px; } }

.c-stepUp__subhead--earned {
  color: #e81f1f;
  font-size: 0.75rem;
  line-height: 1;
  margin-bottom: 4px; }
  @media (min-width: 768px) {
    .c-stepUp__subhead--earned {
      font-size: 1.25rem;
      margin-bottom: 6px; } }

.c-setUpStars-hldr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px; }
  @media (min-width: 768px) {
    .c-setUpStars-hldr {
      margin-top: 14px; } }

.c-su-star-span {
  margin-right: 4px;
  width: 29px;
  height: 26px;
  background: url("../img/StepUp_grayStar.png");
  background-image: none, url("../img/StepUp_grayStar.svg");
  background-repeat: no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-su-star-span {
      margin-right: 10px;
      width: 45px;
      height: 42px; } }

.c-su-star-span--on {
  margin-right: 4px;
  width: 29px;
  height: 26px;
  background: url("../img/StepUp_goldStar.png");
  background-image: none, url("../img/StepUp_goldStar.svg");
  background-repeat: no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-su-star-span--on {
      margin-right: 10px;
      width: 45px;
      height: 42px; } }

.c-stepUp-achievement__icn {
  position: relative;
  width: 185px;
  height: 185px;
  margin: 0 auto;
  border-radius: 50%;
  background-color: #ff5833; }
  @media (min-width: 480px) {
    .c-stepUp-achievement__icn {
      width: 135px;
      height: 135px; } }
  @media (min-width: 768px) {
    .c-stepUp-achievement__icn {
      width: 165px;
      height: 165px; } }
  @media (min-width: 860px) {
    .c-stepUp-achievement__icn {
      width: 185px;
      height: 185px; } }

.c-stepUp-achievement__icn::after {
  position: absolute;
  top: -6px;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 102px;
  height: 119px;
  margin: auto;
  content: '';
  background: url("../img/StepUpAchievement_lock.png") no-repeat;
  background: none, url("../img/StepUpAchievement_lock.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 480px) {
    .c-stepUp-achievement__icn::after {
      width: 70px;
      height: 81px; } }
  @media (min-width: 768px) {
    .c-stepUp-achievement__icn::after {
      width: 90px;
      height: 105px; } }
  @media (min-width: 860px) {
    .c-stepUp-achievement__icn::after {
      width: 102px;
      height: 119px; } }

.c-stepUp-key__icn {
  position: relative;
  width: 185px;
  height: 185px;
  margin: 0 auto;
  border-radius: 50%;
  background-color: #ff5833; }
  @media (min-width: 480px) {
    .c-stepUp-key__icn {
      width: 135px;
      height: 135px; } }
  @media (min-width: 768px) {
    .c-stepUp-key__icn {
      width: 165px;
      height: 165px; } }
  @media (min-width: 860px) {
    .c-stepUp-key__icn {
      width: 185px;
      height: 185px; } }

.c-stepUp-key__icn::after {
  position: absolute;
  top: -6px;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 120px;
  height: 54px;
  margin: auto;
  content: '';
  background: url("../img/StepUpAchievement_key.png") no-repeat;
  background: none, url("../img/StepUpAchievement_key.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 480px) {
    .c-stepUp-key__icn::after {
      width: 90px;
      height: 40px; } }
  @media (min-width: 768px) {
    .c-stepUp-key__icn::after {
      width: 110px;
      height: 50px; } }
  @media (min-width: 860px) {
    .c-stepUp-key__icn::after {
      width: 120px;
      height: 54px; } }

.c-stepUp-hand__icn {
  position: relative;
  width: 185px;
  height: 185px;
  margin: 0 auto;
  border-radius: 50%;
  background-color: #0bbad5; }
  @media (min-width: 480px) {
    .c-stepUp-hand__icn {
      width: 135px;
      height: 135px; } }
  @media (min-width: 768px) {
    .c-stepUp-hand__icn {
      width: 165px;
      height: 165px; } }
  @media (min-width: 860px) {
    .c-stepUp-hand__icn {
      width: 185px;
      height: 185px; } }

.c-stepUp-hand__icn::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 12px;
  display: block;
  width: 90px;
  height: 104px;
  margin: auto;
  content: '';
  background: url("../img/StepUpAchievement_hand.png") no-repeat;
  background: none, url("../img/StepUpAchievement_hand.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 480px) {
    .c-stepUp-hand__icn::after {
      width: 70px;
      height: 80px; } }
  @media (min-width: 768px) {
    .c-stepUp-hand__icn::after {
      width: 80px;
      height: 92px; } }
  @media (min-width: 860px) {
    .c-stepUp-hand__icn::after {
      width: 90px;
      height: 104px; } }

.c-achievementGallery-sub {
  font-size: 0.6875rem;
  font-weight: 500;
  color: #515254; }
  @media (min-width: 768px) {
    .c-achievementGallery-sub {
      font-size: 1.125rem; } }

.c-achievementsGallery-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.c-achievementGallery-fwrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-item: center; }

.c-achievementGallery-fwrap--inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: 12px;
  margin-right: 24px; }

.c-achievementGallery-hldr {
  margin: 12px auto 0;
  max-width: 500px; }
  @media (min-width: 768px) {
    .c-achievementGallery-hldr {
      margin: 24px auto 0;
      max-width: 620px; } }

.c-achievementGallery-hldr img {
  width: 100%;
  min-height: 1px; }

.c-achievementGallery-btn-hldr,
.c-faqs-btn-hldr {
  margin: 8px auto 0; }
  @media (min-width: 768px) {
    .c-achievementGallery-btn-hldr,
    .c-faqs-btn-hldr {
      margin: 8px 0 0 0; } }

.c-su-gallery-menu-hdlr {
  width: 100px;
  margin: 20px auto 20px auto; }

.c-su-gallery-fwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.c-su-gallery-fwrap__item {
  margin-right: 12px; }

.c-su-gallery-fwrap__item:last-child {
  margin-right: 0; }

.c-su-menu-dot {
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #d4d4d4; }

.c-su-menu-dot--active {
  background-color: #b3b3b3; }

.c-stepup-join-fxhldr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.c-stepup-join-fxhldr__hdln {
  font-size: 1.125rem;
  line-height: 1.3;
  margin-left: 12px;
  color: #515254; }
  @media (min-width: 768px) {
    .c-stepup-join-fxhldr__hdln {
      font-size: 1.625rem; } }

.c-stepup-person {
  margin-bottom: 24px; }

.c-stepup-person__icn {
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #e81f1f;
  margin-right: 12px; }

.c-stepup-person__icn::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 4px;
  display: block;
  width: 26px;
  height: 40px;
  margin: auto;
  content: '';
  background: url("../img/StepUpFacts_person_icn.png") no-repeat;
  background: none, url("../img/StepUpFacts_person_icn.svg") no-repeat;
  background-size: 100%; }

.c-stepup-person__hdln {
  font-size: 1.125rem;
  margin-top: 2px;
  margin-right: 12px;
  margin-bottom: 6px;
  color: #515254; }
  @media (min-width: 480px) {
    .c-stepup-person__hdln {
      margin-top: 5px; } }
  @media (min-width: 768px) {
    .c-stepup-person__hdln {
      margin-top: 0;
      font-size: 1.625rem; } }

.c-stepup-person__fxhdr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 4px; }

.c-control--su {
  padding-left: 29px;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1; }

.c-su-radio-grp {
  margin-left: 61px; }
  @media (min-width: 768px) {
    .c-su-radio-grp {
      font-size: 1.25rem; } }

.c-su-radio-grp__item {
  font-size: 0.875rem;
  line-height: 1.3;
  font-weight: bold;
  color: #676866; }
  @media (min-width: 768px) {
    .c-su-radio-grp__item {
      font-size: 1rem; } }

.c-su-modify {
  background-color: #f2f2f2;
  padding: 12px;
  margin: 20px 0;
  max-width: 720px; }
  @media (min-width: 480px) {
    .c-su-modify {
      padding: 24px; } }
  @media (min-width: 768px) {
    .c-su-modify {
      margin: 20px; } }

.c-su-modify__hdln {
  font-size: 1.125rem;
  line-height: 1.3;
  font-weight: bold;
  color: #216093;
  margin-bottom: 12px; }

.c-su-modify__content {
  font-size: 1rem;
  color: #676866;
  line-height: 1.4;
  margin-bottom: 16px; }

.c-su-goal-hdln {
  font-size: 1rem;
  font-weight: bold; }

.c-su-modify__select-hdr {
  margin-bottom: 12px; }

.c-su-modify__recommend {
  font-size: 1rem;
  line-height: 1.3;
  font-style: italic;
  margin-top: 24px;
  color: #676866; }

.c-stepUp-join__hdln {
  font-size: 1.125rem; }
  @media (min-width: 768px) {
    .c-stepUp-join__hdln {
      font-size: 1.625rem; } }

.c-stepUp-join-instructions {
  font-size: 0.875rem; }
  @media (min-width: 768px) {
    .c-stepUp-join-instructions {
      font-size: 1.125rem; } }

.c-stepUp-join-consult {
  margin-top: 24px;
  margin-bottom: 24px;
  font-size: 0.9375rem;
  margin-left: 4px; }

.c-stepUpJoin-member__hldr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.c-stepUpJoin-member__hldr label {
  margin-bottom: 0;
  font-size: 1.125rem; }
  @media (min-width: 768px) {
    .c-stepUpJoin-member__hldr label {
      font-size: 1.625rem; } }

.c-stepUpJoin-member__name {
  font-size: 1.125rem; }
  @media (min-width: 768px) {
    .c-stepUpJoin-member__name {
      font-size: 1.625rem; } }

.c-stepUpJoin-member__popup {
  background-color: #f2f2f2;
  padding: 12px;
  margin: 20px 0;
  max-width: 720px; }
  @media (min-width: 480px) {
    .c-stepUpJoin-member__popup {
      padding: 24px; } }
  @media (min-width: 768px) {
    .c-stepUpJoin-member__popup {
      margin: 20px; } }

.c-su-kit-img {
  margin: 12px 48px 12px 12px; }

.ui-widget-overlay {
  background: #1a1a1e;
  /*background: pink;*/
  opacity: .6;
  filter: Alpha(Opacity=60);
  /* support: IE8 */
  z-index: 1000; }

.ui-widget-shadow {
  -webkit-box-shadow: -8px -8px 8px #aaaaaa;
  box-shadow: -8px -8px 8px #aaaaaa; }

.ui-dialog {
  padding: 0; }

.ui-widget.ui-widget-content {
  border: none; }

.ui-dialog .ui-dialog-titlebar {
  padding: 0;
  background-color: #03bfe2; }

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

.ui-widget-header {
  border: none; }

.no-close .ui-dialog-titlebar-close,
.no-close .ui-dialog-title {
  display: none; }

.c-dialog-header {
  background-color: #03bfe2;
  /*padding: 12px;*/
  position: relative;
  height: 27px; }

button.c-dialog-close {
  all: initial;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  padding: 6px;
  margin: 0;
  color: #fff;
  background-color: transparent;
  border: none;
  font-size: 12px;
  font-family: sans-serif;
  font-weight: bold;
  transition: opacity 0.2s;
  position: absolute;
  right: 3px;
  top: 1px; }

button.c-dialog-close:hover,
button.c-dialog-close:active,
button.c-dialog-close:focus {
  text-decoration: none;
  opacity: .75; }
  button.c-dialog-close:hover:not([tabindex='-1']):focus,
  button.c-dialog-close:active:not([tabindex='-1']):focus,
  button.c-dialog-close:focus:not([tabindex='-1']):focus {
    box-shadow: none;
    border: none; }

.c-dialog-close:hover {
  opacity: .75; }

.c-dialog-content {
  padding: 20px; }

.c-stepUpChallengeDialog-hldr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 12px 0; }

.c-stepUpChallengeDialog-hdln {
  font-size: 1.25rem;
  line-height: 1.1;
  margin-left: 12px; }
  @media (min-width: 768px) {
    .c-stepUpChallengeDialog-hdln {
      font-size: 1.75rem; } }

.c-stepUpChallengeDialog-hdln--sm {
  font-size: 0.9375rem;
  line-height: 1.1; }
  @media (min-width: 768px) {
    .c-stepUpChallengeDialog-hdln--sm {
      font-size: 1.625rem; } }

.c-stepUp-arrowsLft__icn,
.c-stepUp-arrowsRt__icn,
.c-stepUp-arrowsLft__icn--dark,
.c-stepUp-arrowsRt__icn--dark {
  position: relative;
  width: 30px;
  height: 22px; }
  @media (min-width: 768px) {
    .c-stepUp-arrowsLft__icn,
    .c-stepUp-arrowsRt__icn,
    .c-stepUp-arrowsLft__icn--dark,
    .c-stepUp-arrowsRt__icn--dark {
      width: 30px;
      height: 22px; } }

.c-stepUp-arrowsLft__icn::after,
.c-stepUp-arrowsRt__icn::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 25px;
  height: 20px;
  margin: auto;
  content: '';
  background: url("../img/StepUp_arrows.png") no-repeat;
  background: none, url("../img/StepUp_arrows.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-stepUp-arrowsLft__icn::after,
    .c-stepUp-arrowsRt__icn::after {
      width: 30px;
      height: 22px; } }

.c-stepUp-arrowsLft__icn--dark::after,
.c-stepUp-arrowsRt__icn--dark::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 25px;
  height: 20px;
  margin: auto;
  content: '';
  background: url("../img/StepUp_arrows_dark.png") no-repeat;
  background: none, url("../img/StepUp_arrows_dark.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-stepUp-arrowsLft__icn--dark::after,
    .c-stepUp-arrowsRt__icn--dark::after {
      width: 30px;
      height: 22px; } }

.c-stepUp-arrowsLft__icn,
.c-stepUp-arrowsLft__icn--dark {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH"; }

.c-stepUpWeek-fwrap,
.c-stepUpGoal-fwrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.c-stepUpWeek-fwrap {
  margin-top: 20px; }

.c-stepUpGoal-fwrap {
  margin-bottom: 20px; }

.c-stepUpWeek-hdln {
  font-size: 1.5rem;
  margin-left: 15px;
  margin-right: 12px; }
  @media (min-width: 768px) {
    .c-stepUpWeek-hdln {
      font-size: 2rem;
      margin-left: 25px;
      margin-right: 22px; } }

.c-stepUpWeek-sub {
  font-size: 1.25rem;
  line-height: 1.3;
  text-align: center; }
  @media (min-width: 768px) {
    .c-stepUpWeek-sub {
      font-size: 1.625rem; } }

.c-stepUp-trophy__icn {
  position: relative;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background-color: #e82020;
  margin-right: 10px; }

.c-stepUp-trophy__icn::after {
  position: absolute;
  top: 3px;
  right: 0;
  bottom: 0;
  left: 1px;
  display: block;
  width: 21px;
  height: 23px;
  margin: auto;
  content: '';
  background: url("../img/StepUp_trophy.png") no-repeat;
  background: none, url("../img/StepUp_trophy.svg") no-repeat;
  background-size: 100%; }

.c-stepUpGoal-hdln {
  font-size: 0.875rem;
  line-height: 1.2; }
  @media (min-width: 768px) {
    .c-stepUpGoal-hdln {
      font-size: 1.25rem; } }

.c-stepUp-calendar {
  width: 32px;
  height: 32px;
  background: url("../img/StepUp_calendar.png") no-repeat;
  background: none, url("../img/StepUp_calendar.svg") no-repeat;
  background-size: 100%;
  margin-right: 10px; }

.c-stepUpCalendar-fwrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 12px; }
  @media (min-width: 768px) {
    .c-stepUpCalendar-fwrap {
      margin-bottom: 20px; } }

.c-stepUpCalDate-hldr {
  margin-right: 12px; }
  @media (min-width: 768px) {
    .c-stepUpCalDate-hldr {
      margin-right: 24px; } }

.c-stepUpCalDate,
.c-stepUpCalDay {
  font-size: 0.75rem;
  line-height: 1; }
  @media (min-width: 768px) {
    .c-stepUpCalDate,
    .c-stepUpCalDay {
      font-size: 0.875rem; } }

.c-stepUpCalDate {
  font-weight: normal;
  line-height: 1.2; }

form input.c-stepUpCalendar-input {
  width: 100px;
  margin-bottom: 0; }

.c-btn-dialog {
  all: initial;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  padding: 10px;
  margin: 0 0 10px 0;
  color: #fff;
  background-color: #00a1b2;
  font-size: 0.75rem;
  border-radius: 8px;
  font-weight: bold;
  width: 150px;
  font-family: sans-serif; }

.c-btn-dialog:hover,
.c-btn-dialog:active,
.c-btn-dialog:focus {
  text-decoration: none; }

.c-btn-dialog:hover,
.c-btn-dialog:focus {
  opacity: .75; }

.c-btn-dialog:active {
  opacity: initial; }

.c-btn-dialog[disabled],
.c-btn-dialog.is-disabled {
  background-color: #D1D3D4;
  pointer-events: none; }

.ui-widget input.c-btn-dialog {
  font-size: 0.75rem; }

.c-stepUp-weekBtnHldr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 24px; }

.c-stepUp-converterBtnHldr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 20px; }

.c-stepUpConverterDialog-hldr {
  padding: 0 0 12px 0; }
  @media (min-width: 768px) {
    .c-stepUpConverterDialog-hldr {
      padding: 0 0 12px 4px; } }

.c-stepUpConverter-hldr {
  padding: 0; }
  @media (min-width: 768px) {
    .c-stepUpConverter-hldr {
      padding: 0 8px; } }

.c-stepUpConverter-info {
  font-size: 0.75rem;
  color: #1a1a1a;
  line-height: 1.2;
  margin-top: 12px;
  margin-bottom: 12px; }
  @media (min-width: 768px) {
    .c-stepUpConverter-info {
      font-size: 0.875rem; } }

.c-stepUpConverter-table {
  border-collapse: collapse;
  width: 100%; }

.c-stepUpConverter-table th,
.c-stepUpConverter-table td {
  padding: 0.25rem;
  text-align: left;
  border: 1px solid #ccc;
  font-size: 0.75rem;
  color: #221f1f;
  font-weight: bold; }
  @media (min-width: 768px) {
    .c-stepUpConverter-table th,
    .c-stepUpConverter-table td {
      font-size: 0.875rem; } }

.c-stepUpConverter-table th {
  border: 1px solid #e82f1c;
  color: white;
  background-color: #e82f1c;
  line-height: 1.2; }

.c-stepUpConverter-table tbody tr:nth-child(odd) {
  background: #eee; }

.c-stepUpWhatDialog-hldr {
  padding: 0 0 12px 0; }
  @media (min-width: 768px) {
    .c-stepUpWhatDialog-hldr {
      padding: 0 0 12px 4px; } }

.c-stepUpWhatDialog-hdln {
  font-size: 0.9375rem;
  line-height: 1.1;
  color: #221f1f; }
  @media (min-width: 420px) {
    .c-stepUpWhatDialog-hdln {
      font-size: 1.25rem; } }
  @media (min-width: 768px) {
    .c-stepUpWhatDialog-hdln {
      font-size: 1.625rem; } }

.c-stepUpWhatDialog-txt {
  color: #4d4d4d;
  font-size: 0.875rem; }
  @media (min-width: 768px) {
    .c-stepUpWhatDialog-txt {
      font-size: 1rem; } }

.c-stepUpWhatDialog-txtHldr {
  padding: 16px 10px; }

.c-stepUpDialog-BtnHldr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 16px; }

.c-stepUpDialog__icn {
  position: relative;
  width: 100px;
  height: 100px;
  margin: 0 auto;
  border-radius: 50%;
  background-color: #ff5833; }
  @media (min-width: 768px) {
    .c-stepUpDialog__icn {
      width: 135px;
      height: 135px; } }

.c-stepUpDialog__icn::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 10px;
  display: block;
  width: 68px;
  height: 62px;
  margin: auto;
  content: '';
  background: url("../img/StepUp_stairs_icn.png") no-repeat;
  background: none, url("../img/StepUp_stairs_icn.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-stepUpDialog__icn::after {
      width: 88px;
      height: 82px; } }

.c-stepUpDialog-hdln2c {
  font-size: 1.375rem;
  line-height: 1.2;
  margin-bottom: 10px; }
  @media (min-width: 768px) {
    .c-stepUpDialog-hdln2c {
      font-size: 1.625rem; } }

.c-stepUpDialog-sub {
  font-size: 1.125rem;
  line-height: 1.2;
  margin-bottom: 10px; }
  @media (min-width: 768px) {
    .c-stepUpDialog-sub {
      font-size: 1.375rem; } }

.c-stepUpDialog-sub--sm {
  font-size: 0.875rem;
  line-height: 1.2;
  margin-bottom: 10px; }
  @media (min-width: 768px) {
    .c-stepUpDialog-sub--sm {
      font-size: 1rem; } }

.c-stepUpDialog-content {
  font-size: 0.8125rem;
  line-height: 1.4;
  margin-bottom: 10px; }
  @media (min-width: 768px) {
    .c-stepUpDialog-content {
      font-size: 0.9375rem; } }

.c-stepUpDialog-content {
  margin-bottom: 3px; }

.c-stepUpDialog-warning {
  font-size: 0.75rem;
  line-height: 1.2;
  margin-top: 10px;
  margin-bottom: 10px; }
  @media (min-width: 768px) {
    .c-stepUpDialog-warning {
      font-size: 0.875rem; } }

.c-icon-star--stepUpDialog {
  fill: #bc9b69;
  margin-right: 2px;
  width: 100px;
  height: 97px; }
  @media (min-width: 768px) {
    .c-icon-star--stepUpDialog {
      margin-right: 10px;
      width: 125px;
      height: 122px; } }

.c-su-star-dialog {
  margin-right: 2px;
  width: 100px;
  height: 97px;
  background: url("../img/StepUp_goldStar.png");
  background-image: none, url("../img/StepUp_goldStar.svg");
  background-repeat: no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-su-star-dialog {
      margin-right: 10px;
      width: 125px;
      height: 122px; } }

.c-stepUpDialog-earned {
  font-size: 0.6875rem;
  line-height: 1.2;
  margin-top: 10px; }
  @media (min-width: 768px) {
    .c-stepUpDialog-earned {
      font-size: 0.8125rem; } }

.c-stepUpDialog-hldr {
  padding: 0 0 16px 0; }

.c-stepUpChallengeDateForm-hdln {
  font-size: 1.125rem;
  line-height: 1.2;
  margin-right: 12px; }
  @media (min-width: 768px) {
    .c-stepUpChallengeDateForm-hdln {
      font-size: 1.25rem; } }

.c-stepUpChallengeDateForm-fwrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap; }

form input.c-stepUpChallengeDateForm-input {
  width: 150px;
  margin-top: 10px;
  margin-bottom: 0; }
  @media (min-width: 660px) {
    form input.c-stepUpChallengeDateForm-input {
      margin-top: 0; } }

.c-stepUpDialogWin__icn {
  position: relative;
  width: 100px;
  height: 100px;
  background: url("../img/StepUp_won.png") no-repeat;
  background: none, url("../img/StepUp_won.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-stepUpDialogWin__icn {
      width: 135px;
      height: 135px; } }

.c-su-red {
  color: #e81f1f; }

.c-su-bg-red {
  background-color: #e81f1f; }

.c-su-gray {
  color: #515254; }

.c-su-black {
  color: #000000; }

.c-su-white {
  color: #fff !important; }

.c-su-bg-blue {
  background-color: #03bee1; }

.c-su-blue {
  color: #03bee1; }

.c-stepUpFAQ-hldr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.t-su-faq-hdln {
  font-size: 1.125rem;
  line-height: 1;
  margin-bottom: 8px;
  margin-top: 8px; }
  @media (min-width: 768px) {
    .t-su-faq-hdln {
      font-size: 1.75rem;
      margin-bottom: 8px;
      margin-top: 8px; } }

.c-su-btn-hldr {
  width: 100%; }
  @media (min-width: 480px) {
    .c-su-btn-hldr {
      width: 168px; } }

.c-su-btn-hldr--mobile-centered {
  width: 168px;
  margin: 0 auto; }
  @media (min-width: 480px) {
    .c-su-btn-hldr--mobile-centered {
      margin: 0; } }

.u-floatRt {
  float: right; }

.u-imgCircle-responsive {
  width: 108px;
  height: 108px;
  margin: 16px auto 0 auto; }
  @media (min-width: 480px) {
    .u-imgCircle-responsive {
      width: 100px;
      height: 100px; } }
  @media (min-width: 760px) {
    .u-imgCircle-responsive {
      width: 143px;
      height: 143px; } }

.u-imgCircleSVG-responsive {
  width: 185px;
  height: 185px;
  margin: 0 auto; }
  @media (min-width: 480px) {
    .u-imgCircleSVG-responsive {
      width: 135px;
      height: 135px; } }
  @media (min-width: 768px) {
    .u-imgCircleSVG-responsive {
      width: 165px;
      height: 165px; } }
  @media (min-width: 860px) {
    .u-imgCircleSVG-responsive {
      width: 185px;
      height: 185px; } }

.c-hra-head-wrapper {
  position: relative;
  padding-bottom: 24px;
  margin-top: 24px; }
  @media (min-width: 768px) {
    .c-hra-head-wrapper {
      margin-top: 48px; } }

.c-hra-head-wrapper:first-child {
  margin-top: 0; }

.t-hra-head-bg {
  background-color: #652d90;
  padding-left: 70px;
  padding-top: 18px;
  padding-bottom: 18px; }
  @media (min-width: 768px) {
    .t-hra-head-bg {
      padding-left: 140px;
      padding-top: 24px; } }

.c-hra-head-fwrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.t-hra-sub-bg {
  background-color: #eae5f2;
  padding-left: 12px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right: 12px; }
  @media (min-width: 768px) {
    .t-hra-sub-bg {
      padding-right: 24px;
      padding-left: 140px; } }

.t-hra-sub-bg--indented {
  background-color: #eae5f2;
  padding-left: 70px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right: 12px; }
  @media (min-width: 768px) {
    .t-hra-sub-bg--indented {
      padding-right: 24px;
      padding-left: 140px; } }

.c-hra-sub-fwrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 100%; }

.t-hra-head {
  color: white;
  font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
  font-weight: normal;
  font-size: 1.125rem;
  line-height: 1.2; }
  @media (min-width: 768px) {
    .t-hra-head {
      font-size: 2.125rem; } }

.c-hra-sub {
  box-sizing: border-box;
  max-width: 100%;
  font-size: 0.875rem;
  line-height: 1.3;
  font-weight: normal;
  margin-right: 12px; }
  @media (min-width: 768px) {
    .c-hra-sub {
      font-size: 1.25rem;
      line-height: 1.4; } }

.c-hra-date {
  font-size: 1rem;
  line-height: 2;
  font-weight: bold; }
  @media (min-width: 768px) {
    .c-hra-date {
      font-size: 1.125rem; } }

.c-hra-beat {
  width: 72px;
  height: 24px;
  background: url("../img/hra-beat.png") no-repeat;
  background: none, url("../img/hra-beat.svg") no-repeat;
  background-size: 100%;
  display: none; }
  @media (min-width: 420px) {
    .c-hra-beat {
      display: block; } }
  @media (min-width: 768px) {
    .c-hra-beat {
      width: 144px;
      height: 46px; } }

.c-hra-heart-hands-icn {
  position: absolute;
  top: 6px;
  left: 12px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: #91c748; }
  @media (min-width: 768px) {
    .c-hra-heart-hands-icn {
      top: 36px;
      left: 24px;
      width: 88px;
      height: 88px; } }

.c-hra-heart-hands-icn::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 30px;
  height: 26px;
  margin: auto;
  content: '';
  background: url("../img/hra-heart-hands.png") no-repeat;
  background: none, url("../img/hra-heart-hands.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-hra-heart-hands-icn::after {
      width: 60px;
      height: 54px; } }

.c-hra-score-icn-hldr {
  display: flexbox;
  align-item: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #11b8a2;
  -webkit-border-radius: 0;
  border-radius: 0;
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  padding-top: 24px;
  padding-bottom: 24px; }
  @media (min-width: 768px) {
    .c-hra-score-icn-hldr {
      padding-top: 38px;
      padding-bottom: 38px; } }

.c-hra-score-icn {
  width: 180px;
  height: 101px;
  background: url("../img/hra-computer-heart.png") no-repeat;
  background: none, url("../img/hra-computer-heart.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-hra-score-icn {
      width: 254px;
      height: 142px; } }

.c-hra-score {
  border-radius: 0;
  padding: 24px;
  border-bottom: 1px solid #999;
  border-left: 1px solid #999;
  border-right: 1px solid #999; }

.t-hra-score__hln {
  text-align: center;
  font-size: 1.5rem;
  line-height: 1.1;
  max-width: 150px;
  color: #713f97; }
  @media (min-width: 768px) {
    .t-hra-score__hln {
      font-size: 2.125rem;
      max-width: 220px; } }

.c-hra-score__num {
  font-size: 1.875rem;
  line-height: 1;
  color: #404041;
  margin-top: 12px;
  margin-bottom: 8px; }
  @media (min-width: 768px) {
    .c-hra-score__num {
      font-size: 3.75rem; } }

.c-hra-score__sub {
  font-size: 1.25rem;
  line-height: 1.2;
  color: #404041; }
  @media (min-width: 768px) {
    .c-hra-score__sub {
      font-size: 1.875rem;
      line-height: 1; } }

.t-hra-strengths {
  background-color: #f69221;
  width: 100%;
  padding: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.t-hra-risks {
  background-color: #e32a27;
  width: 100%;
  padding: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.c-hra-trophy {
  width: 24px;
  height: 22px;
  margin-right: 8px;
  background: url("../img/hra-trophy.png") no-repeat;
  background: none, url("../img/hra-trophy.svg") no-repeat;
  background-size: 100%; }

.c-hra-exclamation {
  width: 24px;
  height: 22px;
  margin-right: 8px;
  background: url("../img/hra-exclamation.png") no-repeat;
  background: none, url("../img/hra-exclamation.svg") no-repeat;
  background-size: 100%; }

.c-hra-section__hdln {
  font-size: 1.125rem;
  line-height: 1;
  color: white; }
  @media (min-width: 768px) {
    .c-hra-section__hdln {
      font-size: 1.375rem; } }

.c-hra-checklist {
  padding: 24px; }

.c-hra-checklist__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  margin-bottom: 16px;
  font-size: 1rem;
  font-weight: 600;
  color: #4d4d4d; }
  @media (min-width: 768px) {
    .c-hra-checklist__item {
      font-size: 1.25rem; } }

.c-hra-checklist__item:last-child {
  margin-bottom: 0; }

.c-hra-checklist__check {
  display: inline-block;
  width: 20px;
  height: 18px;
  margin-right: 10px;
  background: url("../img/hra-checkmark.png") no-repeat;
  background: none, url("../img/hra-checkmark.svg") no-repeat;
  background-size: 100%; }

.c-hra-prev-score {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px; }

.t-hra-prev-score__icn {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: #673090;
  margin-right: 12px;
  position: relative;
  flex-shrink: 0; }
  @media (min-width: 768px) {
    .t-hra-prev-score__icn {
      width: 65px;
      height: 65px; } }

.t-hra-prev-score__icn::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 20px;
  height: 24px;
  margin: auto;
  content: '';
  background: url("../img/hra-heart-man.png") no-repeat;
  background: none, url("../img/hra-heart-man.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .t-hra-prev-score__icn::after {
      width: 30px;
      height: 34px; } }

.c-hra-prev-score__hdln {
  font-size: 1rem;
  line-height: 1.2;
  color: #4d4d4d;
  margin-right: 8px; }
  @media (min-width: 500px) {
    .c-hra-prev-score__hdln {
      font-size: 1.125rem;
      display: inline-block; } }
  @media (min-width: 768px) {
    .c-hra-prev-score__hdln {
      font-size: 1.25rem; } }

.c-hra-prev-score__num {
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: bold;
  margin-right: 4px; }
  @media (min-width: 768px) {
    .c-hra-prev-score__num {
      font-size: 1.5rem; } }

.t-hra-prev-score__sub {
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: bold;
  color: #652d90; }
  @media (min-width: 768px) {
    .t-hra-prev-score__sub {
      font-size: 1.5rem; } }

.c-hra-module-fwrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.c-hra-module-fwarp2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: 54px; }
  @media (min-width: 768px) {
    .c-hra-module-fwarp2 {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin-left: 74px; } }

.t-hra-calendar {
  background-color: #673090;
  width: 100%;
  padding: 12px; }

.t-hra-goal {
  background-color: #11b1e4;
  width: 100%;
  padding: 12px; }

.c-hra-content-cal,
.c-hra-content-goal {
  padding: 12px; }
  @media (min-width: 768px) {
    .c-hra-content-cal,
    .c-hra-content-goal {
      padding: 24px; } }

@media (min-width: 500px) {
  .c-hra-content-goal {
    padding: 38px 18px; } }
@media (min-width: 868px) {
  .c-hra-content-goal {
    padding: 28px 18px; } }

.c-hra-calendar-icn {
  width: 50px;
  height: 55px;
  margin-right: 24px;
  background: url("../img/hra-calendar.png") no-repeat;
  background: none, url("../img/hra-calendar.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-hra-calendar-icn {
      width: 80px;
      height: 88px; } }

.c-hra-check-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  margin-bottom: 8px;
  font-size: 0.875rem; }

.c-hra-check-item:last-child {
  margin-bottom: 0; }

.c-hra-box {
  max-width: 100%;
  display: inline-block;
  width: 14px;
  height: 14px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin-right: 8px;
  border: 2px solid #333;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0; }

.c-hra-check-item__txt {
  max-width: 100%;
  font-size: 0.875rem;
  max-width: 100%; }
  @media (min-width: 868px) {
    .c-hra-check-item__txt {
      font-size: 1rem; } }

.c-hra-bullsey-hdln {
  max-width: 100%;
  font-size: 1rem;
  line-height: 1.2;
  color: #4d4d4d;
  margin-right: 8px; }
  @media (min-width: 500px) {
    .c-hra-bullsey-hdln {
      font-size: 1.125rem; } }
  @media (min-width: 868px) {
    .c-hra-bullsey-hdln {
      font-size: 1.25rem; } }

.c-hra-bullseye-icn {
  width: 50px;
  height: 50px;
  margin-right: 12px;
  background: url("../img/hra-bullseye.png") no-repeat;
  background: none, url("../img/hra-bullseye.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 500px) {
    .c-hra-bullseye-icn {
      width: 60px;
      height: 60px;
      margin-right: 12px; } }
  @media (min-width: 868px) {
    .c-hra-bullseye-icn {
      width: 80px;
      height: 80px;
      margin-right: 18px; } }

.c-hra-clipboard-icn {
  position: absolute;
  top: 20px;
  left: 12px;
  width: 46px;
  height: 64px;
  background: url("../img/hra-clipboard.png") no-repeat;
  background: none, url("../img/hra-clipboard.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-hra-clipboard-icn {
      top: 24px;
      left: 40px;
      width: 72px;
      height: 96px; } }

.t-hra-bmi {
  background-color: #11b8a2;
  width: 100%;
  padding: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.c-hra-scale {
  width: 22px;
  height: 24px;
  margin-right: 8px;
  background: url("../img/hra-scale.png") no-repeat;
  background: none, url("../img/hra-scale.svg") no-repeat;
  background-size: 100%; }

.c-hra-bmi-hldr {
  padding: 24px 12px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media (min-width: 400px) {
    .c-hra-bmi-hldr {
      padding: 44px 24px; } }

.c-hra-bmi-num {
  margin-right: 24px; }
  @media (min-width: 968px) {
    .c-hra-bmi-num {
      margin-right: 48px; } }

.c-hra-bmi-chart-hldr {
  position: relative; }

.c-hra-bmi-chart {
  width: 168px;
  height: 147px;
  background: url("../img/hra-bmi-range.png") no-repeat;
  background: none, url("../img/hra-bmi-range.svg") no-repeat;
  background-size: 100%;
  margin: 0 auto; }
  @media (min-width: 400px) {
    .c-hra-bmi-chart {
      width: 188px;
      height: 167px; } }

.c-hra-bmi-num-txt,
.c-hra-bmi-chart-txt {
  text-align: center; }

.c-hra-bmi-num-txt {
  font-size: 1.875rem;
  line-height: 1.2; }
  @media (min-width: 868px) {
    .c-hra-bmi-num-txt {
      font-size: 3.75rem; } }

.c-hra-bmi-txt {
  color: #4d4d4d;
  text-align: center;
  font-size: 1.125rem; }
  @media (min-width: 868px) {
    .c-hra-bmi-txt {
      font-size: 1.5rem; } }

.c-hra-heart {
  width: 28px;
  height: 24px;
  margin-right: 6px;
  background: url("../img/hra-heart-beat.png") no-repeat;
  background: none, url("../img/hra-heart-beat.svg") no-repeat;
  background-size: 100%; }

.t-hra-conditions {
  background-color: #f69221;
  width: 100%;
  padding: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative; }

.c-hra-conditions-ps {
  position: absolute;
  bottom: 8px;
  right: 0; }

.c-hrs-ps {
  color: white;
  border-left: 1px solid white;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 0.625rem;
  font-weight: 600; }
  @media (min-width: 340px) {
    .c-hrs-ps {
      padding-left: 10px;
      padding-right: 10px;
      font-size: 0.75rem; } }

.c-hra-table {
  border-collapse: collapse;
  width: 100%; }

.c-hra-table-hldr {
  overflow-x: auto;
  width: 100%;
  padding: 8px 12px; }

td.c-hra-table-txt {
  padding: 6px 0;
  text-align: left;
  border-bottom: 1px solid #ddd;
  font-weight: 600;
  font-size: 0.875rem; }
  @media (min-width: 768px) {
    td.c-hra-table-txt {
      font-size: 1.125rem; } }

.c-hra-table-check {
  display: inline-block;
  position: absolute;
  top: 11px;
  left: 16px;
  width: 14px;
  height: 13px;
  background: url("../img/hra-checkmark.png") no-repeat;
  background: none, url("../img/hra-checkmark.svg") no-repeat;
  background-size: 100%; }

.c-hra-check-hldr {
  width: 42px;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  text-align: center;
  position: relative; }
  @media (min-width: 340px) {
    .c-hra-check-hldr {
      width: 52px; } }

.c-hra-check-hldr-last {
  width: 42px;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  text-align: center;
  position: relative; }
  @media (min-width: 340px) {
    .c-hra-check-hldr-last {
      width: 52px; } }

.u-hra-no-btm-border {
  border-bottom: none !important; }

.c-hra-checklist-icn {
  position: absolute;
  top: 20px;
  left: 12px;
  width: 56px;
  height: 60px;
  background: url("../img/hra-checklist.png") no-repeat;
  background: none, url("../img/hra-checklist.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-hra-checklist-icn {
      top: 24px;
      left: 40px;
      width: 84px;
      height: 90px; } }

.c-hra-module-hldr {
  background: -webkit-linear-gradient(left, #06afe3, #06afe3 40px, #ffffff 40px);
  background: -o-linear-gradient(left, #06afe3, #06afe3 40px, #ffffff 40px);
  background: linear-gradient(to right, #06afe3, #06afe3 40px, #ffffff 40px);
  position: relative;
  padding: 16px 12px; }
  @media (min-width: 768px) {
    .c-hra-module-hldr {
      background: -webkit-linear-gradient(left, #06afe3, #06afe3 65px, #ffffff 65px);
      background: -o-linear-gradient(left, #06afe3, #06afe3 65px, #ffffff 65px);
      background: linear-gradient(to right, #06afe3, #06afe3 65px, #ffffff 65px);
      position: relative;
      padding: 24px 12px 24px 24px; } }

.c-hra-module-icn {
  position: absolute;
  top: 18px;
  left: 12px;
  width: 45px;
  height: 45px;
  border: 2px solid #0ca0d0;
  border-radius: 8px;
  background-color: white; }
  @media (min-width: 768px) {
    .c-hra-module-icn {
      border: 3px solid #0ca0d0;
      top: 24px;
      left: 24px;
      width: 62px;
      height: 62px; } }

.c-hra-module-icn::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 26px;
  height: 32px;
  margin: auto;
  content: '';
  background: url("../img/hra-condition-arthritis.png") no-repeat;
  background: none, url("../img/hra-condition-arthritis.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-hra-module-icn::after {
      width: 36px;
      height: 42px; } }

.c-hra-module-content {
  box-sizing: border-box;
  max-width: 100%;
  margin-right: 0; }
  @media (min-width: 768px) {
    .c-hra-module-content {
      margin-right: 24px; } }

.c-hra-module-head {
  font-size: 1.125rem; }
  @media (min-width: 768px) {
    .c-hra-module-head {
      font-size: 1.375rem; } }

.c-hra-module-txt--outer {
  box-sizing: border-box;
  max-width: 100%; }

.c-hra-module-txt {
  max-width: 675px;
  font-size: 0.875rem;
  margin-bottom: 12px; }
  @media (min-width: 768px) {
    .c-hra-module-txt {
      font-size: 1rem;
      margin-bottom: 16px; } }

.c-hra-module-goals {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
  width: 255px;
  margin-left: -12px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0; }

.c-hra-module-fwarp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 54px; }
  @media (min-width: 768px) {
    .c-hra-module-fwarp {
      padding-left: 74px; } }

.c-hra-module-goals__icn {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #06afe3;
  margin-right: 12px;
  position: relative; }
  @media (min-width: 768px) {
    .c-hra-module-goals__icn {
      width: 40px;
      height: 40px; } }

.c-hra-module-goals__icn::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 10px;
  margin: auto;
  content: '';
  background: url("../img/hra-condition-checkmark.png") no-repeat;
  background: none, url("../img/hra-condition-checkmark.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-hra-module-goals__icn::after {
      top: 3px;
      width: 25px;
      height: 17px; } }

.c-hra-module-sub {
  font-size: 1rem; }
  @media (min-width: 768px) {
    .c-hra-module-sub {
      font-size: 1.125rem; } }

.c-hra-module-goals__fwrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 8px; }

.c-hra-action-hldr {
  max-width: 100%;
  margin-left: 10px; }

.c-hra-module-link-grp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.c-hra-module-link-grp-1 {
  width: 300px;
  margin-bottom: 16px; }

.c-hra-module-link-grp-2 {
  width: 350px;
  margin-bottom: 24px; }

.c-hra-module-link-title {
  font-size: 0.875rem;
  line-height: 1.2;
  margin-bottom: 4px; }
  @media (min-width: 768px) {
    .c-hra-module-link-title {
      font-size: 1rem;
      margin-bottom: 6px; } }

a.c-hra-module-link {
  color: #0471b8;
  font-size: 0.875rem;
  line-height: 1.2; }
  @media (min-width: 768px) {
    a.c-hra-module-link {
      font-size: 1rem; } }

.c-hra-module-hldr--Asthma {
  background: -webkit-linear-gradient(left, #91c748, #91c748 40px, #ffffff 40px);
  background: -o-linear-gradient(left, #91c748, #91c748 40px, #ffffff 40px);
  background: linear-gradient(to right, #91c748, #91c748 40px, #ffffff 40px);
  position: relative;
  padding: 16px 12px; }
  @media (min-width: 768px) {
    .c-hra-module-hldr--Asthma {
      background: -webkit-linear-gradient(left, #91c748, #91c748 65px, #ffffff 65px);
      background: -o-linear-gradient(left, #91c748, #91c748 65px, #ffffff 65px);
      background: linear-gradient(to right, #91c748, #91c748 65px, #ffffff 65px);
      position: relative;
      padding: 24px 12px 24px 24px; } }

.c-hra-module-icn--Asthma {
  position: absolute;
  top: 18px;
  left: 12px;
  width: 45px;
  height: 45px;
  border: 2px solid #83b641;
  border-radius: 8px;
  background-color: white; }
  @media (min-width: 768px) {
    .c-hra-module-icn--Asthma {
      border: 3px solid #83b641;
      top: 24px;
      left: 24px;
      width: 62px;
      height: 62px; } }

.c-hra-module-icn--Asthma::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 31px;
  height: 21px;
  margin: auto;
  content: '';
  background: url("../img/hra-condition-asthma.png") no-repeat;
  background: none, url("../img/hra-condition-asthma.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-hra-module-icn--Asthma::after {
      width: 41px;
      height: 31px; } }

.c-hra-module-goals__icn--Asthma {
  background-color: #91c748; }

.c-hra-module-hldr--Pain {
  background: -webkit-linear-gradient(left, #f69221, #f69221 40px, #ffffff 40px);
  background: -o-linear-gradient(left, #f69221, #f69221 40px, #ffffff 40px);
  background: linear-gradient(to right, #f69221, #f69221 40px, #ffffff 40px);
  position: relative;
  padding: 16px 12px; }
  @media (min-width: 768px) {
    .c-hra-module-hldr--Pain {
      background: -webkit-linear-gradient(left, #f69221, #f69221 65px, #ffffff 65px);
      background: -o-linear-gradient(left, #f69221, #f69221 65px, #ffffff 65px);
      background: linear-gradient(to right, #f69221, #f69221 65px, #ffffff 65px);
      position: relative;
      padding: 24px 12px 24px 24px; } }

.c-hra-module-icn--Pain {
  position: absolute;
  top: 18px;
  left: 12px;
  width: 45px;
  height: 45px;
  border: 2px solid #e0851e;
  border-radius: 8px;
  background-color: white; }
  @media (min-width: 768px) {
    .c-hra-module-icn--Pain {
      border: 3px solid #e0851e;
      top: 24px;
      left: 24px;
      width: 62px;
      height: 62px; } }

.c-hra-module-icn--Pain::after {
  position: absolute;
  top: 4px;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 20px;
  height: 33px;
  margin: auto;
  content: '';
  background: url("../img/hra-condition-pain.png") no-repeat;
  background: none, url("../img/hra-condition-pain.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-hra-module-icn--Pain::after {
      width: 28px;
      height: 43px; } }

.c-hra-module-goals__icn--Pain {
  background-color: #f69221; }

.c-hra-module-hldr--Diabetes {
  background: -webkit-linear-gradient(left, #f06564, #f06564 40px, #ffffff 40px);
  background: -o-linear-gradient(left, #f06564, #f06564 40px, #ffffff 40px);
  background: linear-gradient(to right, #f06564, #f06564 40px, #ffffff 40px);
  position: relative;
  padding: 16px 12px; }
  @media (min-width: 768px) {
    .c-hra-module-hldr--Diabetes {
      background: -webkit-linear-gradient(left, #f06564, #f06564 65px, #ffffff 65px);
      background: -o-linear-gradient(left, #f06564, #f06564 65px, #ffffff 65px);
      background: linear-gradient(to right, #f06564, #f06564 65px, #ffffff 65px);
      position: relative;
      padding: 24px 12px 24px 24px; } }

.c-hra-module-icn--Diabetes {
  position: absolute;
  top: 18px;
  left: 12px;
  width: 45px;
  height: 45px;
  border: 2px solid #d85e5e;
  border-radius: 8px;
  background-color: white; }
  @media (min-width: 768px) {
    .c-hra-module-icn--Diabetes {
      border: 3px solid #d85e5e;
      top: 24px;
      left: 24px;
      width: 62px;
      height: 62px; } }

.c-hra-module-icn--Diabetes::after {
  position: absolute;
  top: 4px;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 23px;
  height: 33px;
  margin: auto;
  content: '';
  background: url("../img/hra-condition-diabetes.png") no-repeat;
  background: none, url("../img/hra-condition-diabetes.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-hra-module-icn--Diabetes::after {
      width: 28px;
      height: 43px; } }

.c-hra-module-goals__icn--Diabetes {
  background-color: #f06564; }

.c-hra-tel-resource {
  font-size: 0.875rem;
  margin-top: 8px;
  color: #404041; }
  @media (min-width: 768px) {
    .c-hra-tel-resource {
      margin-top: 4px;
      font-size: 1rem; } }

.c-hra-module-hldr--High-Blood-Pressure {
  background: -webkit-linear-gradient(left, #11b8a2, #11b8a2 40px, #ffffff 40px);
  background: -o-linear-gradient(left, #11b8a2, #11b8a2 40px, #ffffff 40px);
  background: linear-gradient(to right, #11b8a2, #11b8a2 40px, #ffffff 40px);
  position: relative;
  padding: 16px 12px; }
  @media (min-width: 768px) {
    .c-hra-module-hldr--High-Blood-Pressure {
      background: -webkit-linear-gradient(left, #11b8a2, #11b8a2 65px, #ffffff 65px);
      background: -o-linear-gradient(left, #11b8a2, #11b8a2 65px, #ffffff 65px);
      background: linear-gradient(to right, #11b8a2, #11b8a2 65px, #ffffff 65px);
      position: relative;
      padding: 24px 12px 24px 24px; } }

.c-hra-module-icn--High-Blood-Pressure {
  position: absolute;
  top: 18px;
  left: 12px;
  width: 45px;
  height: 45px;
  border: 2px solid #0fa895;
  border-radius: 8px;
  background-color: white; }
  @media (min-width: 768px) {
    .c-hra-module-icn--High-Blood-Pressure {
      border: 3px solid #0fa895;
      top: 24px;
      left: 24px;
      width: 62px;
      height: 62px; } }

.c-hra-module-icn--High-Blood-Pressure::after {
  position: absolute;
  top: 2px;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 26px;
  height: 24px;
  margin: auto;
  content: '';
  background: url("../img/hra-condition-high-blood-pressure.png") no-repeat;
  background: none, url("../img/hra-condition-high-blood-pressure.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-hra-module-icn--High-Blood-Pressure::after {
      width: 36px;
      height: 32px; } }

.c-hra-module-goals__icn--High-Blood-Pressure {
  background-color: #11b8a2; }

.c-hra-module-hldr--Schizophrenia {
  background: -webkit-linear-gradient(left, #fcb415, #fcb415 40px, #ffffff 40px);
  background: -o-linear-gradient(left, #fcb415, #fcb415 40px, #ffffff 40px);
  background: linear-gradient(to right, #fcb415, #fcb415 40px, #ffffff 40px);
  position: relative;
  padding: 16px 12px; }
  @media (min-width: 768px) {
    .c-hra-module-hldr--Schizophrenia {
      background: -webkit-linear-gradient(left, #fcb415, #fcb415 65px, #ffffff 65px);
      background: -o-linear-gradient(left, #fcb415, #fcb415 65px, #ffffff 65px);
      background: linear-gradient(to right, #fcb415, #fcb415 65px, #ffffff 65px);
      position: relative;
      padding: 24px 12px 24px 24px; } }

.c-hra-module-icn--Schizophrenia {
  position: absolute;
  top: 18px;
  left: 12px;
  width: 45px;
  height: 45px;
  border: 2px solid #e4a414;
  border-radius: 8px;
  background-color: white; }
  @media (min-width: 768px) {
    .c-hra-module-icn--Schizophrenia {
      border: 3px solid #e4a414;
      top: 24px;
      left: 24px;
      width: 62px;
      height: 62px; } }

.c-hra-module-icn--Schizophrenia::after {
  position: absolute;
  top: 2px;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 20px;
  height: 30px;
  margin: auto;
  content: '';
  background: url("../img/hra-condition-schizophrenia.png") no-repeat;
  background: none, url("../img/hra-condition-schizophrenia.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-hra-module-icn--Schizophrenia::after {
      width: 27px;
      height: 38px; } }

.c-hra-module-goals__icn--Schizophrenia {
  background-color: #fcb415; }

.c-hra-red-heart-icn {
  position: absolute;
  top: 26px;
  left: 12px;
  width: 50px;
  height: 60px;
  background: url("../img/hra-red-heart-beat.png") no-repeat;
  background: none, url("../img/hra-red-heart-beat.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-hra-red-heart-icn {
      top: 24px;
      left: 40px;
      width: 90px;
      height: 80px; } }

.c-hra-module-hldr--Drive {
  background: -webkit-linear-gradient(left, #00a770, #00a770 40px, #ffffff 40px);
  background: -o-linear-gradient(left, #00a770, #00a770 40px, #ffffff 40px);
  background: linear-gradient(to right, #00a770, #00a770 40px, #ffffff 40px);
  position: relative;
  padding: 16px 12px; }
  @media (min-width: 768px) {
    .c-hra-module-hldr--Drive {
      background: -webkit-linear-gradient(left, #00a770, #00a770 65px, #ffffff 65px);
      background: -o-linear-gradient(left, #00a770, #00a770 65px, #ffffff 65px);
      background: linear-gradient(to right, #00a770, #00a770 65px, #ffffff 65px);
      position: relative;
      padding: 24px 12px 24px 24px; } }

.c-hra-module-icn--Drive {
  position: absolute;
  top: 18px;
  left: 12px;
  width: 45px;
  height: 45px;
  border: 2px solid #009965;
  border-radius: 8px;
  background-color: white; }
  @media (min-width: 768px) {
    .c-hra-module-icn--Drive {
      border: 3px solid #009965;
      top: 24px;
      left: 24px;
      width: 62px;
      height: 62px; } }

.c-hra-module-icn--Drive::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 33px;
  height: 20px;
  margin: auto;
  content: '';
  background: url("../img/hra-lifestyle-drive.png") no-repeat;
  background: none, url("../img/hra-lifestyle-drive.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-hra-module-icn--Drive::after {
      width: 43px;
      height: 24px; } }

.c-hra-box-color--Drive {
  border-color: #00a770;
  background-color: #00a770; }

.c-hra-check-item--wrap {
  flex-wrap: wrap; }

a.c-hra-link--lifestyle-mobile {
  color: #0471b8;
  display: block; }
  @media (min-width: 768px) {
    a.c-hra-link--lifestyle-mobile {
      display: none; } }

a.c-hra-link--lifestyle-desktop {
  display: none; }
  @media (min-width: 768px) {
    a.c-hra-link--lifestyle-desktop {
      margin-left: 12px;
      color: #0471b8;
      display: inline-block; } }

.c-hra-module-hldr--Sun {
  background: -webkit-linear-gradient(left, #f69221, #f69221 40px, #ffffff 40px);
  background: -o-linear-gradient(left, #f69221, #f69221 40px, #ffffff 40px);
  background: linear-gradient(to right, #f69221, #f69221 40px, #ffffff 40px);
  position: relative;
  padding: 16px 12px; }
  @media (min-width: 768px) {
    .c-hra-module-hldr--Sun {
      background: -webkit-linear-gradient(left, #f69221, #f69221 65px, #ffffff 65px);
      background: -o-linear-gradient(left, #f69221, #f69221 65px, #ffffff 65px);
      background: linear-gradient(to right, #f69221, #f69221 65px, #ffffff 65px);
      position: relative;
      padding: 24px 12px 24px 24px; } }

.c-hra-module-icn--Sun {
  position: absolute;
  top: 18px;
  left: 12px;
  width: 45px;
  height: 45px;
  border: 2px solid #e0851e;
  border-radius: 8px;
  background-color: white; }
  @media (min-width: 768px) {
    .c-hra-module-icn--Sun {
      border: 3px solid #e0851e;
      top: 24px;
      left: 24px;
      width: 62px;
      height: 62px; } }

.c-hra-module-icn--Sun::after {
  position: absolute;
  top: 2px;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 31px;
  height: 31px;
  margin: auto;
  content: '';
  background: url("../img/hra-lifestyle-sun.png") no-repeat;
  background: none, url("../img/hra-lifestyle-sun.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-hra-module-icn--Sun::after {
      width: 41px;
      height: 41px; } }

.c-hra-box-color--Sun {
  border-color: #f69221;
  background-color: #f69221; }

.c-hra-module-hldr--Smile {
  background: -webkit-linear-gradient(left, #06afe3, #06afe3 40px, #ffffff 40px);
  background: -o-linear-gradient(left, #06afe3, #06afe3 40px, #ffffff 40px);
  background: linear-gradient(to right, #06afe3, #06afe3 40px, #ffffff 40px);
  position: relative;
  padding: 16px 12px; }
  @media (min-width: 768px) {
    .c-hra-module-hldr--Smile {
      background: -webkit-linear-gradient(left, #06afe3, #06afe3 65px, #ffffff 65px);
      background: -o-linear-gradient(left, #06afe3, #06afe3 65px, #ffffff 65px);
      background: linear-gradient(to right, #06afe3, #06afe3 65px, #ffffff 65px);
      position: relative;
      padding: 24px 12px 24px 24px; } }

.c-hra-module-icn--Smile {
  position: absolute;
  top: 18px;
  left: 12px;
  width: 45px;
  height: 45px;
  border: 2px solid #0ca0d0;
  border-radius: 8px;
  background-color: white; }
  @media (min-width: 768px) {
    .c-hra-module-icn--Smile {
      border: 3px solid #0ca0d0;
      top: 24px;
      left: 24px;
      width: 62px;
      height: 62px; } }

.c-hra-module-icn--Smile::after {
  position: absolute;
  top: 2px;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 34px;
  height: 23px;
  margin: auto;
  content: '';
  background: url("../img/hra-lifestyle-smile.png") no-repeat;
  background: none, url("../img/hra-lifestyle-smile.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-hra-module-icn--Smile::after {
      width: 44px;
      height: 29px; } }

.c-hra-box-color--Smile {
  border-color: #06afe3;
  background-color: #06afe3; }

.c-hra-module-hldr--Alcohol {
  background: -webkit-linear-gradient(left, #e16e68, #e16e68 40px, #ffffff 40px);
  background: -o-linear-gradient(left, #e16e68, #e16e68 40px, #ffffff 40px);
  background: linear-gradient(to right, #e16e68, #e16e68 40px, #ffffff 40px);
  position: relative;
  padding: 16px 12px; }
  @media (min-width: 768px) {
    .c-hra-module-hldr--Alcohol {
      background: -webkit-linear-gradient(left, #e16e68, #e16e68 65px, #ffffff 65px);
      background: -o-linear-gradient(left, #e16e68, #e16e68 65px, #ffffff 65px);
      background: linear-gradient(to right, #e16e68, #e16e68 65px, #ffffff 65px);
      position: relative;
      padding: 24px 12px 24px 24px; } }

.c-hra-module-icn--Alcohol {
  position: absolute;
  top: 18px;
  left: 12px;
  width: 45px;
  height: 45px;
  border: 2px solid #d85e5e;
  border-radius: 8px;
  background-color: white; }
  @media (min-width: 768px) {
    .c-hra-module-icn--Alcohol {
      border: 3px solid #d85e5e;
      top: 24px;
      left: 24px;
      width: 62px;
      height: 62px; } }

.c-hra-module-icn--Alcohol::after {
  position: absolute;
  top: 2px;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 27px;
  height: 25px;
  margin: auto;
  content: '';
  background: url("../img/hra-lifestyle-alcohol.png") no-repeat;
  background: none, url("../img/hra-lifestyle-alcohol.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-hra-module-icn--Alcohol::after {
      width: 37px;
      height: 32px; } }

.c-hra-box-color--Alcohol {
  border-color: #e16e68;
  background-color: #e16e68; }

.c-hra-module-hldr--Exercise {
  background: -webkit-linear-gradient(left, #91c748, #91c748 40px, #ffffff 40px);
  background: -o-linear-gradient(left, #91c748, #91c748 40px, #ffffff 40px);
  background: linear-gradient(to right, #91c748, #91c748 40px, #ffffff 40px);
  position: relative;
  padding: 16px 12px; }
  @media (min-width: 768px) {
    .c-hra-module-hldr--Exercise {
      background: -webkit-linear-gradient(left, #91c748, #91c748 65px, #ffffff 65px);
      background: -o-linear-gradient(left, #91c748, #91c748 65px, #ffffff 65px);
      background: linear-gradient(to right, #91c748, #91c748 65px, #ffffff 65px);
      position: relative;
      padding: 24px 12px 24px 24px; } }

.c-hra-module-icn--Exercise {
  position: absolute;
  top: 18px;
  left: 12px;
  width: 45px;
  height: 45px;
  border: 2px solid #83b641;
  border-radius: 8px;
  background-color: white; }
  @media (min-width: 768px) {
    .c-hra-module-icn--Exercise {
      border: 3px solid #83b641;
      top: 24px;
      left: 24px;
      width: 62px;
      height: 62px; } }

.c-hra-module-icn--Exercise::after {
  position: absolute;
  top: 2px;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 29px;
  height: 24px;
  margin: auto;
  content: '';
  background: url("../img/hra-lifestyle-exercise.png") no-repeat;
  background: none, url("../img/hra-lifestyle-exercise.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-hra-module-icn--Exercise::after {
      width: 40px;
      height: 34px; } }

.c-hra-box-color--Exercise {
  border-color: #91c748;
  background-color: #91c748; }

.c-hra-module-hldr--Stress {
  background: -webkit-linear-gradient(left, #ae99c8, #ae99c8 40px, #ffffff 40px);
  background: -o-linear-gradient(left, #ae99c8, #ae99c8 40px, #ffffff 40px);
  background: linear-gradient(to right, #ae99c8, #ae99c8 40px, #ffffff 40px);
  position: relative;
  padding: 16px 12px; }
  @media (min-width: 768px) {
    .c-hra-module-hldr--Stress {
      background: -webkit-linear-gradient(left, #ae99c8, #ae99c8 65px, #ffffff 65px);
      background: -o-linear-gradient(left, #ae99c8, #ae99c8 65px, #ffffff 65px);
      background: linear-gradient(to right, #ae99c8, #ae99c8 65px, #ffffff 65px);
      position: relative;
      padding: 24px 12px 24px 24px; } }

.c-hra-module-icn--Stress {
  position: absolute;
  top: 18px;
  left: 12px;
  width: 45px;
  height: 45px;
  border: 2px solid #a18db8;
  border-radius: 8px;
  background-color: white; }
  @media (min-width: 768px) {
    .c-hra-module-icn--Stress {
      border: 3px solid #a18db8;
      top: 24px;
      left: 24px;
      width: 62px;
      height: 62px; } }

.c-hra-module-icn--Stress::after {
  position: absolute;
  top: 2px;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 12px;
  height: 28px;
  margin: auto;
  content: '';
  background: url("../img/hra-lifestyle-stress.png") no-repeat;
  background: none, url("../img/hra-lifestyle-stress.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-hra-module-icn--Stress::after {
      width: 18px;
      height: 41px; } }

.c-hra-box-color--Stress {
  border-color: #ae99c8;
  background-color: #ae99c8; }

.u-hra-border {
  border-radius: 0;
  border: 1px solid #999; }

.c-health-alerts__head-holder {
  margin-bottom: 16px; }
  @media (min-width: 768px) {
    .c-health-alerts__head-holder {
      margin-bottom: 20px; } }

.c-health-alerts__content {
  width: 100%;
  padding-top: 18px;
  padding-left: 6px;
  padding-right: 6px; }
  @media (min-width: 480px) {
    .c-health-alerts__content {
      padding: 0 24px 0 18px;
      margin-top: 8px; } }
  @media (min-width: 768px) {
    .c-health-alerts__content {
      padding: 0 24px 0 18px;
      margin-top: 8px; } }

.c-health-alert-dialog-hldr {
  padding: 0 0 12px 0; }
  @media (min-width: 768px) {
    .c-health-alert-dialog-hldr {
      padding: 0 0 12px 4px; } }

.c-ha-dialog-fwrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.c-health-alert-dialog__icn {
  width: 76px;
  height: 68px;
  background: url("../img/health-alert-sign.png") no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
  margin-right: 12px; }

.c-health-alert-dialog-hdln {
  font-size: 0.9375rem;
  line-height: 1.1;
  color: #221f1f; }
  @media (min-width: 420px) {
    .c-health-alert-dialog-hdln {
      font-size: 1.25rem; } }
  @media (min-width: 768px) {
    .c-health-alert-dialog-hdln {
      font-size: 1.625rem; } }

.c-health-alert-dialog-txtHldr {
  padding: 16px 10px; }

.c-health-alert-dialog-txt {
  color: #4d4d4d;
  font-size: 0.875rem; }
  @media (min-width: 768px) {
    .c-health-alert-dialog-txt {
      font-size: 1rem; } }

.c-health-alert-dialog-btn-hldr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 12px; }

.c-ha-btn-back-to {
  font-size: 0.75rem;
  margin-bottom: 0; }
  @media (min-width: 768px) {
    .c-ha-btn-back-to {
      font-size: 0.875rem; } }

.c-ha-btn-hldr {
  width: 145px; }
  @media (min-width: 768px) {
    .c-ha-btn-hldr {
      width: 165px; } }

.c-ha-btn-back-to-hc {
  font-size: 0.75rem;
  margin-bottom: 0; }
  @media (min-width: 768px) {
    .c-ha-btn-back-to-hc {
      font-size: 0.875rem; } }

.c-ha-pagination {
  font-size: 0.75rem;
  font-weight: 600; }

.c-ha-back-to-fwrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.c-ha-posted-date {
  text-align: right; }

.c-ha-posted-date__label {
  color: #a6a8ab;
  font-size: 0.8125rem;
  margin-bottom: 2px; }

.c-ha-posted-date__date {
  color: #231f20;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1; }

.c-health-alert-icn {
  position: relative;
  width: 185px;
  height: 165px;
  background: url("../img/health-alert-sign.png") no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
  margin: 0 auto; }
  @media (min-width: 480px) {
    .c-health-alert-icn {
      width: 135px;
      height: 115px; } }
  @media (min-width: 768px) {
    .c-health-alert-icn {
      width: 165px;
      height: 145px; } }
  @media (min-width: 860px) {
    .c-health-alert-icn {
      width: 185px;
      height: 165px; } }

.c-health-alerts-hldr {
  margin-bottom: 10px; }
  @media (min-width: 768px) {
    .c-health-alerts-hldr {
      margin-bottom: 14px; } }

.c-health-alerts-hdln {
  font-size: 0.9375rem;
  line-height: 1;
  margin-bottom: 4px; }
  @media (min-width: 768px) {
    .c-health-alerts-hdln {
      font-size: 1.375rem;
      margin-bottom: 12px; } }

.c-health-alerts-icn {
  width: 45px;
  height: 40px;
  background: url("../img/health-alert-sign.png") no-repeat;
  background: none, url("../img/health-alert-sign.svg") no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
  margin-right: 16px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0; }
  @media (min-width: 768px) {
    .c-health-alerts-icn {
      margin-right: 24px; } }

.c-ha-txt-outer {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.c-health-alerts-txt {
  font-size: 0.75rem;
  max-width: 550px; }
  @media (min-width: 768px) {
    .c-health-alerts-txt {
      font-size: 0.875rem; } }

.c-health-alerts-arrow {
  width: 40px;
  height: 40px;
  cursor: pointer;
  background: url("../img/health-alert-rt-arrow.png") 50% 50%/10px 18px no-repeat;
  background: none, url("../img/health-alert-rt-arrow.svg") 50% 50%/10px 18px no-repeat;
  margin-right: 0;
  margin-left: 10px; }
  @media (min-width: 768px) {
    .c-health-alerts-arrow {
      margin-right: 50px;
      margin-left: 24px; } }

.c-health-alerts-arrow:hover {
  opacity: .5; }

.c-health-alerts-fwrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.c-ha-icon-txt-grp-fwrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

/**
 * State styles.
 * On Several Landing Pages
 * Toggles
 */
/*------------------------------------*\
  #STATE
\*------------------------------------*/
.is-collapsed {
  visibility: collapse;
  padding: 0;
  height: 0;
  margin: 0;
  line-height: 0; }

.is-displayed-mobile {
  display: block; }
  @media (min-width: 768px) {
    .is-displayed-mobile {
      display: none; } }

.is-displayed-desktop {
  display: none; }
  @media (min-width: 768px) {
    .is-displayed-desktop {
      display: block; } }

.is-displayed-desktop-flex-center {
  display: none;
}

@media ( min-width : 768px) {
  .is-displayed-desktop-flex-center {
    display: flex;
    justify-content: center;
  }
}

.is-displayed-mobile-flex-center {
  display: flex;
  justify-content: center;
}

@media ( min-width : 768px) {
  .is-displayed-mobile-flex-center {
    display: none;
  }
}

.c-footer-separator {
  position: relative;
  top: 3px;
  padding-left: 4px;
}

.is-not-displayed-tablet {
  display: block; }
  @media (min-width: 480px) {
    .is-not-displayed-tablet {
      display: none; } }

.is-displayed-tabletPlus {
  display: none; }

  @media (min-width: 480px) {
    .c-stepUp__icn::after {
      width: 88px;
      height: 82px; } }
  @media (min-width: 768px) {
    .c-stepUp__icn::after {
      width: 116px;
      height: 110px; } }
  @media (min-width: 860px) {
    .c-stepUp__icn::after {
      width: 126px;
      height: 120px; } }

.c-stepUp__content {
  width: 100%;
  padding-top: 18px;
  padding-left: 12px;
  padding-right: 12px; }
  @media (min-width: 480px) {
    .c-stepUp__content {
      padding: 0 24px 0 18px;
      margin-top: 8px; } }
  @media (min-width: 768px) {
    .c-stepUp__content {
      padding: 0 24px 0 18px;
      margin-top: 8px; } }

.c-stepUp-facts__icn {
  position: relative;
  width: 106px;
  height: 106px;
  margin: 0 auto;
  border-radius: 50%;
  background-color: #ff5833; }
  @media (min-width: 768px) {
    .c-stepUp-facts__icn {
      width: 140px;
      height: 140px; } }

.c-stepUp-facts__icn::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 50px;
  height: 68px;
  margin: auto;
  content: '';
  background: url("../img/StepUpFacts_tablet_icn.png") no-repeat;
  background: none, url("../img/StepUpFacts_tablet_icn.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-stepUp-facts__icn::after {
      width: 64px;
      height: 88px; } }

.c-stepUp-facts__icn--shoe::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 4px;
  display: block;
  width: 75px;
  height: 42px;
  margin: auto;
  content: '';
  background: url("../img/StepUpFacts_shoe_icn.png") no-repeat;
  background: none, url("../img/StepUpFacts_shoe_icn.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-stepUp-facts__icn--shoe::after {
      width: 100px;
      height: 55px; } }

.c-stepUp-facts__icn--person::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 4px;
  display: block;
  width: 55px;
  height: 82px;
  margin: auto;
  content: '';
  background: url("../img/StepUpFacts_person_icn.png") no-repeat;
  background: none, url("../img/StepUpFacts_person_icn.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-stepUp-facts__icn--person::after {
      width: 70px;
      height: 106px; } }

.c-stepUp-participant__icn,
.c-stepup-stair-icn {
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #ff5833; }

.c-stepup-stair-icn {
  margin-right: 12px; }

.c-stepUp-participant__icn::after,
.c-stepup-stair-icn::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 4px;
  display: block;
  width: 36px;
  height: 35px;
  margin: auto;
  content: '';
  background: url("../img/StepUp_stairs_icn.png") no-repeat;
  background: none, url("../img/StepUp_stairs_icn.svg") no-repeat;
  background-size: 100%; }

.c-stepUp-participant__hdln {
  font-size: 1.125rem;
  margin-top: 2px;
  margin-right: 12px;
  margin-bottom: 6px;
  color: #515254; }
  @media (min-width: 480px) {
    .c-stepUp-participant__hdln {
      margin-top: 5px; } }
  @media (min-width: 768px) {
    .c-stepUp-participant__hdln {
      margin-top: 0;
      font-size: 1.625rem; } }

.c-stepUp-participant__fxhdr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 5px; }
  @media (min-width: 480px) {
    .c-stepUp-participant__fxhdr {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row; } }

.c-su-tracker-sub,
.c-su-tracker-label {
  font-size: 0.6875rem;
  line-height: 1.3;
  color: #515254; }
  @media (min-width: 768px) {
    .c-su-tracker-sub,
    .c-su-tracker-label {
      font-size: 1.125rem; } }

.c-su-tracker-label {
  font-weight: bold;
  margin-right: 6px; }

.c-su-tracker--red {
  color: #DB3239; }

.c-su-tracker--black {
  color: #000000; }

.c-stepUp-tracker-wklyBtn {
  padding: 8px 16px;
  border: 0;
  border-radius: 0.4em;
  color: #fff;
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: bold;
  transition: opacity 0.3s;
  display: block;
  background-color: #DB3239;
  margin-top: 10px;
  text-decoration: none; }
  .c-stepUp-tracker-wklyBtn:hover {
    opacity: .75; }
  .c-stepUp-tracker-wklyBtn:active {
    opacity: initial; }
  @media (min-width: 768px) {
    .c-stepUp-tracker-wklyBtn {
      margin-top: 12px;
      font-size: 0.875rem; } }

.c-myStepsTracker-hldr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.c-su-trophy__fxhdr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 16px; }

.c-su-trophy__icn {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #e81f1f;
  margin-right: 8px; }

.c-su-trophy__icn::after {
  position: absolute;
  top: 3px;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 21px;
  height: 24px;
  margin: auto;
  content: '';
  background: url("../img/StepUp_trophy.png") no-repeat;
  background: none, url("../img/StepUp_trophy.svg") no-repeat;
  background-size: 100%; }

.c-su-tracker__fxhdr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.c-select-date {
  margin-bottom: 12px; }
  @media (min-width: 570px) {
    .c-select-date {
      margin-right: 24px; } }

.c-su-steps__icn {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #26a8df;
  margin-right: 8px; }

.c-su-steps__icn::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 21px;
  height: 31px;
  margin: auto;
  content: '';
  background: url("../img/StepUpFacts_person_icn.png") no-repeat;
  background: none, url("../img/StepUpFacts_person_icn.svg") no-repeat;
  background-size: 100%; }

.c-su-calendar__icn {
  width: 40px;
  height: 38px;
  margin: auto;
  content: '';
  background: url("../img/StepUp_calendar.png") no-repeat;
  background: none, url("../img/StepUp_calendar.svg") no-repeat;
  background-size: 100%;
  margin-right: 8px; }

input.c-su-tracker__input {
  width: 150px; }

.c-su-btn-grp-fwrap {
  margin-top: 30px; }
  @media (min-width: 768px) {
    .c-su-btn-grp-fwrap {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; } }

.c-su-tracker--bg-blue {
  background-color: #26a8df; }

.c-su-tracker--bg-red {
  background-color: #e81f1f; }

.c-su-btn-grp__item {
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  margin-bottom: 10px; }
  @media (min-width: 768px) {
    .c-su-btn-grp__item {
      font-size: 0.875rem;
      width: 150px;
      margin-left: 12px; } }

.c-su-btn-grp__item:first-child {
  margin-left: 0; }

.c-su-btn-grp__item:last-child {
  margin-bottom: 10px; }

.c-myStepsGrid-hldr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 12px; }

.c-stepsColumn-nav {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 30px; }
  @media (min-width: 1020px) {
    .c-stepsColumn-nav {
      margin-bottom: 60px; } }

.c-stepsHistoryColumn-nav {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 12px; }

.c-mySteps-today {
  font-size: 1rem;
  color: #191919;
  font-weight: bold; }
  @media (min-width: 768px) {
    .c-mySteps-today {
      font-size: 1.25rem; } }

.c-mySteps-back,
.c-mySteps-next {
  font-size: 0.75rem;
  color: #b3b3b3;
  font-weight: 500;
  cursor: pointer; }
  .c-mySteps-back:hover,
  .c-mySteps-next:hover {
    color: #4d4d4d; }
  @media (min-width: 768px) {
    .c-mySteps-back,
    .c-mySteps-next {
      font-size: 1rem; } }

.c-mySteps-stepNum {
  width: 100%;
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 500;
  color: #333333; }
  @media (min-width: 1020px) {
    .c-mySteps-stepNum {
      margin-top: 0; } }
  @media (min-width: 768px) {
    .c-mySteps-stepNum {
      font-size: 2.5625rem; } }

.c-mySteps-steps {
  width: 100%;
  text-align: center;
  font-size: 1rem;
  font-weight: 500;
  color: #808080; }
  @media (min-width: 768px) {
    .c-mySteps-steps {
      font-size: 1.3125rem; } }

.c-mySteps-history {
  font-size: 1rem;
  font-weight: bold;
  color: #191919; }
  @media (min-width: 768px) {
    .c-mySteps-history {
      font-size: 1.3125rem; } }

.c-mySteps-link {
  text-decoration: underline;
  font-size: 0.875rem; }
  @media (min-width: 768px) {
    .c-mySteps-link {
      font-size: 1rem; } }

.c-myStepsCard {
  width: 480px;
  padding: 16px;
  margin-top: 18px; }
  @media (min-width: 1020px) {
    .c-myStepsCard {
      margin-top: 0; } }

.c-myStepsCard--first {
  margin-top: 0; }
  @media (min-width: 768px) {
    .c-myStepsCard--first {
      margin-right: 24px; } }

.c-stepUp--mySteps__icn {
  position: relative;
  width: 190px;
  height: 190px;
  margin: 0 auto 14px;
  border-radius: 50%; }

.c-stepUp--mySteps__icn::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 6px;
  display: block;
  width: 126px;
  height: 70px;
  margin: auto;
  content: '';
  background: url("../img/StepUpFacts_shoe_icn.png") no-repeat;
  background: none, url("../img/StepUpFacts_shoe_icn.png") no-repeat;
  background-size: 100%; }

.c-mySteps-dates {
  font-size: 0.75rem;
  text-align: center;
  color: #808080; }
  @media (min-width: 768px) {
    .c-mySteps-dates {
      font-size: 1rem; } }

.c-mySteps-days {
  font-size: 0.875rem;
  text-align: center;
  font-weight: bold;
  color: #191919; }
  @media (min-width: 768px) {
    .c-mySteps-days {
      font-size: 1.125rem; } }

/*google-charts*/
#week_step_bar_div,
#three_week_step_bar_div {
  width: 250px;
  margin-top: 24px;
  margin-bottom: 24px; }
  @media (min-width: 400px) {
    #week_step_bar_div,
    #three_week_step_bar_div {
      margin: 24px auto;
      width: 300px; } }
  @media (min-width: 600px) {
    #week_step_bar_div,
    #three_week_step_bar_div {
      margin: 24px auto;
      width: 400px; } }

.c-stepUp__subhead--earned {
  color: #e81f1f;
  font-size: 0.75rem;
  line-height: 1;
  margin-bottom: 4px; }
  @media (min-width: 768px) {
    .c-stepUp__subhead--earned {
      font-size: 1.25rem;
      margin-bottom: 6px; } }

.c-setUpStars-hldr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px; }
  @media (min-width: 768px) {
    .c-setUpStars-hldr {
      margin-top: 14px; } }

.c-su-star-span {
  margin-right: 4px;
  width: 29px;
  height: 26px;
  background: url("../img/StepUp_grayStar.png");
  background-image: none, url("../img/StepUp_grayStar.svg");
  background-repeat: no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-su-star-span {
      margin-right: 10px;
      width: 45px;
      height: 42px; } }

.c-su-star-span--on {
  margin-right: 4px;
  width: 29px;
  height: 26px;
  background: url("../img/StepUp_goldStar.png");
  background-image: none, url("../img/StepUp_goldStar.svg");
  background-repeat: no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-su-star-span--on {
      margin-right: 10px;
      width: 45px;
      height: 42px; } }

.c-stepUp-achievement__icn {
  position: relative;
  width: 185px;
  height: 185px;
  margin: 0 auto;
  border-radius: 50%;
  background-color: #ff5833; }
  @media (min-width: 480px) {
    .c-stepUp-achievement__icn {
      width: 135px;
      height: 135px; } }
  @media (min-width: 768px) {
    .c-stepUp-achievement__icn {
      width: 165px;
      height: 165px; } }
  @media (min-width: 860px) {
    .c-stepUp-achievement__icn {
      width: 185px;
      height: 185px; } }

.c-stepUp-achievement__icn::after {
  position: absolute;
  top: -6px;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 102px;
  height: 119px;
  margin: auto;
  content: '';
  background: url("../img/StepUpAchievement_lock.png") no-repeat;
  background: none, url("../img/StepUpAchievement_lock.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 480px) {
    .c-stepUp-achievement__icn::after {
      width: 70px;
      height: 81px; } }
  @media (min-width: 768px) {
    .c-stepUp-achievement__icn::after {
      width: 90px;
      height: 105px; } }
  @media (min-width: 860px) {
    .c-stepUp-achievement__icn::after {
      width: 102px;
      height: 119px; } }

.c-stepUp-key__icn {
  position: relative;
  width: 185px;
  height: 185px;
  margin: 0 auto;
  border-radius: 50%;
  background-color: #ff5833; }
  @media (min-width: 480px) {
    .c-stepUp-key__icn {
      width: 135px;
      height: 135px; } }
  @media (min-width: 768px) {
    .c-stepUp-key__icn {
      width: 165px;
      height: 165px; } }
  @media (min-width: 860px) {
    .c-stepUp-key__icn {
      width: 185px;
      height: 185px; } }

.c-stepUp-key__icn::after {
  position: absolute;
  top: -6px;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 120px;
  height: 54px;
  margin: auto;
  content: '';
  background: url("../img/StepUpAchievement_key.png") no-repeat;
  background: none, url("../img/StepUpAchievement_key.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 480px) {
    .c-stepUp-key__icn::after {
      width: 90px;
      height: 40px; } }
  @media (min-width: 768px) {
    .c-stepUp-key__icn::after {
      width: 110px;
      height: 50px; } }
  @media (min-width: 860px) {
    .c-stepUp-key__icn::after {
      width: 120px;
      height: 54px; } }

.c-stepUp-hand__icn {
  position: relative;
  width: 185px;
  height: 185px;
  margin: 0 auto;
  border-radius: 50%;
  background-color: #0bbad5; }
  @media (min-width: 480px) {
    .c-stepUp-hand__icn {
      width: 135px;
      height: 135px; } }
  @media (min-width: 768px) {
    .c-stepUp-hand__icn {
      width: 165px;
      height: 165px; } }
  @media (min-width: 860px) {
    .c-stepUp-hand__icn {
      width: 185px;
      height: 185px; } }

.c-stepUp-hand__icn::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 12px;
  display: block;
  width: 90px;
  height: 104px;
  margin: auto;
  content: '';
  background: url("../img/StepUpAchievement_hand.png") no-repeat;
  background: none, url("../img/StepUpAchievement_hand.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 480px) {
    .c-stepUp-hand__icn::after {
      width: 70px;
      height: 80px; } }
  @media (min-width: 768px) {
    .c-stepUp-hand__icn::after {
      width: 80px;
      height: 92px; } }
  @media (min-width: 860px) {
    .c-stepUp-hand__icn::after {
      width: 90px;
      height: 104px; } }

.c-achievementGallery-sub {
  font-size: 0.6875rem;
  font-weight: 500;
  color: #515254; }
  @media (min-width: 768px) {
    .c-achievementGallery-sub {
      font-size: 1.125rem; } }

.c-achievementsGallery-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.c-achievementGallery-fwrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-item: center; }

.c-achievementGallery-fwrap--inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: 12px;
  margin-right: 24px; }

.c-achievementGallery-hldr {
  margin: 12px auto 0;
  max-width: 500px; }
  @media (min-width: 768px) {
    .c-achievementGallery-hldr {
      margin: 24px auto 0;
      max-width: 620px; } }

.c-achievementGallery-hldr img {
  width: 100%;
  min-height: 1px; }

.c-achievementGallery-btn-hldr,
.c-faqs-btn-hldr {
  margin: 8px auto 0; }
  @media (min-width: 768px) {
    .c-achievementGallery-btn-hldr,
    .c-faqs-btn-hldr {
      margin: 8px 0 0 0; } }

.c-su-gallery-menu-hdlr {
  width: 100px;
  margin: 20px auto 20px auto; }

.c-su-gallery-fwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.c-su-gallery-fwrap__item {
  margin-right: 12px; }

.c-su-gallery-fwrap__item:last-child {
  margin-right: 0; }

.c-su-menu-dot {
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #d4d4d4; }

.c-su-menu-dot--active {
  background-color: #b3b3b3; }

.c-stepup-join-fxhldr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.c-stepup-join-fxhldr__hdln {
  font-size: 1.125rem;
  line-height: 1.3;
  margin-left: 12px;
  color: #515254; }
  @media (min-width: 768px) {
    .c-stepup-join-fxhldr__hdln {
      font-size: 1.625rem; } }

.c-stepup-person {
  margin-bottom: 24px; }

.c-stepup-person__icn {
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #e81f1f;
  margin-right: 12px; }

.c-stepup-person__icn::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 4px;
  display: block;
  width: 26px;
  height: 40px;
  margin: auto;
  content: '';
  background: url("../img/StepUpFacts_person_icn.png") no-repeat;
  background: none, url("../img/StepUpFacts_person_icn.svg") no-repeat;
  background-size: 100%; }

.c-stepup-person__hdln {
  font-size: 1.125rem;
  margin-top: 2px;
  margin-right: 12px;
  margin-bottom: 6px;
  color: #515254; }
  @media (min-width: 480px) {
    .c-stepup-person__hdln {
      margin-top: 5px; } }
  @media (min-width: 768px) {
    .c-stepup-person__hdln {
      margin-top: 0;
      font-size: 1.625rem; } }

.c-stepup-person__fxhdr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 4px; }

.c-control--su {
  padding-left: 29px;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1; }

.c-su-radio-grp {
  margin-left: 61px; }
  @media (min-width: 768px) {
    .c-su-radio-grp {
      font-size: 1.25rem; } }

.c-su-radio-grp__item {
  font-size: 0.875rem;
  line-height: 1.3;
  font-weight: bold;
  color: #676866; }
  @media (min-width: 768px) {
    .c-su-radio-grp__item {
      font-size: 1rem; } }

.c-su-modify {
  background-color: #f2f2f2;
  padding: 12px;
  margin: 20px 0;
  max-width: 720px; }
  @media (min-width: 480px) {
    .c-su-modify {
      padding: 24px; } }
  @media (min-width: 768px) {
    .c-su-modify {
      margin: 20px; } }

.c-su-modify__hdln {
  font-size: 1.125rem;
  line-height: 1.3;
  font-weight: bold;
  color: #216093;
  margin-bottom: 12px; }

.c-su-modify__content {
  font-size: 1rem;
  color: #676866;
  line-height: 1.4;
  margin-bottom: 16px; }

.c-su-goal-hdln {
  font-size: 1rem;
  font-weight: bold; }

.c-su-modify__select-hdr {
  margin-bottom: 12px; }

.c-su-modify__recommend {
  font-size: 1rem;
  line-height: 1.3;
  font-style: italic;
  margin-top: 24px;
  color: #676866; }

.c-stepUp-join__hdln {
  font-size: 1.125rem; }
  @media (min-width: 768px) {
    .c-stepUp-join__hdln {
      font-size: 1.625rem; } }

.c-stepUp-join-instructions {
  font-size: 0.875rem; }
  @media (min-width: 768px) {
    .c-stepUp-join-instructions {
      font-size: 1.125rem; } }

.c-stepUp-join-consult {
  margin-top: 24px;
  margin-bottom: 24px;
  font-size: 0.9375rem;
  margin-left: 4px; }

.c-stepUpJoin-member__hldr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.c-stepUpJoin-member__hldr label {
  margin-bottom: 0;
  font-size: 1.125rem; }
  @media (min-width: 768px) {
    .c-stepUpJoin-member__hldr label {
      font-size: 1.625rem; } }

.c-stepUpJoin-member__name {
  font-size: 1.125rem; }
  @media (min-width: 768px) {
    .c-stepUpJoin-member__name {
      font-size: 1.625rem; } }

.c-stepUpJoin-member__popup {
  background-color: #f2f2f2;
  padding: 12px;
  margin: 20px 0;
  max-width: 720px; }
  @media (min-width: 480px) {
    .c-stepUpJoin-member__popup {
      padding: 24px; } }
  @media (min-width: 768px) {
    .c-stepUpJoin-member__popup {
      margin: 20px; } }

.c-su-kit-img {
  margin: 12px 48px 12px 12px; }

.ui-widget-overlay {
  background: #1a1a1e;
  /*background: pink;*/
  opacity: .6;
  filter: Alpha(Opacity=60);
  /* support: IE8 */
  z-index: 1000; }

.ui-widget-shadow {
  -webkit-box-shadow: -8px -8px 8px #aaaaaa;
  box-shadow: -8px -8px 8px #aaaaaa; }

.ui-dialog {
  padding: 0; }

.ui-widget.ui-widget-content {
  border: none; }

.ui-dialog .ui-dialog-titlebar {
  padding: 0;
  background-color: #03bfe2; }

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

.ui-widget-header {
  border: none; }

.no-close .ui-dialog-titlebar-close,
.no-close .ui-dialog-title {
  display: none; }

.c-dialog-header {
  background-color: #03bfe2;
  /*padding: 12px;*/
  position: relative;
  height: 27px; }

button.c-dialog-close {
  all: initial;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  padding: 6px;
  margin: 0;
  color: #fff;
  background-color: transparent;
  border: none;
  font-size: 12px;
  font-family: sans-serif;
  font-weight: bold;
  transition: opacity 0.2s;
  position: absolute;
  right: 3px;
  top: 1px; }

button.c-dialog-close:hover,
button.c-dialog-close:active,
button.c-dialog-close:focus {
  text-decoration: none;
  opacity: .75; }
  button.c-dialog-close:hover:not([tabindex='-1']):focus,
  button.c-dialog-close:active:not([tabindex='-1']):focus,
  button.c-dialog-close:focus:not([tabindex='-1']):focus {
    box-shadow: none;
    border: none; }

.c-dialog-close:hover {
  opacity: .75; }

.c-dialog-content {
  padding: 20px; }

.c-stepUpChallengeDialog-hldr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 12px 0; }

.c-stepUpChallengeDialog-hdln {
  font-size: 1.25rem;
  line-height: 1.1;
  margin-left: 12px; }
  @media (min-width: 768px) {
    .c-stepUpChallengeDialog-hdln {
      font-size: 1.75rem; } }

.c-stepUpChallengeDialog-hdln--sm {
  font-size: 0.9375rem;
  line-height: 1.1; }
  @media (min-width: 768px) {
    .c-stepUpChallengeDialog-hdln--sm {
      font-size: 1.625rem; } }

.c-stepUp-arrowsLft__icn,
.c-stepUp-arrowsRt__icn,
.c-stepUp-arrowsLft__icn--dark,
.c-stepUp-arrowsRt__icn--dark {
  position: relative;
  width: 30px;
  height: 22px; }
  @media (min-width: 768px) {
    .c-stepUp-arrowsLft__icn,
    .c-stepUp-arrowsRt__icn,
    .c-stepUp-arrowsLft__icn--dark,
    .c-stepUp-arrowsRt__icn--dark {
      width: 30px;
      height: 22px; } }

.c-stepUp-arrowsLft__icn::after,
.c-stepUp-arrowsRt__icn::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 25px;
  height: 20px;
  margin: auto;
  content: '';
  background: url("../img/StepUp_arrows.png") no-repeat;
  background: none, url("../img/StepUp_arrows.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-stepUp-arrowsLft__icn::after,
    .c-stepUp-arrowsRt__icn::after {
      width: 30px;
      height: 22px; } }

.c-stepUp-arrowsLft__icn--dark::after,
.c-stepUp-arrowsRt__icn--dark::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 25px;
  height: 20px;
  margin: auto;
  content: '';
  background: url("../img/StepUp_arrows_dark.png") no-repeat;
  background: none, url("../img/StepUp_arrows_dark.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-stepUp-arrowsLft__icn--dark::after,
    .c-stepUp-arrowsRt__icn--dark::after {
      width: 30px;
      height: 22px; } }

.c-stepUp-arrowsLft__icn,
.c-stepUp-arrowsLft__icn--dark {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH"; }

.c-stepUpWeek-fwrap,
.c-stepUpGoal-fwrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.c-stepUpWeek-fwrap {
  margin-top: 20px; }

.c-stepUpGoal-fwrap {
  margin-bottom: 20px; }

.c-stepUpWeek-hdln {
  font-size: 1.5rem;
  margin-left: 15px;
  margin-right: 12px; }
  @media (min-width: 768px) {
    .c-stepUpWeek-hdln {
      font-size: 2rem;
      margin-left: 25px;
      margin-right: 22px; } }

.c-stepUpWeek-sub {
  font-size: 1.25rem;
  line-height: 1.3;
  text-align: center; }
  @media (min-width: 768px) {
    .c-stepUpWeek-sub {
      font-size: 1.625rem; } }

.c-stepUp-trophy__icn {
  position: relative;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background-color: #e82020;
  margin-right: 10px; }

.c-stepUp-trophy__icn::after {
  position: absolute;
  top: 3px;
  right: 0;
  bottom: 0;
  left: 1px;
  display: block;
  width: 21px;
  height: 23px;
  margin: auto;
  content: '';
  background: url("../img/StepUp_trophy.png") no-repeat;
  background: none, url("../img/StepUp_trophy.svg") no-repeat;
  background-size: 100%; }

.c-stepUpGoal-hdln {
  font-size: 0.875rem;
  line-height: 1.2; }
  @media (min-width: 768px) {
    .c-stepUpGoal-hdln {
      font-size: 1.25rem; } }

.c-stepUp-calendar {
  width: 32px;
  height: 32px;
  background: url("../img/StepUp_calendar.png") no-repeat;
  background: none, url("../img/StepUp_calendar.svg") no-repeat;
  background-size: 100%;
  margin-right: 10px; }

.c-stepUpCalendar-fwrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 12px; }
  @media (min-width: 768px) {
    .c-stepUpCalendar-fwrap {
      margin-bottom: 20px; } }

.c-stepUpCalDate-hldr {
  margin-right: 12px; }
  @media (min-width: 768px) {
    .c-stepUpCalDate-hldr {
      margin-right: 24px; } }

.c-stepUpCalDate,
.c-stepUpCalDay {
  font-size: 0.75rem;
  line-height: 1; }
  @media (min-width: 768px) {
    .c-stepUpCalDate,
    .c-stepUpCalDay {
      font-size: 0.875rem; } }

.c-stepUpCalDate {
  font-weight: normal;
  line-height: 1.2; }

form input.c-stepUpCalendar-input {
  width: 100px;
  margin-bottom: 0; }

.c-btn-dialog {
  all: initial;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  padding: 10px;
  margin: 0 0 10px 0;
  color: #fff;
  background-color: #00a1b2;
  font-size: 0.75rem;
  border-radius: 8px;
  font-weight: bold;
  width: 150px;
  font-family: sans-serif; }

.c-btn-dialog:hover,
.c-btn-dialog:active,
.c-btn-dialog:focus {
  text-decoration: none; }

.c-btn-dialog:hover,
.c-btn-dialog:focus {
  opacity: .75; }

.c-btn-dialog:active {
  opacity: initial; }

.c-btn-dialog[disabled],
.c-btn-dialog.is-disabled {
  background-color: #D1D3D4;
  pointer-events: none; }

.ui-widget input.c-btn-dialog {
  font-size: 0.75rem; }

.c-stepUp-weekBtnHldr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 24px; }

.c-stepUp-converterBtnHldr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 20px; }

.c-stepUpConverterDialog-hldr {
  padding: 0 0 12px 0; }
  @media (min-width: 768px) {
    .c-stepUpConverterDialog-hldr {
      padding: 0 0 12px 4px; } }

.c-stepUpConverter-hldr {
  padding: 0; }
  @media (min-width: 768px) {
    .c-stepUpConverter-hldr {
      padding: 0 8px; } }

.c-stepUpConverter-info {
  font-size: 0.75rem;
  color: #1a1a1a;
  line-height: 1.2;
  margin-top: 12px;
  margin-bottom: 12px; }
  @media (min-width: 768px) {
    .c-stepUpConverter-info {
      font-size: 0.875rem; } }

.c-stepUpConverter-table {
  border-collapse: collapse;
  width: 100%; }

.c-stepUpConverter-table th,
.c-stepUpConverter-table td {
  padding: 0.25rem;
  text-align: left;
  border: 1px solid #ccc;
  font-size: 0.75rem;
  color: #221f1f;
  font-weight: bold; }
  @media (min-width: 768px) {
    .c-stepUpConverter-table th,
    .c-stepUpConverter-table td {
      font-size: 0.875rem; } }

.c-stepUpConverter-table th {
  border: 1px solid #e82f1c;
  color: white;
  background-color: #e82f1c;
  line-height: 1.2; }

.c-stepUpConverter-table tbody tr:nth-child(odd) {
  background: #eee; }

.c-stepUpWhatDialog-hldr {
  padding: 0 0 12px 0; }
  @media (min-width: 768px) {
    .c-stepUpWhatDialog-hldr {
      padding: 0 0 12px 4px; } }

.c-stepUpWhatDialog-hdln {
  font-size: 0.9375rem;
  line-height: 1.1;
  color: #221f1f; }
  @media (min-width: 420px) {
    .c-stepUpWhatDialog-hdln {
      font-size: 1.25rem; } }
  @media (min-width: 768px) {
    .c-stepUpWhatDialog-hdln {
      font-size: 1.625rem; } }

.c-stepUpWhatDialog-txt {
  color: #4d4d4d;
  font-size: 0.875rem; }
  @media (min-width: 768px) {
    .c-stepUpWhatDialog-txt {
      font-size: 1rem; } }

.c-stepUpWhatDialog-txtHldr {
  padding: 16px 10px; }

.c-stepUpDialog-BtnHldr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 16px; }

.c-stepUpDialog__icn {
  position: relative;
  width: 100px;
  height: 100px;
  margin: 0 auto;
  border-radius: 50%;
  background-color: #ff5833; }
  @media (min-width: 768px) {
    .c-stepUpDialog__icn {
      width: 135px;
      height: 135px; } }

.c-stepUpDialog__icn::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 10px;
  display: block;
  width: 68px;
  height: 62px;
  margin: auto;
  content: '';
  background: url("../img/StepUp_stairs_icn.png") no-repeat;
  background: none, url("../img/StepUp_stairs_icn.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-stepUpDialog__icn::after {
      width: 88px;
      height: 82px; } }

.c-stepUpDialog-hdln2c {
  font-size: 1.375rem;
  line-height: 1.2;
  margin-bottom: 10px; }
  @media (min-width: 768px) {
    .c-stepUpDialog-hdln2c {
      font-size: 1.625rem; } }

.c-stepUpDialog-sub {
  font-size: 1.125rem;
  line-height: 1.2;
  margin-bottom: 10px; }
  @media (min-width: 768px) {
    .c-stepUpDialog-sub {
      font-size: 1.375rem; } }

.c-stepUpDialog-sub--sm {
  font-size: 0.875rem;
  line-height: 1.2;
  margin-bottom: 10px; }
  @media (min-width: 768px) {
    .c-stepUpDialog-sub--sm {
      font-size: 1rem; } }

.c-stepUpDialog-content {
  font-size: 0.8125rem;
  line-height: 1.4;
  margin-bottom: 10px; }
  @media (min-width: 768px) {
    .c-stepUpDialog-content {
      font-size: 0.9375rem; } }

.c-stepUpDialog-content {
  margin-bottom: 3px; }

.c-stepUpDialog-warning {
  font-size: 0.75rem;
  line-height: 1.2;
  margin-top: 10px;
  margin-bottom: 10px; }
  @media (min-width: 768px) {
    .c-stepUpDialog-warning {
      font-size: 0.875rem; } }

.c-icon-star--stepUpDialog {
  fill: #bc9b69;
  margin-right: 2px;
  width: 100px;
  height: 97px; }
  @media (min-width: 768px) {
    .c-icon-star--stepUpDialog {
      margin-right: 10px;
      width: 125px;
      height: 122px; } }

.c-su-star-dialog {
  margin-right: 2px;
  width: 100px;
  height: 97px;
  background: url("../img/StepUp_goldStar.png");
  background-image: none, url("../img/StepUp_goldStar.svg");
  background-repeat: no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-su-star-dialog {
      margin-right: 10px;
      width: 125px;
      height: 122px; } }

.c-stepUpDialog-earned {
  font-size: 0.6875rem;
  line-height: 1.2;
  margin-top: 10px; }
  @media (min-width: 768px) {
    .c-stepUpDialog-earned {
      font-size: 0.8125rem; } }

.c-stepUpDialog-hldr {
  padding: 0 0 16px 0; }

.c-stepUpChallengeDateForm-hdln {
  font-size: 1.125rem;
  line-height: 1.2;
  margin-right: 12px; }
  @media (min-width: 768px) {
    .c-stepUpChallengeDateForm-hdln {
      font-size: 1.25rem; } }

.c-stepUpChallengeDateForm-fwrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap; }

form input.c-stepUpChallengeDateForm-input {
  width: 150px;
  margin-top: 10px;
  margin-bottom: 0; }
  @media (min-width: 660px) {
    form input.c-stepUpChallengeDateForm-input {
      margin-top: 0; } }

.c-stepUpDialogWin__icn {
  position: relative;
  width: 100px;
  height: 100px;
  background: url("../img/StepUp_won.png") no-repeat;
  background: none, url("../img/StepUp_won.svg") no-repeat;
  background-size: 100%; }
  @media (min-width: 768px) {
    .c-stepUpDialogWin__icn {
      width: 135px;
      height: 135px; } }

.c-su-red {
  color: #e81f1f; }

.c-su-bg-red {
  background-color: #e81f1f; }

.c-su-gray {
  color: #515254; }

.c-su-black {
  color: #000000; }

.c-su-white {
  color: #fff !important; }

.c-su-bg-blue {
  background-color: #03bee1; }

.c-su-blue {
  color: #03bee1; }

.c-stepUpFAQ-hldr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.t-su-faq-hdln {
  font-size: 1.125rem;
  line-height: 1;
  margin-bottom: 8px;
  margin-top: 8px; }
  @media (min-width: 768px) {
    .t-su-faq-hdln {
      font-size: 1.75rem;
      margin-bottom: 8px;
      margin-top: 8px; } }

.c-su-btn-hldr {
  width: 100%; }
  @media (min-width: 480px) {
    .c-su-btn-hldr {
      width: 168px; } }

.c-su-btn-hldr--mobile-centered {
  width: 168px;
  margin: 0 auto; }
  @media (min-width: 480px) {
    .c-su-btn-hldr--mobile-centered {
      margin: 0; } }

.u-floatRt {
  float: right; }

.u-imgCircle-responsive {
  width: 108px;
  height: 108px;
  margin: 16px auto 0 auto; }
  @media (min-width: 480px) {
    .u-imgCircle-responsive {
      width: 100px;
      height: 100px; } }
  @media (min-width: 760px) {
    .u-imgCircle-responsive {
      width: 143px;
      height: 143px; } }

.u-imgCircleSVG-responsive {
  width: 185px;
  height: 185px;
  margin: 0 auto; }
  @media (min-width: 480px) {
    .u-imgCircleSVG-responsive {
      width: 135px;
      height: 135px; } }
  @media (min-width: 768px) {
    .u-imgCircleSVG-responsive {
      width: 165px;
      height: 165px; } }
  @media (min-width: 860px) {
    .u-imgCircleSVG-responsive {
      width: 185px;
      height: 185px; } }

/**
 * State styles.
 * On Several Landing Pages
 * Toggles
 */
/*------------------------------------*\
  #STATE
\*------------------------------------*/
.is-collapsed {
  visibility: collapse;
  padding: 0;
  height: 0;
  margin: 0;
  line-height: 0; }

.is-displayed-mobile {
  display: block; }
  @media (min-width: 768px) {
    .is-displayed-mobile {
      display: none; } }

.is-displayed-desktop {
  display: none; }
  @media (min-width: 768px) {
    .is-displayed-desktop {
      display: block; } }

.is-not-displayed-tablet {
  display: block; }
  @media (min-width: 480px) {
    .is-not-displayed-tablet {
      display: none; } }

.is-displayed-tabletPlus {
  display: none; }
  @media (min-width: 480px) {
    .is-displayed-tabletPlus {
      display: block; } }

.is-displayed-mobile--flexitem {
  visibility: visible; }
  @media (min-width: 768px) {
    .is-displayed-mobile--flexitem {
      visibility: hidden; } }

.is-displayed-desktop--flexitem {
  visibility: hidden; }
  @media (min-width: 768px) {
    .is-displayed-desktop--flexitem {
      visibility: visible; } }

/*-------------------------------------------------*\
  #UTILITIES - Registration Form/MyAccount Form
\*-------------------------------------------------*/
.u-error {
  border-color: #af1f2c !important; }

input[type="text"].error,
input[type="password"].error,
input[type="number"].error,
select.error {
  border-color: #af1f2c !important; }

@media (min-width: 768px) {
  .u-max-width125\@lg {
    max-width: 125px !important; } }

.u-max-width700 {
  max-width: 700px; }

.u-max-width900 {
  max-width: 900px; }

.u-max-width400 {
  max-width: 400px; }

.u-max-width500 {
  max-width: 500px; }

/**
 * Utility and helper classes for all pages.
 */
/*------------------------------------*\
  #HELPER CLASSES
\*------------------------------------*/
.u-clearfix:after {
  content: "";
  display: table;
  clear: both; }

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

/*------------------------------------*\
  #UTILITIES - GLOBAL
\*------------------------------------*/
.u-invisible {
  visibility: hidden; }

.u-module {
  border-bottom: 1px solid #d6d6d6 !important; }

.u-box-shadow--sides {
  box-shadow: 8px 0 0.625em -0.3em rgba(0, 0, 0, 0.05), -8px 0 0.625em -0.3em rgba(0, 0, 0, 0.03) !important; }

.u-no-decoration {
  text-decoration: none !important; }

.u-max400 {
  width: 100%;
  max-width: 400px !important; }

.u-marTop {
  margin-top: 20px !important; }

.u-marBottom {
  margin-bottom: 20px !important; }

.u-marTop15 {
  margin-top: 15px !important; }

.u-hide {
  display: none; }

.u-bold {
  font-weight: bold !important; }

.u-noMarBtm {
  margin-bottom: 0; }

/*------------------------------------*\
  #UTILITIES - Registration Form
\*------------------------------------*/
.u-label-radio--boxed {
  max-width: 260px; }
  @media (min-width: 768px) {
    .u-label-radio--boxed {
      max-width: 350px; } }

.u-input-pad-btm {
  margin-bottom: 0.71429em; }

input[type="text"].error,
input[type="password"].error,
select.error,
input[type="text"].dependent-error,
input[type="password"].dependent-error,
select.dependent-error {
  border-color: #af1f2c !important; }

@media (min-width: 768px) {
  ._u-line {
    border-bottom: 1px solid #d6d6d6; } }

.u-pad-top--sm {
  margin-top: 7px; }

.u-txt-dark {
  color: #414141; }

.u-max200 {
  max-width: 200px !important; }

/*------------------------------------*\
  #UTILITIES
\*------------------------------------*/
.u-module {
  border-bottom: 1px solid #d6d6d6 !important; }

.u-module--top {
  border-top: 1px solid #d6d6d6 !important; }

.u-center-align {
  text-align: center !important; }

@media (min-width: 480px) {
  .u-left-align\@md {
    text-align: left !important; } }

.u-bold {
  font-weight: bold !important; }

.u-emphasis {
  font-size: 1.5em !important; }

@media (min-width: 768px) {
  .u-inl-block\@lg {
    display: inline-block !important; } }

.u-holder--124 {
  width: 124px;
  margin: 0 auto; }

@media (min-width: 481px) {
  .u-holder--124\@md {
    margin: 0; } }

.u-holder--158 {
  width: 168px;
  margin: 0 auto; }

@media (min-width: 768px) {
  .u-left-align\@lg {
    text-align: left; } }

.u-nobr {
  white-space: nowrap; }

/*----------------------------------------------------*\
  #UTILITIES - HEALTH CENTER PAGE -> MEMBER SUPPORT
\*----------------------------------------------------*/
@media screen and (min-width: 300px) and (max-width: 768px) {
  .u-tel {
    font-size: 0.875rem;
    font-weight: bold; }

  .u-hrs {
    font-size: 0.875rem;
    margin-bottom: 5px;
    margin-top: 5px;
    font-weight: bold; } }
@media screen and (min-width: 769px) and (max-width: 2800px) {
  .u-tel {
    font-size: 1.25rem;
    font-weight: bold; }

  .u-hrs {
    font-size: 0.9375rem;
    margin-bottom: 5px;
    margin-top: 5px; } }
.u-tel2 {
  font-size: 1.25rem; }

.u-tel-space {
  padding: 0px 3px; }

/*------------------------------------*\
  #UTILITIES - MY HEALTH ALERTS
\*------------------------------------*/
@media (min-width: 480px) {
  .u-pad-rt {
    padding-right: 20px; } }
@media (min-width: 768px) {
  .u-pad-rt {
    padding-right: 50px; } }
.u-pad-btm {
  padding-bottom: 10px; }
  @media (min-width: 768px) {
    .u-pad-btm {
      padding-bottom: 20px; } }

.u-marTop {
  margin-top: 20px; }

.u-box-shadow {
  box-shadow: 0 0 0.625em 0.08em rgba(0, 0, 0, 0.05); }

.u-box-shadow--sides {
  box-shadow: 8px 0 0.625em -0.3em rgba(0, 0, 0, 0.05), -8px 0 0.625em -0.3em rgba(0, 0, 0, 0.03); }

/*----------------------------------------------------*\
  #UTILITIES - MY ACCOUNT PAGES
\*----------------------------------------------------*/
.u-noBold {
  font-weight: normal !important; }

.u-no-decoration {
  text-decoration: none !important; }

input[type="text"].error,
input[type="password"].error,
select.error {
  border-color: #af1f2c !important; }

/*------------------------------------*\
  #ANTHEM GROUP SEPARATORS
\*------------------------------------*/
.u-separate--first {
  margin-top: 40px !important; }

.u-separate {
  margin-top: 22px !important; }

/*------------------------------------*\
  #SHOP CART
\*------------------------------------*/
.u-ilbk {
  display: inline-block; }

.u-module--top {
  border-top: 1px solid #d6d6d6 !important; }

/**
 * Colors Utility classes:
 *
 */
/*------------------------------------*\
  #COLOURS
\*------------------------------------*/
.u-txt-white {
  color: #fff; }

.u-bg-white {
  background-color: #fff; }

.u-bg-red-check {
  background-color: #ee4538; }

.u-color-primary-bg {
  background-color: #515254; }

.u-color-primary-txt {
  color: #276092; }

.u-color-primary-txt-home {
  color: #515254; }

.u-color-secondary-bg {
  background-color: #e42829; }

.u-color-secondary-txt {
  color: #e42829; }

.u-color-tertiary-bg {
  background-color: #00a1b2; }

.u-color-tertiary-txt {
  color: #00a1b2; }

.u-color-rewards-bg {
  background-color: #0097CD; }

.u-color-rewards-txt {
  color: #0097CD; }

/*------------------------------------*\
  #METRO PLUS
\*------------------------------------*/
.u-color-accent-txt {
  color: #276092; }

.u-color-round-hdln-gray {
  color: #515254; }

.u-color-round-primary-bg {
  background-color: #56cee6; }

.u-color-round-primary-txt {
  color: #56cee6; }

.u-color-round-secondary-bg {
  background-color: #c3d600; }

.u-color-round-secondary-txt {
  color: #c3d600; }

.u-color-round-tertiary-bg {
  background-color: #fdcd33; }

.u-color-round-tertiary-txt {
  color: #fdcd33; }

.u-color-dark-turquoise-txt {
  color: #01797f; }

.u-color-turquoise-bg--dark {
  background-color: #01797f; }

.u-color-lime-bg {
  background-color: #c3d600; }

.u-color-brightGreen-bg {
  background-color: #00aa00; }

.u-color-gold-bg {
  background-color: #fdcd34; }

.u-color-dark-turquois-bg {
  background-color: #01797f; }

.u-color-light-blue-bg {
  background-color: #56cee6; }

.u-color-turquois-bg {
  background-color: #00a0b2; }

.u-color-dark-turquois-txt {
  color: #01797f; }

.u-color-orange-bg {
  background-color: #ef4836; }

.u-color-turquois-bg {
  background-color: #00a0b2; }

.u-color-mwGreen-bg {
  background-color: #7ebb42; }

.u-color-mwBlue-txt {
  color: #00b4ef; }

.u-color-mwBlue-bg {
  background-color: #00b4ef; }

.u-color-activatedLink-txt {
  color: #0973b9; }

/*--------------------------------------------------*\
  #SOLVED BY FLEXBOX - USED WITH SIMPLER GRID
\*--------------------------------------------------*/
.u-full {
  width: 100% !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: none !important;
  flex: none !important; }

.u-1of2 {
  width: 50% !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: none !important;
  flex: none !important; }

.u-1of3 {
  width: 33.3333% !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: none !important;
  flex: none !important; }

.u-2of3 {
  width: 66.6667% !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: none !important;
  flex: none !important; }

.u-1of4 {
  width: 25% !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: none !important;
  flex: none !important; }

.u-3of4 {
  width: 75% !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: none !important;
  flex: none !important; }

/*@media (--break-sm) {*/
@media (min-width: 384px) {
  .u-small-full {
    width: 100% !important;
    -webkit-box-flex: 0 !important;
    -ms-flex: none !important;
    flex: none !important; }

  .u-small-1of2 {
    width: 50% !important;
    -webkit-box-flex: 0 !important;
    -ms-flex: none !important;
    flex: none !important; }

  .u-small-1of3 {
    width: 33.3333% !important;
    -webkit-box-flex: 0 !important;
    -ms-flex: none !important;
    flex: none !important; }

  .u-small-2of3 {
    width: 66.6667% !important;
    -webkit-box-flex: 0 !important;
    -ms-flex: none !important;
    flex: none !important; }

  .u-small-1of4 {
    width: 25% !important;
    -webkit-box-flex: 0 !important;
    -ms-flex: none !important;
    flex: none !important; }

  .u-small-3of4 {
    width: 75% !important;
    -webkit-box-flex: 0 !important;
    -ms-flex: none !important;
    flex: none !important; } }
/*@media (--break-md) {*/
@media (min-width: 480px) {
  .u-med-full {
    width: 100% !important;
    -webkit-box-flex: 0 !important;
    -ms-flex: none !important;
    flex: none !important; }

  .u-med-1of2 {
    width: 50% !important;
    -webkit-box-flex: 0 !important;
    -ms-flex: none !important;
    flex: none !important; }

  .u-med-1of3 {
    width: 33.3333% !important;
    -webkit-box-flex: 0 !important;
    -ms-flex: none !important;
    flex: none !important; }

  .u-med-2of3 {
    width: 66.6667% !important;
    -webkit-box-flex: 0 !important;
    -ms-flex: none !important;
    flex: none !important; }

  .u-med-1of4 {
    width: 25% !important;
    -webkit-box-flex: 0 !important;
    -ms-flex: none !important;
    flex: none !important; }

  .u-med-3of4 {
    width: 75% !important;
    -webkit-box-flex: 0 !important;
    -ms-flex: none !important;
    flex: none !important; } }
/*@media (--break-lg) {*/
@media (min-width: 768px) {
  .u-large-full {
    width: 100% !important;
    -webkit-box-flex: 0 !important;
    -ms-flex: none !important;
    flex: none !important; }

  .u-large-1of2 {
    width: 50% !important;
    -webkit-box-flex: 0 !important;
    -ms-flex: none !important;
    flex: none !important; }

  .u-large-1of3 {
    width: 33.3333% !important;
    -webkit-box-flex: 0 !important;
    -ms-flex: none !important;
    flex: none !important; }

  .u-large-2of3 {
    width: 66.6667% !important;
    -webkit-box-flex: 0 !important;
    -ms-flex: none !important;
    flex: none !important; }

  .u-large-1of4 {
    width: 25% !important;
    -webkit-box-flex: 0 !important;
    -ms-flex: none !important;
    flex: none !important; }

  .u-large-3of4 {
    width: 75% !important;
    -webkit-box-flex: 0 !important;
    -ms-flex: none !important;
    flex: none !important; } }

/*BabySmart Learn*/
.c-bs-header-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (min-width: 580px) {
  .c-bs-header-banner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.c-bs-view-lockup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 8px;
}

@media (min-width: 580px) {
  .c-bs-view-lockup {
    margin-top: 0;
  }
}

.c-bs-view-lockup-label {
  font-size: 1em;
  line-height: 1;
  font-weight: bold;
  margin-right: 10px;
}

@media (min-width: 331px) {
  .c-bs-view-lockup-label {
    font-size: 1.1em;
  }
}

/*banner w/arrows - flexbox*/
.c-bs-banner-learn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 280px;
  background: linear-gradient(
    90deg,
    rgba(67, 195, 219, 0.35) 0%,
    rgba(67, 195, 219, 1) 15%,
    rgba(7, 177, 217, 1) 61%,
    rgba(67, 195, 219, 0.42) 100%
  );
}

/*banner w/arrows - flexbox*/
.c-bs-banner-learn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 280px;
  background: linear-gradient(
    90deg,
    rgba(67, 195, 219, 0.35) 0%,
    rgba(67, 195, 219, 1) 15%,
    rgba(7, 177, 217, 1) 61%,
    rgba(67, 195, 219, 0.42) 100%
  );
}

.c-bs-learn-hdlns {
  display: grid;
  /*border: 1px dashed pink;*/
  grid-template-columns: 320px;

  align-content: center;
  justify-content: center;
  text-align: center;
  margin-top: -48px;
}

@media (min-width: 430px) {
  .c-bs-learn-hdlns {
    margin-top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

@media (min-width: 430px) {
  .c-bs-learn-hdlns {
    grid-template-columns: 955px;
  }
}

.bs-learn-arrow-lft,
.bs-learn-arrow-rt {
  display: grid;
  grid-template-columns: 48px;
  align-content: end;
  margin-bottom: 12px;
}

@media (min-width: 430px) {
  .bs-learn-arrow-lft,
  .bs-learn-arrow-rt {
    align-content: center;
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .c-bs-learn-hdlns {
  }
}

@media (min-width: 580px) {
  .bs-learn-arrow-rt {
    margin-right: 74px;
  }

  .bs-learn-arrow-lft {
    margin-left: 74px;
  }
}

.bs-learn-arrow-rt {
  justify-content: end;
  margin-right: 12px;
}

.bs-learn-arrow-lft {
  margin-left: 12px;
}

@media (min-width: 580px) {
  .bs-learn-arrow-rt {
    margin-right: 74px;
  }

  .bs-learn-arrow-lft {
    margin-left: 74px;
  }
}

.bs-arrow {
  display: block;
  line-height: 48px;
  transition: opacity 0.2s;
  /*border: 1px solid pink;*/
}

.bs-arrow:hover {
  opacity: 0.75;
}

.bs-week-by-week {
  font-size: 0.8em;
  color: yellow;
  margin-bottom: 12px;
}

@media (min-width: 768px) {
  .bs-week-by-week {
    font-size: 1em;
  }
}

.bs-learn-module-img {
  max-width: 200px;
  margin-bottom: 12px;
}
@media (min-width: 480px) {
  .bs-learn-module-img {
    max-width: 150px;
    margin-left: 12px;
  }
}
@media (min-width: 768px) {
  .bs-learn-module-img {
    max-width: 200px;
    margin-left: 12px;
  }
}

.c-bs-learn-grid {
  display: grid;
  /*border: 1px dashed pink;*/
  grid-template-columns: 1fr;
  column-gap: 24px;
  /*grid-auto-rows: minmax(45px, auto);*/
  margin-top: 24px;
}

@media (min-width: 480px) {
  .c-bs-learn-grid {
    grid-template-columns: 150px 1fr;
  }
}

@media (min-width: 768px) {
  .c-bs-learn-grid {
    column-gap: 48px;
    grid-template-columns: 200px 5fr;
  }
}

@media (min-width: 980px) {
  .c-bs-learn-grid {
    column-gap: 48px;
    grid-template-columns: 200px 5fr 1fr;
  }
}

.one-learn {
  grid-column: 1;
  grid-row: 1/3;
  /*background-color: pink;*/
  /*opacity: 20%;*/
  text-align: center;
}
.two-learn {
  grid-column: 1;
  grid-row: 3;
  /*background-color: pink;*/
  /*opacity: 20%;*/
}

@media (min-width: 480px) {
  .two-learn {
    grid-column: 2;
    grid-row: 1;
    /*background-color: pink;*/
    /*opacity: 20%;*/
  }
}

.bs-learn-resource-item {
  font-size: 1em;
}

@media (min-width: 768px) {
  .bs-learn-resource-item {
    font-size: 1.125em;
  }
}

.bs-learn-blue-sub {
  font-size: 18px;
  font-weight: bold;
  color: #0ca0d0;
  margin-top: 12px;
  margin-bottom: 6px;
}

@media (min-width: 768px) {
  .bs-learn-blue-sub {
    font-size: 1.25em;
  }
  .bs-learn-content-txt {
    font-size: 18px;
    line-height: 1.4;
  }
}

.bs-learn-content-txt {
  font-size: 14px;
  line-height: 1.6;
}

@media (min-width: 768px) {
  .bs-learn-content-txt {
    font-size: 18px;
  }
}

/*------------------------------------*\
  #BABYSMART - Learn Landing + Subpage
\*------------------------------------*/
/* #bs Learn Landing - 080422 ------------------------------------ */
/* same as c-bs-banner-trackers */
.c-bs-banner-tall {
  display: grid;
  /*border: 1px dashed pink;*/
  grid-template-columns: 1fr;
  grid-template-rows: 280px;
  align-content: center;
  justify-content: center;
  background: linear-gradient(
    90deg,
    rgba(67, 195, 219, 0.35) 0%,
    rgba(67, 195, 219, 1) 15%,
    rgba(7, 177, 217, 1) 61%,
    rgba(67, 195, 219, 0.42) 100%
  );
}
/* same as c-bs-trackers--mediaObj */
.c-bs-mediaObj--centered {
  display: grid;
  grid-template-columns: 320px;
  align-content: center;
  justify-content: center;
}

@media (min-width: 768px) {
  .c-bs-mediaObj--centered {
    grid-template-columns: 184px auto;
    grid-column-gap: 24px;
  }
}
/* same as c-bs-trackers--mediaObj-icn */
.c-bs-mediaObj-icn {
  grid-column: 1;
  grid-row: 1/3;
  text-align: center;
}
/* similar to c-bs-trackers--mediaObj-hdln */
.c-bs-mediaObj-hdln {
  grid-column: 1;
  grid-row: 3;
  text-align: center;
  align-self: center;
}
@media (min-width: 768px) {
  .c-bs-mediaObj-hdln {
    grid-column: 2;
    grid-row: 1/3;
    text-align: left;
    align-self: center;
  }
}
/* same as h1.c-bs-trackers--mediaObj-hdln */
h1.c-bs-mediaObj-hdln {
  color: white;
  font-size: 1.5em;
  line-height: 1;
  margin-top: 16px;
  margin-bottom: 2px;
}

@media (min-width: 768px) {
  h1.c-bs-mediaObj-hdln {
    margin-top: 0;
    margin-bottom: 6px;
    font-size: 3em;
  }
}
/* similar to c-bs-banner-trackers-sub */
.c-bs-banner-sub {
  color: white;
  font-size: 1.05em;
  line-height: 1.3;
  font-weight: normal;
  /* text-align: center; */
}

.c-bs-learn-landing-banner-icn {
  width: 150px;
}

@media (min-width: 768px) {
  .c-bs-learn-landing-banner-icn {
    width: 184px;
  }
}

/* Tools and Resources */
.c-summary__icn--goal::after {
  width: 34px;
  height: 34px;
  background: none, url("../img/babysmart/goal.svg") no-repeat;
  background-size: cover;
}
@media (min-width: 768px) {
  .c-summary__icn--goal::after {
    width: 92px;
    height: 92px;
  }
}

.c-summary__icn--learning::after {
  width: 34px;
  height: 30px;
  top: 4px;
  background: none, url("../img/babysmart/learning.svg") no-repeat;
  background-size: 100%;
}
@media (min-width: 768px) {
  .c-summary__icn--learning::after {
    width: 90px;
    height: 74px;
  }
}

.c-summary__icn--checklist::after {
  top: 4px;
  left: 2px;
  width: 30px;
  height: 34px;
  background: none, url("../img/babysmart/checklist.svg") no-repeat;
  background-size: 100%;
}
@media (min-width: 768px) {
  .c-summary__icn--checklist::after {
    left: 8px;
    top: 8px;
    width: 82px;
    height: 92px;
  }
}

.c-summary__icn--faq::after {
  top: 8px;
  left: 1px;
  width: 32px;
  height: 34px;
  background: none, url("../img/babysmart/faq.svg") no-repeat;
  background-size: 100%;
  /* border: 1px solid pink; */
}
@media (min-width: 768px) {
  .c-summary__icn--faq::after {
    top: 10px;
    width: 90px;
    height: 85px;
  }
}

.c-summary-bs-learn-hdln {
  text-align: center;
  font-weight: bold;
  margin-top: 8px;
}

@media (min-width: 768px) {
  p.c-summary-bs-learn-hdln {
    font-size: 1.25rem;
    margin-top: 12px;
  }
}

/* gallery styles */
.bs-learn-landing-gallery {
  padding: 0 1rem 1rem;
}

.bs-learn-landing-gallery > ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  grid-gap: 2em 4rem;
}

.bs-learn-landing-gallery > ul > li {
  border-radius: 0.5rem;
}

.bs-learn-landing-gallery > ul > li > figure {
  max-height: 620px;
  overflow: hidden;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  position: relative;
}

.bs-learn-landing-gallery > ul > li > figure > img {
  width: 100%;
}

.bs-learn-landing-gallery > ul > li > h3 {
  font-size: 1.125rem;
  padding: 0 0 0 12px;
  /* border: 1px solid pink; */
}
@media (min-width: 768px) {
  .bs-learn-landing-gallery > ul > li > h3 {
    font-size: 1.5rem;
  }
}

.bs-learn-landing-gallery > ul > li > p {
  font-size: 1rem;
  line-height: 1.5;
  padding: 0 12px 16px;
  /* color: #666666; */
}

.bs-learn-landing-gallery > ul > li > div {
  display: flex;
  align-items: center;
}

.bs-learn-landing-gallery > ul > li > div > a {
  padding: 0 10px 0 12px;
  color: #1e76ba;
  font-size: 1.125em;
  /* margin: 0.5rem; */
}

/* #bs Learn Sub - 080422 --------------------------------------  */
.c-bs-banner-short {
  display: grid;
  /*border: 1px dashed pink;*/
  grid-template-columns: 1fr;
  grid-template-rows: 100px;
  align-content: center;
  justify-content: center;
  background: linear-gradient(
    90deg,
    rgba(67, 195, 219, 0.35) 0%,
    rgba(67, 195, 219, 1) 15%,
    rgba(7, 177, 217, 1) 61%,
    rgba(67, 195, 219, 0.42) 100%
  );
}
@media (min-width: 768px) {
  .c-bs-banner-short {
    grid-template-rows: 180px;
  }
}

.c-bs-mediaObj-subpage--centered {
  display: grid;
  /*border: 1px dashed pink;*/
  grid-template-columns: 60px auto;
  grid-column-gap: 12px;

  align-content: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .c-bs-mediaObj-subpage--centered {
    grid-template-columns: 120px auto;
    grid-column-gap: 18px;
  }
}

.c-bs-mediaObj-subpage-icn {
  grid-column: 1;
  grid-row: 1/3;
  text-align: center;
}

.c-bs-mediaObj-subpage-hdln {
  grid-column: 2;
  grid-row: 1/3;
  text-align: left;
  align-self: center;
}

h1.c-bs-mediaObj-subpage-hdln {
  color: white;
  font-size: 1.5em;
}
@media (min-width: 768px) {
  h1.c-bs-mediaObj-subpage-hdln {
    font-size: 2.25em;
  }
}

.c-bs-learn-subpage-banner-icn {
  width: 60px;
  height:60px;
}

@media (min-width: 768px) {
  .c-bs-learn-subpage-banner-icn {
    width: 120px;
    height: 120px;
  }
}

.bs-link-icn-bullet {
  width: 6px;
  height: 6px;
  margin-right: 8px;
  margin-top: 8px;
  /*margin-top: 2px;*/
}

.c-bs-learn-subpage-mod-hdln {
  font-size: 1.125rem;
  line-height: 1;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .c-bs-learn-subpage-mod-hdln {
    font-size: 1.75rem;
  }
}
p.c-bs-learn-subpage-mod-sub {
  font-size: 1rem;
  line-height: 1;
  margin-bottom: 28px;
}
@media (min-width: 768px) {
  p.c-bs-learn-subpage-mod-sub {
    font-size: 1.25rem;
  }
}

/* lean subpage gallery styles */
.bs-learn-subpage-gallery {
  padding: 0 1rem 1rem;
}

.bs-learn-subpage-gallery > ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  grid-gap: 2em 3em;
}

.bs-learn-subpage-gallery > ul > li {
  border-radius: 0.5rem;
}

.bs-learn-subpage-gallery > ul > li > figure {
  max-height: 780px;
  overflow: hidden;
  position: relative;
}

.bs-learn-subpage-gallery > ul > li > figure > img {
  width: 100%;
  margin-bottom: 18px;
}

.bs-learn-subpage-gallery > ul > li > h3 {
  font-size: 1.125rem;
}
@media (min-width: 768px) {
  .bs-learn-subpage-gallery > ul > li > h3 {
    font-size: 1.5rem;
  }
}

.bs-learn-subpage-gallery > ul > li > p {
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 12px;
}

.bs-learn-subpage-gallery .bs-learn-resource-item {
  margin-bottom: 8px;
  font-size: 1em;
}

/*bs bubble tooltip --------------------------------------------- */
.tip {
  background: #ffffff;
  /*padding: 12px 12px 12px 8px;*/
  padding: 6px 6px 0 6px;
  border: 1px solid #d6d6d6;
  width: fit-content;
  border-radius: 20px;
  position: relative;
  color: #333;
}
.tip:before,
.tip:after {
  position: absolute;
  content: "";
  display: block;
}
.tip:before {
  right: calc(50% - 10px);
  z-index: 2;
  bottom: -20px;
  border-top: 10px solid #fff;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
.tip:after {
  right: calc(50% - 11px);
  bottom: -23px;
  border-top: 11px solid #d6d6d6;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-bottom: 11px solid transparent;
}

.tip-date {
  font-size: 14px;
  color: #999;
  /*margin-top:4px;*/
  font-weight: bold;
  /*padding-left: 10px;*/
}

/*bs media object*/
.u-media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.u-media-figure {
  /*margin-right: 1em;*/
  margin-right: 4px;
}

.u-media-body {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  line-height: 1.3;
}

.u-media-body-column {
  display: flex;
  flex-direction: column;
}

.u-challenge-red {
  color: #e81f1f;
}

.u-challenge-bg-red {
  background-color: #e81f1f;
}

.u-challenge-bg-blue {
  background-color: #26a8df;
}

.u-challenge-gray {
  color: #515254;
}

.u-challenge-black {
  color: #000000;
}

.u-challenge-white {
  color: #fff !important;
}

.u-challenge-bg-blue {
  background-color: #03bee1;
}

.u-challenge-blue {
  color: #03bee1;
}

.u-challenge-txt-pink--water {
  color: #ed2a74;
}

.u-challenge-bg-pink--water {
  background-color: #ed2a74;
}

.u-challenge-bg-blue--water {
  background-color: #0bbbd6;
}

.u-float-rt {
  float: right;
}

.u-img-circle-responsive {
  width: 108px;
  height: 108px;
  margin: 16px auto 0 auto;
}
@media (min-width: 480px) {
  .u-img-circle-responsive {
    width: 100px;
    height: 100px;
  }
}
@media (min-width: 760px) {
  .u-img-circle-responsive {
    width: 143px;
    height: 143px;
  }
}

.u-img-circle-svg-responsive {
  width: 185px;
  height: 185px;
  margin: 0 auto;
}
@media (min-width: 480px) {
  .u-img-circle-svg-responsive {
    width: 135px;
    height: 135px;
  }
}
@media (min-width: 768px) {
  .u-img-circle-svg-responsive {
    width: 165px;
    height: 165px;
  }
}
@media (min-width: 860px) {
  .u-img-circle-svg-responsive {
    width: 185px;
    height: 185px;
  }
}

/**
 * State styles.
 * On Several Landing Pages
 * Toggles
 */
/*------------------------------------*\
  #STATE
\*------------------------------------*/
.is-collapsed {
  visibility: collapse;
  padding: 0;
  height: 0;
  margin: 0;
  line-height: 0;
}

.is-displayed-mobile {
  display: block;
}
@media (min-width: 768px) {
  .is-displayed-mobile {
    display: none;
  }
}

.is-displayed-desktop {
  display: none;
}
@media (min-width: 768px) {
  .is-displayed-desktop {
    display: block;
  }
}

.is-not-displayed-tablet {
  display: block;
}
@media (min-width: 480px) {
  .is-not-displayed-tablet {
    display: none;
  }
}

.is-displayed-tabletPlus {
  display: none;
}
@media (min-width: 480px) {
  .is-displayed-tabletPlus {
    display: block;
  }
}

.is-displayed-mobile--flexitem {
  visibility: visible;
}
@media (min-width: 768px) {
  .is-displayed-mobile--flexitem {
    visibility: hidden;
  }
}

.is-displayed-desktop--flexitem {
  visibility: hidden;
}
@media (min-width: 768px) {
  .is-displayed-desktop--flexitem {
    visibility: visible;
  }
}

.xray-container {
  position: relative;
}

.xray-link {
  position: absolute;
  padding: 4px 6px;
  z-index: 100;
  border-style: solid;
  border-width: 1px;
  border-radius: 5px;
  font-size: .75rem;
  margin: 2px;
  background: white;
}

.c-clickbox-contentful {
  width: 21px;
  height: 22px; }
@media (min-width: 768px) {
  .c-clickbox-contentful {
    width: 36px;
    height: 39px; } }

.contentful-controls-form {
  display: flex;
}

.contentful-controls-form > div {
  width: 150px;
  padding: 10px;
}

.contentful-controls-wrapper{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px dotted #666666;
  background-color: #EEEEEE;
  padding: 10px 20px;
}

:root {
  --futs-icon-size: 16px; /* Icon size */
  --futs-icon-margin: 1rem; /* Icon left/right positioning */
  --futs-text-icon-gap: 0.5rem; /* Space between text and icon */
}

.futs {
  position: relative;
}

.futs-widget {
  color: black;
  appearance: none;
  border: 0;
  margin: 0;
  font-size: 1rem;
  width: 100%;
  height: 100%;
  padding: 0.5rem calc(var(--futs-icon-size) + var(--futs-icon-margin) + var(--futs-text-icon-gap));
  -webkit-user-select: none;
  user-select: none;
  box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.1), 0 0 0 1px hsla(230, 13%, 9%, 0.02), 0 0.3px 0.4px hsla(230, 13%, 9%, 0.025), 0 1px 3px -1px hsla(230, 13%, 9%, 0.2), 0 3.5px 6px hsla(230, 13%, 9%, 0.12);
  border-radius: 0.375em;
  transition: box-shadow 0.2s;
  background-image: none;
}

.futs-widget:focus  {
  outline: none;
  box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.1), 0 0 0 1px hsla(230, 13%, 9%, 0.02), 0 0.3px 0.4px hsla(230, 13%, 9%, 0.025), 0 1px 3px -1px hsla(230, 13%, 9%, 0.2), 0 3.5px 6px hsla(230, 13%, 9%, 0.12), 0 0 0 2px hsl(0, 0%, 100%), 0 0 0 4px hsl(230, 7%, 23%);
}

.futs__arrow,
.futs__flag {
  display: inline-block;
  width: var(--futs-icon-size);
  height: var(--futs-icon-size);
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.futs__arrow {
  color: black;
  right: var(--futs-icon-margin);
}

/* default flag icon */
.futs__flag {
  left: var(--futs-icon-margin);
  background-position: center;
  background-repeat: no-repeat;
  background-size: var(--futs-icon-size);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg%3E%3Cpath d='M16 0c-8.8 0-16 7.2-16 16s7.2 16 16 16 16-7.2 16-16-7.2-16-16-16z m11.8 14h-3.8c-0.2-3-0.8-5.8-1.6-8.2 2.8 1.8 4.8 4.8 5.4 8.2z m-11.8 14c-1.2 0-3.6-3.8-4-10h8c-0.4 6.2-2.8 10-4 10z m-4-14c0.4-6.2 2.6-10 4-10s3.6 3.8 4 10h-8z m-2.2-8.2c-1 2.4-1.6 5.2-1.8 8.2h-3.8c0.6-3.4 2.6-6.4 5.6-8.2z m-5.6 12.2h3.8c0.2 3 0.8 5.8 1.6 8.2-2.8-1.8-4.8-4.8-5.4-8.2z m18 8.2c1-2.4 1.4-5.2 1.6-8.2h3.8c-0.4 3.4-2.4 6.4-5.4 8.2z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

/* language specific flag icons */
.futs:has(option[value="es"]:checked) .futs__flag {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg%3E%3Cpath fill='%23f1c142' d='M1 10H31V22H1z'%3E%3C/path%3E%3Cpath d='M5,4H27c2.208,0,4,1.792,4,4v3H1v-3c0-2.208,1.792-4,4-4Z' fill='%23a0251e'%3E%3C/path%3E%3Cpath d='M5,21H27c2.208,0,4,1.792,4,4v3H1v-3c0-2.208,1.792-4,4-4Z' transform='rotate(180 16 24.5)' fill='%23a0251e'%3E%3C/path%3E%3Cpath d='M27,4H5c-2.209,0-4,1.791-4,4V24c0,2.209,1.791,4,4,4H27c2.209,0,4-1.791,4-4V8c0-2.209-1.791-4-4-4Zm3,20c0,1.654-1.346,3-3,3H5c-1.654,0-3-1.346-3-3V8c0-1.654,1.346-3,3-3H27c1.654,0,3,1.346,3,3V24Z' opacity='.15'%3E%3C/path%3E%3Cpath d='M27,5H5c-1.657,0-3,1.343-3,3v1c0-1.657,1.343-3,3-3H27c1.657,0,3,1.343,3,3v-1c0-1.657-1.343-3-3-3Z' fill='%23fff' opacity='.2'%3E%3C/path%3E%3Cpath d='M12.614,13.091c.066-.031,.055-.14-.016-.157,.057-.047,.02-.15-.055-.148,.04-.057-.012-.144-.082-.13,.021-.062-.042-.127-.104-.105,.01-.068-.071-.119-.127-.081,.004-.068-.081-.112-.134-.069-.01-.071-.11-.095-.15-.035-.014-.068-.111-.087-.149-.028-.027-.055-.114-.057-.144-.004-.03-.047-.107-.045-.136,.002-.018-.028-.057-.044-.09-.034,.009-.065-.066-.115-.122-.082,.002-.07-.087-.111-.138-.064-.013-.064-.103-.087-.144-.036-.02-.063-.114-.075-.148-.017-.036-.056-.129-.042-.147,.022-.041-.055-.135-.031-.146,.036-.011-.008-.023-.014-.037-.016,.006-.008,.01-.016,.015-.025h.002c.058-.107,.004-.256-.106-.298v-.098h.099v-.154h-.099v-.101h-.151v.101h-.099v.154h.099v.096c-.113,.04-.169,.191-.11,.299h.002c.004,.008,.009,.017,.014,.024-.015,.002-.029,.008-.04,.017-.011-.067-.106-.091-.146-.036-.018-.064-.111-.078-.147-.022-.034-.057-.128-.046-.148,.017-.041-.052-.131-.028-.144,.036-.051-.047-.139-.006-.138,.064-.056-.033-.131,.017-.122,.082-.034-.01-.072,.006-.091,.034-.029-.047-.106-.049-.136-.002-.03-.054-.117-.051-.143,.004-.037-.059-.135-.04-.149,.028-.039-.06-.14-.037-.15,.035-.053-.043-.138,0-.134,.069-.056-.038-.137,.013-.127,.081-.062-.021-.125,.044-.104,.105-.05-.009-.096,.033-.096,.084h0c0,.017,.005,.033,.014,.047-.075-.002-.111,.101-.055,.148-.071,.017-.082,.125-.016,.157-.061,.035-.047,.138,.022,.154-.013,.015-.021,.034-.021,.055h0c0,.042,.03,.077,.069,.084-.023,.048,.009,.11,.06,.118-.013,.03-.012,.073-.012,.106,.09-.019,.2,.006,.239,.11-.015,.068,.065,.156,.138,.146,.06,.085,.133,.165,.251,.197-.021,.093,.064,.093,.123,.118-.013,.016-.043,.063-.055,.081,.024,.013,.087,.041,.113,.051,.005,.019,.004,.028,.004,.031,.091,.501,2.534,.502,2.616-.001v-.002s.004,.003,.004,.004c0-.003-.001-.011,.004-.031l.118-.042-.062-.09c.056-.028,.145-.025,.123-.119,.119-.032,.193-.112,.253-.198,.073,.01,.153-.078,.138-.146,.039-.104,.15-.129,.239-.11,0-.035,.002-.078-.013-.109,.044-.014,.07-.071,.049-.115,.062-.009,.091-.093,.048-.139,.069-.016,.083-.12,.022-.154Zm-.296-.114c0,.049-.012,.098-.034,.141-.198-.137-.477-.238-.694-.214-.002-.009-.006-.017-.011-.024,0,0,0-.001,0-.002,.064-.021,.074-.12,.015-.153,0,0,0,0,0,0,.048-.032,.045-.113-.005-.141,.328-.039,.728,.09,.728,.393Zm-.956-.275c0,.063-.02,.124-.054,.175-.274-.059-.412-.169-.717-.185-.007-.082-.005-.171-.011-.254,.246-.19,.81-.062,.783,.264Zm-1.191-.164c-.002,.05-.003,.102-.007,.151-.302,.013-.449,.122-.719,.185-.26-.406,.415-.676,.73-.436-.002,.033-.005,.067-.004,.101Zm-1.046,.117c0,.028,.014,.053,.034,.069,0,0,0,0,0,0-.058,.033-.049,.132,.015,.152,0,0,0,.001,0,.002-.005,.007-.008,.015-.011,.024-.219-.024-.495,.067-.698,.206-.155-.377,.323-.576,.698-.525-.023,.015-.039,.041-.039,.072Zm3.065-.115s0,0,0,0c0,0,0,0,0,0,0,0,0,0,0,0Zm-3.113,1.798v.002s-.002,0-.003,.002c0-.001,.002-.003,.003-.003Z' fill='%239b8028'%3E%3C/path%3E%3Cpath d='M14.133,16.856c.275-.65,.201-.508-.319-.787v-.873c.149-.099-.094-.121,.05-.235h.072v-.339h-.99v.339h.075c.136,.102-.091,.146,.05,.235v.76c-.524-.007-.771,.066-.679,.576h.039s0,0,0,0l.016,.036c.14-.063,.372-.107,.624-.119v.224c-.384,.029-.42,.608,0,.8v1.291c-.053,.017-.069,.089-.024,.123,.007,.065-.058,.092-.113,.083,0,.026,0,.237,0,.269-.044,.024-.113,.03-.17,.028v.108s0,0,0,0v.107s0,0,0,0v.107s0,0,0,0v.108s0,0,0,0v.186c.459-.068,.895-.068,1.353,0v-.616c-.057,.002-.124-.004-.17-.028,0-.033,0-.241,0-.268-.054,.008-.118-.017-.113-.081,.048-.033,.034-.108-.021-.126v-.932c.038,.017,.073,.035,.105,.053-.105,.119-.092,.326,.031,.429l.057-.053c.222-.329,.396-.743-.193-.896v-.35c.177-.019,.289-.074,.319-.158Z' fill='%239b8028'%3E%3C/path%3E%3Cpath d='M8.36,16.058c-.153-.062-.39-.098-.653-.102v-.76c.094-.041,.034-.115-.013-.159,.02-.038,.092-.057,.056-.115h.043v-.261h-.912v.261h.039c-.037,.059,.039,.078,.057,.115-.047,.042-.108,.118-.014,.159v.873c-.644,.133-.611,.748,0,.945v.35c-.59,.154-.415,.567-.193,.896l.057,.053c.123-.103,.136-.31,.031-.429,.032-.018,.067-.036,.105-.053v.932c-.055,.018-.069,.093-.021,.126,.005,.064-.059,.089-.113,.081,0,.026,0,.236,0,.268-.045,.024-.113,.031-.17,.028v.401h0v.215c.459-.068,.895-.068,1.352,0v-.186s0,0,0,0v-.108s0,0,0,0v-.107s0,0,0,0v-.107s0,0,0,0v-.108c-.056,.002-.124-.004-.169-.028,0-.033,0-.241,0-.269-.055,.008-.119-.018-.113-.083,.045-.034,.03-.107-.024-.124v-1.29c.421-.192,.383-.772,0-.8v-.224c.575,.035,.796,.314,.653-.392Z' fill='%239b8028'%3E%3C/path%3E%3Cpath d='M12.531,14.533h-4.28l.003,2.572v1.485c0,.432,.226,.822,.591,1.019,.473,.252,1.024,.391,1.552,.391s1.064-.135,1.544-.391c.364-.197,.591-.587,.591-1.019v-4.057Z' fill='%23a0251e'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.futs:has(option[value="en"]:checked) .futs__flag {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Crect x='1' y='4' width='30' height='24' rx='4' ry='4' fill='%23fff'%3E%3C/rect%3E%3Cpath d='M1.638,5.846H30.362c-.711-1.108-1.947-1.846-3.362-1.846H5c-1.414,0-2.65,.738-3.362,1.846Z' fill='%23a62842'%3E%3C/path%3E%3Cpath d='M2.03,7.692c-.008,.103-.03,.202-.03,.308v1.539H31v-1.539c0-.105-.022-.204-.03-.308H2.03Z' fill='%23a62842'%3E%3C/path%3E%3Cpath fill='%23a62842' d='M2 11.385H31V13.231H2z'%3E%3C/path%3E%3Cpath fill='%23a62842' d='M2 15.077H31V16.923000000000002H2z'%3E%3C/path%3E%3Cpath fill='%23a62842' d='M1 18.769H31V20.615H1z'%3E%3C/path%3E%3Cpath d='M1,24c0,.105,.023,.204,.031,.308H30.969c.008-.103,.031-.202,.031-.308v-1.539H1v1.539Z' fill='%23a62842'%3E%3C/path%3E%3Cpath d='M30.362,26.154H1.638c.711,1.108,1.947,1.846,3.362,1.846H27c1.414,0,2.65-.738,3.362-1.846Z' fill='%23a62842'%3E%3C/path%3E%3Cpath d='M5,4h11v12.923H1V8c0-2.208,1.792-4,4-4Z' fill='%23102d5e'%3E%3C/path%3E%3Cpath d='M27,4H5c-2.209,0-4,1.791-4,4V24c0,2.209,1.791,4,4,4H27c2.209,0,4-1.791,4-4V8c0-2.209-1.791-4-4-4Zm3,20c0,1.654-1.346,3-3,3H5c-1.654,0-3-1.346-3-3V8c0-1.654,1.346-3,3-3H27c1.654,0,3,1.346,3,3V24Z' opacity='.15'%3E%3C/path%3E%3Cpath d='M27,5H5c-1.657,0-3,1.343-3,3v1c0-1.657,1.343-3,3-3H27c1.657,0,3,1.343,3,3v-1c0-1.657-1.343-3-3-3Z' fill='%23fff' opacity='.2'%3E%3C/path%3E%3Cpath fill='%23fff' d='M4.601 7.463L5.193 7.033 4.462 7.033 4.236 6.338 4.01 7.033 3.279 7.033 3.87 7.463 3.644 8.158 4.236 7.729 4.827 8.158 4.601 7.463z'%3E%3C/path%3E%3Cpath fill='%23fff' d='M7.58 7.463L8.172 7.033 7.441 7.033 7.215 6.338 6.989 7.033 6.258 7.033 6.849 7.463 6.623 8.158 7.215 7.729 7.806 8.158 7.58 7.463z'%3E%3C/path%3E%3Cpath fill='%23fff' d='M10.56 7.463L11.151 7.033 10.42 7.033 10.194 6.338 9.968 7.033 9.237 7.033 9.828 7.463 9.603 8.158 10.194 7.729 10.785 8.158 10.56 7.463z'%3E%3C/path%3E%3Cpath fill='%23fff' d='M6.066 9.283L6.658 8.854 5.927 8.854 5.701 8.158 5.475 8.854 4.744 8.854 5.335 9.283 5.109 9.979 5.701 9.549 6.292 9.979 6.066 9.283z'%3E%3C/path%3E%3Cpath fill='%23fff' d='M9.046 9.283L9.637 8.854 8.906 8.854 8.68 8.158 8.454 8.854 7.723 8.854 8.314 9.283 8.089 9.979 8.68 9.549 9.271 9.979 9.046 9.283z'%3E%3C/path%3E%3Cpath fill='%23fff' d='M12.025 9.283L12.616 8.854 11.885 8.854 11.659 8.158 11.433 8.854 10.702 8.854 11.294 9.283 11.068 9.979 11.659 9.549 12.251 9.979 12.025 9.283z'%3E%3C/path%3E%3Cpath fill='%23fff' d='M6.066 12.924L6.658 12.494 5.927 12.494 5.701 11.799 5.475 12.494 4.744 12.494 5.335 12.924 5.109 13.619 5.701 13.19 6.292 13.619 6.066 12.924z'%3E%3C/path%3E%3Cpath fill='%23fff' d='M9.046 12.924L9.637 12.494 8.906 12.494 8.68 11.799 8.454 12.494 7.723 12.494 8.314 12.924 8.089 13.619 8.68 13.19 9.271 13.619 9.046 12.924z'%3E%3C/path%3E%3Cpath fill='%23fff' d='M12.025 12.924L12.616 12.494 11.885 12.494 11.659 11.799 11.433 12.494 10.702 12.494 11.294 12.924 11.068 13.619 11.659 13.19 12.251 13.619 12.025 12.924z'%3E%3C/path%3E%3Cpath fill='%23fff' d='M13.539 7.463L14.13 7.033 13.399 7.033 13.173 6.338 12.947 7.033 12.216 7.033 12.808 7.463 12.582 8.158 13.173 7.729 13.765 8.158 13.539 7.463z'%3E%3C/path%3E%3Cpath fill='%23fff' d='M4.601 11.104L5.193 10.674 4.462 10.674 4.236 9.979 4.01 10.674 3.279 10.674 3.87 11.104 3.644 11.799 4.236 11.369 4.827 11.799 4.601 11.104z'%3E%3C/path%3E%3Cpath fill='%23fff' d='M7.58 11.104L8.172 10.674 7.441 10.674 7.215 9.979 6.989 10.674 6.258 10.674 6.849 11.104 6.623 11.799 7.215 11.369 7.806 11.799 7.58 11.104z'%3E%3C/path%3E%3Cpath fill='%23fff' d='M10.56 11.104L11.151 10.674 10.42 10.674 10.194 9.979 9.968 10.674 9.237 10.674 9.828 11.104 9.603 11.799 10.194 11.369 10.785 11.799 10.56 11.104z'%3E%3C/path%3E%3Cpath fill='%23fff' d='M13.539 11.104L14.13 10.674 13.399 10.674 13.173 9.979 12.947 10.674 12.216 10.674 12.808 11.104 12.582 11.799 13.173 11.369 13.765 11.799 13.539 11.104z'%3E%3C/path%3E%3Cpath fill='%23fff' d='M4.601 14.744L5.193 14.315 4.462 14.315 4.236 13.619 4.01 14.315 3.279 14.315 3.87 14.744 3.644 15.44 4.236 15.01 4.827 15.44 4.601 14.744z'%3E%3C/path%3E%3Cpath fill='%23fff' d='M7.58 14.744L8.172 14.315 7.441 14.315 7.215 13.619 6.989 14.315 6.258 14.315 6.849 14.744 6.623 15.44 7.215 15.01 7.806 15.44 7.58 14.744z'%3E%3C/path%3E%3Cpath fill='%23fff' d='M10.56 14.744L11.151 14.315 10.42 14.315 10.194 13.619 9.968 14.315 9.237 14.315 9.828 14.744 9.603 15.44 10.194 15.01 10.785 15.44 10.56 14.744z'%3E%3C/path%3E%3Cpath fill='%23fff' d='M13.539 14.744L14.13 14.315 13.399 14.315 13.173 13.619 12.947 14.315 12.216 14.315 12.808 14.744 12.582 15.44 13.173 15.01 13.765 15.44 13.539 14.744z'%3E%3C/path%3E%3C/svg%3E");
}
.futs:has(option[value="ja"]:checked) .futs__flag {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Crect x='1' y='4' width='30' height='24' rx='4' ry='4' fill='%23fff'%3E%3C/rect%3E%3Cpath d='M27,4H5c-2.209,0-4,1.791-4,4V24c0,2.209,1.791,4,4,4H27c2.209,0,4-1.791,4-4V8c0-2.209-1.791-4-4-4Zm3,20c0,1.654-1.346,3-3,3H5c-1.654,0-3-1.346-3-3V8c0-1.654,1.346-3,3-3H27c1.654,0,3,1.346,3,3V24Z' opacity='.15'%3E%3C/path%3E%3Ccircle cx='16' cy='16' r='6' fill='%23ae232f'%3E%3C/circle%3E%3Cpath d='M27,5H5c-1.657,0-3,1.343-3,3v1c0-1.657,1.343-3,3-3H27c1.657,0,3,1.343,3,3v-1c0-1.657-1.343-3-3-3Z' fill='%23fff' opacity='.2'%3E%3C/path%3E%3C/svg%3E");
}
.futs:has(option[value="ar"]:checked) .futs__flag {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Crect x='1' y='4' width='30' height='24' rx='4' ry='4' fill='%23215230'%3E%3C/rect%3E%3Cpath d='M27,4H5c-2.209,0-4,1.791-4,4V24c0,2.209,1.791,4,4,4H27c2.209,0,4-1.791,4-4V8c0-2.209-1.791-4-4-4Zm3,20c0,1.654-1.346,3-3,3H5c-1.654,0-3-1.346-3-3V8c0-1.654,1.346-3,3-3H27c1.654,0,3,1.346,3,3V24Z' opacity='.15'%3E%3C/path%3E%3Cpath d='M27,5H5c-1.657,0-3,1.343-3,3v1c0-1.657,1.343-3,3-3H27c1.657,0,3,1.343,3,3v-1c0-1.657-1.343-3-3-3Z' fill='%23fff' opacity='.2'%3E%3C/path%3E%3Cpath d='M25.47,15.008c.105-.506-.616-3.171-.092-2.76,.071-.184-.288-.624-.39-.863-.362,1.107,.47,3.281,.2,4.749-.205,.431-1.607,.948-1.937,1.134,.74,.218,2.5-.651,2.218-2.26Z' fill='%23fff'%3E%3C/path%3E%3Cpath d='M10.505,16.004c.189-.342,.23-.711,.203-1.119,.285-.116,.625-.309,.739-.323-.078,.268,.108,.557,.485,.52,.075,2.143,.346,1.695,.235-.061,.244-.113,.285-.331,.376-.424,.529,.867,1.302-.28,.818-.752-.005,.039-.118,.415-.118,.415,0,0,.108,.114,.113,.17-.117,.14-.654,.045-.621-.172,.026-.059,.152-.363-.028-.182-.163,.166-.247,.518-.574,.578,.021-.738-.397-2.077-.198-2.519,.186,.233,.189,.069,.075-.16-.189-.337-.287-.981-.469-.283,.189,.786,.217,2.078,.349,2.962-.361-.07-.248-.325-.244-.489-.049-.033-.698,.313-.968,.396-.032-.274-.072-.521-.089-.724,1.012-.097,.623-1.314,.414-1.883,.025-.034,.297,.197,.133-.076-.251-.317-.358-.681-.477-.079,.157,.294,.301,1.089,.451,1.42-.103,.073-.337,.195-.569,.188,.019-.348-.281-1.172-.047-1.233,.161,.185,.185,.105,.072-.126-.195-.297-.349-1.048-.488-.321,.167,.343,.096,.842,.207,1.609-.632-.338-.133-1.385-.652-1.885-.024,.057-.13,.41-.13,.41,.515,.73-.338,2.343-1.17,1.331-.098-.544,.476-2.27-.336-.957-.16,.529-.555,2.134-1.013,.927-.089-.336,.098-1.28-.115-.503-.119,.293,.045,1.443,.567,1.308,.471-.253,.488-1.453,.854-1.754-.724,1.53,.977,2.599,1.429,.747,.013,.287,.224,.749,.612,.848,.023,.228,.06,.525,.094,.838-.072,.022-.144,.042-.217,.059-.605-1.576-2.019,.892-.179,.401,.024,.072,.04,.143,.042,.207-.852,1.187-3.966,1.185-1.934-.889,.066,.024,.191,.147,.18,.158,.073-.112,.11-.232-.09-.308,.33-.876-.875-.159-.14,.119-.149,.156-.5,.385-.715,.519-.167,.094-.68,.407-.803,.479-.057,.104,.455-.213,.61-.266-1.488,2.836,2.314,2.381,3.326,.88Zm-3.208-.938c.106-.053,.207-.104,.29-.15-1.363,2.364,2.618,1.812,2.664,.131,.069-.021,.138-.044,.208-.068,.024,.255,.041,.505,.042,.723-.365,.429-1.203,.928-1.945,1.131-1.368,.433-1.852-.966-1.259-1.766Z' fill='%23fff'%3E%3C/path%3E%3Cpath d='M16.342,16.611c.242-.267,1.915-.721,2.199-.864,.025-.071,.148-.321,.156-.373-.557,.05-2.089,.134-2.7,.103,.126-.108,.736-.422,1.182-.554,.042,.074,.073,.148,.079,.212,.032-.033,.056-.142,.048-.253,.293-.093,.443-.124,.508-.142,.041-.053,.114-.268,.125-.425-.359-.659-1.502-.446-.957,.322-.457,.192-1.222,.541-1.44,.856l-.035,.017c-.009,.017-.069,.266-.089,.343-.262-.782-.341-1.798-.795-2.093-.247,.506,.507,1.512,.517,2.056-.142,.33-1.991,1.757-2.309,.939,1.134-.431,2.304-1.185,1.336-2.289-.01-.041,.115,.017,.188,.02,.053-.113-.348-.347-.448-.46-.089-.016-.103,.303-.102,.38,.123,.179,.492,.887,.586,1.102-.139,.177-.837,.553-1.518,.863,.005-.176,.414-.656,.299-.786-.283,.515-.322-.323-.122-.485,.201-.642-.663,.951-.09,.897-.06,.114-.134,.253-.187,.419-.792,.369-2,.72-2.528,.893,.029-.094,.025-.174-.006-.15-.542,.637-.017-.81-.096-.67-.302,.23-.48,1.59,.087,.861,.44-.099,1.918-.203,2.471-.534,.084,1.499,2.627-.297,2.513-1.062,.064,.906,.55,1.539,1.847,1.609,.003-.103-.038-.425-.038-.425-.164-.023-.579-.086-.68-.326Zm-.913-.73c.257,.005,1.655-.032,1.921-.04-.491,.171-1.171,.271-1.14,.96-.403-.091-.624-.464-.781-.92Z' fill='%23fff'%3E%3C/path%3E%3Cpath d='M12.822,13.817c.459-.246,.482-1.398,.854-1.685-.765,1.473,1.05,2.445,1.404,.667,.322,1.701,2.18,.64,1.302-.691-.241-.549,.228,.023,.066-.334-.251-.316-.358-.681-.477-.079,.16,.291,.317,1.085,.451,1.42-1.359,.72-.927-1.166-1.428-1.825-.024,.057-.13,.41-.13,.41,.838,1.883-1.884,2.344-.998,.137-.447-.722-.639,1.657-1.145,1.614-.411,0-.413-.913-.358-1.107-.292,.019-.146,1.653,.458,1.473Z' fill='%23fff'%3E%3C/path%3E%3Cpath d='M23.777,14.233c.057,.949,.148,1.852,.117,2.524,.349-.356,.155-1.494,.145-2.223,.438,.519,.919,1.113,1.024,1.678,.013,.036,.069-.11,.06-.338,.048-.4-.665-1.312-1.115-1.788,.058-.461-.361-1.665-.114-1.934,.161,.186,.185,.105,.072-.126-.194-.304-.337-1.009-.476-.298,.17,.367,.134,1.245,.25,2.057-.385-.43-.627-.687-.828-.906,.011-.189-.181-.792,.017-.716,.161,.185,.185,.105,.072-.127-.205-.324-.348-1.024-.491-.286,.133,.193,.073,.417,.129,.814-.3-.442-.684-.627-.168-.578-.212-.149-1.029-.919-.813-.171,.305,.143,.63,.818,1.022,1.192,.063,.847,.258,2.221,.288,3.015-.809,.711-.96,.011-1.425-.246,.002-.225-.005-.444-.005-.573,.11-.505-.579-3.324-.041-2.908-.042-.23-.467-1.414-.568-.555,.225,.773,.255,2.393,.371,3.462,.011,.101,.024,.291,.035,.497-.002,0-.003-.001-.004-.002-.664,.19-.965,2.265-1.701,1.066,1.334-1.002,.41-3.321,.327-4.613,.008-.082,.139,.112,.207,.126,.049-.187-.281-.67-.399-.912-.476,.972,.751,3.11,.284,4.421,.061-.629-.685-1.392-1.221-1.883,.048-.267-.519-2.128-.024-1.609,.045-.023-.005-.16-.067-.282-.198-.331-.312-.975-.476-.273,.137,.173,.197,1.62,.287,1.904-.317-.37-1.855-1.462-1.123-1.362-.006-.02-.038-.068-.119-.117-.276-.09-.873-.788-.694-.054,.038,.003,.106,.049,.155,.107,.379,.518,1.263,1.37,1.843,1.886,.221,2.776,.599,3.546,.278,.267,.461,.469,.995,.976,1.103,1.565-.097,.201-.238,.38-.445,.525-.058-.379,.005-.686-.05-.715-.115,.07-.081,.556-.059,.79-1.629,.876-1.893,1.088,.063,.311,.679,1.706,1.129-.408,1.804-.783,.018,.016,.033,.025,.051,.04,.007,.215,.008,.399-.001,.459,.09-.001,.139-.14,.165-.33,1.967,1.537,1.697-1.371,1.455-2.888,.33,.384,.542,.608,.806,.888Z' fill='%23fff'%3E%3C/path%3E%3Cpath d='M22.159,20.66h0s-1.5,0-1.5,0c.115-.083,.176-.205,.159-.327-.01-.077-.087-.135-.181-.143h-.047c-.114,.011-.196,.093-.184,.183l.005,.035,.006,.053c.006,.067,0,.134-.019,.199H9.313c.165,.24,.465,.386,.789,.386l10.116-.006c-.116,.083-.176,.205-.16,.328,.012,.09,.114,.154,.227,.143,.114-.011,.196-.093,.184-.183l-.005-.035-.006-.053c-.006-.067,0-.134,.019-.2h1.248s.035,.058,.035,.058c.031,.053,.071,.1,.117,.142l.064,.053h0c.126,.088,.287,.14,.456,.14,.16,0,.289-.111,.289-.248v-.072c0-.25-.237-.453-.529-.453Z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
}
.futs:has(option[value="ko"]:checked) .futs__flag {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Crect x='1' y='4' width='30' height='24' rx='4' ry='4' fill='%23fff'%3E%3C/rect%3E%3Cpath d='M27,4H5c-2.209,0-4,1.791-4,4V24c0,2.209,1.791,4,4,4H27c2.209,0,4-1.791,4-4V8c0-2.209-1.791-4-4-4Zm3,20c0,1.654-1.346,3-3,3H5c-1.654,0-3-1.346-3-3V8c0-1.654,1.346-3,3-3H27c1.654,0,3,1.346,3,3V24Z' opacity='.15'%3E%3C/path%3E%3Cpath transform='rotate(-56.31 8.143 10.762)' d='M5.877 10.384H10.41V11.139000000000001H5.877z'%3E%3C/path%3E%3Cpath transform='rotate(-56.31 9.086 11.39)' d='M6.819 11.013H11.352V11.768H6.819z'%3E%3C/path%3E%3Cpath transform='rotate(-56.31 10.028 12.02)' d='M7.762 11.641H12.295V12.396H7.762z'%3E%3C/path%3E%3Cpath transform='rotate(-56.31 24.538 20.216)' d='M23.499 19.839H25.576V20.593999999999998H23.499z'%3E%3C/path%3E%3Cpath transform='rotate(-56.31 23.176 22.26)' d='M22.137 21.882H24.215V22.637H22.137z'%3E%3C/path%3E%3Cpath transform='rotate(-56.31 23.595 19.588)' d='M22.556 19.21H24.633000000000003V19.965H22.556z'%3E%3C/path%3E%3Cpath transform='rotate(-56.31 22.234 21.632)' d='M21.195 21.253H23.272V22.008H21.195z'%3E%3C/path%3E%3Cpath transform='rotate(-56.31 22.653 18.96)' d='M21.614 18.582H23.691000000000003V19.337H21.614z'%3E%3C/path%3E%3Cpath transform='rotate(-56.31 21.29 21.002)' d='M20.252 20.625H22.329V21.38H20.252z'%3E%3C/path%3E%3Cpath d='M12.229,13.486c1.389-2.083,4.203-2.646,6.286-1.257s2.646,4.203,1.257,6.286l-7.543-5.029Z' fill='%23be3b3e'%3E%3C/path%3E%3Cpath d='M12.229,13.486c-1.389,2.083-.826,4.897,1.257,6.286s4.897,.826,6.286-1.257c.694-1.041,.413-2.449-.629-3.143s-2.449-.413-3.143,.629l-3.771-2.514Z' fill='%231c449c'%3E%3C/path%3E%3Ccircle cx='14.114' cy='14.743' r='2.266' fill='%23be3b3e'%3E%3C/circle%3E%3Cpath transform='rotate(-33.69 8.143 21.238)' d='M7.765 18.972H8.52V23.505000000000003H7.765z'%3E%3C/path%3E%3Cpath transform='rotate(-33.69 10.03 19.98)' d='M9.651 17.715H10.406V22.248H9.651z'%3E%3C/path%3E%3Cpath transform='rotate(-33.69 22.915 11.39)' d='M22.537 9.124H23.291999999999998V13.657H22.537z'%3E%3C/path%3E%3Cpath transform='rotate(-33.69 8.405 19.588)' d='M8.027 18.549H8.782V20.625999999999998H8.027z'%3E%3C/path%3E%3Cpath transform='rotate(-33.691 9.767 21.632)' d='M9.389 20.592H10.144V22.668999999999997H9.389z'%3E%3C/path%3E%3Cpath transform='rotate(-33.69 21.29 10.998)' d='M20.913 9.959H21.668V12.036H20.913z'%3E%3C/path%3E%3Cpath transform='rotate(-33.69 22.652 13.04)' d='M22.275 12.002H23.029999999999998V14.079H22.275z'%3E%3C/path%3E%3Cpath transform='rotate(-33.69 23.176 9.741)' d='M22.798 8.702H23.552999999999997V10.779H22.798z'%3E%3C/path%3E%3Cpath transform='rotate(-33.691 24.539 11.783)' d='M24.16 10.745H24.915V12.822H24.16z'%3E%3C/path%3E%3Cpath d='M27,5H5c-1.657,0-3,1.343-3,3v1c0-1.657,1.343-3,3-3H27c1.657,0,3,1.343,3,3v-1c0-1.657-1.343-3-3-3Z' fill='%23fff' opacity='.2'%3E%3C/path%3E%3C/svg%3E");
}
.futs:has(option[value="zh"]:checked) .futs__flag {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Crect x='1' y='4' width='30' height='24' rx='4' ry='4' fill='%23db362f'%3E%3C/rect%3E%3Cpath d='M27,4H5c-2.209,0-4,1.791-4,4V24c0,2.209,1.791,4,4,4H27c2.209,0,4-1.791,4-4V8c0-2.209-1.791-4-4-4Zm3,20c0,1.654-1.346,3-3,3H5c-1.654,0-3-1.346-3-3V8c0-1.654,1.346-3,3-3H27c1.654,0,3,1.346,3,3V24Z' opacity='.15'%3E%3C/path%3E%3Cpath fill='%23ff0' d='M7.958 10.152L7.19 7.786 6.421 10.152 3.934 10.152 5.946 11.614 5.177 13.979 7.19 12.517 9.202 13.979 8.433 11.614 10.446 10.152 7.958 10.152z'%3E%3C/path%3E%3Cpath fill='%23ff0' d='M12.725 8.187L13.152 8.898 13.224 8.072 14.032 7.886 13.269 7.562 13.342 6.736 12.798 7.361 12.035 7.037 12.461 7.748 11.917 8.373 12.725 8.187z'%3E%3C/path%3E%3Cpath fill='%23ff0' d='M14.865 10.372L14.982 11.193 15.37 10.46 16.187 10.602 15.61 10.007 15.997 9.274 15.253 9.639 14.675 9.044 14.793 9.865 14.048 10.23 14.865 10.372z'%3E%3C/path%3E%3Cpath fill='%23ff0' d='M15.597 13.612L16.25 13.101 15.421 13.13 15.137 12.352 14.909 13.149 14.081 13.179 14.769 13.642 14.541 14.439 15.194 13.928 15.881 14.391 15.597 13.612z'%3E%3C/path%3E%3Cpath fill='%23ff0' d='M13.26 15.535L13.298 14.707 12.78 15.354 12.005 15.062 12.46 15.754 11.942 16.402 12.742 16.182 13.198 16.875 13.236 16.047 14.036 15.827 13.26 15.535z'%3E%3C/path%3E%3Cpath d='M27,5H5c-1.657,0-3,1.343-3,3v1c0-1.657,1.343-3,3-3H27c1.657,0,3,1.343,3,3v-1c0-1.657-1.343-3-3-3Z' fill='%23fff' opacity='.2'%3E%3C/path%3E%3C/svg%3E");
}
.futs:has(option[value="fa"]:checked) .futs__flag {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%23fff' d='M1 11H31V21H1z'%3E%3C/path%3E%3Cpath d='M5,4H27c2.208,0,4,1.792,4,4v4H1v-4c0-2.208,1.792-4,4-4Z' fill='%234d9e4a'%3E%3C/path%3E%3Cpath d='M5,20H27c2.208,0,4,1.792,4,4v4H1v-4c0-2.208,1.792-4,4-4Z' transform='rotate(180 16 24)' fill='%23c92a1d'%3E%3C/path%3E%3Cpath d='M27,4H5c-2.209,0-4,1.791-4,4V24c0,2.209,1.791,4,4,4H27c2.209,0,4-1.791,4-4V8c0-2.209-1.791-4-4-4Zm3,20c0,1.654-1.346,3-3,3H5c-1.654,0-3-1.346-3-3V8c0-1.654,1.346-3,3-3H27c1.654,0,3,1.346,3,3V24Z' opacity='.15'%3E%3C/path%3E%3Cpath d='M18.061,16.805c.39-1.199,.021-2.514-.934-3.337,1.038,1.536,.664,3.611-.825,4.692l.104-2.56v-2.015c-.161-.077-.301-.194-.405-.34-.104,.145-.243,.262-.405,.34v2.015l.104,2.56c-1.489-1.081-1.864-3.156-.825-4.692-.956,.822-1.324,2.138-.934,3.337,.263,.809,.825,1.437,1.523,1.803-.427,.156-.883,.227-1.342,.204,.539,.175,1.091,.195,1.608,.086l.004,.108,.267,.367,.267-.367,.004-.108c.517,.109,1.069,.089,1.608-.086-.459,.022-.915-.049-1.342-.204,.699-.366,1.26-.994,1.523-1.803Z' fill='%23c92a1d'%3E%3C/path%3E%3Cpath d='M19.077,14.634c-.355-.614-.943-1.058-1.631-1.23,1.513,1.138,1.818,3.287,.68,4.801-.002,.003-.004,.005-.006,.008,1.252-.724,1.681-2.326,.957-3.578Z' fill='%23c92a1d'%3E%3C/path%3E%3Cpath d='M14.554,13.404c-.688,.172-1.277,.616-1.631,1.23-.724,1.252-.295,2.854,.957,3.578-.002-.003-.004-.005-.006-.008-1.138-1.513-.833-3.663,.68-4.801Z' fill='%23c92a1d'%3E%3C/path%3E%3Cpath d='M15.311,13.215c.223,.157,.532,.103,.689-.12,.157,.223,.466,.277,.689,.12,.187-.132,.26-.375,.175-.588-.048,.254-.292,.421-.546,.373-.134-.025-.25-.107-.318-.225-.068,.118-.184,.2-.318,.225-.254,.048-.498-.119-.546-.373-.085,.213-.013,.456,.175,.588Z' fill='%23c92a1d'%3E%3C/path%3E%3Cpath d='M27,5H5c-1.657,0-3,1.343-3,3v1c0-1.657,1.343-3,3-3H27c1.657,0,3,1.343,3,3v-1c0-1.657-1.343-3-3-3Z' fill='%23fff' opacity='.2'%3E%3C/path%3E%3C/svg%3E");
}
.futs:has(option[value="nl"]:checked) .futs__flag {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%23fff' d='M1 11H31V21H1z'%3E%3C/path%3E%3Cpath d='M5,4H27c2.208,0,4,1.792,4,4v4H1v-4c0-2.208,1.792-4,4-4Z' fill='%23a1292a'%3E%3C/path%3E%3Cpath d='M5,20H27c2.208,0,4,1.792,4,4v4H1v-4c0-2.208,1.792-4,4-4Z' transform='rotate(180 16 24)' fill='%23264387'%3E%3C/path%3E%3Cpath d='M27,4H5c-2.209,0-4,1.791-4,4V24c0,2.209,1.791,4,4,4H27c2.209,0,4-1.791,4-4V8c0-2.209-1.791-4-4-4Zm3,20c0,1.654-1.346,3-3,3H5c-1.654,0-3-1.346-3-3V8c0-1.654,1.346-3,3-3H27c1.654,0,3,1.346,3,3V24Z' opacity='.15'%3E%3C/path%3E%3Cpath d='M27,5H5c-1.657,0-3,1.343-3,3v1c0-1.657,1.343-3,3-3H27c1.657,0,3,1.343,3,3v-1c0-1.657-1.343-3-3-3Z' fill='%23fff' opacity='.2'%3E%3C/path%3E%3C/svg%3E");
}
.futs:has(option[value="pt"]:checked) .futs__flag {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M5,4H13V28H5c-2.208,0-4-1.792-4-4V8c0-2.208,1.792-4,4-4Z' fill='%232b6519'%3E%3C/path%3E%3Cpath d='M16,4h15V28h-15c-2.208,0-4-1.792-4-4V8c0-2.208,1.792-4,4-4Z' transform='rotate(180 21.5 16)' fill='%23ea3323'%3E%3C/path%3E%3Cpath d='M27,4H5c-2.209,0-4,1.791-4,4V24c0,2.209,1.791,4,4,4H27c2.209,0,4-1.791,4-4V8c0-2.209-1.791-4-4-4Zm3,20c0,1.654-1.346,3-3,3H5c-1.654,0-3-1.346-3-3V8c0-1.654,1.346-3,3-3H27c1.654,0,3,1.346,3,3V24Z' opacity='.15'%3E%3C/path%3E%3Cpath d='M27,5H5c-1.657,0-3,1.343-3,3v1c0-1.657,1.343-3,3-3H27c1.657,0,3,1.343,3,3v-1c0-1.657-1.343-3-3-3Z' fill='%23fff' opacity='.2'%3E%3C/path%3E%3Ccircle cx='12' cy='16' r='5' fill='%23ff5'%3E%3C/circle%3E%3Cpath d='M14.562,13.529l-5.125-.006v3.431h0c.004,.672,.271,1.307,.753,1.787,.491,.489,1.132,.759,1.805,.759,.684,0,1.328-.267,1.813-.75,.485-.484,.753-1.126,.753-1.808v-3.413Z' fill='%23ea3323'%3E%3C/path%3E%3C/svg%3E");
}
.futs:has(option[value="fr"]:checked) .futs__flag {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%23fff' d='M10 4H22V28H10z'%3E%3C/path%3E%3Cpath d='M5,4h6V28H5c-2.208,0-4-1.792-4-4V8c0-2.208,1.792-4,4-4Z' fill='%23092050'%3E%3C/path%3E%3Cpath d='M25,4h6V28h-6c-2.208,0-4-1.792-4-4V8c0-2.208,1.792-4,4-4Z' transform='rotate(180 26 16)' fill='%23be2a2c'%3E%3C/path%3E%3Cpath d='M27,4H5c-2.209,0-4,1.791-4,4V24c0,2.209,1.791,4,4,4H27c2.209,0,4-1.791,4-4V8c0-2.209-1.791-4-4-4Zm3,20c0,1.654-1.346,3-3,3H5c-1.654,0-3-1.346-3-3V8c0-1.654,1.346-3,3-3H27c1.654,0,3,1.346,3,3V24Z' opacity='.15'%3E%3C/path%3E%3Cpath d='M27,5H5c-1.657,0-3,1.343-3,3v1c0-1.657,1.343-3,3-3H27c1.657,0,3,1.343,3,3v-1c0-1.657-1.343-3-3-3Z' fill='%23fff' opacity='.2'%3E%3C/path%3E%3C/svg%3E");
}
.futs:has(option[value="pa"]:checked) .futs__flag {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%23fff' d='M1 11H31V21H1z'%3E%3C/path%3E%3Cpath d='M5,4H27c2.208,0,4,1.792,4,4v4H1v-4c0-2.208,1.792-4,4-4Z' fill='%23e06535'%3E%3C/path%3E%3Cpath d='M5,20H27c2.208,0,4,1.792,4,4v4H1v-4c0-2.208,1.792-4,4-4Z' transform='rotate(180 16 24)' fill='%232c6837'%3E%3C/path%3E%3Cpath d='M27,4H5c-2.209,0-4,1.791-4,4V24c0,2.209,1.791,4,4,4H27c2.209,0,4-1.791,4-4V8c0-2.209-1.791-4-4-4Zm3,20c0,1.654-1.346,3-3,3H5c-1.654,0-3-1.346-3-3V8c0-1.654,1.346-3,3-3H27c1.654,0,3,1.346,3,3V24Z' opacity='.15'%3E%3C/path%3E%3Cpath d='M16,12.292c-2.048,0-3.708,1.66-3.708,3.708s1.66,3.708,3.708,3.708,3.708-1.66,3.708-3.708-1.66-3.708-3.708-3.708Zm3.041,4.109c-.01,.076,.042,.145,.117,.157-.033,.186-.08,.367-.143,.54-.071-.028-.152,.006-.181,.077-.029,.071,.004,.151,.073,.182-.04,.085-.083,.167-.13,.248l-1.611-1.069-.592-.249c.013-.026,.024-.053,.034-.081l.595,.242,1.895,.383-1.833-.616-.636-.087c.006-.028,.009-.057,.011-.087l.638,.08,1.93-.12-1.93-.12-.638,.08c-.002-.03-.005-.059-.011-.087l.636-.087,1.833-.616-1.895,.383-.595,.242c-.009-.028-.021-.055-.034-.081l.592-.249,1.611-1.069c.047,.081,.09,.163,.13,.248-.07,.031-.103,.111-.073,.182,.029,.071,.11,.105,.181,.077,.063,.173,.111,.354,.143,.54-.075,.012-.127,.081-.117,.157,.01,.076,.078,.129,.154,.121,.008,.092,.013,.185,.013,.279s-.005,.187-.013,.279c-.075-.008-.144,.045-.154,.121Zm-.584-2.462c-.059,.048-.07,.134-.023,.194,.046,.06,.132,.072,.194,.028,.053,.076,.104,.155,.15,.236l-1.731,.861-.512,.388c-.016-.024-.034-.047-.054-.069l.508-.394,1.28-1.45-1.45,1.28-.394,.508c-.022-.019-.045-.038-.069-.054l.388-.512,.861-1.731c.081,.047,.16,.097,.236,.15-.045,.061-.033,.147,.028,.194,.061,.046,.147,.036,.194-.023,.071,.06,.141,.123,.207,.189,.066,.066,.129,.135,.189,.207Zm-2.177-1.133c-.008,.075,.045,.144,.121,.154,.076,.01,.145-.042,.157-.117,.186,.033,.367,.08,.54,.143-.028,.071,.006,.152,.077,.181,.071,.029,.151-.004,.182-.073,.085,.04,.167,.083,.248,.13l-1.069,1.611-.249,.592c-.026-.013-.053-.024-.081-.034l.242-.595,.383-1.895-.616,1.833-.087,.636c-.028-.006-.057-.009-.087-.011l.08-.638-.12-1.93-.12,1.93,.08,.638c-.03,.002-.059,.005-.087,.011l-.087-.636-.616-1.833,.383,1.895,.242,.595c-.028,.009-.055,.021-.081,.034l-.249-.592-1.069-1.611c.081-.047,.163-.09,.248-.13,.031,.07,.111,.103,.182,.073,.071-.029,.105-.11,.077-.181,.173-.063,.354-.111,.54-.143,.012,.075,.081,.127,.157,.117,.076-.01,.129-.078,.121-.154,.092-.008,.185-.013,.279-.013s.187,.005,.279,.013Zm-3.113,4.368c-.029-.071-.11-.105-.181-.077-.063-.173-.111-.354-.143-.54,.075-.012,.127-.081,.117-.157-.01-.076-.078-.129-.154-.121-.008-.092-.013-.185-.013-.279s.005-.187,.013-.279c.075,.008,.144-.045,.154-.121,.01-.076-.042-.145-.117-.157,.033-.186,.08-.367,.143-.54,.071,.028,.152-.006,.181-.077,.029-.071-.004-.151-.073-.182,.04-.085,.083-.167,.13-.248l1.611,1.069,.592,.249c-.013,.026-.024,.053-.034,.081l-.595-.242-1.895-.383,1.833,.616,.636,.087c-.006,.028-.009,.057-.011,.087l-.638-.08-1.93,.12,1.93,.12,.638-.08c.002,.03,.005,.059,.011,.087l-.636,.087-1.833,.616,1.895-.383,.595-.242c.009,.028,.021,.055,.034,.081l-.592,.249-1.611,1.069c-.047-.081-.09-.163-.13-.248,.07-.031,.103-.111,.073-.182Zm.772-3.63c.048,.059,.134,.07,.194,.023,.06-.046,.072-.132,.028-.194,.076-.053,.155-.104,.236-.15l.861,1.731,.388,.512c-.024,.016-.047,.034-.069,.054l-.394-.508-1.45-1.28,1.28,1.45,.508,.394c-.019,.022-.038,.045-.054,.069l-.512-.388-1.731-.861c.047-.081,.097-.16,.15-.236,.061,.045,.147,.033,.194-.028,.046-.061,.036-.147-.023-.194,.06-.071,.123-.141,.189-.207s.135-.129,.207-.189Zm-.395,4.518c.059-.048,.07-.134,.023-.194-.046-.06-.132-.072-.194-.028-.053-.076-.104-.155-.15-.236l1.731-.861,.512-.388c.016,.024,.034,.047,.054,.069l-.508,.394-1.28,1.45,1.45-1.28,.394-.508c.022,.019,.045,.038,.069,.054l-.388,.512-.861,1.731c-.081-.047-.16-.097-.236-.15,.045-.061,.033-.147-.028-.194-.061-.046-.147-.036-.194,.023-.071-.06-.141-.123-.207-.189-.066-.066-.129-.135-.189-.207Zm2.177,1.133c.008-.075-.045-.144-.121-.154-.076-.01-.145,.042-.157,.117-.186-.033-.367-.08-.54-.143,.028-.071-.006-.152-.077-.181-.071-.029-.151,.004-.182,.073-.085-.04-.167-.083-.248-.13l1.069-1.611,.249-.592c.026,.013,.053,.024,.081,.034l-.242,.595-.383,1.895,.616-1.833,.087-.636c.028,.006,.057,.009,.087,.011l-.08,.638,.12,1.93,.12-1.93-.08-.638c.03-.002,.059-.005,.087-.011l.087,.636,.616,1.833-.383-1.895-.242-.595c.028-.009,.055-.021,.081-.034l.249,.592,1.069,1.611c-.081,.047-.163,.09-.248,.13-.031-.07-.111-.103-.182-.073-.071,.029-.105,.11-.077,.181-.173,.063-.354,.111-.54,.143-.012-.075-.081-.127-.157-.117-.076,.01-.129,.078-.121,.154-.092,.008-.185,.013-.279,.013s-.187-.005-.279-.013Zm2.341-.738c-.048-.059-.134-.07-.194-.023-.06,.046-.072,.132-.028,.194-.076,.053-.155,.104-.236,.15l-.861-1.731-.388-.512c.024-.016,.047-.034,.069-.054l.394,.508,1.45,1.28-1.28-1.45-.508-.394c.019-.022,.038-.045,.054-.069l.512,.388,1.731,.861c-.047,.081-.097,.16-.15,.236-.061-.045-.147-.033-.194,.028-.046,.061-.036,.147,.023,.194-.06,.071-.123,.141-.189,.207s-.135,.129-.207,.189Z' fill='%232c2c6b'%3E%3C/path%3E%3Cpath d='M27,5H5c-1.657,0-3,1.343-3,3v1c0-1.657,1.343-3,3-3H27c1.657,0,3,1.343,3,3v-1c0-1.657-1.343-3-3-3Z' fill='%23fff' opacity='.2'%3E%3C/path%3E%3C/svg%3E");
}
.futs:has(option[value="de"]:checked) .futs__flag {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%23cc2b1d' d='M1 11H31V21H1z'%3E%3C/path%3E%3Cpath d='M5,4H27c2.208,0,4,1.792,4,4v4H1v-4c0-2.208,1.792-4,4-4Z'%3E%3C/path%3E%3Cpath d='M5,20H27c2.208,0,4,1.792,4,4v4H1v-4c0-2.208,1.792-4,4-4Z' transform='rotate(180 16 24)' fill='%23f8d147'%3E%3C/path%3E%3Cpath d='M27,4H5c-2.209,0-4,1.791-4,4V24c0,2.209,1.791,4,4,4H27c2.209,0,4-1.791,4-4V8c0-2.209-1.791-4-4-4Zm3,20c0,1.654-1.346,3-3,3H5c-1.654,0-3-1.346-3-3V8c0-1.654,1.346-3,3-3H27c1.654,0,3,1.346,3,3V24Z' opacity='.15'%3E%3C/path%3E%3Cpath d='M27,5H5c-1.657,0-3,1.343-3,3v1c0-1.657,1.343-3,3-3H27c1.657,0,3,1.343,3,3v-1c0-1.657-1.343-3-3-3Z' fill='%23fff' opacity='.2'%3E%3C/path%3E%3C/svg%3E");
}
.futs:has(option[value="ru"]:checked) .futs__flag {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%231435a1' d='M1 11H31V21H1z'%3E%3C/path%3E%3Cpath d='M5,4H27c2.208,0,4,1.792,4,4v4H1v-4c0-2.208,1.792-4,4-4Z' fill='%23fff'%3E%3C/path%3E%3Cpath d='M5,20H27c2.208,0,4,1.792,4,4v4H1v-4c0-2.208,1.792-4,4-4Z' transform='rotate(180 16 24)' fill='%23c53a28'%3E%3C/path%3E%3Cpath d='M27,4H5c-2.209,0-4,1.791-4,4V24c0,2.209,1.791,4,4,4H27c2.209,0,4-1.791,4-4V8c0-2.209-1.791-4-4-4Zm3,20c0,1.654-1.346,3-3,3H5c-1.654,0-3-1.346-3-3V8c0-1.654,1.346-3,3-3H27c1.654,0,3,1.346,3,3V24Z' opacity='.15'%3E%3C/path%3E%3Cpath d='M27,5H5c-1.657,0-3,1.343-3,3v1c0-1.657,1.343-3,3-3H27c1.657,0,3,1.343,3,3v-1c0-1.657-1.343-3-3-3Z' fill='%23fff' opacity='.2'%3E%3C/path%3E%3C/svg%3E");
}
.futs:has(option[value="el"]:checked) .futs__flag {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Crect x='1' y='4' width='30' height='24' rx='4' ry='4' fill='%23fff'%3E%3C/rect%3E%3Cpath d='M1.244,6.67H30.756c-.55-1.552-2.016-2.67-3.756-2.67H5c-1.74,0-3.206,1.118-3.756,2.67Z' fill='%23295cab'%3E%3C/path%3E%3Cpath fill='%23295cab' d='M1 9.34H31V12.01H1z'%3E%3C/path%3E%3Cpath fill='%23295cab' d='M1 14.68H31V17.35H1z'%3E%3C/path%3E%3Cpath fill='%23295cab' d='M1 20.02H31V22.689999999999998H1z'%3E%3C/path%3E%3Cpath d='M1.253,25.36c.558,1.536,2.018,2.64,3.747,2.64H27c1.729,0,3.188-1.104,3.747-2.64H1.253Z' fill='%23295cab'%3E%3C/path%3E%3Cpath d='M14.35,4H5c-2.209,0-4,1.791-4,4v9.35H14.35V4Z' fill='%23295cab'%3E%3C/path%3E%3Cpath fill='%23fff' d='M1 9.34H14.35V12.01H1z'%3E%3C/path%3E%3Cpath transform='rotate(90 7.675 10.675)' fill='%23fff' d='M1 9.34H14.35V12.01H1z'%3E%3C/path%3E%3Cpath d='M27,4H5c-2.209,0-4,1.791-4,4V24c0,2.209,1.791,4,4,4H27c2.209,0,4-1.791,4-4V8c0-2.209-1.791-4-4-4Zm3,20c0,1.654-1.346,3-3,3H5c-1.654,0-3-1.346-3-3V8c0-1.654,1.346-3,3-3H27c1.654,0,3,1.346,3,3V24Z' opacity='.15'%3E%3C/path%3E%3Cpath d='M27,5H5c-1.657,0-3,1.343-3,3v1c0-1.657,1.343-3,3-3H27c1.657,0,3,1.343,3,3v-1c0-1.657-1.343-3-3-3Z' fill='%23fff' opacity='.2'%3E%3C/path%3E%3C/svg%3E");
}
.futs:has(option[value="it"]:checked) .futs__flag {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%23fff' d='M10 4H22V28H10z'%3E%3C/path%3E%3Cpath d='M5,4h6V28H5c-2.208,0-4-1.792-4-4V8c0-2.208,1.792-4,4-4Z' fill='%2341914d'%3E%3C/path%3E%3Cpath d='M25,4h6V28h-6c-2.208,0-4-1.792-4-4V8c0-2.208,1.792-4,4-4Z' transform='rotate(180 26 16)' fill='%23bf393b'%3E%3C/path%3E%3Cpath d='M27,4H5c-2.209,0-4,1.791-4,4V24c0,2.209,1.791,4,4,4H27c2.209,0,4-1.791,4-4V8c0-2.209-1.791-4-4-4Zm3,20c0,1.654-1.346,3-3,3H5c-1.654,0-3-1.346-3-3V8c0-1.654,1.346-3,3-3H27c1.654,0,3,1.346,3,3V24Z' opacity='.15'%3E%3C/path%3E%3Cpath d='M27,5H5c-1.657,0-3,1.343-3,3v1c0-1.657,1.343-3,3-3H27c1.657,0,3,1.343,3,3v-1c0-1.657-1.343-3-3-3Z' fill='%23fff' opacity='.2'%3E%3C/path%3E%3C/svg%3E");
}
.futs:has(option[value="ht"]:checked) .futs__flag {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Crect x='1' y='4' width='30' height='24' rx='4' ry='4' fill='%23173e1b'%3E%3C/rect%3E%3Cpath d='M10,4H5c-2.209,0-4,1.791-4,4V24c0,2.209,1.791,4,4,4h5V4Z' fill='%23fff'%3E%3C/path%3E%3Cpath d='M27,4H5c-2.209,0-4,1.791-4,4V24c0,2.209,1.791,4,4,4H27c2.209,0,4-1.791,4-4V8c0-2.209-1.791-4-4-4Zm3,20c0,1.654-1.346,3-3,3H5c-1.654,0-3-1.346-3-3V8c0-1.654,1.346-3,3-3H27c1.654,0,3,1.346,3,3V24Z' opacity='.15'%3E%3C/path%3E%3Cpath d='M27,5H5c-1.657,0-3,1.343-3,3v1c0-1.657,1.343-3,3-3H27c1.657,0,3,1.343,3,3v-1c0-1.657-1.343-3-3-3Z' fill='%23fff' opacity='.2'%3E%3C/path%3E%3Cpath d='M26.268,19.09c-2.692,2.393-6.815,2.151-9.209-.542-2.393-2.692-2.151-6.815,.542-9.209,.113-.1,.229-.196,.346-.287-2.87,.917-4.948,3.605-4.948,6.779,0,3.93,3.186,7.116,7.116,7.116,2.878,0,5.357-1.709,6.478-4.168-.104,.106-.213,.21-.326,.311Z' fill='%23fff'%3E%3C/path%3E%3Cpath fill='%23fff' d='M22.984 13.282L23.153 14.997 24.024 13.51 25.708 13.879 24.563 12.591 25.434 11.104 23.855 11.795 22.71 10.507 22.88 12.222 21.301 12.913 22.984 13.282z'%3E%3C/path%3E%3C/svg%3E");
}
.futs:has(option[value="ur"]:checked) .futs__flag {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Crect x='1' y='4' width='30' height='24' rx='4' ry='4' fill='%23fff'%3E%3C/rect%3E%3Cpath fill='%231433b3' d='M1 8H31V12H1z'%3E%3C/path%3E%3Cpath fill='%231433b3' d='M1 20H31V24H1z'%3E%3C/path%3E%3Cpath d='M27,4H5c-2.209,0-4,1.791-4,4V24c0,2.209,1.791,4,4,4H27c2.209,0,4-1.791,4-4V8c0-2.209-1.791-4-4-4Zm3,20c0,1.654-1.346,3-3,3H5c-1.654,0-3-1.346-3-3V8c0-1.654,1.346-3,3-3H27c1.654,0,3,1.346,3,3V24Z' opacity='.15'%3E%3C/path%3E%3Cpath d='M16,19.464l-1-1.732h-2l1-1.732-1-1.732h2l1-1.732,1,1.732h2l-1,1.732,1,1.732h-2l-1,1.732Zm-.365-1.732l.365,.632,.365-.632h-.73Zm1.682-.55h.73l-.365-.632-.365,.632Zm-2,0h1.365l.682-1.182-.682-1.182h-1.365l-.682,1.182,.682,1.182Zm-1.365,0h.73l-.365-.632-.365,.632Zm3.365-2.364l.365,.632,.365-.632h-.73Zm-3.365,0l.365,.632,.365-.632h-.73Zm1.682-.55h.73l-.365-.632-.365,.632Z' fill='%231437b0'%3E%3C/path%3E%3Cpath d='M27,5H5c-1.657,0-3,1.343-3,3v1c0-1.657,1.343-3,3-3H27c1.657,0,3,1.343,3,3v-1c0-1.657-1.343-3-3-3Z' fill='%23fff' opacity='.2'%3E%3C/path%3E%3C/svg%3E");
}
.futs:has(option[value="he"]:checked) .futs__flag {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Crect x='1' y='4' width='30' height='24' rx='4' ry='4' fill='%23fff'%3E%3C/rect%3E%3Cpath fill='%231433b3' d='M1 8H31V12H1z'%3E%3C/path%3E%3Cpath fill='%231433b3' d='M1 20H31V24H1z'%3E%3C/path%3E%3Cpath d='M27,4H5c-2.209,0-4,1.791-4,4V24c0,2.209,1.791,4,4,4H27c2.209,0,4-1.791,4-4V8c0-2.209-1.791-4-4-4Zm3,20c0,1.654-1.346,3-3,3H5c-1.654,0-3-1.346-3-3V8c0-1.654,1.346-3,3-3H27c1.654,0,3,1.346,3,3V24Z' opacity='.15'%3E%3C/path%3E%3Cpath d='M16,19.464l-1-1.732h-2l1-1.732-1-1.732h2l1-1.732,1,1.732h2l-1,1.732,1,1.732h-2l-1,1.732Zm-.365-1.732l.365,.632,.365-.632h-.73Zm1.682-.55h.73l-.365-.632-.365,.632Zm-2,0h1.365l.682-1.182-.682-1.182h-1.365l-.682,1.182,.682,1.182Zm-1.365,0h.73l-.365-.632-.365,.632Zm3.365-2.364l.365,.632,.365-.632h-.73Zm-3.365,0l.365,.632,.365-.632h-.73Zm1.682-.55h.73l-.365-.632-.365,.632Z' fill='%231437b0'%3E%3C/path%3E%3Cpath d='M27,5H5c-1.657,0-3,1.343-3,3v1c0-1.657,1.343-3,3-3H27c1.657,0,3,1.343,3,3v-1c0-1.657-1.343-3-3-3Z' fill='%23fff' opacity='.2'%3E%3C/path%3E%3C/svg%3E");
}
.futs:has(option[value="vi"]:checked) .futs__flag {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Crect x='1' y='4' width='30' height='24' rx='4' ry='4' fill='%23c93728'%3E%3C/rect%3E%3Cpath d='M27,4H5c-2.209,0-4,1.791-4,4V24c0,2.209,1.791,4,4,4H27c2.209,0,4-1.791,4-4V8c0-2.209-1.791-4-4-4Zm3,20c0,1.654-1.346,3-3,3H5c-1.654,0-3-1.346-3-3V8c0-1.654,1.346-3,3-3H27c1.654,0,3,1.346,3,3V24Z' opacity='.15'%3E%3C/path%3E%3Cpath d='M27,5H5c-1.657,0-3,1.343-3,3v1c0-1.657,1.343-3,3-3H27c1.657,0,3,1.343,3,3v-1c0-1.657-1.343-3-3-3Z' fill='%23fff' opacity='.2'%3E%3C/path%3E%3Cpath fill='%23ff5' d='M18.008 16.366L21.257 14.006 17.241 14.006 16 10.186 14.759 14.006 10.743 14.006 13.992 16.366 12.751 20.186 16 17.825 19.249 20.186 18.008 16.366z'%3E%3C/path%3E%3C/svg%3E");
}
.futs:has(option[value="hi"]:checked) .futs__flag {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%23fff' d='M1 11H31V21H1z'%3E%3C/path%3E%3Cpath d='M5,4H27c2.208,0,4,1.792,4,4v4H1v-4c0-2.208,1.792-4,4-4Z' fill='%23e06535'%3E%3C/path%3E%3Cpath d='M5,20H27c2.208,0,4,1.792,4,4v4H1v-4c0-2.208,1.792-4,4-4Z' transform='rotate(180 16 24)' fill='%232c6837'%3E%3C/path%3E%3Cpath d='M27,4H5c-2.209,0-4,1.791-4,4V24c0,2.209,1.791,4,4,4H27c2.209,0,4-1.791,4-4V8c0-2.209-1.791-4-4-4Zm3,20c0,1.654-1.346,3-3,3H5c-1.654,0-3-1.346-3-3V8c0-1.654,1.346-3,3-3H27c1.654,0,3,1.346,3,3V24Z' opacity='.15'%3E%3C/path%3E%3Cpath d='M16,12.292c-2.048,0-3.708,1.66-3.708,3.708s1.66,3.708,3.708,3.708,3.708-1.66,3.708-3.708-1.66-3.708-3.708-3.708Zm3.041,4.109c-.01,.076,.042,.145,.117,.157-.033,.186-.08,.367-.143,.54-.071-.028-.152,.006-.181,.077-.029,.071,.004,.151,.073,.182-.04,.085-.083,.167-.13,.248l-1.611-1.069-.592-.249c.013-.026,.024-.053,.034-.081l.595,.242,1.895,.383-1.833-.616-.636-.087c.006-.028,.009-.057,.011-.087l.638,.08,1.93-.12-1.93-.12-.638,.08c-.002-.03-.005-.059-.011-.087l.636-.087,1.833-.616-1.895,.383-.595,.242c-.009-.028-.021-.055-.034-.081l.592-.249,1.611-1.069c.047,.081,.09,.163,.13,.248-.07,.031-.103,.111-.073,.182,.029,.071,.11,.105,.181,.077,.063,.173,.111,.354,.143,.54-.075,.012-.127,.081-.117,.157,.01,.076,.078,.129,.154,.121,.008,.092,.013,.185,.013,.279s-.005,.187-.013,.279c-.075-.008-.144,.045-.154,.121Zm-.584-2.462c-.059,.048-.07,.134-.023,.194,.046,.06,.132,.072,.194,.028,.053,.076,.104,.155,.15,.236l-1.731,.861-.512,.388c-.016-.024-.034-.047-.054-.069l.508-.394,1.28-1.45-1.45,1.28-.394,.508c-.022-.019-.045-.038-.069-.054l.388-.512,.861-1.731c.081,.047,.16,.097,.236,.15-.045,.061-.033,.147,.028,.194,.061,.046,.147,.036,.194-.023,.071,.06,.141,.123,.207,.189,.066,.066,.129,.135,.189,.207Zm-2.177-1.133c-.008,.075,.045,.144,.121,.154,.076,.01,.145-.042,.157-.117,.186,.033,.367,.08,.54,.143-.028,.071,.006,.152,.077,.181,.071,.029,.151-.004,.182-.073,.085,.04,.167,.083,.248,.13l-1.069,1.611-.249,.592c-.026-.013-.053-.024-.081-.034l.242-.595,.383-1.895-.616,1.833-.087,.636c-.028-.006-.057-.009-.087-.011l.08-.638-.12-1.93-.12,1.93,.08,.638c-.03,.002-.059,.005-.087,.011l-.087-.636-.616-1.833,.383,1.895,.242,.595c-.028,.009-.055,.021-.081,.034l-.249-.592-1.069-1.611c.081-.047,.163-.09,.248-.13,.031,.07,.111,.103,.182,.073,.071-.029,.105-.11,.077-.181,.173-.063,.354-.111,.54-.143,.012,.075,.081,.127,.157,.117,.076-.01,.129-.078,.121-.154,.092-.008,.185-.013,.279-.013s.187,.005,.279,.013Zm-3.113,4.368c-.029-.071-.11-.105-.181-.077-.063-.173-.111-.354-.143-.54,.075-.012,.127-.081,.117-.157-.01-.076-.078-.129-.154-.121-.008-.092-.013-.185-.013-.279s.005-.187,.013-.279c.075,.008,.144-.045,.154-.121,.01-.076-.042-.145-.117-.157,.033-.186,.08-.367,.143-.54,.071,.028,.152-.006,.181-.077,.029-.071-.004-.151-.073-.182,.04-.085,.083-.167,.13-.248l1.611,1.069,.592,.249c-.013,.026-.024,.053-.034,.081l-.595-.242-1.895-.383,1.833,.616,.636,.087c-.006,.028-.009,.057-.011,.087l-.638-.08-1.93,.12,1.93,.12,.638-.08c.002,.03,.005,.059,.011,.087l-.636,.087-1.833,.616,1.895-.383,.595-.242c.009,.028,.021,.055,.034,.081l-.592,.249-1.611,1.069c-.047-.081-.09-.163-.13-.248,.07-.031,.103-.111,.073-.182Zm.772-3.63c.048,.059,.134,.07,.194,.023,.06-.046,.072-.132,.028-.194,.076-.053,.155-.104,.236-.15l.861,1.731,.388,.512c-.024,.016-.047,.034-.069,.054l-.394-.508-1.45-1.28,1.28,1.45,.508,.394c-.019,.022-.038,.045-.054,.069l-.512-.388-1.731-.861c.047-.081,.097-.16,.15-.236,.061,.045,.147,.033,.194-.028,.046-.061,.036-.147-.023-.194,.06-.071,.123-.141,.189-.207s.135-.129,.207-.189Zm-.395,4.518c.059-.048,.07-.134,.023-.194-.046-.06-.132-.072-.194-.028-.053-.076-.104-.155-.15-.236l1.731-.861,.512-.388c.016,.024,.034,.047,.054,.069l-.508,.394-1.28,1.45,1.45-1.28,.394-.508c.022,.019,.045,.038,.069,.054l-.388,.512-.861,1.731c-.081-.047-.16-.097-.236-.15,.045-.061,.033-.147-.028-.194-.061-.046-.147-.036-.194,.023-.071-.06-.141-.123-.207-.189-.066-.066-.129-.135-.189-.207Zm2.177,1.133c.008-.075-.045-.144-.121-.154-.076-.01-.145,.042-.157,.117-.186-.033-.367-.08-.54-.143,.028-.071-.006-.152-.077-.181-.071-.029-.151,.004-.182,.073-.085-.04-.167-.083-.248-.13l1.069-1.611,.249-.592c.026,.013,.053,.024,.081,.034l-.242,.595-.383,1.895,.616-1.833,.087-.636c.028,.006,.057,.009,.087,.011l-.08,.638,.12,1.93,.12-1.93-.08-.638c.03-.002,.059-.005,.087-.011l.087,.636,.616,1.833-.383-1.895-.242-.595c.028-.009,.055-.021,.081-.034l.249,.592,1.069,1.611c-.081,.047-.163,.09-.248,.13-.031-.07-.111-.103-.182-.073-.071,.029-.105,.11-.077,.181-.173,.063-.354,.111-.54,.143-.012-.075-.081-.127-.157-.117-.076,.01-.129,.078-.121,.154-.092,.008-.185,.013-.279,.013s-.187-.005-.279-.013Zm2.341-.738c-.048-.059-.134-.07-.194-.023-.06,.046-.072,.132-.028,.194-.076,.053-.155,.104-.236,.15l-.861-1.731-.388-.512c.024-.016,.047-.034,.069-.054l.394,.508,1.45,1.28-1.28-1.45-.508-.394c.019-.022,.038-.045,.054-.069l.512,.388,1.731,.861c-.047,.081-.097,.16-.15,.236-.061-.045-.147-.033-.194,.028-.046,.061-.036,.147,.023,.194-.06,.071-.123,.141-.189,.207s-.135,.129-.207,.189Z' fill='%232c2c6b'%3E%3C/path%3E%3Cpath d='M27,5H5c-1.657,0-3,1.343-3,3v1c0-1.657,1.343-3,3-3H27c1.657,0,3,1.343,3,3v-1c0-1.657-1.343-3-3-3Z' fill='%23fff' opacity='.2'%3E%3C/path%3E%3C/svg%3E");
}