@charset "UTF-8";

/** Foundation for Sites by ZURB Version 6.1.1 foundation.zurb.com Licensed under MIT Open Source */

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/** 1. Set default font family to sans-serif. 2. Prevent iOS and IE text size adjust after device orientation change, without disabling user zoom. */

html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/** Remove default margin. */

body {
  margin: 0;
}

/* HTML5 display definitions ========================================================================== */

/** Correct `block` display not defined for any HTML5 element in IE 8/9. Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. Correct `block` display not defined for `main` in IE 11. */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */

audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */

audio:not([controls]) {
  display: none;
  height: 0;
}

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

[hidden],
template {
  display: none;
}

/* Links ========================================================================== */

/** Remove the gray background color from active links in IE 10. */

a {
  background-color: transparent;
}

/** Improve readability of focused elements when they are also in an active/hover state. */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics ========================================================================== */

/** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */

abbr[title] {
  border-bottom: 1px dotted;
}

/** Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */

b,
strong {
  font-weight: bold;
}

/** Address styling not present in Safari and Chrome. */

dfn {
  font-style: italic;
}

/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari, and Chrome. */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/** Address styling not present in IE 8/9. */

mark {
  background: #ff0;
  color: #000;
}

/** Address inconsistent and variable font size in all browsers. */

small {
  font-size: 80%;
}

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content ========================================================================== */

/** Remove border when inside `a` element in IE 8/9/10. */

img {
  border: 0;
}

/** Correct overflow not hidden in IE 9/10/11. */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content ========================================================================== */

/** Address margin not present in IE 8/9 and Safari. */

figure {
  margin: 1em 40px;
}

/** Address differences between Firefox and other browsers. */

hr {
  box-sizing: content-box;
  height: 0;
}

/** Contain overflow in all browsers. */

pre {
  overflow: auto;
}

/** Address odd `em`-unit font size rendering in all browsers. */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms ========================================================================== */

/** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */

/** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/** Address `overflow` set to `hidden` in IE 8/9/10/11. */

button {
  overflow: visible;
}

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

button,
select {
  text-transform: none;
}

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/** Re-set default cursor for disabled elements. */

button[disabled],
html input[disabled] {
  cursor: default;
}

/** Remove inner padding and border in Firefox 4+. */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

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

input {
  line-height: normal;
}

/** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width. 1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */

input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */
}

/** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/** Define consistent border, margin, and padding. */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

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

legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/** Remove default vertical scrollbar in IE 8/9/10/11. */

textarea {
  overflow: auto;
}

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

optgroup {
  font-weight: bold;
}

/* Tables ========================================================================== */

/** Remove most spacing between table cells. */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

.foundation-mq {
  font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em";
}

html {
  font-size: 100%;
  box-sizing: border-box;
}

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

body {
  padding: 0;
  margin: 0;
  font-family: "Proxima Nova Regular", Helvetica, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  background: #fefefe;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
  display: inline-block;
  vertical-align: middle;
}

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 0;
}

select {
  width: 100%;
  border-radius: 0;
}

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important;
}

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  padding: 0;
  border: 0;
  border-radius: 0;
  line-height: 1;
}

.row {
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.row .row,
.column-row .row {
  margin-left: -0.625rem;
  margin-right: -0.625rem;
}

@media screen and (min-width: 40em) {
  .row .row,
  .column-row .row {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
  }
}

.row.expanded {
  max-width: none;
}

.row.collapse > .column,
.row.collapse > .columns {
  padding-left: 0;
  padding-right: 0;
}

.column,
.columns {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0px;
}

@media screen and (min-width: 40em) {
  .column,
  .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}

.small-1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 8.33333%;
  flex: 0 0 8.33333%;
  max-width: 8.33333%;
}

.small-offset-0 {
  margin-left: 0%;
}

.small-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.66667%;
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

.small-offset-1 {
  margin-left: 8.33333%;
}

.small-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.small-offset-2 {
  margin-left: 16.66667%;
}

.small-4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.33333%;
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.small-offset-3 {
  margin-left: 25%;
}

.small-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41.66667%;
  flex: 0 0 41.66667%;
  max-width: 41.66667%;
}

.small-offset-4 {
  margin-left: 33.33333%;
}

.small-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.small-offset-5 {
  margin-left: 41.66667%;
}

.small-7 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 58.33333%;
  flex: 0 0 58.33333%;
  max-width: 58.33333%;
}

.small-offset-6 {
  margin-left: 50%;
}

.small-8 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66.66667%;
  flex: 0 0 66.66667%;
  max-width: 66.66667%;
}

.small-offset-7 {
  margin-left: 58.33333%;
}

.small-9 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.small-offset-8 {
  margin-left: 66.66667%;
}

.small-10 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 83.33333%;
  flex: 0 0 83.33333%;
  max-width: 83.33333%;
}

.small-offset-9 {
  margin-left: 75%;
}

.small-11 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 91.66667%;
  flex: 0 0 91.66667%;
  max-width: 91.66667%;
}

.small-offset-10 {
  margin-left: 83.33333%;
}

.small-12 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.small-offset-11 {
  margin-left: 91.66667%;
}

.small-order-1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.small-order-2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.small-order-3 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

.small-order-4 {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
}

.small-order-5 {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
}

.small-order-6 {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6;
}

.small-collapse > .column,
.small-collapse > .columns {
  padding-left: 0;
  padding-right: 0;
}

.small-uncollapse > .column,
.small-uncollapse > .columns {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

@media screen and (min-width: 40em) {
  .medium-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .medium-offset-0 {
    margin-left: 0%;
  }

  .medium-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .medium-offset-1 {
    margin-left: 8.33333%;
  }

  .medium-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .medium-offset-2 {
    margin-left: 16.66667%;
  }

  .medium-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .medium-offset-3 {
    margin-left: 25%;
  }

  .medium-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

  .medium-offset-4 {
    margin-left: 33.33333%;
  }

  .medium-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .medium-offset-5 {
    margin-left: 41.66667%;
  }

  .medium-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  .medium-offset-6 {
    margin-left: 50%;
  }

  .medium-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  .medium-offset-7 {
    margin-left: 58.33333%;
  }

  .medium-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .medium-offset-8 {
    margin-left: 66.66667%;
  }

  .medium-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  .medium-offset-9 {
    margin-left: 75%;
  }

  .medium-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }

  .medium-offset-10 {
    margin-left: 83.33333%;
  }

  .medium-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .medium-offset-11 {
    margin-left: 91.66667%;
  }

  .medium-order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .medium-order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .medium-order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }

  .medium-order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }

  .medium-order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }

  .medium-order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
}

@media screen and (min-width: 40em) and (min-width: 40em) {
  .medium-expand {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
  }
}

.row.medium-unstack .column,
.row.medium-unstack .columns {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}

@media screen and (min-width: 40em) {
  .row.medium-unstack .column,
  .row.medium-unstack .columns {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
  }
}

@media screen and (min-width: 40em) {
  .medium-collapse > .column,
  .medium-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }

  .medium-uncollapse > .column,
  .medium-uncollapse > .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}

@media screen and (min-width: 64em) {
  .large-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .large-offset-0 {
    margin-left: 0%;
  }

  .large-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .large-offset-1 {
    margin-left: 8.33333%;
  }

  .large-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .large-offset-2 {
    margin-left: 16.66667%;
  }

  .large-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .large-offset-3 {
    margin-left: 25%;
  }

  .large-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

  .large-offset-4 {
    margin-left: 33.33333%;
  }

  .large-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .large-offset-5 {
    margin-left: 41.66667%;
  }

  .large-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  .large-offset-6 {
    margin-left: 50%;
  }

  .large-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  .large-offset-7 {
    margin-left: 58.33333%;
  }

  .large-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .large-offset-8 {
    margin-left: 66.66667%;
  }

  .large-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  .large-offset-9 {
    margin-left: 75%;
  }

  .large-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }

  .large-offset-10 {
    margin-left: 83.33333%;
  }

  .large-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .large-offset-11 {
    margin-left: 91.66667%;
  }

  .large-order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .large-order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .large-order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }

  .large-order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }

  .large-order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }

  .large-order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
}

@media screen and (min-width: 64em) and (min-width: 64em) {
  .large-expand {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
  }
}

.row.large-unstack .column,
.row.large-unstack .columns {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}

@media screen and (min-width: 64em) {
  .row.large-unstack .column,
  .row.large-unstack .columns {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
  }
}

@media screen and (min-width: 64em) {
  .large-collapse > .column,
  .large-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }

  .large-uncollapse > .column,
  .large-uncollapse > .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}

.shrink {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.row.align-right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.row.align-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.row.align-justify {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.row.align-spaced {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

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

.column.align-top,
.align-top.columns {
  -ms-flex-item-align: start;
  align-self: flex-start;
}

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

.column.align-bottom,
.align-bottom.columns {
  -ms-flex-item-align: end;
  align-self: flex-end;
}

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

.column.align-middle,
.align-middle.columns {
  -ms-flex-item-align: center;
  align-self: center;
}

.row.align-stretch {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.column.align-stretch,
.align-stretch.columns {
  -ms-flex-item-align: stretch;
  align-self: stretch;
}

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

p {
  font-size: inherit;
  line-height: 1.6;
  margin-bottom: 1rem;
  text-rendering: optimizeLegibility;
}

em,
i {
  font-style: italic;
  line-height: inherit;
}

strong,
b {
  font-weight: bold;
  line-height: inherit;
}

small {
  font-size: 80%;
  line-height: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Proxima Nova Regular", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: inherit;
  text-rendering: optimizeLegibility;
  margin-top: 0;
  margin-bottom: 0.5rem;
  line-height: 1.4;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  color: #585858;
  line-height: 0;
}

h1 {
  font-size: 1.5rem;
}

h2 {
  font-size: 1.25rem;
}

h3 {
  font-size: 1.1875rem;
}

h4 {
  font-size: 1.125rem;
}

h5 {
  font-size: 1.0625rem;
}

h6 {
  font-size: 1rem;
}

@media screen and (min-width: 40em) {
  h1 {
    font-size: 3rem;
  }

  h2 {
    font-size: 2.5rem;
  }

  h3 {
    font-size: 1.9375rem;
  }

  h4 {
    font-size: 1.5625rem;
  }

  h5 {
    font-size: 1.25rem;
  }

  h6 {
    font-size: 1rem;
  }
}

a {
  color: #2199e8;
  text-decoration: none;
  line-height: inherit;
  cursor: pointer;
}

a:hover,
a:focus {
  color: #1585cf;
}

a img {
  border: 0;
}

hr {
  max-width: 75rem;
  height: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px solid #585858;
  border-left: 0;
  margin: 1.25rem auto;
  clear: both;
}

ul,
ol,
dl {
  line-height: 1.6;
  margin-bottom: 1rem;
  list-style-position: outside;
}

li {
  font-size: inherit;
}

ul {
  list-style-type: disc;
  margin-left: 1.25rem;
}

ol {
  margin-left: 1.25rem;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin-left: 1.25rem;
  margin-bottom: 0;
}

dl {
  margin-bottom: 1rem;
}

dl dt {
  margin-bottom: 0.3rem;
  font-weight: bold;
}

blockquote {
  margin: 0 0 1rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid #585858;
}

blockquote,
blockquote p {
  line-height: 1.6;
  color: #999999;
}

cite {
  display: block;
  font-size: 0.8125rem;
  color: #999999;
}

cite:before {
  content: '\2014 \0020';
}

abbr {
  color: #0a0a0a;
  cursor: help;
  border-bottom: 1px dotted #0a0a0a;
}

code {
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #0a0a0a;
  background-color: #E6E6E6;
  border: 1px solid #585858;
  padding: 0.125rem 0.3125rem 0.0625rem;
}

kbd {
  padding: 0.125rem 0.25rem 0;
  margin: 0;
  background-color: #E6E6E6;
  color: #0a0a0a;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
}

.subheader {
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  font-weight: normal;
  line-height: 1.4;
  color: #999999;
}

.lead {
  font-size: 125%;
  line-height: 1.6;
}

.stat {
  font-size: 2.5rem;
  line-height: 1;
}

p + .stat {
  margin-top: -1rem;
}

.no-bullet {
  margin-left: 0;
  list-style: none;
}

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

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

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

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

@media screen and (min-width: 40em) {
  .medium-text-left {
    text-align: left;
  }

  .medium-text-right {
    text-align: right;
  }

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

  .medium-text-justify {
    text-align: justify;
  }
}

@media screen and (min-width: 64em) {
  .large-text-left {
    text-align: left;
  }

  .large-text-right {
    text-align: right;
  }

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

  .large-text-justify {
    text-align: justify;
  }
}

.show-for-print {
  display: none !important;
}

@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  .show-for-print {
    display: block !important;
  }

  .hide-for-print {
    display: none !important;
  }

  table.show-for-print {
    display: table !important;
  }

  thead.show-for-print {
    display: table-header-group !important;
  }

  tbody.show-for-print {
    display: table-row-group !important;
  }

  tr.show-for-print {
    display: table-row !important;
  }

  td.show-for-print {
    display: table-cell !important;
  }

  th.show-for-print {
    display: table-cell !important;
  }

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

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

  .ir a:after,
  a[href^='javascript:']:after,
  a[href^='#']:after {
    content: '';
  }

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

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

  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

@page {
    margin: 0.5cm;
}

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}

.button {
  display: inline-block;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  vertical-align: middle;
  border: 1px solid transparent;
  border-radius: 2.5rem;
  padding: 0.75rem 1.875rem;
  margin: 0;
  font-size: 0.9rem;
  background-color: #ED145B;
  color: #fff;
}

[data-whatinput='mouse'] .button {
  outline: 0;
}

.button:hover,
.button:focus {
  background-color: #CC104F;
  color: #fff;
}

.button.tiny {
  font-size: 0.6rem;
}

.button.small {
  font-size: 0.75rem;
}

.button.large {
  font-size: 1.25rem;
}

.button.expanded {
  display: block;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.button.primary {
  background-color: #2199e8;
  color: #fff;
}

.button.primary:hover,
.button.primary:focus {
  background-color: #147cc0;
  color: #fff;
}

.button.secondary {
  background-color: #777777;
  color: #fff;
}

.button.secondary:hover,
.button.secondary:focus {
  background-color: #5f5f5f;
  color: #fff;
}

.button.success {
  background-color: #3adb76;
  color: #fff;
}

.button.success:hover,
.button.success:focus {
  background-color: #22bb5b;
  color: #fff;
}

.button.alert {
  background-color: #EC5840;
  color: #fff;
}

.button.alert:hover,
.button.alert:focus {
  background-color: #da3116;
  color: #fff;
}

.button.warning {
  background-color: #FFAE00;
  color: #fff;
}

.button.warning:hover,
.button.warning:focus {
  background-color: #cc8b00;
  color: #fff;
}

.button.hollow {
  border: 1px solid #2199e8;
  color: #2199e8;
}

.button.hollow,
.button.hollow:hover,
.button.hollow:focus {
  background-color: transparent;
}

.button.hollow:hover,
.button.hollow:focus {
  border-color: #0c4d78;
  color: #0c4d78;
}

.button.hollow.primary {
  border: 1px solid #2199e8;
  color: #2199e8;
}

.button.hollow.primary:hover,
.button.hollow.primary:focus {
  border-color: #0c4d78;
  color: #0c4d78;
}

.button.hollow.secondary {
  border: 1px solid #777777;
  color: #777777;
}

.button.hollow.secondary:hover,
.button.hollow.secondary:focus {
  border-color: #3c3c3c;
  color: #3c3c3c;
}

.button.hollow.success {
  border: 1px solid #3adb76;
  color: #3adb76;
}

.button.hollow.success:hover,
.button.hollow.success:focus {
  border-color: #157539;
  color: #157539;
}

.button.hollow.alert {
  border: 1px solid #EC5840;
  color: #EC5840;
}

.button.hollow.alert:hover,
.button.hollow.alert:focus {
  border-color: #881f0e;
  color: #881f0e;
}

.button.hollow.warning {
  border: 1px solid #FFAE00;
  color: #FFAE00;
}

.button.hollow.warning:hover,
.button.hollow.warning:focus {
  border-color: #805700;
  color: #805700;
}

.button.disabled,
.button[disabled] {
  opacity: 0.25;
  cursor: not-allowed;
  pointer-events: none;
}

.button.dropdown::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: inset 0.4em;
  border-color: #fefefe transparent transparent;
  border-top-style: solid;
  position: relative;
  top: 0.4em;
  float: right;
  margin-left: 1.875rem;
  display: inline-block;
}

.button.arrow-only::after {
  margin-left: 0;
  float: none;
  top: 0.2em;
}

[type='text'],
[type='password'],
[type='date'],
[type='datetime'],
[type='datetime-local'],
[type='month'],
[type='week'],
[type='email'],
[type='number'],
[type='search'],
[type='tel'],
[type='time'],
[type='url'],
[type='color'],
textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 2.4375rem;
  padding: 0.5rem;
  border: 1px solid #585858;
  margin: 0 0 1rem;
  font-family: inherit;
  font-size: 1rem;
  color: #0a0a0a;
  background-color: #fefefe;
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
  border-radius: 0;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
}

[type='text']:focus,
[type='password']:focus,
[type='date']:focus,
[type='datetime']:focus,
[type='datetime-local']:focus,
[type='month']:focus,
[type='week']:focus,
[type='email']:focus,
[type='number']:focus,
[type='search']:focus,
[type='tel']:focus,
[type='time']:focus,
[type='url']:focus,
[type='color']:focus,
textarea:focus {
  border: 1px solid #999999;
  background-color: #fefefe;
  outline: none;
  box-shadow: 0 0 5px #585858;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}

textarea {
  max-width: 100%;
}

textarea[rows] {
  height: auto;
}

input:disabled,
input[readonly],
textarea:disabled,
textarea[readonly] {
  background-color: #E6E6E6;
  cursor: default;
}

[type='submit'],
[type='button'] {
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}

input[type='search'] {
  box-sizing: border-box;
}

[type='file'],
[type='checkbox'],
[type='radio'] {
  margin: 0 0 1rem;
}

[type='checkbox'] + label,
[type='radio'] + label {
  display: inline-block;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0;
  vertical-align: baseline;
}

label > [type='checkbox'],
label > [type='label'] {
  margin-right: 0.5rem;
}

[type='file'] {
  width: 100%;
}

label {
  display: block;
  margin: 0;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.8;
  color: #0a0a0a;
}

label.middle {
  margin: 0 0 1rem;
  padding: 0.5625rem 0;
}

.help-text {
  margin-top: -0.5rem;
  font-size: 0.8125rem;
  font-style: italic;
  color: #333;
}

.input-group {
  display: table;
  width: 100%;
  margin-bottom: 1rem;
}

.input-group > :first-child {
  border-radius: 0 0 0 0;
}

.input-group > :last-child > * {
  border-radius: 0 0 0 0;
}

.input-group-label,
.input-group-field,
.input-group-button {
  display: table-cell;
  margin: 0;
  vertical-align: middle;
}

.input-group-label {
  text-align: center;
  width: 1%;
  height: 100%;
  padding: 0 1rem;
  background: #E6E6E6;
  color: #0a0a0a;
  border: 1px solid #585858;
}

.input-group-label:first-child {
  border-right: 0;
}

.input-group-label:last-child {
  border-left: 0;
}

.input-group-field {
  border-radius: 0;
  height: 2.5rem;
}

.input-group-button {
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  width: 1%;
}

.input-group-button a,
.input-group-button input,
.input-group-button button {
  margin: 0;
}

fieldset {
  border: 0;
  padding: 0;
  margin: 0;
}

legend {
  margin-bottom: 0.5rem;
}

.fieldset {
  border: 1px solid #585858;
  padding: 1.25rem;
  margin: 1.125rem 0;
}

.fieldset legend {
  background: #fefefe;
  padding: 0 0.1875rem;
  margin: 0;
  margin-left: -0.1875rem;
}

select {
  height: 2.4375rem;
  padding: 0.5rem;
  border: 1px solid #585858;
  margin: 0 0 1rem;
  font-size: 1rem;
  font-family: inherit;
  line-height: normal;
  color: #0a0a0a;
  background-color: #fefefe;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns=http://www.w3.org/2000/svg version=1.1 width=32 height=24 viewBox=0 0 32 24><polygon points=0,0 32,0 16,24 style=fill: rgb%2851, 51, 51%29></polygon></svg>");
  background-size: 9px 6px;
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
}

@media screen and (min-width: 0\0) {
  select {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==");
  }
}

select:disabled {
  background-color: #E6E6E6;
  cursor: default;
}

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

select[multiple] {
  height: auto;
}

.is-invalid-input:not(:focus) {
  background-color: rgba(236, 88, 64, 0.1);
  border-color: #EC5840;
}

.is-invalid-label {
  color: #EC5840;
}

.form-error {
  display: none;
  margin-top: -0.5rem;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: bold;
  color: #EC5840;
}

.form-error.is-visible {
  display: block;
}

.hide {
  display: none !important;
}

.invisible {
  visibility: hidden;
}

@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  .hide-for-small-only {
    display: none !important;
  }
}

@media screen and (max-width: 0em), screen and (min-width: 40em) {
  .show-for-small-only {
    display: none !important;
  }
}

@media screen and (min-width: 40em) {
  .hide-for-medium {
    display: none !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .show-for-medium {
    display: none !important;
  }
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .hide-for-medium-only {
    display: none !important;
  }
}

@media screen and (max-width: 39.9375em), screen and (min-width: 64em) {
  .show-for-medium-only {
    display: none !important;
  }
}

@media screen and (min-width: 64em) {
  .hide-for-large {
    display: none !important;
  }
}

@media screen and (max-width: 63.9375em) {
  .show-for-large {
    display: none !important;
  }
}

@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  .hide-for-large-only {
    display: none !important;
  }
}

@media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
  .show-for-large-only {
    display: none !important;
  }
}

.show-for-sr,
.show-on-focus {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

.show-on-focus:active,
.show-on-focus:focus {
  position: static !important;
  height: auto;
  width: auto;
  overflow: visible;
  clip: auto;
}

.show-for-landscape,
.hide-for-portrait {
  display: block !important;
}

@media screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: block !important;
  }
}

@media screen and (orientation: portrait) {
  .show-for-landscape,
  .hide-for-portrait {
    display: none !important;
  }
}

.hide-for-landscape,
.show-for-portrait {
  display: none !important;
}

@media screen and (orientation: landscape) {
  .hide-for-landscape,
  .show-for-portrait {
    display: none !important;
  }
}

@media screen and (orientation: portrait) {
  .hide-for-landscape,
  .show-for-portrait {
    display: block !important;
  }
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.clearfix::before,
.clearfix::after {
  content: ' ';
  display: table;
}

.clearfix::after {
  clear: both;
}

.accordion {
  list-style-type: none;
  background: #fefefe;
  border: 1px solid #E6E6E6;
  border-radius: 0;
  margin-left: 0;
}

.accordion-title {
  display: block;
  padding: 1.25rem 1rem;
  line-height: 1;
  font-size: 0.75rem;
  color: #2199e8;
  position: relative;
  border-bottom: 1px solid #E6E6E6;
}

.accordion-title:hover,
.accordion-title:focus {
  background-color: #E6E6E6;
}

:last-child > .accordion-title {
  border-bottom-width: 0;
}

.accordion-title::before {
  content: '+';
  position: absolute;
  right: 1rem;
  top: 50%;
  margin-top: -0.5rem;
}

.is-active > .accordion-title::before {
  content: '–';
}

.accordion-content {
  padding: 1rem;
  display: none;
  border-bottom: 1px solid #E6E6E6;
  background-color: #fefefe;
}

.is-accordion-submenu-parent > a {
  position: relative;
}

.is-accordion-submenu-parent > a::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  border-color: #2199e8 transparent transparent;
  border-top-style: solid;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  right: 1rem;
}

.is-accordion-submenu-parent[aria-expanded='true'] > a::after {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}

.badge {
  display: inline-block;
  padding: 0.3em;
  min-width: 2.1em;
  font-size: 0.6rem;
  text-align: center;
  border-radius: 50%;
  background: #2199e8;
  color: #fefefe;
}

.badge.secondary {
  background: #777777;
  color: #fefefe;
}

.badge.success {
  background: #3adb76;
  color: #fefefe;
}

.badge.alert {
  background: #EC5840;
  color: #fefefe;
}

.badge.warning {
  background: #FFAE00;
  color: #fefefe;
}

.breadcrumbs {
  list-style: none;
  margin: 0 0 1rem 0;
}

.breadcrumbs::before,
.breadcrumbs::after {
  content: ' ';
  display: table;
}

.breadcrumbs::after {
  clear: both;
}

.breadcrumbs li {
  float: left;
  color: #0a0a0a;
  font-size: 0.6875rem;
  cursor: default;
  text-transform: uppercase;
}

.breadcrumbs li:not(:last-child)::after {
  color: #585858;
  content: "/";
  margin: 0 0.75rem;
  position: relative;
  top: 1px;
  opacity: 1;
}

.breadcrumbs a {
  color: #2199e8;
}

.breadcrumbs a:hover {
  text-decoration: underline;
}

.breadcrumbs .disabled {
  color: #585858;
}

.button-group {
  margin-bottom: 1rem;
  font-size: 0.9rem;
}

.button-group::before,
.button-group::after {
  content: ' ';
  display: table;
}

.button-group::after {
  clear: both;
}

.button-group .button {
  float: left;
  margin: 0;
  font-size: inherit;
}

.button-group .button:not(:last-child) {
  border-right: 1px solid #fefefe;
}

.button-group.tiny {
  font-size: 0.6rem;
}

.button-group.small {
  font-size: 0.75rem;
}

.button-group.large {
  font-size: 1.25rem;
}

.button-group.expanded {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.button-group.expanded::before,
.button-group.expanded::after {
  display: none;
}

.button-group.expanded .button {
  display: table-cell;
  float: none;
}

.button-group.primary .button {
  background-color: #2199e8;
  color: #fff;
}

.button-group.primary .button:hover,
.button-group.primary .button:focus {
  background-color: #147cc0;
  color: #fff;
}

.button-group.secondary .button {
  background-color: #777777;
  color: #fff;
}

.button-group.secondary .button:hover,
.button-group.secondary .button:focus {
  background-color: #5f5f5f;
  color: #fff;
}

.button-group.success .button {
  background-color: #3adb76;
  color: #fff;
}

.button-group.success .button:hover,
.button-group.success .button:focus {
  background-color: #22bb5b;
  color: #fff;
}

.button-group.alert .button {
  background-color: #EC5840;
  color: #fff;
}

.button-group.alert .button:hover,
.button-group.alert .button:focus {
  background-color: #da3116;
  color: #fff;
}

.button-group.warning .button {
  background-color: #FFAE00;
  color: #fff;
}

.button-group.warning .button:hover,
.button-group.warning .button:focus {
  background-color: #cc8b00;
  color: #fff;
}

.button-group.stacked .button,
.button-group.stacked-for-small .button {
  width: 100%;
}

.button-group.stacked .button:not(:last-child),
.button-group.stacked-for-small .button:not(:last-child) {
  border-right: 1px solid;
}

@media screen and (min-width: 40em) {
  .button-group.stacked-for-small .button {
    width: auto;
  }

  .button-group.stacked-for-small .button:not(:last-child) {
    border-right: 1px solid #fefefe;
  }
}

.close-button {
  position: absolute;
  color: #999999;
  right: 1rem;
  top: 0.5rem;
  font-size: 2em;
  line-height: 1;
  cursor: pointer;
}

[data-whatinput='mouse'] .close-button {
  outline: 0;
}

.close-button:hover,
.close-button:focus {
  color: #E6E6E6;
}

.is-drilldown {
  position: relative;
  overflow: hidden;
}

.is-drilldown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: -1;
  height: 100%;
  width: 100%;
  background: #fefefe;
  transition: -webkit-transform 0.15s linear;
  transition: transform 0.15s linear;
}

.is-drilldown-submenu.is-active {
  z-index: 1;
  display: block;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.is-drilldown-submenu.is-closing {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.is-drilldown-submenu-parent > a {
  position: relative;
}

.is-drilldown-submenu-parent > a::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  border-color: transparent transparent transparent #2199e8;
  border-left-style: solid;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: 1rem;
}

.js-drilldown-back::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  border-color: transparent #2199e8 transparent transparent;
  border-right-style: solid;
  float: left;
  margin-right: 0.75rem;
  margin-left: 0.6rem;
  margin-top: 14px;
}

.dropdown-pane {
  background-color: #fefefe;
  border: 1px solid #585858;
  display: block;
  padding: 1rem;
  position: absolute;
  visibility: hidden;
  width: 300px;
  z-index: 10;
  border-radius: 0;
}

.dropdown-pane.is-open {
  visibility: visible;
}

.dropdown-pane.tiny {
  width: 100px;
}

.dropdown-pane.small {
  width: 200px;
}

.dropdown-pane.large {
  width: 400px;
}

[data-whatinput='mouse'] .dropdown.menu a {
  outline: 0;
}

.dropdown.menu .is-dropdown-submenu-parent {
  position: relative;
}

.dropdown.menu .is-dropdown-submenu-parent a::after {
  float: right;
  margin-top: 3px;
  margin-left: 10px;
}

.dropdown.menu .is-dropdown-submenu-parent.is-down-arrow a {
  padding-right: 1.5rem;
  position: relative;
}

.dropdown.menu .is-dropdown-submenu-parent.is-down-arrow > a::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  border-color: #2199e8 transparent transparent;
  border-top-style: solid;
  position: absolute;
  top: 0.825rem;
  right: 5px;
}

.dropdown.menu .is-dropdown-submenu-parent.is-left-arrow > a::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  border-color: transparent #2199e8 transparent transparent;
  border-right-style: solid;
  float: left;
  margin-left: 0;
  margin-right: 10px;
}

.dropdown.menu .is-dropdown-submenu-parent.is-right-arrow > a::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  border-color: transparent transparent transparent #2199e8;
  border-left-style: solid;
}

.dropdown.menu .is-dropdown-submenu-parent.is-left-arrow.opens-inner .submenu {
  right: 0;
  left: auto;
}

.dropdown.menu .is-dropdown-submenu-parent.is-right-arrow.opens-inner .submenu {
  left: 0;
  right: auto;
}

.dropdown.menu .is-dropdown-submenu-parent.opens-inner .submenu {
  top: 100%;
}

.no-js .dropdown.menu ul {
  display: none;
}

.dropdown.menu .submenu {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  min-width: 200px;
  z-index: 1;
  background: #fefefe;
  border: 1px solid #585858;
  margin-top: -1px;
}

.dropdown.menu .submenu > li {
  width: 100%;
}

.dropdown.menu .submenu.first-sub {
  top: 100%;
  left: 0;
  right: auto;
}

.dropdown.menu .submenu:not(.js-dropdown-nohover) > .is-dropdown-submenu-parent:hover > .dropdown.menu .submenu,
.dropdown.menu .submenu.js-dropdown-active {
  display: block;
}

.dropdown.menu .is-dropdown-submenu-parent.opens-left .submenu {
  left: auto;
  right: 100%;
}

.dropdown.menu.align-right .submenu.first-sub {
  top: 100%;
  left: auto;
  right: 0;
}

.is-dropdown-menu.vertical {
  width: 100px;
}

.is-dropdown-menu.vertical.align-right {
  float: right;
}

.is-dropdown-menu.vertical > li .submenu {
  top: 0;
  left: 100%;
}

.flex-video {
  position: relative;
  height: 0;
  padding-bottom: 75%;
  margin-bottom: 1rem;
  overflow: hidden;
}

.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.flex-video.widescreen {
  padding-bottom: 56.25%;
}

.flex-video.vimeo {
  padding-top: 0;
}

.media-object {
  margin-bottom: 1rem;
  display: block;
}

.media-object img {
  max-width: none;
}

@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  .media-object.stack-for-small .media-object-section {
    display: block;
    padding: 0;
    padding-bottom: 1rem;
  }

  .media-object.stack-for-small .media-object-section img {
    width: 100%;
  }
}

.media-object-section {
  display: table-cell;
  vertical-align: top;
}

.media-object-section:first-child {
  padding-right: 1rem;
}

.media-object-section:last-child:not( + .media-object-section:first-child) {
  padding-left: 1rem;
}

.media-object-section.middle {
  vertical-align: middle;
}

.media-object-section.bottom {
  vertical-align: bottom;
}

.menu {
  margin: 0;
  list-style-type: none;
}

.menu > li {
  display: table-cell;
  vertical-align: middle;
}

[data-whatinput='mouse'] .menu > li {
  outline: 0;
}

.menu > li:not(.menu-text) > a {
  display: block;
  padding: 0.7rem 1rem;
  line-height: 1;
}

.menu input,
.menu a,
.menu button {
  margin-bottom: 0;
}

.menu > li > a > img,
.menu > li > a > i {
  vertical-align: middle;
}

.menu > li > a > span {
  vertical-align: middle;
}

.menu > li > a > img,
.menu > li > a > i {
  display: inline-block;
  margin-right: 0.25rem;
}

.menu > li {
  display: table-cell;
}

.menu.vertical > li {
  display: block;
}

@media screen and (min-width: 40em) {
  .menu.medium-horizontal > li {
    display: table-cell;
  }

  .menu.medium-vertical > li {
    display: block;
  }
}

@media screen and (min-width: 64em) {
  .menu.large-horizontal > li {
    display: table-cell;
  }

  .menu.large-vertical > li {
    display: block;
  }
}

.menu.simple a {
  padding: 0;
  margin-right: 1rem;
}

.menu.align-right > li {
  float: right;
}

.menu.expanded {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.menu.expanded > li:first-child:last-child {
  width: 100%;
}

.menu.icon-top > li > a {
  text-align: center;
}

.menu.icon-top > li > a > img,
.menu.icon-top > li > a > i {
  display: block;
  margin: 0 auto 0.25rem;
}

.menu.nested {
  margin-left: 1rem;
}

.menu-text {
  font-weight: bold;
  color: inherit;
  line-height: 1;
  padding-top: 0;
  padding-bottom: 0;
  padding: 0.7rem 1rem;
}

.no-js [data-responsive-menu] ul {
  display: none;
}

html,
body {
  height: 100%;
}

.off-canvas-wrapper {
  width: 100%;
  overflow-x: hidden;
  position: relative;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: auto;
}

.off-canvas-wrapper-inner {
  position: relative;
  width: 100%;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
}

.off-canvas-wrapper-inner::before,
.off-canvas-wrapper-inner::after {
  content: ' ';
  display: table;
}

.off-canvas-wrapper-inner::after {
  clear: both;
}

.off-canvas-content,
.off-canvas-content {
  min-height: 100%;
  background: #fefefe;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  box-shadow: 0 0 10px rgba(10, 10, 10, 0.5);
}

.js-off-canvas-exit {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(254, 254, 254, 0.25);
  cursor: pointer;
  transition: background 0.5s ease;
}

.is-off-canvas-open .js-off-canvas-exit {
  display: block;
}

.off-canvas {
  position: absolute;
  background: #E6E6E6;
  z-index: -1;
  max-height: 100%;
  overflow-y: auto;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

[data-whatinput='mouse'] .off-canvas {
  outline: 0;
}

.off-canvas.position-left {
  left: -250px;
  top: 0;
  width: 250px;
}

.is-open-left {
  -webkit-transform: translateX(250px);
  transform: translateX(250px);
}

.off-canvas.position-right {
  right: -250px;
  top: 0;
  width: 250px;
}

.is-open-right {
  -webkit-transform: translateX(-250px);
  transform: translateX(-250px);
}

@media screen and (min-width: 40em) {
  .position-left.reveal-for-medium {
    left: 0;
    z-index: auto;
    position: fixed;
  }

  .position-left.reveal-for-medium ~ .off-canvas-content {
    margin-left: 250px;
  }

  .position-right.reveal-for-medium {
    right: 0;
    z-index: auto;
    position: fixed;
  }

  .position-right.reveal-for-medium ~ .off-canvas-content {
    margin-right: 250px;
  }
}

@media screen and (min-width: 64em) {
  .position-left.reveal-for-large {
    left: 0;
    z-index: auto;
    position: fixed;
  }

  .position-left.reveal-for-large ~ .off-canvas-content {
    margin-left: 250px;
  }

  .position-right.reveal-for-large {
    right: 0;
    z-index: auto;
    position: fixed;
  }

  .position-right.reveal-for-large ~ .off-canvas-content {
    margin-right: 250px;
  }
}

.orbit {
  position: relative;
}

.orbit-container {
  position: relative;
  margin: 0;
  overflow: hidden;
  list-style: none;
}

.orbit-slide {
  width: 100%;
  max-height: 100%;
}

.orbit-slide.no-motionui.is-active {
  top: 0;
  left: 0;
}

.orbit-figure {
  margin: 0;
}

.orbit-image {
  margin: 0;
  width: 100%;
  max-width: 100%;
}

.orbit-caption {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 1rem;
  margin-bottom: 0;
  color: #fefefe;
  background-color: rgba(10, 10, 10, 0.5);
}

.orbit-previous,
.orbit-next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 10;
  padding: 1rem;
  color: #fefefe;
}

[data-whatinput='mouse'] .orbit-previous,
[data-whatinput='mouse'] .orbit-next {
  outline: 0;
}

.orbit-previous:hover,
.orbit-next:hover,
.orbit-previous:active,
.orbit-next:active,
.orbit-previous:focus,
.orbit-next:focus {
  background-color: rgba(10, 10, 10, 0.5);
}

.orbit-previous {
  left: 0;
}

.orbit-next {
  left: auto;
  right: 0;
}

.orbit-bullets {
  position: relative;
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
  text-align: center;
}

[data-whatinput='mouse'] .orbit-bullets {
  outline: 0;
}

.orbit-bullets button {
  width: 1.2rem;
  height: 1.2rem;
  margin: 0.1rem;
  background-color: #585858;
  border-radius: 50%;
}

.orbit-bullets button:hover {
  background-color: #999999;
}

.orbit-bullets button.is-active {
  background-color: #999999;
}

.pagination {
  margin-left: 0;
  margin-bottom: 1rem;
}

.pagination::before,
.pagination::after {
  content: ' ';
  display: table;
}

.pagination::after {
  clear: both;
}

.pagination li {
  font-size: 0.875rem;
  margin-right: 0.0625rem;
  display: none;
  border-radius: 0;
}

.pagination li:last-child,
.pagination li:first-child {
  display: inline-block;
}

@media screen and (min-width: 40em) {
  .pagination li {
    display: inline-block;
  }
}

.pagination a,
.pagination button {
  color: #0a0a0a;
  display: block;
  padding: 0.1875rem 0.625rem;
  border-radius: 0;
}

.pagination a:hover,
.pagination button:hover {
  background: #E6E6E6;
}

.pagination .current {
  padding: 0.1875rem 0.625rem;
  background: #2199e8;
  color: #fefefe;
  cursor: default;
}

.pagination .disabled {
  padding: 0.1875rem 0.625rem;
  color: #585858;
  cursor: default;
}

.pagination .disabled:hover {
  background: transparent;
}

.pagination .ellipsis::after {
  content: '…';
  padding: 0.1875rem 0.625rem;
  color: #0a0a0a;
}

.pagination-previous a::before,
.pagination-previous.disabled::before {
  content: '«';
  display: inline-block;
  margin-right: 0.5rem;
}

.pagination-next a::after,
.pagination-next.disabled::after {
  content: '»';
  display: inline-block;
  margin-left: 0.5rem;
}

.progress {
  background-color: #585858;
  height: 1rem;
  margin-bottom: 1rem;
  border-radius: 0;
}

.progress.primary .progress-meter {
  background-color: #2199e8;
}

.progress.secondary .progress-meter {
  background-color: #777777;
}

.progress.success .progress-meter {
  background-color: #3adb76;
}

.progress.alert .progress-meter {
  background-color: #EC5840;
}

.progress.warning .progress-meter {
  background-color: #FFAE00;
}

.progress-meter {
  position: relative;
  display: block;
  width: 0%;
  height: 100%;
  background-color: #2199e8;
  border-radius: 0;
}

.progress-meter .progress-meter-text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 0;
  font-size: 0.75rem;
  font-weight: bold;
  color: #fefefe;
  white-space: nowrap;
}

.slider {
  position: relative;
  height: 0.5rem;
  margin-top: 1.25rem;
  margin-bottom: 2.25rem;
  background-color: #E6E6E6;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: none;
  touch-action: none;
}

.slider-fill {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  max-width: 100%;
  height: 0.5rem;
  background-color: #585858;
  transition: all 0.2s ease-in-out;
}

.slider-fill.is-dragging {
  transition: all 0s linear;
}

.slider-handle {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  left: 0;
  z-index: 1;
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  background-color: #2199e8;
  transition: all 0.2s ease-in-out;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  border-radius: 0;
}

[data-whatinput='mouse'] .slider-handle {
  outline: 0;
}

.slider-handle:hover {
  background-color: #1583cc;
}

.slider-handle.is-dragging {
  transition: all 0s linear;
}

.slider.disabled,
.slider[disabled] {
  opacity: 0.25;
  cursor: not-allowed;
}

.slider.vertical {
  display: inline-block;
  width: 0.5rem;
  height: 12.5rem;
  margin: 0 1.25rem;
  -webkit-transform: scale(1, -1);
  transform: scale(1, -1);
}

.slider.vertical .slider-fill {
  top: 0;
  width: 0.5rem;
  max-height: 100%;
}

.slider.vertical .slider-handle {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1.4rem;
  height: 1.4rem;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.sticky-container {
  position: relative;
}

.sticky {
  position: absolute;
  z-index: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.sticky.is-stuck {
  position: fixed;
  z-index: 5;
}

.sticky.is-stuck.is-at-top {
  top: 0;
}

.sticky.is-stuck.is-at-bottom {
  bottom: 0;
}

.sticky.is-anchored {
  position: absolute;
  left: auto;
  right: auto;
}

.sticky.is-anchored.is-at-bottom {
  bottom: 0;
}

body.is-reveal-open {
  overflow: hidden;
}

.reveal-overlay {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 105;
  background-color: rgba(10, 10, 10, 0.65);
  overflow-y: scroll;
}

.reveal {
  display: none;
  z-index: 106;
  padding: 1rem;
  border: 1px solid #585858;
  margin: 100px auto 0;
  background-color: #fefefe;
  border-radius: 0;
  position: absolute;
  overflow-y: auto;
}

[data-whatinput='mouse'] .reveal {
  outline: 0;
}

@media screen and (min-width: 40em) {
  .reveal {
    min-height: 0;
  }
}

.reveal .column,
.reveal .columns,
.reveal .columns {
  min-width: 0;
}

.reveal > :last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 40em) {
  .reveal {
    width: 600px;
    max-width: 75rem;
  }
}

.reveal.collapse {
  padding: 0;
}

@media screen and (min-width: 40em) {
  .reveal .reveal {
    left: auto;
    right: auto;
    margin: 0 auto;
  }
}

@media screen and (min-width: 40em) {
  .reveal.tiny {
    width: 30%;
    max-width: 75rem;
  }
}

@media screen and (min-width: 40em) {
  .reveal.small {
    width: 50%;
    max-width: 75rem;
  }
}

@media screen and (min-width: 40em) {
  .reveal.large {
    width: 90%;
    max-width: 75rem;
  }
}

.reveal.full {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height: 100vh;
  min-height: 100vh;
  max-width: none;
  margin-left: 0;
  border: 0;
}

.switch {
  margin-bottom: 1rem;
  outline: 0;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #fefefe;
  font-weight: bold;
  font-size: 0.875rem;
}

.switch-input {
  opacity: 0;
  position: absolute;
}

.switch-paddle {
  background: #585858;
  cursor: pointer;
  display: block;
  position: relative;
  width: 4rem;
  height: 2rem;
  transition: all 0.25s ease-out;
  border-radius: 0;
  color: inherit;
  font-weight: inherit;
}

input + .switch-paddle {
  margin: 0;
}

.switch-paddle::after {
  background: #fefefe;
  content: '';
  display: block;
  position: absolute;
  height: 1.5rem;
  left: 0.25rem;
  top: 0.25rem;
  width: 1.5rem;
  transition: all 0.25s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  border-radius: 0;
}

input:checked ~ .switch-paddle {
  background: #2199e8;
}

input:checked ~ .switch-paddle::after {
  left: 2.25rem;
}

[data-whatinput='mouse'] input:focus ~ .switch-paddle {
  outline: 0;
}

.switch-active,
.switch-inactive {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.switch-active {
  left: 8%;
  display: none;
}

input:checked + label > .switch-active {
  display: block;
}

.switch-inactive {
  right: 15%;
}

input:checked + label > .switch-inactive {
  display: none;
}

.switch.tiny .switch-paddle {
  width: 3rem;
  height: 1.5rem;
  font-size: 0.625rem;
}

.switch.tiny .switch-paddle::after {
  width: 1rem;
  height: 1rem;
}

.switch.tiny input:checked ~ .switch-paddle:after {
  left: 1.75rem;
}

.switch.small .switch-paddle {
  width: 3.5rem;
  height: 1.75rem;
  font-size: 0.75rem;
}

.switch.small .switch-paddle::after {
  width: 1.25rem;
  height: 1.25rem;
}

.switch.small input:checked ~ .switch-paddle:after {
  left: 2rem;
}

.switch.large .switch-paddle {
  width: 5rem;
  height: 2.5rem;
  font-size: 1rem;
}

.switch.large .switch-paddle::after {
  width: 2rem;
  height: 2rem;
}

.switch.large input:checked ~ .switch-paddle:after {
  left: 2.75rem;
}

table {
  margin-bottom: 1rem;
  border-radius: 0;
}

thead,
tbody,
tfoot {
  border: 1px solid #f1f1f1;
  background-color: #fefefe;
}

caption {
  font-weight: bold;
  padding: 0.5rem 0.625rem 0.625rem;
}

thead,
tfoot {
  background: #f8f8f8;
  color: #0a0a0a;
}

thead tr,
tfoot tr {
  background: transparent;
}

thead th,
thead td,
tfoot th,
tfoot td {
  padding: 0.5rem 0.625rem 0.625rem;
  font-weight: bold;
  text-align: left;
}

tbody tr:nth-child(even) {
  background-color: #f1f1f1;
}

tbody th,
tbody td {
  padding: 0.5rem 0.625rem 0.625rem;
}

@media screen and (max-width: 63.9375em) {
  table.stack thead {
    display: none;
  }

  table.stack tfoot {
    display: none;
  }

  table.stack tr,
  table.stack th,
  table.stack td {
    display: block;
  }

  table.stack td {
    border-top: 0;
  }
}

table.scroll {
  display: block;
  width: 100%;
  overflow-x: auto;
}

table.hover tr:hover {
  background-color: #f9f9f9;
}

table.hover tr:nth-of-type(even):hover {
  background-color: #ececec;
}

.tabs {
  margin: 0;
  list-style-type: none;
  background: #fefefe;
  border: 1px solid #E6E6E6;
}

.tabs::before,
.tabs::after {
  content: ' ';
  display: table;
}

.tabs::after {
  clear: both;
}

.tabs.vertical > li {
  width: auto;
  float: none;
  display: block;
}

.tabs.simple > li > a {
  padding: 0;
}

.tabs.simple > li > a:hover {
  background: transparent;
}

.tabs.primary {
  background: #2199e8;
}

.tabs.primary > li > a {
  color: #fefefe;
}

.tabs.primary > li > a:hover,
.tabs.primary > li > a:focus {
  background: #1893e4;
}

.tabs-title {
  float: left;
}

.tabs-title > a {
  display: block;
  padding: 1.25rem 1.5rem;
  line-height: 1;
  font-size: 12px;
  color: #2199e8;
}

.tabs-title > a:hover {
  background: #fefefe;
}

.tabs-title > a:focus,
.tabs-title > a[aria-selected='true'] {
  background: #E6E6E6;
}

.tabs-content {
  background: #fefefe;
  transition: all 0.5s ease;
  border: 1px solid #E6E6E6;
  border-top: 0;
}

.tabs-content.vertical {
  border: 1px solid #E6E6E6;
  border-left: 0;
}

.tabs-panel {
  display: none;
  padding: 1rem;
}

.tabs-panel.is-active {
  display: block;
}

.thumbnail {
  border: solid 4px #fefefe;
  box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
  display: inline-block;
  line-height: 0;
  max-width: 100%;
  transition: box-shadow 200ms ease-out;
  border-radius: 0;
  margin-bottom: 1rem;
}

.thumbnail:hover,
.thumbnail:focus {
  box-shadow: 0 0 6px 1px rgba(33, 153, 232, 0.5);
}

.title-bar {
  background: #0a0a0a;
  color: #fefefe;
  padding: 0.5rem;
}

.title-bar::before,
.title-bar::after {
  content: ' ';
  display: table;
}

.title-bar::after {
  clear: both;
}

.title-bar .menu-icon {
  margin-left: 0.25rem;
  margin-right: 0.5rem;
}

.title-bar-left {
  float: left;
}

.title-bar-right {
  float: right;
  text-align: right;
}

.title-bar-title {
  font-weight: bold;
  vertical-align: middle;
  display: inline-block;
}

.menu-icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  width: 20px;
  height: 16px;
}

.menu-icon::after {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background: #fefefe;
  top: 0;
  left: 0;
  box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
}

.menu-icon:hover::after {
  background: #585858;
  box-shadow: 0 7px 0 #585858, 0 14px 0 #585858;
}

.has-tip {
  border-bottom: dotted 1px #999999;
  font-weight: bold;
  position: relative;
  display: inline-block;
  cursor: help;
}

.tooltip {
  background-color: #0a0a0a;
  color: #fefefe;
  font-size: 80%;
  padding: 0.75rem;
  position: absolute;
  z-index: 10;
  top: calc(100% + 0.6495rem);
  max-width: 10rem !important;
  border-radius: 0;
}

.tooltip::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: inset 0.75rem;
  border-color: transparent transparent #0a0a0a;
  border-bottom-style: solid;
  bottom: 100%;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.tooltip.top::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: inset 0.75rem;
  border-color: #0a0a0a transparent transparent;
  border-top-style: solid;
  top: 100%;
  bottom: auto;
}

.tooltip.left::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: inset 0.75rem;
  border-color: transparent transparent transparent #0a0a0a;
  border-left-style: solid;
  bottom: auto;
  left: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.tooltip.right::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: inset 0.75rem;
  border-color: transparent #0a0a0a transparent transparent;
  border-right-style: solid;
  bottom: auto;
  left: auto;
  right: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.top-bar {
  padding: 0.5rem;
}

.top-bar::before,
.top-bar::after {
  content: ' ';
  display: table;
}

.top-bar::after {
  clear: both;
}

.top-bar,
.top-bar ul {
  background-color: #E6E6E6;
}

.top-bar a {
  color: #2199e8;
}

.top-bar input {
  width: 200px;
  margin-right: 1rem;
}

.top-bar input.button {
  width: auto;
}

@media screen and (max-width: 39.9375em) {
  .stacked-for-small .top-bar-right {
    width: 100%;
  }

  .stacked-for-small .top-bar-left {
    width: 100%;
  }
}

@media screen and (max-width: 63.9375em) {
  .stacked-for-medium .top-bar-right {
    width: 100%;
  }

  .stacked-for-medium .top-bar-left {
    width: 100%;
  }
}

@media screen and (max-width: 74.9375em) {
  .stacked-for-large .top-bar-right {
    width: 100%;
  }

  .stacked-for-large .top-bar-left {
    width: 100%;
  }
}

@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  .top-bar-right {
    width: 100%;
  }

  .top-bar-left {
    width: 100%;
  }
}

.top-bar-left {
  float: left;
}

.top-bar-right {
  float: right;
}

/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */

/** 1. Change the default font family in all browsers (opinionated). 2. Prevent adjustments of font size after orientation changes in IE and iOS. */

html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/** Remove the margin in all browsers (opinionated). */

body {
  margin: 0;
}

/* HTML5 display definitions ========================================================================== */

/** Add the correct display in IE 9-. 1. Add the correct display in Edge, IE, and Firefox. 2. Add the correct display in IE. */

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  /* 1 */
  display: block;
}

/** Add the correct display in IE 9-. */

audio,
canvas,
progress,
video {
  display: inline-block;
}

/** Add the correct display in iOS 4-7. */

audio:not([controls]) {
  display: none;
  height: 0;
}

/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */

progress {
  vertical-align: baseline;
}

/** Add the correct display in IE 10-. 1. Add the correct display in IE. */

template,
[hidden] {
  display: none;
}

/* Links ========================================================================== */

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

/* Text-level semantics ========================================================================== */

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

/** Add the correct font style in Android 4.3-. */

dfn {
  font-style: italic;
}

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

/** 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 ========================================================================== */

/** Remove the border on images inside links in IE 10-. */

img {
  border-style: none;
}

/** Hide the overflow in IE. */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content ========================================================================== */

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

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

/* Forms ========================================================================== */

/** 1. Change font properties to `inherit` in all browsers (opinionated). 2. Remove the margin in Firefox and Safari. */

button,
input,
select,
textarea {
  font: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
}

/** Restore the font weight unset by the previous rule. */

optgroup {
  font-weight: bold;
}

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

/** 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 OS X. */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/** Correct the text style of placeholders in Chrome, Edge, and Safari. */

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

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

@font-face {
  font-family: 'Proxima Nova Regular';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/proxima-nova-regular-b91ba553ef33a1b5a47f16d66468478e.eot");
  src: url("../fonts/proxima-nova-regular-b91ba553ef33a1b5a47f16d66468478e.eot") format("embedded-opentype"), url("../fonts/proxima-nova-regular-852046040da1526ac5ac9cdbee2e3723.woff") format("woff"), url("../fonts/proxima-nova-regular-4718658988fe7ed007ba7aa421e4db57.ttf") format("truetype"), url("../fonts/proxima-nova-regular-a9dab83abc5f161adb94e640d2456d5a.svg") format("svg");
}

@font-face {
  font-family: 'Proxima Nova Bold';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/proxima-nova-bold-c5132b3459d41a297ce7d2ee1ca8f5ca.eot");
  src: url("../fonts/proxima-nova-bold-c5132b3459d41a297ce7d2ee1ca8f5ca.eot") format("embedded-opentype"), url("../fonts/proxima-nova-bold-f73f22aa93a861006ae7f54f9968fec0.woff") format("woff"), url("../fonts/proxima-nova-bold-384cf1ed2d7885ee5d696cec94084a96.ttf") format("truetype"), url("../fonts/proxima-nova-bold-395216d676c01eddd6eadcc3e71a058a.svg") format("svg");
}

@font-face {
  font-family: 'Proxima Nova SemiBold';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/proxima-nova-semibold-645323b84162fe63fd0654a50b71ec75.eot");
  src: url("../fonts/proxima-nova-semibold-645323b84162fe63fd0654a50b71ec75.eot") format("embedded-opentype"), url("../fonts/proxima-nova-semibold-3163eca2ebe9b39d7aaf4ba594ce39d7.woff") format("woff"), url("../fonts/proxima-nova-semibold-445f1fe6eb9641ac9b382cbd16b1e9a3.ttf") format("truetype"), url("../fonts/proxima-nova-semibold-a79fc1dd26c862fa43237c9b9eebcc04.svg") format("svg");
}

@font-face {
  font-family: 'Proxima Nova Light';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/proxima-nova-light-25b45c331498ff377abe22554f05943d.eot");
  src: url("../fonts/proxima-nova-light-25b45c331498ff377abe22554f05943d.eot") format("embedded-opentype"), url("../fonts/proxima-nova-light-b08aa39dfd53fb455693786505ed211e.woff") format("woff"), url("../fonts/proxima-nova-light-982154eacb03c17d9cf072a97208af46.ttf") format("truetype"), url("../fonts/proxima-nova-light-918e11e776f56b8c6097ae4af49461e6.svg") format("svg");
}

@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/oswald-4d134b78e36a5a83a4c9791cc51cf0b4.eot") format("embedded-opentype"), url("../fonts/oswald-60389e09b5bdea2a3fd272f20f7ed0eb.woff") format("woff"), url("../fonts/oswald-42764885fe13006d49a1ad4dd45bcf0a.ttf") format("truetype"), url("../fonts/oswald-12959ea5f0bcf234de7c9e45a8d9df7f.svg") format("svg");
}

@font-face {
  font-family: 'Fitbit Icons';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/fitbit-icons-6dc72e42c0284644e1fe7d82e336147b.woff") format("woff"), url("../fonts/fitbit-icons-3d18baa2e413d4dd78478b6efe9d1f63.ttf") format("truetype"), url("../fonts/fitbit-icons-3d50451775d360dda3318967f4fa016c.svg") format("svg");
}

.fitglyph {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'Fitbit Icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: relative;
  top: 1px;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fitglyph-size100:before,
.fitglyph-water-full:before {
  content: "\e600";
}

.fitglyph-water-half-only:before {
  content: "\e601";
}

.fitglyph-size0:before,
.fitglyph-glass-outline:before {
  content: "\e602";
}

/* footsteps */

.fitglyph-weeklyActivity:before,
.fitglyph-tripleWideActivity:before,
.fitglyph-goalTile:before,
.fitglyph-steps:before {
  content: "\e603";
}

/* running man */

.fitglyph-exercise:before {
  content: "\e604";
}

/* lightning bolt */

.fitglyph-activeMinutes:before {
  content: "\e605";
}

/* burning flame */

.tile.calories .goal .icon-glyph .fitglyph:before,
.fitglyph-calories:before,
.fitglyph-calories-burned:before {
  content: "\e606";
}

.fitglyph-distance:before {
  content: "\e607";
}

.fitglyph-floors:before {
  content: "\e608";
}

.fitglyph-heart-solid:before {
  content: "\e609";
}

.fitglyph-weight:before {
  content: "\e60a";
}

/* gear with open circle in center (no dot) */

.fitglyph-settings-alt:before {
  content: "\e60b";
}

.fitglyph-foodPlanCrossed:before {
  content: "\e60c";
}

.fitglyph-foodPlan:before {
  content: "\e60d";
}

.fitglyph-sleep:before {
  content: "\e60e";
}

.fitglyph-restingHeartRate:before {
  content: "\e60f";
}

.fitglyph-badges:before {
  content: "\e610";
}

/*  tennis shoe */

.tile.trainer .goal .icon-glyph .fitglyph:before,
.fitglyph-premium:before,
.fitglyph-trainer:before {
  content: "\e611";
}

.fitglyph-cwProgram:before {
  content: "\e612";
}

.fitglyph-size50:before,
.fitglyph-water:before {
  content: "\e613";
}

.fitglyph-edit:before {
  content: "\e614";
}

.fitglyph-expand:before {
  content: "\e615";
}

.fitglyph-remove:before {
  content: "\e616";
}

.fitglyph-calZone .path1:before {
  content: "\e617";
  color: #3C3C3C;
}

.fitglyph-calZone .path2:before {
  content: "\e618";
  margin-left: -1.0087890625em;
  color: #3C3C3C;
}

.fitglyph-calZone .path3:before {
  content: "\e619";
  margin-left: -1.0087890625em;
  color: #fefefe;
}

.fitglyph-leaderboard:before {
  content: "\e61a";
}

.fitglyph-intradayActivities:before {
  content: "\e61b";
}

.fitglyph-calendar:before {
  content: "\e61c";
}

.fitglyph-wellness-star:before {
  content: "\e61d";
}

.fitglyph-wellness-team:before {
  content: "\e61e";
}

.fitglyph-arrow-left:before {
  content: "\e61f";
}

.fitglyph-arrow-right:before {
  content: "\e620";
}

.fitglyph-check:before {
  content: "\e621";
}

.fitglyph-star:before {
  content: "\e622";
}

.fitglyph-message:before {
  content: "\e623";
}

.fitglyph-cheer:before {
  content: "\e624";
}

.fitglyph-cheered:before {
  content: "\e625";
}

.fitglyph-taunt:before {
  content: "\e626";
}

.fitglyph-taunted:before {
  content: "\e627";
}

/* gear with dot in center */

.fitglyph-show-settings:before {
  content: "\e628";
}

.fitglyph-circle-check:before {
  content: "\e629";
}

.fitglyph-circle-ex:before {
  content: "\e62a";
}

.fitglyph-expand-tile:before {
  content: "\e62b";
}

.fitglyph-close-settings:before {
  content: "\e62c";
}

.fitglyph-add-friend:before {
  content: "\e62d";
}

.fitglyph-pinterest:before {
  content: "\e62e";
}

.fitglyph-twitter:before {
  content: "\e62f";
}

.fitglyph-facebook:before {
  content: "\e630";
}

.fitglyph-google-plus:before {
  content: "\e631";
}

.fitglyph-youtube:before {
  content: "\e632";
}

.fitglyph-instagram:before {
  content: "\e633";
}

.fitglyph-sedentary-time:before {
  content: "\e634";
}

.fitglyph-cart:before {
  content: "\e900";
}

.fitglyph-talk-bubble-active:before {
  content: "\e901";
}

.fitglyph-talk-bubble-inactive:before {
  content: "\e902";
}

.fitglyph-chevron-circle-right:before {
  content: "\e903";
}

.fitglyph-triangle-down:before {
  content: "\e904";
}

.fitglyph-triangle-up:before {
  content: "\e905";
}

.fitglyph-cart-empty:before {
  content: "\e907";
}

.fitglyph-refresh:before {
  content: "\e906";
}

.fitglyph-premium:before {
  content: "\e908";
}

.fitglyph-battery-empty:before {
  content: "\e909";
}

.fitglyph-battery-low:before {
  content: "\e90a";
}

.fitglyph-battery-med:before {
  content: "\e90b";
}

.fitglyph-battery-full:before {
  content: "\e90c";
}

.fitglyph-bell:before {
  content: "\e90d";
}

.fitglyph-notification-taunt:before {
  content: "\e90e";
}

.fitglyph-notification-cheer:before {
  content: "\e90f";
}

.fitglyph-notification-message:before {
  content: "\e910";
}

.fitglyph-trophy:before {
  content: "\e911";
}

.fitglyph-notification-friend-request:before {
  content: "\e912";
}

.fitglyph-challenges:before {
  content: "\e913";
}

.fitglyph-globe:before {
  content: "\e914";
}

.fitglyph-mail:before {
  content: "\e915";
}

[type='text'],
[type='password'],
[type='email'] {
  border: 0.25rem solid #E6E6E6;
  background-color: #FBFBFB;
  color: #777777;
  border-radius: 0.5rem;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
  padding: 0.375rem 0.5rem;
  margin: 0 0 1.25rem;
  font-family: "Proxima Nova Regular", Helvetica, Roboto, Arial, sans-serif;
  font-size: 1rem;
}

[type='text']:focus,
[type='password']:focus,
[type='email']:focus {
  border: 0.25rem solid #4DBFBF;
  transition: border-color 0.75s;
}

.reveal {
  padding: 2.5rem 0 3.125rem 0;
}

@media screen and (min-width: 40em) {
  .reveal {
    box-shadow: 0 0 0.625rem 0.3125rem rgba(0, 0, 0, 0.35);
    top: 15%;
  }
}

@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  .reveal {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    max-width: none;
    margin-left: 0;
    border: 0;
  }
}

/***************************************************************************** Marketing Header - Copernicus (introduced in MKTG-1395) */

@font-face {
  font-family: 'Proxima Nova Regular';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/proxima-nova-regular-b91ba553ef33a1b5a47f16d66468478e.eot") format("embedded-opentype"), url("../fonts/proxima-nova-regular-852046040da1526ac5ac9cdbee2e3723.woff") format("woff"), url("../fonts/proxima-nova-regular-4718658988fe7ed007ba7aa421e4db57.ttf") format("truetype"), url("../fonts/proxima-nova-regular-a9dab83abc5f161adb94e640d2456d5a.svg") format("svg");
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'Proxima Nova Bold';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/proxima-nova-bold-c5132b3459d41a297ce7d2ee1ca8f5ca.eot") format("embedded-opentype"), url("../fonts/proxima-nova-bold-f73f22aa93a861006ae7f54f9968fec0.woff") format("woff"), url("../fonts/proxima-nova-bold-384cf1ed2d7885ee5d696cec94084a96.ttf") format("truetype"), url("../fonts/proxima-nova-bold-395216d676c01eddd6eadcc3e71a058a.svg") format("svg");
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'Proxima Nova SemiBold';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/proxima-nova-semibold-645323b84162fe63fd0654a50b71ec75.eot") format("embedded-opentype"), url("../fonts/proxima-nova-semibold-3163eca2ebe9b39d7aaf4ba594ce39d7.woff") format("woff"), url("../fonts/proxima-nova-semibold-445f1fe6eb9641ac9b382cbd16b1e9a3.ttf") format("truetype"), url("../fonts/proxima-nova-semibold-a79fc1dd26c862fa43237c9b9eebcc04.svg") format("svg");
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'Proxima Nova ExtraBld';
  src: url("../fonts/proxima-nova-xbold-6009a5b7b56ec8a430e071cd39736552.eot");
  src: url("../fonts/proxima-nova-xbold-6009a5b7b56ec8a430e071cd39736552.eot") format("embedded-opentype"), url("../fonts/proxima-nova-xbold-50073f2972bc3fbf26571f3f09abcc04.woff2") format("woff2"), url("../fonts/proxima-nova-xbold-5d8ad01e573a280ed04306c1bfe5ef83.woff") format("woff"), url("../fonts/proxima-nova-xbold-f0c5c887f2f16d3b27f11f4b00363921.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'Proxima Nova Light';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/proxima-nova-light-25b45c331498ff377abe22554f05943d.eot") format("embedded-opentype"), url("../fonts/proxima-nova-light-b08aa39dfd53fb455693786505ed211e.woff") format("woff"), url("../fonts/proxima-nova-light-982154eacb03c17d9cf072a97208af46.ttf") format("truetype"), url("../fonts/proxima-nova-light-918e11e776f56b8c6097ae4af49461e6.svg") format("svg");
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'Proxima Nova Thin';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/proxima-nova-thin-03b1bf3473874d26ed05e1fe18adadfb.eot") format("embedded-opentype"), url("../fonts/proxima-nova-thin-dec0715da57ea199cffc9f7338606ef5.woff") format("woff"), url("../fonts/proxima-nova-thin-02d6ae77d664d63bc666cb5d58f8e403.ttf") format("truetype"), url("../fonts/proxima-nova-thin-7bac2976f50a8aa72b56e594afc4ec7f.svg") format("svg");
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: "Proxima Nova ThinT";
  src: url("../fonts/proxima-nova-thin-t-b6af431205e36a9a58f977393f89b789.eot");
  src: url("../fonts/proxima-nova-thin-t-b6af431205e36a9a58f977393f89b789.eot") format("embedded-opentype"), url("../fonts/proxima-nova-thin-t-246447e1f545e4fc2a108f04c863d380.woff") format("woff"), url("../fonts/proxima-nova-thin-t-277c0707efca34ff0a57aa13001aa088.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'Proxima Nova Black';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/proxima-nova-black-0c34a8601baa9b8ff2cebe470abb8d83.eot") format("embedded-opentype"), url("../fonts/proxima-nova-black-b68819090cb3f466a9dd7d473d9e12a8.woff") format("woff"), url("../fonts/proxima-nova-black-0de94ce64605477887f82b243de1af47.ttf") format("truetype"), url("../fonts/proxima-nova-black-bb4d6ae1ae6023b8d9b9193627cb7c75.svg") format("svg");
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/font-awesome/fontawesome-webfont-976c69af44e91227f2731a161e2f0457.eot") format("embedded-opentype"), url("../fonts/font-awesome/fontawesome-webfont-6c1e1496ebb7d564f0c9db3330608845.woff") format("woff"), url("../fonts/font-awesome/fontawesome-webfont-b90e00497ee6f6c2c4b79448f31f974e.ttf") format("truetype"), url("../fonts/font-awesome/fontawesome-webfont-e2f7c514eedf546d605cb9029f8a8776.svg") format("svg");
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'Seville Book';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/seville_book-webfont-ae15aebb27cb80dbf77abe1b4422313e.woff") format("woff"), url("../fonts/seville_book-8f0d1120a638fd229e6082179922e199.ttf") format("truetype");
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'Seville Condensed';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/seville_condensed-webfont-9a94b00f31e1efc30d55ea09cf399503.woff") format("woff"), url("../fonts/seville_condensed-9496c1eaf22a908f51128ac9aa40664f.ttf") format("truetype");
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'Seville Regular';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/seville_regular-webfont-0ec849c3365dac0ff54bcc20e8743137.woff") format("woff"), url("../fonts/seville_regular-de3aa9bb81ab1c94db5b9763dce5a164.ttf") format("truetype");
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
p,
span,
a {
  font-family: "Proxima Nova Regular", Arial, sans-serif;
  font-weight: normal;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

@font-face {
  font-family: 'Proxima Nova Regular';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/proxima-nova-regular-b91ba553ef33a1b5a47f16d66468478e.eot") format("embedded-opentype"), url("../fonts/proxima-nova-regular-852046040da1526ac5ac9cdbee2e3723.woff") format("woff"), url("../fonts/proxima-nova-regular-4718658988fe7ed007ba7aa421e4db57.ttf") format("truetype"), url("../fonts/proxima-nova-regular-a9dab83abc5f161adb94e640d2456d5a.svg") format("svg");
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'Proxima Nova Bold';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/proxima-nova-bold-c5132b3459d41a297ce7d2ee1ca8f5ca.eot") format("embedded-opentype"), url("../fonts/proxima-nova-bold-f73f22aa93a861006ae7f54f9968fec0.woff") format("woff"), url("../fonts/proxima-nova-bold-384cf1ed2d7885ee5d696cec94084a96.ttf") format("truetype"), url("../fonts/proxima-nova-bold-395216d676c01eddd6eadcc3e71a058a.svg") format("svg");
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'Proxima Nova SemiBold';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/proxima-nova-semibold-645323b84162fe63fd0654a50b71ec75.eot") format("embedded-opentype"), url("../fonts/proxima-nova-semibold-3163eca2ebe9b39d7aaf4ba594ce39d7.woff") format("woff"), url("../fonts/proxima-nova-semibold-445f1fe6eb9641ac9b382cbd16b1e9a3.ttf") format("truetype"), url("../fonts/proxima-nova-semibold-a79fc1dd26c862fa43237c9b9eebcc04.svg") format("svg");
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'Proxima Nova ExtraBld';
  src: url("../fonts/proxima-nova-xbold-6009a5b7b56ec8a430e071cd39736552.eot");
  src: url("../fonts/proxima-nova-xbold-6009a5b7b56ec8a430e071cd39736552.eot") format("embedded-opentype"), url("../fonts/proxima-nova-xbold-50073f2972bc3fbf26571f3f09abcc04.woff2") format("woff2"), url("../fonts/proxima-nova-xbold-5d8ad01e573a280ed04306c1bfe5ef83.woff") format("woff"), url("../fonts/proxima-nova-xbold-f0c5c887f2f16d3b27f11f4b00363921.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'Proxima Nova Light';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/proxima-nova-light-25b45c331498ff377abe22554f05943d.eot") format("embedded-opentype"), url("../fonts/proxima-nova-light-b08aa39dfd53fb455693786505ed211e.woff") format("woff"), url("../fonts/proxima-nova-light-982154eacb03c17d9cf072a97208af46.ttf") format("truetype"), url("../fonts/proxima-nova-light-918e11e776f56b8c6097ae4af49461e6.svg") format("svg");
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'Proxima Nova Thin';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/proxima-nova-thin-03b1bf3473874d26ed05e1fe18adadfb.eot") format("embedded-opentype"), url("../fonts/proxima-nova-thin-dec0715da57ea199cffc9f7338606ef5.woff") format("woff"), url("../fonts/proxima-nova-thin-02d6ae77d664d63bc666cb5d58f8e403.ttf") format("truetype"), url("../fonts/proxima-nova-thin-7bac2976f50a8aa72b56e594afc4ec7f.svg") format("svg");
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: "Proxima Nova ThinT";
  src: url("../fonts/proxima-nova-thin-t-b6af431205e36a9a58f977393f89b789.eot");
  src: url("../fonts/proxima-nova-thin-t-b6af431205e36a9a58f977393f89b789.eot") format("embedded-opentype"), url("../fonts/proxima-nova-thin-t-246447e1f545e4fc2a108f04c863d380.woff") format("woff"), url("../fonts/proxima-nova-thin-t-277c0707efca34ff0a57aa13001aa088.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'Proxima Nova Black';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/proxima-nova-black-0c34a8601baa9b8ff2cebe470abb8d83.eot") format("embedded-opentype"), url("../fonts/proxima-nova-black-b68819090cb3f466a9dd7d473d9e12a8.woff") format("woff"), url("../fonts/proxima-nova-black-0de94ce64605477887f82b243de1af47.ttf") format("truetype"), url("../fonts/proxima-nova-black-bb4d6ae1ae6023b8d9b9193627cb7c75.svg") format("svg");
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/font-awesome/fontawesome-webfont-976c69af44e91227f2731a161e2f0457.eot") format("embedded-opentype"), url("../fonts/font-awesome/fontawesome-webfont-6c1e1496ebb7d564f0c9db3330608845.woff") format("woff"), url("../fonts/font-awesome/fontawesome-webfont-b90e00497ee6f6c2c4b79448f31f974e.ttf") format("truetype"), url("../fonts/font-awesome/fontawesome-webfont-e2f7c514eedf546d605cb9029f8a8776.svg") format("svg");
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'Seville Book';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/seville_book-webfont-ae15aebb27cb80dbf77abe1b4422313e.woff") format("woff"), url("../fonts/seville_book-8f0d1120a638fd229e6082179922e199.ttf") format("truetype");
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'Seville Condensed';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/seville_condensed-webfont-9a94b00f31e1efc30d55ea09cf399503.woff") format("woff"), url("../fonts/seville_condensed-9496c1eaf22a908f51128ac9aa40664f.ttf") format("truetype");
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'Seville Regular';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/seville_regular-webfont-0ec849c3365dac0ff54bcc20e8743137.woff") format("woff"), url("../fonts/seville_regular-de3aa9bb81ab1c94db5b9763dce5a164.ttf") format("truetype");
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'dme-icons';
  src: url("../fonts/dme-icons/fonts/dme-icons-05649dd1c6a303f9ec0f5fe595006c38.eot");
  src: url("../fonts/dme-icons/fonts/dme-icons-05649dd1c6a303f9ec0f5fe595006c38.eot") format("embedded-opentype"), url("../fonts/dme-icons/fonts/dme-icons-40267f750315298ce5fd8c0781c384f3.woff") format("woff"), url("../fonts/dme-icons/fonts/dme-icons-8c026ca603a4d63c6bb05a028a49a82f.ttf") format("truetype"), url("../fonts/dme-icons/fonts/dme-icons-118dd559bf142739e946ead45f78f6d2.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

#alternate-language {
  display: none;
  text-align: center;
  background-color: #40414a;
}

#alternate-language a {
  display: block;
  width: 100%;
  padding: 15px 0;
  text-decoration: none;
  font-size: 18px;
  line-height: 26px;
  color: #fff;
}

@media (max-width: 767px) {
  #alternate-language a {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  #alternate-language a span {
    max-width: 70%;
    display: block;
    margin: 0 auto;
  }
}

@media (max-width: 450px) {
  #alternate-language a span {
    max-width: 250px;
  }
}

#alternate-language a span::after {
  font-family: "dme-icons";
  content: "\e901";
  vertical-align: top;
  position: relative;
  top: 0;
  left: 8px;
  font-size: 15px;
}

/* inStyle (v1.6.3) github.com/salsita/inStyle 2016 | MIT @mixin ============================= */

@font-face {
  font-family: 'dme-icons';
  src: url("../fonts/dme-icons/fonts/dme-icons-05649dd1c6a303f9ec0f5fe595006c38.eot");
  src: url("../fonts/dme-icons/fonts/dme-icons-05649dd1c6a303f9ec0f5fe595006c38.eot") format("embedded-opentype"), url("../fonts/dme-icons/fonts/dme-icons-40267f750315298ce5fd8c0781c384f3.woff") format("woff"), url("../fonts/dme-icons/fonts/dme-icons-8c026ca603a4d63c6bb05a028a49a82f.ttf") format("truetype"), url("../fonts/dme-icons/fonts/dme-icons-118dd559bf142739e946ead45f78f6d2.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

header {
  background-color: #fff;
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.wrapper-header {
  font-size: 16px !important;
}

.wrapper-header li.hdr-prod-top {
  position: relative;
  line-height: normal;
  font-size: 12px;
  font-family: "Proxima Nova Light", Arial, sans-serif;
  text-align: center;
}

.wrapper-header li.hdr-prod > ul {
  white-space: normal;
  padding: 16px;
  border-bottom: none;
  box-sizing: border-box;
}

.wrapper-header .hdr-menu > ul > li > ul.hoverDelay {
  display: block;
  height: auto;
}

.wrapper-header .hdr-menu > ul > li.hdr-prod > ul.hoverDelay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.wrapper-header .hdr-menu .hdr-prod ul span,
.wrapper-header .hdr-menu .hdr-prod ul ul {
  z-index: 10;
}

.wrapper-header .hdr-menu .hdr-prod-top > span:first-of-type,
.wrapper-header .hdr-menu .hdr-prod-column > li > span:first-of-type {
  position: relative;
  display: block;
  color: #fff;
  font-size: 16px;
  line-height: 18px;
  text-align: left;
}

.wrapper-header .hdr-menu .hdr-prod-top > span:first-of-type,
.wrapper-header .hdr-menu .hdr-prod-column > li > span:first-of-type {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  padding: 17px 0 17px 20px;
  font-size: 18px;
  line-height: 20px;
  max-width: 83%;
  font-family: "Proxima Nova Bold", Arial, sans-serif;
  text-align: left;
  color: white;
}

body[class*='locale-en'] .wrapper-header .hdr-menu .hdr-prod-top > span b:first-line {
  font-family: "Proxima Nova Bold", Arial, sans-serif;
}

body[class*='locale-en'] .wrapper-header .hdr-menu .hdr-prod-top > span b {
  font-family: "Proxima Nova Light", Arial, sans-serif;
}

.hdr-prod-name {
  text-align: center;
  position: relative;
  display: block;
  margin: 14px 0 0 0;
}

@media (max-width: 1099px) {
  .hdr-prod-name.hdr-prod-name-long {
    display: none;
  }
}

@media (min-width: 1100px) {
  .hdr-prod-name.hdr-prod-name-short {
    display: none;
  }
}

.wrapper-header .hdr-menu .hdr-prod-top.column-wrap[data-prod-count="1"] a > .hdr-prod-name {
  position: absolute;
  bottom: 17px;
  width: 100%;
  text-align: center;
  white-space: nowrap;
}

.wrapper-header .hdr-menu .hdr-prod-top.column-wrap[data-prod-count="2"] a > .hdr-prod-name {
  position: absolute;
  bottom: 17px;
  left: 0;
  margin: 0;
  text-align: left;
}

.wrapper-header .hdr-menu .hdr-prod ul span b {
  font-family: "Proxima Nova Bold", Arial, sans-serif;
  font-weight: normal;
  display: block;
}

.wrapper-header ul.hdr-prod-row,
.wrapper-header ul.hdr-prod-column {
  position: relative;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  height: 279px;
  max-width: 90%;
}

.wrapper-header ul.hdr-prod-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 100%;
  height: 299px;
  margin: 0;
}

@media (max-width: 1024px) {
  .wrapper-header ul.hdr-prod-column {
    height: 220px;
  }
}

@media (max-width: 767px) {
  .wrapper-header ul.hdr-prod-column {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 190px;
  }
}

.wrapper-header ul.hdr-prod-column > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  width: 100%;
  padding: 17px 20px 0;
  box-sizing: border-box;
  overflow: hidden;
}

.wrapper-header ul.hdr-prod-column > li a {
  position: absolute;
  top: 17px;
  right: 20px;
  left: 20px;
  bottom: 0;
  overflow: visible;
}

.wrapper-header ul.hdr-prod-column > li a::after {
  display: none;
}

.wrapper-header .hdr-prod-top[data-prod-count="1"] .hdr-prod-column > li {
  height: 100%;
}

.wrapper-header .hdr-prod-top[data-prod-count="2"] .hdr-prod-column > li {
  height: 48%;
}

@media (max-width: 767px) {
  .wrapper-header .hdr-prod-top[data-prod-count="2"] .hdr-prod-column > li {
    height: 100%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }

  .wrapper-header .hdr-prod-top[data-prod-count="2"] .hdr-prod-column > li:last-child {
    background-color: #acadad;
  }
}

.wrapper-header .hdr-prod-top[data-prod-count="1"] {
  text-align: center;
}

.wrapper-header .hdr-menu .hdr-prod > ul > li.hdr-prod-top img {
  height: 126px;
  vertical-align: bottom;
  user-drag: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  display: inline-block;
  margin-bottom: 0;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .wrapper-header .hdr-menu .hdr-prod > ul > li.hdr-prod-top img {
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .wrapper-header .hdr-menu .hdr-prod > ul > li.column-wrap img:hover {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.wrapper-header .hdr-menu .hdr-prod .hdr-prod-top[data-prod-count="2"] .hdr-prod-column img {
  position: absolute;
  top: 23%;
  right: 0;
}

@media (max-width: 1024px) {
  .wrapper-header .hdr-menu .hdr-prod .hdr-prod-top[data-prod-count="2"] .hdr-prod-column img {
    top: 17%;
  }
}

.wrapper-header .hdr-menu .hdr-prod .hdr-prod-top[data-prod-count="2"] .hdr-prod-column img.thumb-small {
  top: auto;
  bottom: 0;
}

.wrapper-header .hdr-menu .hdr-prod .hdr-prod-top[data-prod-count="1"] .hdr-prod-column img {
  position: static;
  margin-top: 95px;
}

@media (max-width: 1024px) {
  .wrapper-header .hdr-menu .hdr-prod .hdr-prod-top[data-prod-count="1"] .hdr-prod-column img {
    margin-top: 45px;
  }
}

@media (max-width: 767px) {
  .wrapper-header .hdr-menu .hdr-prod .hdr-prod-top[data-prod-count="1"] .hdr-prod-column img {
    position: absolute;
    margin-top: 0;
  }
}

.wrapper-header .hdr-menu .hdr-prod > ul > li.hdr-prod-top a:hover img:not(.thumb-small) {
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .wrapper-header .hdr-menu .hdr-prod > ul > li.hdr-prod-top a:hover img:not(.thumb-small) {
    margin-bottom: 0;
  }
}

.wrapper-header .hdr-menu .hdr-prod > ul > li.hdr-prod-top a[href*="/flex2"] img,
.wrapper-header .hdr-menu .hdr-prod > ul > li.hdr-prod-top a[href*="/charge2"] img {
  height: 130px;
  position: relative;
  bottom: -4px;
}

.wrapper-header .hdr-menu .hdr-prod > ul > li.hdr-prod-top a[href*="/zip"] img {
  height: 104px;
}

.wrapper-header .hdr-menu .hdr-prod > ul > li.hdr-prod-top a[href*="/aria"] img {
  max-width: none;
  height: 138px;
}

.wrapper-header .hdr-menu .hdr-prod > ul > li.hdr-prod-top a[href*="/flyer"] img {
  height: 130px;
}

.wrapper-header .hdr-menu .hdr-prod > ul > li.hdr-prod-top a[href*="/flyer"] img.thumb-small {
  height: 90px;
}

.wrapper-header .hdr-prod li.hdr-prod-top {
  display: block;
  vertical-align: middle;
  box-sizing: border-box;
  font-size: 16px;
  font-family: "Proxima Nova Light", Arial, sans-serif;
  padding-bottom: 20px;
}

.wrapper-header .hdr-prod li.hdr-prod-top.column-wrap {
  padding-bottom: 0;
}

@media (max-width: 767px) {
  .wrapper-header .hdr-prod li.hdr-prod-top.column-wrap[data-prod-count="1"] {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }

  .wrapper-header .hdr-prod li.hdr-prod-top.column-wrap[data-prod-count="2"] {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}

.wrapper-header li.hdr-prod-top,
.wrapper-header li.hdr-prod-extras li {
  border: 5px solid transparent;
}

.wrapper-header .hdr-prod > ul > li:after,
.wrapper-header .hdr-prod .hdr-prod-column > li:after,
.wrapper-header .hdr-prod li.hdr-prod-extras > ul > li:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  box-sizing: border-box;
  z-index: -1;
}

.wrapper-header .hdr-menu li.hdr-prod-extras li:after {
  background: linear-gradient(#c3c8c9, #e2e1e1);
}

.wrapper-header .hdr-menu li.hdr-prod-everyday:after {
  background: #00b0b9;
}

.wrapper-header .hdr-menu li.hdr-prod-active:after {
  background: #006ba6;
}

.wrapper-header .hdr-menu li.hdr-prod-performance:after {
  background: #003447;
}

.wrapper-header .hdr-menu .hdr-prod-column li:after {
  background: #929da0;
}

.wrapper-header .hdr-menu .hdr-prod-top[data-prod-count="1"] {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.wrapper-header .hdr-menu .hdr-prod-top[data-prod-count="2"] {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.wrapper-header .hdr-menu .hdr-prod-top[data-prod-count="3"] {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
}

.wrapper-header .hdr-menu .hdr-prod-top[data-prod-count="4"] {
  -webkit-box-flex: 3;
  -ms-flex-positive: 3;
  flex-grow: 3;
}

.wrapper-header .hdr-menu .hdr-prod-top[data-prod-count="5"] {
  -webkit-box-flex: 4;
  -ms-flex-positive: 4;
  flex-grow: 4;
}

.wrapper-header .hdr-menu .hdr-prod-top.column-wrap[data-prod-count="1"] {
  -webkit-box-flex: 1.5;
  -ms-flex-positive: 1.5;
  flex-grow: 1.5;
}

.wrapper-header .hdr-menu .hdr-prod-top.column-wrap[data-prod-count="2"] {
  -webkit-box-flex: 3.2;
  -ms-flex-positive: 3.2;
  flex-grow: 3.2;
}

.wrapper-header .hdr-menu .hdr-prod-top[data-prod-count="2"] + .wrapper-header .hdr-menu .hdr-prod-top.column-wrap[data-prod-count="1"],
.wrapper-header .hdr-menu .hdr-prod-top[data-prod-count="4"] ~ .wrapper-header .hdr-menu .hdr-prod-top.column-wrap[data-prod-count="1"],
.wrapper-header .hdr-menu .hdr-prod-top[data-prod-count="5"] ~ .wrapper-header .hdr-menu .hdr-prod-top.column-wrap[data-prod-count="1"] {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

@media (min-width: 767px) {
  .wrapper-header .hdr-menu .hdr-prod-top[data-prod-count="5"] {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }

  .wrapper-header .hdr-menu .hdr-prod-top.column-wrap {
    max-width: 30%;
  }
}

.wrapper-header ul.hdr-prod-row > li {
  display: inline-block;
  vertical-align: bottom;
  line-height: normal;
}

.wrapper-header li.hdr-prod li.hdr-prod-top a {
  width: auto;
  position: relative;
  text-align: center;
}

.wrapper-header .hdr-menu img,
.wrapper-header .hdr-menu a,
.wrapper-header .hdr-prod-new {
  transition: all .2s;
}

.wrapper-header .hdr-prod li.hdr-prod-top a:after {
  content: '';
  width: 70%;
  height: 6px;
  border-radius: 50%;
  position: absolute;
  bottom: 56px;
  left: 0;
  right: 0;
  margin: auto;
  background: transparent;
  opacity: 0.6;
  box-shadow: 0 25px 15px #000;
  display: block;
  transition: all .2s;
}

@media (max-width: 1024px) {
  .wrapper-header .hdr-prod li.hdr-prod-top a:after {
    width: 80%;
    height: 3px;
    opacity: 0.8;
  }
}

.wrapper-header .hdr-menu > ul > li.hdr-prod > ul > li > ul > li > a:hover:after {
  width: 55%;
  opacity: 0.3;
}

@media (max-width: 1024px) {
  .wrapper-header .hdr-menu > ul > li.hdr-prod > ul > li > ul > li > a:hover:after {
    width: 65%;
    opacity: 0.4;
  }
}

.wrapper-header .hdr-menu > ul > li > ul > li.hdr-prod-all {
  display: none;
}

.wrapper-header .hdr-prod-extras {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
  margin: 0;
}

.wrapper-header .hdr-prod > ul > li.hdr-prod-extras:after {
  background: transparent;
}

.wrapper-header .hdr-prod-extras ul li {
  display: block;
  width: 50%;
  float: left;
  position: relative;
  box-sizing: border-box;
  height: 170px;
}

.wrapper-header .hdr-prod-extras ul li.full {
  width: 100%;
}

.wrapper-header .hdr-prod-extras a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-align: center;
  position: relative;
  z-index: 10;
}

.wrapper-header .hdr-prod-extras a span {
  display: block;
  text-transform: capitalize;
  font-size: 18px;
  line-height: 1;
  height: 20%;
}

.wrapper-header .hdr-prod-extras a span b {
  line-height: 50px;
}

@media (max-width: 1024px) {
  .wrapper-header .hdr-prod-extras a span {
    font-size: 14px;
  }

  .wrapper-header .hdr-prod-extras a span b {
    line-height: 36px;
  }
}

@media (max-width: 767px) {
  .wrapper-header .hdr-prod-extras a span {
    font-size: 13px;
  }
}

.wrapper-header .hdr-prod-extras a img {
  display: inline-block;
  max-width: 100%;
}

.wrapper-header .hdr-prod-extras .hdr-extra-accessories a img {
  height: auto;
  max-height: 68%;
  max-width: 100%;
  margin-top: 28px;
}

@media (max-width: 1024px) {
  .wrapper-header .hdr-prod-extras .hdr-extra-accessories a img {
    max-height: 60%;
    margin-top: 24px;
  }
}

@media (max-width: 767px) {
  .wrapper-header .hdr-prod-extras .hdr-extra-accessories a img {
    width: 430px;
  }
}

.wrapper-header .hdr-prod-extras a:hover img,
.wrapper-header .hdr-prod-column a img:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.wrapper-header .hdr-prod-extras .hdr-extra-designer img {
  max-width: none;
  height: 15vw;
  margin: 0 auto;
  transition: -webkit-transform .2s, height 0s, width 0s;
  transition: transform .2s, height 0s, width 0s;
}

body[class*="locale-fr"] .wrapper-header .hdr-prod-extras .hdr-extra-designer img {
  height: 19vw;
}

.wrapper-header .hdr-prod-extras .hdr-extra-designer span {
  position: absolute;
  top: 20px;
  left: 26px;
  max-width: 370px;
  text-align: left;
}

.wrapper-header .hdr-prod-extras .hdr-extra-designer h1 {
  font-family: "Proxima Nova ThinT", Arial, Helvetica, sans-serif;
  font-size: 36px;
  line-height: 36px;
  letter-spacing: 10px;
  color: #FFF;
  margin: 0;
}

.wrapper-header .hdr-prod-extras .hdr-extra-designer h2 {
  font-family: "Proxima Nova Semibold", Arial, sans-serif;
  font-size: 18px;
  line-height: 18px;
  letter-spacing: 9px;
  padding-left: 2px;
  color: #FFF;
  margin: 0;
}

.wrapper-header .hdr-prod-extras .hdr-extra-app img {
  position: absolute;
  height: auto;
  max-height: 76%;
  bottom: 0;
  left: 45%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.wrapper-header .hdr-prod-extras .hdr-extra-app:hover img {
  -webkit-transform: translateX(-50%) scale(1.1);
  transform: translateX(-50%) scale(1.1);
}

.wrapper-header .hdr-menu-links > li:nth-child(n+2) li {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 0 18px;
  font-size: 18px;
  font-family: "Proxima Nova Light", Arial, sans-serif;
}

.wrapper-header .hdr-menu-links > li:nth-child(n+2) li a {
  display: inline-block;
  width: 100%;
  text-decoration: none;
  color: #626161;
}

.wrapper-header .hdr-menu-links > li:nth-child(n+2) ul {
  text-align: center;
  padding: 30px 0;
}

.wrapper-header .hdr-prod-compare {
  display: block;
  position: absolute;
  height: 60px;
  width: 100%;
  line-height: 60px;
  border-top: 1px solid #e2e2e2;
  bottom: 0;
  left: 0;
  background-color: #FFF;
  text-align: center;
}

.wrapper-header li.hdr-prod.hdr-plus .hdr-prod-compare,
.wrapper-header li.hdr-prod.hdr-plus:hover .hdr-prod-compare {
  color: #102429;
}

.wrapper-header .hdr-prod-compare a {
  color: #ee3d6e;
  font-family: "Proxima Nova Bold", Arial, sans-serif;
  margin: 0 0 0 5px;
  font-size: 0.9em;
}

.wrapper-header .hdr-prod-compare a:hover {
  color: #00b0b9;
  text-decoration: none;
}

.wrapper-header .hdr-prod-compare a:after {
  font-family: FontAwesome;
  content: '\f138';
  display: inline-block;
  vertical-align: baseline;
  position: relative;
  left: 5px;
}

.wrapper-header .hdr-prod-name[data-badge]::after {
  content: attr(data-badge);
  position: relative;
  bottom: 3px;
  margin-left: 4px;
  padding: 2px;
  background-color: #ef3d6f;
  border-radius: 2px;
  font-family: "Proxima Nova Bold", Arial, sans-serif;
  font-size: 10px;
  line-height: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
}

body {
  margin: 0;
  padding: 0;
  min-width: 0 !important;
}

.wrapper-header .logo {
  display: inline-block;
  line-height: 60px;
  overflow: visible;
  text-indent: -9999px;
  width: 123px;
  vertical-align: top;
  margin-right: 20px;
  position: relative;
  height: 60px;
}

.wrapper-header .logo .brand-cont {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 30px;
  width: 110px;
  background: url("../images/fitbit-logo-b8d71a7ba63970cab57de978d1524556.svg") no-repeat 0 0;
  background-size: cover;
}

.wrapper-header ul,
.wrapper-footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.wrapper-header {
  font-size: 1.6em;
  height: 60px;
  position: relative;
}

.wrapper-header .wrapper-header-inner,
.wrapper-footer .wrapper-footer-inner {
  margin: 0 auto;
  padding: 0 10px;
}

.wrapper-header .hdr-menu * {
  box-sizing: content-box;
}

.wrapper-header .hdr-menu > ul > li {
  line-height: 60px;
  font-family: "Proxima Nova Regular", Arial, sans-serif;
  color: #626161;
}

.wrapper-header .hdr-menu li.hdr-prod-top a {
  display: block;
  text-decoration: none;
  color: #626161;
}

.wrapper-header .hdr-menu li.hdr-prod-top.column-wrap a {
  position: absolute;
  top: 17px;
  right: 20px;
  left: 20px;
  bottom: 0;
}

.wrapper-header .hdr-menu li.hdr-prod-top.column-wrap a .thumb-small {
  display: none;
}

.wrapper-header .hdr-menu li.hdr-prod-top.column-wrap a::after {
  display: none;
}

@media (min-width: 767px) {
  .wrapper-header .hdr-menu li.hdr-prod-top.column-wrap[data-prod-count="2"] a .thumb-small {
    display: block;
  }

  .wrapper-header .hdr-menu li.hdr-prod-top.column-wrap[data-prod-count="2"] a .thumb-small + .thumb {
    display: none !important;
  }
}

.wrapper-header .hdr-menu > ul > li > ul > li:hover a {
  text-decoration: none;
  color: #4ac0c0;
}

.wrapper-header .hdr-menu > ul > li.hdr-prod > ul > li:hover a,
.wrapper-header .hdr-menu > ul > li.hdr-prod > ul > li a:link,
.wrapper-header .hdr-menu > ul > li.hdr-prod > ul > li a:visited,
.wrapper-header .hdr-menu > ul > li.hdr-prod > ul > li a:hover,
.wrapper-header .hdr-menu > ul > li.hdr-prod > ul > li a:active,
.wrapper-header .hdr-menu > ul > li.hdr-prod > ul > li a span {
  color: #fff;
}

.wrapper-header .hdr-menu > ul > li.hdr-prod > ul > li.hdr-prod-extras a span {
  color: #002A3A;
}

.wrapper-header .hdr-menu > ul.hdr-menu-actions > li a {
  color: #576569;
}

.wrapper-header .hdr-menu > ul > li.hdr-cart > ul {
  text-align: center;
  padding: 30px 0;
}

.wrapper-header .hdr-menu > ul > li.hdr-cart > ul > li {
  font-family: "Proxima Nova Light", Arial, sans-serif;
  font-size: 24px;
  color: #626161;
}

.wrapper-header .hdr-menu > ul > li.hdr-cart > ul > li > a.call-btn {
  display: inline-block;
  font-family: "Proxima Nova Bold", Arial, sans-serif;
  font-size: 14px;
  line-height: 18px;
  color: #ee3d6e;
  text-transform: uppercase;
  background: none;
  width: auto;
  height: auto;
  min-width: 115px;
  padding: 7px 10px;
  margin: 0 10px;
  border: 2px solid #ee3d6e;
  border-radius: 30px;
  vertical-align: middle;
}

.wrapper-header .hdr-menu > ul > li.hdr-cart > ul > li > a.call-btn:hover {
  color: #ffffff;
  background: #ee3d6e;
}

.wrapper-header .hdr-menu > ul > li.hdr-store a,
.wrapper-header .hdr-menu > ul a.cart-indicator {
  color: #ec3b6b;
  font-family: "Proxima Nova Bold", Arial, sans-serif;
  width: 100%;
  display: block;
  position: relative;
  height: 60px;
}

.wrapper-header .hdr-menu > ul > li.hdr-store:hover a {
  color: #4ac1c0;
}

.wrapper-header .hdr-menu > ul a.cart-indicator > span {
  color: #fff;
  position: absolute;
  top: -3px;
  left: -2px;
  font-size: 13px;
  width: 100%;
  text-align: center;
}

.wrapper-header .hdr-menu > ul a.cart-indicator:after {
  display: inline-block;
  width: 30px;
  height: 60px;
  content: " ";
  background: url("../images/site-nav/cart-9d73e8e37428b3aca8d4628f555f33b7.png") no-repeat center;
  background-size: contain;
}

.wrapper-header .hdr-menu > ul > li.cart-empty a.cart-indicator:after {
  background: url("../images/site-nav/cart-empty-ba444c06c3932e4272c669d664b66355.png") no-repeat center;
  background-size: contain;
}

.wrapper-header .hdr-menu > ul > li.hdr-cart:hover a.cart-indicator:after {
  background: url("../images/site-nav/cart-hover-91693c3e5666bbb16883c525b9bcb3df.png") no-repeat center;
  background-size: contain;
}

.wrapper-header .hdr-menu > ul > li.cart-empty:hover a.cart-indicator:after {
  background: url("../images/site-nav/cart-empty-hover-2e41aa2b77a04f96605fc8237ad6f905.png") no-repeat center;
  background-size: contain;
}

body[class*='locale-de'] .hdr-prod-performance span b {
  word-break: break-all;
}

/* Show localized text instead of vector logo if available */

.wrapper-header .hdr-menu > ul > li span.hdr-menu-item {
  display: inline;
  cursor: pointer;
}

.wrapper-header .hdr-menu > ul > li:hover {
  color: #00afb8;
}

.wrapper-header .hdr-menu > ul > li span.hdr-menu-item:hover:after {
  color: #00afb8;
}

.wrapper-header .hdr-menu .hdr-menu-actions {
  float: right;
}

.wrapper-header .hdr-menu .active > ul {
  display: block;
}

.wrapper-header .hdr-menu .hdr-prod.active > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

/* MKTG-495 EU Cookie Law */

.cookie-alert {
  background-color: #e5e5e5;
  text-align: center;
  opacity: 0;
  height: 0;
}

.cookie-content {
  max-width: 960px;
  margin: 0 auto;
  position: relative;
}

.cookie-content img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 30px;
  width: 54px;
}

.cookie-content p {
  display: inline-block;
  font-family: "Proxima Nova Regular", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 18px;
  line-height: 26px;
  color: #102429;
  margin: 27px 0;
}

.cookie-content p a {
  color: #102429;
  text-decoration: none;
  border-bottom: 1px solid #bec0c0;
}

.cookie-content .cookie-close {
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 22px;
  color: #5e5e5e;
}

.wrapper-header .hdr-menu .hdr-plus:after {
  display: inline-block;
  content: "\f107";
  opacity: 0.5;
  color: #102429;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.wrapper-header .mobile-show {
  display: none !important;
}

.wrapper-header .hdr-menu {
  display: inline;
}

.wrapper-header .hdr-menu > ul {
  display: inline-block;
}

.wrapper-header .hdr-menu > ul > li {
  display: block;
  float: left;
  padding: 0 1.05em;
}

.wrapper-header .hdr-menu.dec-2016 > ul > li {
  padding: 0 0.6em;
}

.wrapper-header .hdr-menu.dec-2016 > ul > li:lang(de),
.wrapper-header .hdr-menu.dec-2016 > ul > li:lang(es),
.wrapper-header .hdr-menu.dec-2016 > ul > li:lang(fr),
.wrapper-header .hdr-menu.dec-2016 > ul > li:lang(it),
.wrapper-header .hdr-menu.dec-2016 > ul > li:lang(ja) {
  padding: 0 0.4em;
}

.wrapper-header .hdr-menu > ul.hdr-menu-actions > li {
  float: right;
}

html:lang(fr) .wrapper-header .hdr-menu > ul > li.hdr-cart {
  padding: 0;
}

body[class*="locale-es"] .wrapper-header .hdr-menu > ul > li .hdr-menu-item,
body[class*="locale-de"] .wrapper-header .hdr-menu > ul > li .hdr-menu-item,
html:lang(fr) .wrapper-header .hdr-menu > ul > li .hdr-menu-item,
html:lang(it) .wrapper-header .hdr-menu > ul > li .hdr-menu-item {
  font-size: 15px;
}

.wrapper-header .hdr-menu > ul > li > ul {
  position: absolute;
  width: 100%;
  left: 0;
  background-color: #e1e1e1;
  background: linear-gradient(#e1e1e1, #f2f3f3);
  border-bottom: 1px solid #e2e2e2;
  z-index: 100000;
  display: none;
  padding: 15px 15px 80px;
}

.wrapper-header .hdr-menu > ul > li.hdr-prod > ul > li > ul > li a:after {
  transition: .2s;
}

@media (max-width: 1160px), (max-device-width: 1160px) {
  .hdr-prod-name::after {
    font-size: 10px;
    line-height: 10px;
    padding: 2px;
  }

  .wrapper-header .hdr-menu > ul > li > ul {
    padding: 10px 10px 80px 10px;
  }

  .wrapper-header .hdr-prod > ul > li:nth-child(2),
  .wrapper-header .hdr-prod > ul > li:nth-child(3) {
    min-width: 100px;
  }
}

@media (min-width: 1025px) and (max-width: 1130px), (min-device-width: 1025px) and (max-device-width: 1130px) {
  .wrapper-header .hdr-prod-extras .hdr-extra-designer img {
    height: 16.5vw;
  }

  body[class*="locale-fr"] .wrapper-header .hdr-prod-extras .hdr-extra-designer img {
    height: 20.5vw;
  }
}

@media (max-width: 1024px), (max-device-width: 1024px) {
  .wrapper-header ul.hdr-prod-row {
    height: 200px;
  }

  .wrapper-header .mobile-hide {
    display: none !important;
  }

  .wrapper-header li.hdr-prod-top,
  .wrapper-header li.hdr-prod-extras li {
    border: 4px solid transparent;
  }

  .wrapper-header .hdr-prod > ul > li:after,
  .wrapper-header .hdr-prod li.hdr-prod-extras > ul > li:after {
    z-index: 1;
  }

  .wrapper-header .hdr-prod li.hdr-prod-top a:after {
    bottom: 54px;
  }

  .wrapper-header .hdr-menu li.hdr-prod-top.column-wrap a {
    top: 10px;
    left: 12px;
    right: 12px;
    bottom: 0;
  }

  .hdr-prod-name {
    text-align: center;
    font-size: 13px;
    line-height: 16px;
  }

  .wrapper-header .hdr-prod-name[data-badge]::after {
    padding: 2px 2px 1px;
    font-size: 7px;
    line-height: 7px;
    bottom: 1px;
  }

  .wrapper-header .hdr-menu .hdr-prod-top > span:first-of-type,
  .wrapper-header .hdr-menu .hdr-prod-column > li > span:first-of-type {
    font-size: 14px;
    line-height: 18px;
    position: absolute;
    padding: 10px 12px;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
  }

  .wrapper-header .hdr-menu:before {
    content: '\f0c9';
    position: absolute;
    font-size: 2em;
    top: -60px;
    right: 20px;
    line-height: 60px;
    color: #4ac0c0;
  }

  .hdr-menu {
    position: absolute;
    width: 100%;
    left: 0;
    top: 60px;
  }

  .wrapper-header .hdr-menu > ul > li span.hdr-menu-item {
    display: block;
  }

  .wrapper-header .hdr-menu > ul > li.active .hdr-menu-item {
    color: #4ac1c0;
  }

  .wrapper-header .hdr-menu .hdr-menu-item {
    padding-left: 20px;
    font-size: 23px;
    overflow: auto;
    display: block;
  }

  body[class*="locale-es"] .wrapper-header .hdr-menu > ul > li .hdr-menu-item,
  body[class*="locale-de"] .wrapper-header .hdr-menu > ul > li .hdr-menu-item,
  html:lang(fr) .wrapper-header .hdr-menu > ul > li .hdr-menu-item,
  html:lang(it) .wrapper-header .hdr-menu > ul > li .hdr-menu-item {
    font-size: 23px;
  }

  .wrapper-header .hdr-menu > ul {
    position: relative;
    display: none;
    float: left;
    z-index: 100000;
    width: 100%;
    background-color: #EBEBEB;
    overflow: hidden;
  }

  .wrapper-header .hdr-menu.active > ul {
    display: block;
  }

  .wrapper-header .hdr-menu > ul > li {
    display: block;
    border-top: 1px solid #c5c5c5;
    position: relative;
    float: none;
    padding: 0;
  }

  .wrapper-header .hdr-menu.dec-2016 > ul > li:lang(de),
  .wrapper-header .hdr-menu.dec-2016 > ul > li:lang(es),
  .wrapper-header .hdr-menu.dec-2016 > ul > li:lang(fr),
  .wrapper-header .hdr-menu.dec-2016 > ul > li:lang(it),
  .wrapper-header .hdr-menu.dec-2016 > ul > li:lang(ja),
  html:lang(fr) .wrapper-header .hdr-menu > ul > li.hdr-cart,
  .wrapper-header .hdr-menu.dec-2016 > ul > li {
    padding: 0;
  }

  .wrapper-header .hdr-menu.dec-2016 > ul > li.hdr-menu-item {
    padding-left: 20px;
  }

  .wrapper-header .hdr-prod.active,
  .wrapper-header .hdr-menu.dec-2016 > ul > li.hdr-prod.active {
    padding-bottom: 70px;
  }

  .wrapper-header .hdr-menu > ul.hdr-menu-actions > li {
    float: none;
  }

  .wrapper-header .hdr-prod-compare {
    line-height: 25px;
    overflow: auto;
    padding: 10px 0 0 0;
    color: #000;
    border: none;
  }

  .wrapper-header .hdr-prod-compare a {
    display: block;
  }

  .wrapper-header .hdr-menu > ul > li.highlight {
    background-color: #fefefe;
  }

  .wrapper-header .hdr-menu > ul > li.hdr-store a {
    width: 80%;
    float: left;
  }

  .wrapper-header .hdr-menu > ul > li.hdr-store a.cart-indicator {
    width: 30px;
    height: 60px;
    display: inline-block !important;
    float: right;
    margin-right: 18px;
    overflow: hidden;
  }

  .wrapper-header .hdr-menu > ul > li.hdr-store a:after {
    margin-right: 19px;
  }

  .wrapper-header .hdr-menu > ul > li > ul {
    position: static;
    display: block;
    line-height: 3em;
    background: #fefefe;
    border-bottom: 0;
  }

  .wrapper-header .hdr-menu .hdr-prod > ul > li.hdr-prod-top img,
  .wrapper-header .hdr-menu .hdr-prod > ul > li.hdr-prod-top a[href] img {
    height: 84px;
  }

  .wrapper-header .hdr-menu .hdr-prod > ul > li.hdr-prod-top a[href*="/zip"] img {
    height: 62px;
  }

  .wrapper-header .hdr-menu .hdr-prod > ul > li.hdr-prod-top a[href*="/flex2"] img,
  .wrapper-header .hdr-menu .hdr-prod > ul > li.hdr-prod-top a[href*="/charge2"] img {
    height: 88px;
    bottom: -3px;
  }

  .wrapper-header .hdr-menu .hdr-prod > ul > li.hdr-prod-top a[href*="/aria"] img {
    height: 100px;
  }

  .wrapper-header .hdr-menu .hdr-prod > ul > li.hdr-prod-top a[href*="/flyer"] img {
    height: 120px;
  }

  .wrapper-header .hdr-menu .hdr-prod > ul > li.hdr-prod-top a[href*="/flyer"] img.thumb-small {
    height: 70px;
  }

  .wrapper-header .hdr-menu > ul > li.hdr-prod > ul {
    overflow: hidden;
  }

  .wrapper-header .hdr-menu > ul > li.hdr-prod > .hdr-prod-column > li i {
    padding-left: 20px;
  }

  .wrapper-header .hdr-prod-extras {
    overflow: hidden;
  }

  .wrapper-header .hdr-prod-extras ul li {
    height: 130px;
  }

  .wrapper-header .hdr-menu .hdr-plus:after {
    content: "+";
    position: absolute;
    top: 0;
    right: 18px;
    font-size: 60px;
    line-height: 1em;
    font-family: "Proxima Nova ThinT", Arial, Helvetica, sans-serif;
    color: #4ac0c0;
    opacity: 1;
  }

  .wrapper-header .hdr-menu .hdr-plus.active {
    color: #4ac0c0;
    background-color: #fefefe;
  }

  .wrapper-header .hdr-menu .hdr-plus.active:after {
    content: "\2212";
  }

  .wrapper-header .hdr-menu .hdr-plus > ul {
    display: none;
  }

  .wrapper-header .hdr-menu .hdr-plus:hover > ul {
    display: none;
  }

  .wrapper-header .hdr-menu .hdr-plus.active > ul {
    display: block;
    background-color: #fefefe;
    padding: 0 16px;
  }

  .wrapper-header .hdr-menu .hdr-plus.hdr-prod.active > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .wrapper-header .hdr-menu .hdr-plus > ul > li > a {
    padding-left: 40px;
  }

  .wrapper-header .hdr-menu-links > li:nth-child(n+2) li {
    display: block;
    text-align: left;
    font-size: 15px;
    padding: 0 10px;
  }

  .wrapper-header .hdr-menu .hdr-plus > ul > li:before {
    display: inline-block;
    position: absolute;
    content: "\f105";
    font-family: "Proxima Nova Bold", Arial, sans-serif;
    left: 20px;
    padding: 15px 0;
    color: #626161;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .wrapper-header .hdr-prod-extras .hdr-extra-designer img {
    height: 22vw;
    margin-left: -30px;
  }

  html:lang(fr) .wrapper-header .hdr-prod-extras .hdr-extra-designer h1 {
    font-size: 30px;
    line-height: 32px;
  }

  .hdr-prod-name::after {
    font-size: 10px;
    line-height: 10px;
    padding: 2px;
  }

  /* MKTG-495 EU Cookie Law */

  .cookie-content {
    max-width: 768px;
  }

  .cookie-content p {
    font-size: 14px;
  }
}

@media (max-width: 1024px), (max-device-width: 1024px) {
  html .wrapper-header .hdr-menu > ul {
    position: relative;
    display: none;
    float: left;
    z-index: 100000;
    width: 100%;
    background-color: #EBEBEB;
    overflow: hidden;
  }
}

@media (min-width: 768px), (min-device-width: 768px) {
  .hdr-prod .hdr-prod-row li {
    white-space: nowrap;
  }
}

@media (max-width: 767px), (max-device-width: 767px) {
  .wrapper-header {
    height: 38px;
  }

  .wrapper-header .logo {
    line-height: 38px;
    height: 38px;
  }

  .wrapper-header .hdr-prod-active > ul {
    max-width: 90%;
  }

  .wrapper-header .hdr-menu {
    top: 38px;
  }

  .wrapper-header .hdr-menu .hdr-plus.active > ul,
  .wrapper-header .hdr-menu.dec-2016 > ul > li.hdr-prod.active {
    padding: 0;
  }

  .wrapper-header .hdr-menu > ul > li {
    line-height: 38px;
  }

  .wrapper-header .hdr-menu > ul > li > ul {
    top: 38px;
  }

  .wrapper-header .hdr-menu li.hdr-prod-everyday {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }

  .wrapper-header .hdr-menu li.hdr-prod-active {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }

  .wrapper-header .hdr-menu li.hdr-prod-performance {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }

  .wrapper-header .hdr-menu li.column-wrap {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }

  .wrapper-header .hdr-menu:before {
    top: -38px;
    right: 20px;
    line-height: 38px;
  }

  .wrapper-header .hdr-menu.active:before {
    font-size: 32px;
    right: 20px;
  }

  .wrapper-header .hdr-menu .hdr-menu-item {
    height: 45px;
    overflow: auto;
  }

  .wrapper-header li.hdr-prod > ul {
    padding: 0;
  }

  .wrapper-header .hdr-menu > ul > li {
    line-height: 45px;
  }

  .wrapper-header .hdr-prod-extras {
    margin: 0;
    padding-right: 0;
    padding-bottom: 0 !important;
  }

  .wrapper-header .hdr-prod-extras ul li {
    width: 100%;
    border: none;
    height: auto;
    min-height: 100px;
  }

  .wrapper-header .hdr-prod-extras a {
    height: auto;
    max-height: 100px;
  }

  .wrapper-header .hdr-prod-extras .hdr-extra-app a {
    height: 100px;
  }

  .wrapper-header .hdr-prod-extras a span b {
    position: relative;
    top: 8px;
    margin-bottom: 4px;
    line-height: normal;
  }

  .wrapper-header .hdr-menu > ul > li > span,
  .wrapper-header .hdr-menu .hdr-menu-item {
    padding-left: 10px !important;
    font-size: 16px !important;
  }

  .wrapper-header .hdr-menu > ul > li.hdr-store a {
    height: 38px;
  }

  .wrapper-header .hdr-menu > ul > li.hdr-store a.cart-indicator {
    width: 24px;
    height: 45px;
    display: inline-block;
    float: right;
    overflow: hidden;
    margin-right: 11px;
  }

  .wrapper-header .hdr-menu > ul a.cart-indicator > span {
    font-size: 10px;
    margin-top: 1px;
  }

  .wrapper-header .hdr-menu > ul a.cart-indicator:after {
    width: 17px;
    height: 39px;
  }

  .wrapper-header .hdr-menu > ul > li.hdr-store a:after {
    height: 45px;
    width: 24px;
    margin-right: 9px;
  }

  .wrapper-header .hdr-menu .hdr-plus:after {
    line-height: 1.5em;
    right: 15px;
    font-size: 30px;
  }

  .wrapper-header ul.hdr-prod-row {
    height: 150px;
  }

  .wrapper-header li[data-prod-count="1"] ul.hdr-prod-row,
  .wrapper-header li[data-prod-count="2"] ul.hdr-prod-row {
    height: 100%;
    min-height: 154px;
  }

  .wrapper-header li[data-prod-count="2"] ul.hdr-prod-row {
    max-width: 180px;
  }

  .wrapper-header li[data-prod-count="3"] ul.hdr-prod-row {
    max-width: 250px;
  }

  .wrapper-header li[data-prod-count="4"] ul.hdr-prod-row {
    max-width: 325px;
  }

  .wrapper-header li[data-prod-count="5"] ul.hdr-prod-row {
    max-width: 350px;
  }

  .wrapper-header .hdr-menu .hdr-prod-top > span:first-of-type,
  .wrapper-header .hdr-menu .hdr-prod-column > li > span:first-of-type {
    padding: 8px 10px;
    font-size: 13px;
    line-height: 15px;
    text-align: center !important;
  }

  .hdr-prod-name {
    font-size: 11px;
    line-height: 13px;
  }

  .hdr-prod-name::after {
    font-size: 8px;
    line-height: 8px;
    letter-spacing: 1px;
    padding: 3px;
  }

  .wrapper-header .hdr-menu li.hdr-prod-top.column-wrap a {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    width: 100%;
    height: 100%;
  }

  .wrapper-header .hdr-menu li.hdr-prod-top.column-wrap a img {
    margin: 0 !important;
    top: 50% !important;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .wrapper-header .hdr-menu li.hdr-prod-top.column-wrap a .hdr-prod-name {
    margin: 0;
    left: 50% !important;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
  }

  .wrapper-header .hdr-prod li.hdr-prod-top a:after {
    bottom: 50px;
  }

  .wrapper-header .hdr-menu .hdr-prod > ul > li.hdr-prod-top img,
  .wrapper-header .hdr-menu .hdr-prod > ul > li.hdr-prod-top a[href] img {
    height: 70px;
  }

  .wrapper-header .hdr-menu .hdr-prod > ul > li.hdr-prod-top a[href*="/flex2"] img,
  .wrapper-header .hdr-menu .hdr-prod > ul > li.hdr-prod-top a[href*="/charge2"] img {
    height: 74px;
    bottom: -2px;
  }

  .wrapper-header .hdr-menu .hdr-prod > ul > li.hdr-prod-top a[href*="/aria"] img {
    height: 76px;
  }

  .wrapper-header .hdr-menu .hdr-prod > ul > li.hdr-prod-top a[href*="/zip"] img {
    height: 60px;
  }

  .wrapper-header .hdr-menu .hdr-prod > ul > li.hdr-prod-top a[href*="/flyer"] img:not(.thumb-small) {
    height: 90px;
  }

  .wrapper-header .hdr-menu > ul > li.hdr-prod > ul.hdr-prod-column > li i {
    padding-left: 0;
  }

  .wrapper-header .hdr-menu > ul > li > ul > li i {
    position: absolute;
    left: 10px;
    top: 0.5em;
  }

  .wrapper-header .hdr-menu > ul > li.hdr-prod > ul {
    white-space: normal;
  }

  .wrapper-header .hdr-menu > ul > li.hdr-prod > ul > li {
    width: 100%;
    vertical-align: top;
    position: relative;
    border: 0;
    padding-bottom: 14px;
  }

  .wrapper-header .hdr-menu > ul > li.hdr-prod > ul > li.hdr-prod-active,
  .wrapper-header .hdr-menu > ul > li.hdr-prod > ul > li.hdr-prod-performance {
    width: 50%;
  }

  .wrapper-header .hdr-menu .hdr-plus > ul > li > a {
    padding-left: 20px;
  }

  .wrapper-header .hdr-menu .hdr-plus > ul > li:before {
    left: 10px;
  }

  .wrapper-header .hdr-menu .hdr-plus.active {
    padding-bottom: 0;
  }

  .wrapper-header .hdr-prod-compare {
    position: relative;
    font-size: 14px;
    line-height: 16px;
    padding: 10px 5px;
    height: auto;
  }

  .wrapper-header .hdr-prod-compare a {
    margin-top: 3px;
  }

  .wrapper-header .hdr-prod-extras .hdr-extra-designer img {
    height: 31vw;
    margin-left: auto;
  }

  body[class*="locale-fr"] .wrapper-header .hdr-prod-extras .hdr-extra-designer img {
    height: 36vw;
  }

  .wrapper-header .hdr-prod-extras .hdr-extra-designer span {
    top: 10px;
    left: 14px;
  }

  .wrapper-header .hdr-prod-extras .hdr-extra-designer h1 {
    font-size: 24px;
    line-height: 24px;
    letter-spacing: 6px;
  }

  .wrapper-header .hdr-prod-extras .hdr-extra-designer h2 {
    font-size: 11px;
    line-height: 11px;
    letter-spacing: 6px;
  }

  /* MKTG-495 EU Cookie Law */

  .cookie-content img {
    width: 25px;
    margin-right: 15px;
    vertical-align: baseline;
  }

  .cookie-content p {
    font-size: 14px;
    line-height: 18px;
    max-width: 220px;
    margin: 7px 0;
  }

  .cookie-content .cookie-close {
    position: relative;
    left: 10px;
    top: -10px;
  }
}

@font-face {
  font-family: 'Proxima Nova Regular';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/proxima-nova-regular-b91ba553ef33a1b5a47f16d66468478e.eot");
  src: url("../fonts/proxima-nova-regular-b91ba553ef33a1b5a47f16d66468478e.eot") format("embedded-opentype"), url("../fonts/proxima-nova-regular-852046040da1526ac5ac9cdbee2e3723.woff") format("woff"), url("../fonts/proxima-nova-regular-4718658988fe7ed007ba7aa421e4db57.ttf") format("truetype"), url("../fonts/proxima-nova-regular-a9dab83abc5f161adb94e640d2456d5a.svg") format("svg");
}

@font-face {
  font-family: 'Proxima Nova Bold';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/proxima-nova-bold-c5132b3459d41a297ce7d2ee1ca8f5ca.eot");
  src: url("../fonts/proxima-nova-bold-c5132b3459d41a297ce7d2ee1ca8f5ca.eot") format("embedded-opentype"), url("../fonts/proxima-nova-bold-f73f22aa93a861006ae7f54f9968fec0.woff") format("woff"), url("../fonts/proxima-nova-bold-384cf1ed2d7885ee5d696cec94084a96.ttf") format("truetype"), url("../fonts/proxima-nova-bold-395216d676c01eddd6eadcc3e71a058a.svg") format("svg");
}

@font-face {
  font-family: 'Proxima Nova SemiBold';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/proxima-nova-semibold-645323b84162fe63fd0654a50b71ec75.eot");
  src: url("../fonts/proxima-nova-semibold-645323b84162fe63fd0654a50b71ec75.eot") format("embedded-opentype"), url("../fonts/proxima-nova-semibold-3163eca2ebe9b39d7aaf4ba594ce39d7.woff") format("woff"), url("../fonts/proxima-nova-semibold-445f1fe6eb9641ac9b382cbd16b1e9a3.ttf") format("truetype"), url("../fonts/proxima-nova-semibold-a79fc1dd26c862fa43237c9b9eebcc04.svg") format("svg");
}

@font-face {
  font-family: 'Proxima Nova Light';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/proxima-nova-light-25b45c331498ff377abe22554f05943d.eot");
  src: url("../fonts/proxima-nova-light-25b45c331498ff377abe22554f05943d.eot") format("embedded-opentype"), url("../fonts/proxima-nova-light-b08aa39dfd53fb455693786505ed211e.woff") format("woff"), url("../fonts/proxima-nova-light-982154eacb03c17d9cf072a97208af46.ttf") format("truetype"), url("../fonts/proxima-nova-light-918e11e776f56b8c6097ae4af49461e6.svg") format("svg");
}

@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/oswald-4d134b78e36a5a83a4c9791cc51cf0b4.eot") format("embedded-opentype"), url("../fonts/oswald-60389e09b5bdea2a3fd272f20f7ed0eb.woff") format("woff"), url("../fonts/oswald-42764885fe13006d49a1ad4dd45bcf0a.ttf") format("truetype"), url("../fonts/oswald-12959ea5f0bcf234de7c9e45a8d9df7f.svg") format("svg");
}

@font-face {
  font-family: 'Fitbit Icons';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/fitbit-icons-6dc72e42c0284644e1fe7d82e336147b.woff") format("woff"), url("../fonts/fitbit-icons-3d18baa2e413d4dd78478b6efe9d1f63.ttf") format("truetype"), url("../fonts/fitbit-icons-3d50451775d360dda3318967f4fa016c.svg") format("svg");
}

ul.china-social i.ftr-social-china {
  height: 29px;
  width: 33px;
  display: inline-block;
  vertical-align: middle;
  background: url("../images/common/china-social/footer-china-social-icons-bfd4b4cd27582ca94a8a6003de060158.png");
  background-size: 66px;
}

ul.china-social i.ftr-social-china.weibo {
  background-position: 0 -29px;
}

ul.china-social i.ftr-social-china.weibo:hover {
  background-position: 33px -29px;
}

ul.china-social i.ftr-social-china.weixin:hover {
  background-position: 33px 0;
}

.weixin-popup-content {
  display: none;
}

.weixin-popup {
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  position: fixed;
  margin: auto;
  outline: 0;
  width: 100%;
  height: 100%;
  padding: 20px 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow-y: auto;
}

.weixin-popup .weixin-popup-content {
  position: relative;
  margin: auto;
  text-align: center;
  display: block;
  background-color: white;
  height: initial;
  width: 379px;
  padding: 43px 30px 30px;
  border-radius: 15px;
}

@media (max-width: 767px), (max-device-width: 767px) {
  .weixin-popup .weixin-popup-content {
    width: 300px;
  }
}

.weixin-popup .weixin-popup-content img:first-of-type {
  margin-bottom: 10px;
}

.weixin-popup .weixin-popup-content .weixin-popup-close {
  display: block;
  width: 16px;
  height: 16px;
  background-color: #999;
  position: absolute;
  right: 10px;
  top: 11px;
  border-radius: 50%;
  line-height: 16px;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
  text-decoration: none;
  font-family: Arial, sans-serif;
  transition: all 100ms;
}

.weixin-popup .weixin-popup-content .weixin-popup-close:hover {
  background: #000;
}

.weixin-popup .weixin-popup-content .weixin-popup-close:before {
  content: '\00D7';
}

.weixin-popup-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  opacity: .5;
  background-color: #000;
}

@-webkit-keyframes hideFormAfterSuccessSubmit {
  from {
    opacity: 1;
  }

  99% {
    opacity: 0;
  }

  to {
    opacity: 0;
  }
}

@keyframes hideFormAfterSuccessSubmit {
  from {
    opacity: 1;
  }

  99% {
    opacity: 0;
  }

  to {
    opacity: 0;
  }
}

@-webkit-keyframes showSuccessMessageAfterSuccessSubmit {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes showSuccessMessageAfterSuccessSubmit {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

footer .ftr-mail-me {
  font: normal normal 0.8125rem "Proxima Nova Bold", helvetica, arial, sans-serif;
  background-color: #E6E6E6;
  color: #999999;
  font-size: 1rem;
  text-align: center;
  text-transform: uppercase;
  padding: 10px 0;
  z-index: 1;
  transition: height .5s ease-out;
  height: 51px;
  line-height: 30px;
  position: relative;
  display: block;
}

@media (max-width: 1024px) {
  footer .ftr-mail-me.success-msg {
    height: auto;
    min-height: 51px;
  }
}

@media (max-width: 767px), (max-device-width: 767px) {
  footer .ftr-mail-me {
    height: 75px;
    padding-top: 10px;
  }
}

footer .ftr-mail-me .subscribe-text {
  position: relative;
  margin-bottom: 10px;
  line-height: 30px;
  font: 0.875rem "Proxima Nova Bold", Arial, sans-serif;
  margin-right: 15px;
}

@media screen and (min-width: 64em) {
  footer .ftr-mail-me .subscribe-text {
    margin-bottom: 0;
    line-height: inherit;
  }
}

@media (max-width: 767px), (max-device-width: 767px) {
  footer .ftr-mail-me .subscribe-text {
    display: block;
    margin-right: 0;
  }
}

footer .ftr-mail-me .form {
  display: inline-block;
}

@media (max-width: 767px), (max-device-width: 767px) {
  footer .ftr-mail-me .form {
    display: block;
  }
}

footer .ftr-mail-me.success-msg .form,
footer .ftr-mail-me.success-msg .subscribe-text {
  display: none;
}

footer .ftr-mail-me .email-holder {
  width: 14.375rem;
  height: 30px;
  border: none;
  display: inline-block;
  border-radius: 5px;
  padding: 0 35px;
  position: relative;
  background: white;
}

footer .ftr-mail-me .footer-mail {
  position: absolute;
  left: 0.625rem;
  top: 0.4375rem;
}

footer .ftr-mail-me .arrow {
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 9px;
  width: 14px;
  height: 14px;
  background: url("../images/ui/learn_more_arrow-e1947d74ae4479dba1f53fc276a46113.png") no-repeat;
}

footer .ftr-mail-me input {
  font: normal normal 0.8125rem "Proxima Nova Regular", helvetica, arial, sans-serif;
  box-shadow: none;
  border: 0;
  background: white;
  height: 1.875rem;
  line-height: 1;
  outline: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

footer .ftr-mail-me input:focus {
  border: none;
  transition: none;
  box-shadow: none;
}

footer .ftr-mail-me .subscription-success-message {
  height: 30px;
  opacity: 0;
  line-height: inherit;
  display: none;
}

footer .ftr-mail-me .subscription-success-message,
footer .ftr-mail-me .subscription-success-message span {
  font: 14px "Proxima Nova Bold", Arial, sans-serif;
  color: #939C9E;
  line-height: inherit;
}

@media (max-width: 767px), (max-device-width: 767px) {
  footer .ftr-mail-me .subscription-success-message {
    position: relative;
    height: calc(100% + 12px);
  }

  footer .ftr-mail-me .subscription-success-message > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 10px;
    box-sizing: border-box;
  }
}

footer .ftr-mail-me .subscription-success-message .marketing-link {
  font: inherit;
}

footer .ftr-mail-me .subscription-success-message .marketing-link a.here-icon {
  color: #EE3D6E;
  font: inherit;
  white-space: nowrap;
}

footer .ftr-mail-me .subscription-success-message .marketing-link a.here-icon:after {
  font-family: "dme-icons";
  content: "\e901";
  margin-left: 8px;
  display: inline-block;
}

footer .ftr-mail-me .subscription-success-message .marketing-link-cta {
  font: inherit;
  display: none;
}

footer .ftr-mail-me .subscription-success-message .marketing-link-cta .cta-shop-now {
  color: #fff;
  background: #EE3D6E;
  text-transform: uppercase;
  border-radius: 25px;
  font-family: "Proxima Nova Bold", Arial, sans-serif;
  border: none;
  cursor: pointer;
  border-radius: 25px;
  border: 3px solid #EE3D6E;
  padding: 6px 10px;
  font-size: 14px;
  white-space: nowrap;
}

footer .ftr-mail-me .subscription-success-message .marketing-link-cta .cta-shop-now:hover {
  background: none;
  color: #EE3D6E;
  text-decoration: none;
  border-color: #EE3D6E;
}

footer .ftr-mail-me.shop .marketing-link {
  display: none;
}

footer .ftr-mail-me.shop .marketing-link-cta {
  display: inline;
}

footer .ftr-mail-me .subscription-error-message {
  display: block;
  position: absolute;
  color: #f34e7b;
  font: 12px "Proxima Nova Regular", Arial, sans-serif;
  text-transform: none;
  white-space: nowrap;
  padding-top: 9px;
  opacity: 0;
  visibility: hidden;
  transition: opacity .5s step-end;
}

footer .ftr-mail-me.submited {
  height: 51px;
}

footer .ftr-mail-me.error {
  height: 75px;
}

@media (max-width: 767px), (max-device-width: 767px) {
  footer .ftr-mail-me.error {
    height: 100px;
  }
}

footer .ftr-mail-me.error .subscription-error-message {
  visibility: visible;
  opacity: 1;
}

footer .ftr-mail-me.success .form,
footer .ftr-mail-me.success .subscribe-text {
  -webkit-animation-name: hideFormAfterSuccessSubmit;
  animation-name: hideFormAfterSuccessSubmit;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

footer .ftr-mail-me.success-msg .subscription-success-message {
  display: inline-block;
  -webkit-animation-name: showSuccessMessageAfterSuccessSubmit;
  animation-name: showSuccessMessageAfterSuccessSubmit;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

footer .social {
  font-size: 1.5625rem;
}

footer .social a {
  color: #939C9E;
}

footer .social a:hover {
  color: #4DBFBF;
}

footer .social ul {
  margin: 0;
  padding: 0;
}

footer .social li {
  display: inline-block;
  list-style-type: none;
  text-align: center;
  padding: 0 1.25rem;
  line-height: 4.1875rem;
}

footer .social .blog {
  font: normal normal 1.25rem "Proxima Nova Bold", helvetica, arial, sans-serif;
}

@media screen and (max-width: 63.9375em) {
  footer .social {
    font-size: 1.1875rem;
  }

  footer .social li {
    padding: 0 0.5rem;
  }
}

footer .links-primary {
  border-top: 1px solid #E1E1E1;
  margin-bottom: 0.3125rem;
}

footer .links-primary li {
  display: inline-block;
  list-style-type: none;
  line-height: 2.5rem;
  padding: 0 0.625rem;
}

footer .links-primary li:first-child {
  margin-left: 0;
  padding-left: 0;
  text-align: left;
}

footer .links-primary .logo {
  position: relative;
  top: 0.25rem;
  display: inline-block;
  overflow: hidden;
  height: 1rem;
  width: 4.0625rem;
  text-indent: -624.9375rem;
  background: url("../images/fitbit-logo-b8d71a7ba63970cab57de978d1524556.svg") no-repeat 0 0;
  margin-top: 0.1875rem;
}

footer .links-primary .links ul {
  margin: 0;
}

footer .links-primary .links a {
  color: #102429;
  font: normal normal 0.8125rem "Proxima Nova Regular", helvetica, arial, sans-serif;
}

footer .links-primary .links a:hover {
  color: #4DBFBF;
}

footer .links-primary .locale {
  font: normal normal 0.8125rem "Proxima Nova SemiBold", helvetica, arial, sans-serif;
  color: #939C9E;
  line-height: 2.5rem;
}

footer .links-primary .locale a {
  color: #939C9E;
  font: normal normal 0.8125rem "Proxima Nova Regular", helvetica, arial, sans-serif;
}

footer .links-primary .locale a:hover {
  color: #00b0b9;
}

@media screen and (max-width: 63.9375em) {
  footer .links-primary {
    border-top: none;
    border-bottom: 1px solid #E1E1E1;
    margin-bottom: 1.75rem;
    padding-bottom: 0.9375rem;
  }
}

footer .links-secondary {
  font: normal normal 0.75rem "Proxima Nova Regular", helvetica, arial, sans-serif;
  margin-bottom: 0.9375rem;
}

footer .links-secondary .copyright {
  color: #939C9E;
  line-height: 1.5625rem;
}

footer .links-secondary ul {
  margin-left: 0;
}

footer .links-secondary li {
  display: inline-block;
  list-style-type: none;
  line-height: 1.5625rem;
  padding: 0 0.1875rem;
}

footer .links-secondary li a {
  color: #3C3C3C;
}

footer .links-secondary li a:hover {
  color: #00b0b9;
}

@media screen and (max-width: 63.9375em) {
  footer .links-secondary {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

footer .notify-list {
  top: 80px;
  right: 111px;
  left: auto;
  display: block;
}

footer .locale span {
  background-size: contain !important;
  display: inline-block;
  width: 17px;
  height: 21px;
  top: 8px;
  margin-right: 5px;
  opacity: .4;
}

footer .locale span::before {
  content: none;
}

body[class*="en_AU"] footer .locale span {
  background: url("../images/common/country-icons/Australia-0e7511e6775cdc2868fc2f8c36b939f9.png") no-repeat left top;
}

body[class*="zh_CN"] footer .locale span {
  background: url("../images/common/country-icons/China-9457ccf189667d66745d73f9d0cac7f8.png") no-repeat left top;
}

body[class*="zh_TW"] footer .locale span {
  background: url("../images/common/country-icons/Taiwan-704f98bccbec17133b919b63ecd7fdd5.png") no-repeat left top;
}

body[class*="en_HK"] footer .locale span {
  background: url("../images/common/country-icons/Hong-Kong-a7a232bdb3b2500ff55eca5d8e6ec76a.png") no-repeat left top;
}

body[class*="ja_JP"] footer .locale span {
  background: url("../images/common/country-icons/Japan-c016c08a75be67c2561a1abba2d487ee.png") no-repeat left top;
}

body[class*="en_NZ"] footer .locale span {
  background: url("../images/common/country-icons/New-Zealand-bf8931cd8f24361cb197f3d2657dc104.png") no-repeat left top;
}

body[class*="en_SG"] footer .locale span {
  background: url("../images/common/country-icons/Singapore-d86717e2a5016bda94e0d43c96683cd3.png") no-repeat left top;
}

body[class*="ko_KR"] footer .locale span {
  background: url("../images/common/country-icons/South-Korea-3a29316a45f53f3e15cc29d3db1badfe.png") no-repeat left top;
}

body[class*="de_DE"] footer .locale span {
  background: url("../images/common/country-icons/Germany-5dc419f4ca961cbba407f734ce06678b.png") no-repeat left top;
}

body[class*="es_ES"] footer .locale span {
  background: url("../images/common/country-icons/Spain-1850e3a582cb2762c702bfbd26647013.png") no-repeat left top;
}

body[class*="fr_FR"] footer .locale span {
  background: url("../images/common/country-icons/France-1c1243a8115609cc5b55a7f75233da4d.png") no-repeat left top;
}

body[class*="it_IT"] footer .locale span {
  background: url("../images/common/country-icons/Italy-39c7e1253dc14eec99fbf974b1aafd97.png") no-repeat left top;
}

body[class*="en_GB"] footer .locale span {
  background: url("../images/common/country-icons/United-Kingdom-c82f04249331a23867a70d7cfba1fa5f.png") no-repeat left top;
}

body[class*="en_IE"] footer .locale span {
  background: url("../images/common/country-icons/Ireland-7f9d3d9381d23f4654feedba997082cc.png") no-repeat left top;
}

body[class*="en_EU"] footer .locale span {
  background: url("../images/common/country-icons/EU-55dd064087c89dace228a2cc292a05da.png") no-repeat left top;
}

body[class*="es_AR"] footer .locale span {
  background: url("../images/common/country-icons/Argentina-77ad93732b6d3795565b15138f87f43f.png") no-repeat left top;
}

body[class*="es_CL"] footer .locale span {
  background: url("../images/common/country-icons/Chile-ce73b297c683c8364514b0638965e65e.png") no-repeat left top;
}

body[class*="es_CO"] footer .locale span {
  background: url("../images/common/country-icons/Colombia-68dd6ef857df8b24140d02a19921ee9c.png") no-repeat left top;
}

body[class*="es_CR"] footer .locale span {
  background: url("../images/common/country-icons/Costa-Rica-799b1e67d84926321e58b1a628424be8.png") no-repeat left top;
}

body[class*="es_EC"] footer .locale span {
  background: url("../images/common/country-icons/Ecuador-fbc7364a11f683df9c07f85deaefb31b.png") no-repeat left top;
}

body[class*="es_GT"] footer .locale span {
  background: url("../images/common/country-icons/Guatemala-863b6d84a6fc29a39a531d2b6aa9cb39.png") no-repeat left top;
}

body[class*="es_MX"] footer .locale span {
  background: url("../images/common/country-icons/Mexico-c31ec3dcec4a0aea8fd30a160a49408e.png") no-repeat left top;
}

body[class*="es_PA"] footer .locale span {
  background: url("../images/common/country-icons/Panama-1188ba5378810c6037c109f2804b1fd2.png") no-repeat left top;
}

body[class*="es_PY"] footer .locale span {
  background: url("../images/common/country-icons/Paraguay-bf5b83048528fe6750ade00d4d79397d.png") no-repeat left top;
}

body[class*="es_PE"] footer .locale span {
  background: url("../images/common/country-icons/Peru-3f8a59eadb8bf1bf9d55ace0324447c4.png") no-repeat left top;
}

body[class*="es_PR"] footer .locale span {
  background: url("../images/common/country-icons/Puerto-Rico-b431405a7ccfc80b16ca6f6ed3641af9.png") no-repeat left top;
}

body[class*="es_VE"] footer .locale span {
  background: url("../images/common/country-icons/Venezuela-e2cd5f6fbe926ff31154611c2cca0896.png") no-repeat left top;
}

body[class*="_CA"] footer .locale span {
  background: url("../images/common/country-icons/Canada-b59d6134c1dd7ecf2f65295118059913.png") no-repeat left top;
}

body[class*="en_US"] footer .locale span {
  background: url("../images/common/country-icons/United-States-376e7bdd1a665c812b629834cc9f8e31.png") no-repeat left top;
}

body[class*="en_IN"] footer .locale span {
  background: url("../images/common/country-icons/India-d7843ce9a21f6cae395b37c99df65056.png") no-repeat left top;
}

body[class*="_NL"] footer .locale span {
  background: url("../images/common/country-icons/Netherlands-973a34e3ced9df0973ea7476cfc211fc.png") no-repeat left top;
}

body[class*="en_NO"] footer .locale span {
  background: url("../images/common/country-icons/Norway-9751597bb3db04af510f4732b49378d0.png") no-repeat left top;
}

body[class*="en_SE"] footer .locale span {
  background: url("../images/common/country-icons/Sweden-0eac690fad599b79efdbb6aaa7b9d5a6.png") no-repeat left top;
}

body[class*="de_AT"] footer .locale span {
  background: url("../images/common/country-icons/Austria-e3564553c43e0e40dba30cf011564c58.png") no-repeat left top;
}

body[class*="en_BE"] footer .locale span {
  background: url("../images/common/country-icons/Belgium-26472376dd2fc9904b3bed4eeec6f39d.png") no-repeat left top;
}

body[class*="en_DK"] footer .locale span {
  background: url("../images/common/country-icons/Denmark-04d6d81fd2131cadf5b3eac65f7d5607.png") no-repeat left top;
}

body[class*="en_FI"] footer .locale span {
  background: url("../images/common/country-icons/Finland-8dc4f085d5290e8059cb79a999415b1e.png") no-repeat left top;
}

body[class*="_CH"] footer .locale span {
  background: url("../images/common/country-icons/Switzerland-3cf2e9e236835f48e8ddadb7b7aa393e.png") no-repeat left top;
}

body[class*="en_MY"] footer .locale span {
  background: url("../images/common/country-icons/Malaysia-cca2e90a9c1247134afea55e3d170c69.png") no-repeat left top;
}

body[class*="en_TH"] footer .locale span {
  background: url("../images/common/country-icons/Thailand-24b5366c9eff928a20f442b617d9a9ea.png") no-repeat left top;
}

body[class*="en_PH"] footer .locale span {
  background: url("../images/common/country-icons/Philippines-1d568765bba1fe062ff75787d012b1eb.png") no-repeat left top;
}

.store-button {
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  min-width: 3.57rem;
  padding: 0.4375rem 1.625rem;
  text-transform: uppercase;
  border: 0.125rem solid #E6E6E6;
  border-radius: 2.5rem;
  transition: all 0.15s;
  font: normal normal 0.8125rem "Proxima Nova Bold", helvetica, arial, sans-serif;
  color: #FF3F85;
}

.store-button:hover {
  border: 0.125rem solid #FF3F85;
  border-radius: 2.5rem;
  color: #FFF;
  background-color: #FF3F85;
}

.shop-button {
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  min-width: 3.57rem;
  padding: 0.4375rem 1.625rem;
  text-transform: uppercase;
  border: 0.125rem solid #EE3D6E;
  border-radius: 2.5rem;
  transition: all 0.15s;
  font: normal normal 0.8125rem "Proxima Nova Bold", helvetica, arial, sans-serif;
  color: #FF3F85;
}

.shop-button:hover {
  border: 0.125rem solid #EE3D6E;
  border-radius: 2.5rem;
  color: #FFF;
  background-color: #FF3F85;
}

.locale-ja_JP .notify-list .time-action {
  max-width: 100px;
}

#page {
  background: url("../images/earth_from_orbit-85ab41a971879cd665f3791367fd8acd.jpg");
  background-size: cover;
  background-color: #010101;
  height: 100%;
}

h2 {
  color: #555555;
  font-family: inherit;
}

.lifetime-header h2 {
  margin-top: 1.5625rem;
  color: #585858;
}

.lifetime {
  margin-top: 0.9375rem;
  color: #585858;
}

.lifetime .icon {
  font-family: 'Fitbit Icons';
  font-size: 1rem;
  position: relative;
  top: -0.25rem;
  display: inline-block;
  line-height: 1;
}

.lifetime .qty {
  padding-left: 0.625rem;
  font: 1.85rem 'Proxima Nova Light';
}

.lifetime.distance .icon:before {
  content: '\e607';
}

.lifetime.steps .icon:before {
  content: '\e603';
}

.lifetime.floors .icon:before {
  content: '\e608';
}

.full-width {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: initial;
}

.full-width.internet-explorer {
  max-width: 100%;
}