@charset "UTF-8";
/* === Libraries / Mixins === */
/*! 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; }

meta.foundation-version {
  font-family: "/{{VERSION}}/"; }

meta.foundation-mq-small {
  font-family: "/only screen/";
  width: 0; }

meta.foundation-mq-small-only {
  font-family: "/only screen and (max-width: 40em)/";
  width: 0; }

meta.foundation-mq-medium {
  font-family: "/only screen and (min-width:40.0625em)/";
  width: 40.0625em; }

meta.foundation-mq-medium-only {
  font-family: "/only screen and (min-width:40.0625em) and (max-width:64em)/";
  width: 40.0625em; }

meta.foundation-mq-large {
  font-family: "/only screen and (min-width:64.0625em)/";
  width: 64.0625em; }

meta.foundation-mq-large-only {
  font-family: "/only screen and (min-width:64.0625em) and (max-width:90em)/";
  width: 64.0625em; }

meta.foundation-mq-xlarge {
  font-family: "/only screen and (min-width:90.0625em)/";
  width: 90.0625em; }

meta.foundation-mq-xlarge-only {
  font-family: "/only screen and (min-width:90.0625em) and (max-width:120em)/";
  width: 90.0625em; }

meta.foundation-mq-xxlarge {
  font-family: "/only screen and (min-width:120.0625em)/";
  width: 120.0625em; }

meta.foundation-data-attribute-namespace {
  font-family: false; }

html, body {
  height: 100%; }

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html,
body {
  font-size: 100%; }

body {
  background: #fff;
  color: #222;
  cursor: auto;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  position: relative; }

a:hover {
  cursor: pointer; }

img {
  max-width: 100%;
  height: auto; }

img {
  -ms-interpolation-mode: bicubic; }

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

.left {
  float: left !important; }

.right {
  float: right !important; }

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

.clearfix:after {
  clear: both; }

.hide {
  display: none; }

.invisible {
  visibility: hidden; }

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

img {
  display: inline-block;
  vertical-align: middle; }

textarea {
  height: auto;
  min-height: 50px; }

select {
  width: 100%; }

.row {
  margin: 0 auto;
  max-width: 87.5rem;
  width: 100%; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }
  .row.collapse > .column,
  .row.collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row .row {
    margin: 0 -0.625rem;
    max-width: none;
    width: auto; }
    .row .row:before, .row .row:after {
      content: " ";
      display: table; }
    .row .row:after {
      clear: both; }
    .row .row.collapse {
      margin: 0;
      max-width: none;
      width: auto; }
      .row .row.collapse:before, .row .row.collapse:after {
        content: " ";
        display: table; }
      .row .row.collapse:after {
        clear: both; }

.column,
.columns {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 100%;
  float: left; }

.column + .column:last-child,
.columns + .columns:last-child {
  float: right; }

.column + .column.end,
.columns + .columns.end {
  float: left; }

@media only screen {
  .small-push-0 {
    position: relative;
    left: 0;
    right: auto; }
  .small-pull-0 {
    position: relative;
    right: 0;
    left: auto; }
  .small-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }
  .small-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }
  .small-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }
  .small-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }
  .small-push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .small-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .small-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }
  .small-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }
  .small-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }
  .small-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }
  .small-push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .small-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .small-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }
  .small-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }
  .small-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }
  .small-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }
  .small-push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .small-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .small-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }
  .small-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }
  .small-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }
  .small-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }
  .column,
  .columns {
    position: relative;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    float: left; }
  .small-1 {
    width: 8.33333%; }
  .small-2 {
    width: 16.66667%; }
  .small-3 {
    width: 25%; }
  .small-4 {
    width: 33.33333%; }
  .small-5 {
    width: 41.66667%; }
  .small-6 {
    width: 50%; }
  .small-7 {
    width: 58.33333%; }
  .small-8 {
    width: 66.66667%; }
  .small-9 {
    width: 75%; }
  .small-10 {
    width: 83.33333%; }
  .small-11 {
    width: 91.66667%; }
  .small-12 {
    width: 100%; }
  .small-offset-0 {
    margin-left: 0 !important; }
  .small-offset-1 {
    margin-left: 8.33333% !important; }
  .small-offset-2 {
    margin-left: 16.66667% !important; }
  .small-offset-3 {
    margin-left: 25% !important; }
  .small-offset-4 {
    margin-left: 33.33333% !important; }
  .small-offset-5 {
    margin-left: 41.66667% !important; }
  .small-offset-6 {
    margin-left: 50% !important; }
  .small-offset-7 {
    margin-left: 58.33333% !important; }
  .small-offset-8 {
    margin-left: 66.66667% !important; }
  .small-offset-9 {
    margin-left: 75% !important; }
  .small-offset-10 {
    margin-left: 83.33333% !important; }
  .small-offset-11 {
    margin-left: 91.66667% !important; }
  .small-reset-order {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto; }
  .column.small-centered,
  .columns.small-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .column.small-uncentered,
  .columns.small-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .column.small-centered:last-child,
  .columns.small-centered:last-child {
    float: none; }
  .column.small-uncentered:last-child,
  .columns.small-uncentered:last-child {
    float: left; }
  .column.small-uncentered.opposite,
  .columns.small-uncentered.opposite {
    float: right; }
  .row.small-collapse > .column,
  .row.small-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.small-collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row.small-uncollapse > .column,
  .row.small-uncollapse > .columns {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    float: left; } }

@media only screen and (min-width: 40.0625em) {
  .medium-push-0 {
    position: relative;
    left: 0;
    right: auto; }
  .medium-pull-0 {
    position: relative;
    right: 0;
    left: auto; }
  .medium-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }
  .medium-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }
  .medium-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }
  .medium-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }
  .medium-push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .medium-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .medium-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }
  .medium-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }
  .medium-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }
  .medium-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }
  .medium-push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .medium-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .medium-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }
  .medium-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }
  .medium-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }
  .medium-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }
  .medium-push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .medium-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .medium-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }
  .medium-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }
  .medium-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }
  .medium-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }
  .column,
  .columns {
    position: relative;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    float: left; }
  .medium-1 {
    width: 8.33333%; }
  .medium-2 {
    width: 16.66667%; }
  .medium-3 {
    width: 25%; }
  .medium-4 {
    width: 33.33333%; }
  .medium-5 {
    width: 41.66667%; }
  .medium-6 {
    width: 50%; }
  .medium-7 {
    width: 58.33333%; }
  .medium-8 {
    width: 66.66667%; }
  .medium-9 {
    width: 75%; }
  .medium-10 {
    width: 83.33333%; }
  .medium-11 {
    width: 91.66667%; }
  .medium-12 {
    width: 100%; }
  .medium-offset-0 {
    margin-left: 0 !important; }
  .medium-offset-1 {
    margin-left: 8.33333% !important; }
  .medium-offset-2 {
    margin-left: 16.66667% !important; }
  .medium-offset-3 {
    margin-left: 25% !important; }
  .medium-offset-4 {
    margin-left: 33.33333% !important; }
  .medium-offset-5 {
    margin-left: 41.66667% !important; }
  .medium-offset-6 {
    margin-left: 50% !important; }
  .medium-offset-7 {
    margin-left: 58.33333% !important; }
  .medium-offset-8 {
    margin-left: 66.66667% !important; }
  .medium-offset-9 {
    margin-left: 75% !important; }
  .medium-offset-10 {
    margin-left: 83.33333% !important; }
  .medium-offset-11 {
    margin-left: 91.66667% !important; }
  .medium-reset-order {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto; }
  .column.medium-centered,
  .columns.medium-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .column.medium-uncentered,
  .columns.medium-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .column.medium-centered:last-child,
  .columns.medium-centered:last-child {
    float: none; }
  .column.medium-uncentered:last-child,
  .columns.medium-uncentered:last-child {
    float: left; }
  .column.medium-uncentered.opposite,
  .columns.medium-uncentered.opposite {
    float: right; }
  .row.medium-collapse > .column,
  .row.medium-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.medium-collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row.medium-uncollapse > .column,
  .row.medium-uncollapse > .columns {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    float: left; }
  .push-0 {
    position: relative;
    left: 0;
    right: auto; }
  .pull-0 {
    position: relative;
    right: 0;
    left: auto; }
  .push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }
  .pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }
  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }
  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }
  .push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }
  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }
  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }
  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }
  .push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }
  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }
  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }
  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }
  .push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }
  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }
  .push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }
  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; } }

@media only screen and (min-width: 64.0625em) {
  .large-push-0 {
    position: relative;
    left: 0;
    right: auto; }
  .large-pull-0 {
    position: relative;
    right: 0;
    left: auto; }
  .large-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }
  .large-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }
  .large-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }
  .large-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }
  .large-push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .large-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .large-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }
  .large-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }
  .large-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }
  .large-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }
  .large-push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .large-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .large-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }
  .large-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }
  .large-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }
  .large-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }
  .large-push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .large-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .large-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }
  .large-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }
  .large-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }
  .large-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }
  .column,
  .columns {
    position: relative;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    float: left; }
  .large-1 {
    width: 8.33333%; }
  .large-2 {
    width: 16.66667%; }
  .large-3 {
    width: 25%; }
  .large-4 {
    width: 33.33333%; }
  .large-5 {
    width: 41.66667%; }
  .large-6 {
    width: 50%; }
  .large-7 {
    width: 58.33333%; }
  .large-8 {
    width: 66.66667%; }
  .large-9 {
    width: 75%; }
  .large-10 {
    width: 83.33333%; }
  .large-11 {
    width: 91.66667%; }
  .large-12 {
    width: 100%; }
  .large-offset-0 {
    margin-left: 0 !important; }
  .large-offset-1 {
    margin-left: 8.33333% !important; }
  .large-offset-2 {
    margin-left: 16.66667% !important; }
  .large-offset-3 {
    margin-left: 25% !important; }
  .large-offset-4 {
    margin-left: 33.33333% !important; }
  .large-offset-5 {
    margin-left: 41.66667% !important; }
  .large-offset-6 {
    margin-left: 50% !important; }
  .large-offset-7 {
    margin-left: 58.33333% !important; }
  .large-offset-8 {
    margin-left: 66.66667% !important; }
  .large-offset-9 {
    margin-left: 75% !important; }
  .large-offset-10 {
    margin-left: 83.33333% !important; }
  .large-offset-11 {
    margin-left: 91.66667% !important; }
  .large-reset-order {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto; }
  .column.large-centered,
  .columns.large-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .column.large-uncentered,
  .columns.large-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .column.large-centered:last-child,
  .columns.large-centered:last-child {
    float: none; }
  .column.large-uncentered:last-child,
  .columns.large-uncentered:last-child {
    float: left; }
  .column.large-uncentered.opposite,
  .columns.large-uncentered.opposite {
    float: right; }
  .row.large-collapse > .column,
  .row.large-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.large-collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row.large-uncollapse > .column,
  .row.large-uncollapse > .columns {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    float: left; }
  .push-0 {
    position: relative;
    left: 0;
    right: auto; }
  .pull-0 {
    position: relative;
    right: 0;
    left: auto; }
  .push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }
  .pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }
  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }
  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }
  .push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }
  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }
  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }
  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }
  .push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }
  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }
  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }
  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }
  .push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }
  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }
  .push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }
  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; } }

@media only screen {
  .small-20-cols-push-0 {
    position: relative;
    left: 0;
    right: auto; }
  .small-20-cols-pull-0 {
    position: relative;
    right: 0;
    left: auto; }
  .small-20-cols-push-1 {
    position: relative;
    left: 5%;
    right: auto; }
  .small-20-cols-pull-1 {
    position: relative;
    right: 5%;
    left: auto; }
  .small-20-cols-push-2 {
    position: relative;
    left: 10%;
    right: auto; }
  .small-20-cols-pull-2 {
    position: relative;
    right: 10%;
    left: auto; }
  .small-20-cols-push-3 {
    position: relative;
    left: 15%;
    right: auto; }
  .small-20-cols-pull-3 {
    position: relative;
    right: 15%;
    left: auto; }
  .small-20-cols-push-4 {
    position: relative;
    left: 20%;
    right: auto; }
  .small-20-cols-pull-4 {
    position: relative;
    right: 20%;
    left: auto; }
  .small-20-cols-push-5 {
    position: relative;
    left: 25%;
    right: auto; }
  .small-20-cols-pull-5 {
    position: relative;
    right: 25%;
    left: auto; }
  .small-20-cols-push-6 {
    position: relative;
    left: 30%;
    right: auto; }
  .small-20-cols-pull-6 {
    position: relative;
    right: 30%;
    left: auto; }
  .small-20-cols-push-7 {
    position: relative;
    left: 35%;
    right: auto; }
  .small-20-cols-pull-7 {
    position: relative;
    right: 35%;
    left: auto; }
  .small-20-cols-push-8 {
    position: relative;
    left: 40%;
    right: auto; }
  .small-20-cols-pull-8 {
    position: relative;
    right: 40%;
    left: auto; }
  .small-20-cols-push-9 {
    position: relative;
    left: 45%;
    right: auto; }
  .small-20-cols-pull-9 {
    position: relative;
    right: 45%;
    left: auto; }
  .small-20-cols-push-10 {
    position: relative;
    left: 50%;
    right: auto; }
  .small-20-cols-pull-10 {
    position: relative;
    right: 50%;
    left: auto; }
  .small-20-cols-push-11 {
    position: relative;
    left: 55%;
    right: auto; }
  .small-20-cols-pull-11 {
    position: relative;
    right: 55%;
    left: auto; }
  .small-20-cols-push-12 {
    position: relative;
    left: 60%;
    right: auto; }
  .small-20-cols-pull-12 {
    position: relative;
    right: 60%;
    left: auto; }
  .small-20-cols-push-13 {
    position: relative;
    left: 65%;
    right: auto; }
  .small-20-cols-pull-13 {
    position: relative;
    right: 65%;
    left: auto; }
  .small-20-cols-push-14 {
    position: relative;
    left: 70%;
    right: auto; }
  .small-20-cols-pull-14 {
    position: relative;
    right: 70%;
    left: auto; }
  .small-20-cols-push-15 {
    position: relative;
    left: 75%;
    right: auto; }
  .small-20-cols-pull-15 {
    position: relative;
    right: 75%;
    left: auto; }
  .small-20-cols-push-16 {
    position: relative;
    left: 80%;
    right: auto; }
  .small-20-cols-pull-16 {
    position: relative;
    right: 80%;
    left: auto; }
  .small-20-cols-push-17 {
    position: relative;
    left: 85%;
    right: auto; }
  .small-20-cols-pull-17 {
    position: relative;
    right: 85%;
    left: auto; }
  .small-20-cols-push-18 {
    position: relative;
    left: 90%;
    right: auto; }
  .small-20-cols-pull-18 {
    position: relative;
    right: 90%;
    left: auto; }
  .small-20-cols-push-19 {
    position: relative;
    left: 95%;
    right: auto; }
  .small-20-cols-pull-19 {
    position: relative;
    right: 95%;
    left: auto; }
  /*.column,
  .columns { @include custom_grid-column($columns:false, $position:true); }
  */
  .small-20-cols-1 {
    width: 5%; }
  .small-20-cols-2 {
    width: 10%; }
  .small-20-cols-3 {
    width: 15%; }
  .small-20-cols-4 {
    width: 20%; }
  .small-20-cols-5 {
    width: 25%; }
  .small-20-cols-6 {
    width: 30%; }
  .small-20-cols-7 {
    width: 35%; }
  .small-20-cols-8 {
    width: 40%; }
  .small-20-cols-9 {
    width: 45%; }
  .small-20-cols-10 {
    width: 50%; }
  .small-20-cols-11 {
    width: 55%; }
  .small-20-cols-12 {
    width: 60%; }
  .small-20-cols-13 {
    width: 65%; }
  .small-20-cols-14 {
    width: 70%; }
  .small-20-cols-15 {
    width: 75%; }
  .small-20-cols-16 {
    width: 80%; }
  .small-20-cols-17 {
    width: 85%; }
  .small-20-cols-18 {
    width: 90%; }
  .small-20-cols-19 {
    width: 95%; }
  .small-20-cols-20 {
    width: 100%; }
  .small-20-cols-offset-0 {
    margin-left: 0 !important; }
  .small-20-cols-offset-1 {
    margin-left: 5% !important; }
  .small-20-cols-offset-2 {
    margin-left: 10% !important; }
  .small-20-cols-offset-3 {
    margin-left: 15% !important; }
  .small-20-cols-offset-4 {
    margin-left: 20% !important; }
  .small-20-cols-offset-5 {
    margin-left: 25% !important; }
  .small-20-cols-offset-6 {
    margin-left: 30% !important; }
  .small-20-cols-offset-7 {
    margin-left: 35% !important; }
  .small-20-cols-offset-8 {
    margin-left: 40% !important; }
  .small-20-cols-offset-9 {
    margin-left: 45% !important; }
  .small-20-cols-offset-10 {
    margin-left: 50% !important; }
  .small-20-cols-offset-11 {
    margin-left: 55% !important; }
  .small-20-cols-offset-12 {
    margin-left: 60% !important; }
  .small-20-cols-offset-13 {
    margin-left: 65% !important; }
  .small-20-cols-offset-14 {
    margin-left: 70% !important; }
  .small-20-cols-offset-15 {
    margin-left: 75% !important; }
  .small-20-cols-offset-16 {
    margin-left: 80% !important; }
  .small-20-cols-offset-17 {
    margin-left: 85% !important; }
  .small-20-cols-offset-18 {
    margin-left: 90% !important; }
  .small-20-cols-offset-19 {
    margin-left: 95% !important; }
  .small-20-cols-reset-order {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto; }
  .column.small-20-cols-centered,
  .columns.small-20-cols-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .column.small-20-cols-uncentered,
  .columns.small-20-cols-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .column.small-20-cols-centered:last-child,
  .columns.small-20-cols-centered:last-child {
    float: none; }
  .column.small-20-cols-uncentered:last-child,
  .columns.small-20-cols-uncentered:last-child {
    float: left; }
  .column.small-20-cols-uncentered.opposite,
  .columns.small-20-cols-uncentered.opposite {
    float: right; }
  .row.small-20-cols-collapse > .column,
  .row.small-20-cols-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.small-20-cols-collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row.small-20-cols-uncollapse > .column,
  .row.small-20-cols-uncollapse > .columns {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    float: left; } }

@media only screen and (min-width: 40.0625em) {
  .medium-20-cols-push-0 {
    position: relative;
    left: 0;
    right: auto; }
  .medium-20-cols-pull-0 {
    position: relative;
    right: 0;
    left: auto; }
  .medium-20-cols-push-1 {
    position: relative;
    left: 5%;
    right: auto; }
  .medium-20-cols-pull-1 {
    position: relative;
    right: 5%;
    left: auto; }
  .medium-20-cols-push-2 {
    position: relative;
    left: 10%;
    right: auto; }
  .medium-20-cols-pull-2 {
    position: relative;
    right: 10%;
    left: auto; }
  .medium-20-cols-push-3 {
    position: relative;
    left: 15%;
    right: auto; }
  .medium-20-cols-pull-3 {
    position: relative;
    right: 15%;
    left: auto; }
  .medium-20-cols-push-4 {
    position: relative;
    left: 20%;
    right: auto; }
  .medium-20-cols-pull-4 {
    position: relative;
    right: 20%;
    left: auto; }
  .medium-20-cols-push-5 {
    position: relative;
    left: 25%;
    right: auto; }
  .medium-20-cols-pull-5 {
    position: relative;
    right: 25%;
    left: auto; }
  .medium-20-cols-push-6 {
    position: relative;
    left: 30%;
    right: auto; }
  .medium-20-cols-pull-6 {
    position: relative;
    right: 30%;
    left: auto; }
  .medium-20-cols-push-7 {
    position: relative;
    left: 35%;
    right: auto; }
  .medium-20-cols-pull-7 {
    position: relative;
    right: 35%;
    left: auto; }
  .medium-20-cols-push-8 {
    position: relative;
    left: 40%;
    right: auto; }
  .medium-20-cols-pull-8 {
    position: relative;
    right: 40%;
    left: auto; }
  .medium-20-cols-push-9 {
    position: relative;
    left: 45%;
    right: auto; }
  .medium-20-cols-pull-9 {
    position: relative;
    right: 45%;
    left: auto; }
  .medium-20-cols-push-10 {
    position: relative;
    left: 50%;
    right: auto; }
  .medium-20-cols-pull-10 {
    position: relative;
    right: 50%;
    left: auto; }
  .medium-20-cols-push-11 {
    position: relative;
    left: 55%;
    right: auto; }
  .medium-20-cols-pull-11 {
    position: relative;
    right: 55%;
    left: auto; }
  .medium-20-cols-push-12 {
    position: relative;
    left: 60%;
    right: auto; }
  .medium-20-cols-pull-12 {
    position: relative;
    right: 60%;
    left: auto; }
  .medium-20-cols-push-13 {
    position: relative;
    left: 65%;
    right: auto; }
  .medium-20-cols-pull-13 {
    position: relative;
    right: 65%;
    left: auto; }
  .medium-20-cols-push-14 {
    position: relative;
    left: 70%;
    right: auto; }
  .medium-20-cols-pull-14 {
    position: relative;
    right: 70%;
    left: auto; }
  .medium-20-cols-push-15 {
    position: relative;
    left: 75%;
    right: auto; }
  .medium-20-cols-pull-15 {
    position: relative;
    right: 75%;
    left: auto; }
  .medium-20-cols-push-16 {
    position: relative;
    left: 80%;
    right: auto; }
  .medium-20-cols-pull-16 {
    position: relative;
    right: 80%;
    left: auto; }
  .medium-20-cols-push-17 {
    position: relative;
    left: 85%;
    right: auto; }
  .medium-20-cols-pull-17 {
    position: relative;
    right: 85%;
    left: auto; }
  .medium-20-cols-push-18 {
    position: relative;
    left: 90%;
    right: auto; }
  .medium-20-cols-pull-18 {
    position: relative;
    right: 90%;
    left: auto; }
  .medium-20-cols-push-19 {
    position: relative;
    left: 95%;
    right: auto; }
  .medium-20-cols-pull-19 {
    position: relative;
    right: 95%;
    left: auto; }
  /*.column,
  .columns { @include custom_grid-column($columns:false, $position:true); }
  */
  .medium-20-cols-1 {
    width: 5%; }
  .medium-20-cols-2 {
    width: 10%; }
  .medium-20-cols-3 {
    width: 15%; }
  .medium-20-cols-4 {
    width: 20%; }
  .medium-20-cols-5 {
    width: 25%; }
  .medium-20-cols-6 {
    width: 30%; }
  .medium-20-cols-7 {
    width: 35%; }
  .medium-20-cols-8 {
    width: 40%; }
  .medium-20-cols-9 {
    width: 45%; }
  .medium-20-cols-10 {
    width: 50%; }
  .medium-20-cols-11 {
    width: 55%; }
  .medium-20-cols-12 {
    width: 60%; }
  .medium-20-cols-13 {
    width: 65%; }
  .medium-20-cols-14 {
    width: 70%; }
  .medium-20-cols-15 {
    width: 75%; }
  .medium-20-cols-16 {
    width: 80%; }
  .medium-20-cols-17 {
    width: 85%; }
  .medium-20-cols-18 {
    width: 90%; }
  .medium-20-cols-19 {
    width: 95%; }
  .medium-20-cols-20 {
    width: 100%; }
  .medium-20-cols-offset-0 {
    margin-left: 0 !important; }
  .medium-20-cols-offset-1 {
    margin-left: 5% !important; }
  .medium-20-cols-offset-2 {
    margin-left: 10% !important; }
  .medium-20-cols-offset-3 {
    margin-left: 15% !important; }
  .medium-20-cols-offset-4 {
    margin-left: 20% !important; }
  .medium-20-cols-offset-5 {
    margin-left: 25% !important; }
  .medium-20-cols-offset-6 {
    margin-left: 30% !important; }
  .medium-20-cols-offset-7 {
    margin-left: 35% !important; }
  .medium-20-cols-offset-8 {
    margin-left: 40% !important; }
  .medium-20-cols-offset-9 {
    margin-left: 45% !important; }
  .medium-20-cols-offset-10 {
    margin-left: 50% !important; }
  .medium-20-cols-offset-11 {
    margin-left: 55% !important; }
  .medium-20-cols-offset-12 {
    margin-left: 60% !important; }
  .medium-20-cols-offset-13 {
    margin-left: 65% !important; }
  .medium-20-cols-offset-14 {
    margin-left: 70% !important; }
  .medium-20-cols-offset-15 {
    margin-left: 75% !important; }
  .medium-20-cols-offset-16 {
    margin-left: 80% !important; }
  .medium-20-cols-offset-17 {
    margin-left: 85% !important; }
  .medium-20-cols-offset-18 {
    margin-left: 90% !important; }
  .medium-20-cols-offset-19 {
    margin-left: 95% !important; }
  .medium-20-cols-reset-order {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto; }
  .column.medium-20-cols-centered,
  .columns.medium-20-cols-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .column.medium-20-cols-uncentered,
  .columns.medium-20-cols-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .column.medium-20-cols-centered:last-child,
  .columns.medium-20-cols-centered:last-child {
    float: none; }
  .column.medium-20-cols-uncentered:last-child,
  .columns.medium-20-cols-uncentered:last-child {
    float: left; }
  .column.medium-20-cols-uncentered.opposite,
  .columns.medium-20-cols-uncentered.opposite {
    float: right; }
  .row.medium-20-cols-collapse > .column,
  .row.medium-20-cols-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.medium-20-cols-collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row.medium-20-cols-uncollapse > .column,
  .row.medium-20-cols-uncollapse > .columns {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    float: left; }
  .push-0 {
    position: relative;
    left: 0;
    right: auto; }
  .pull-0 {
    position: relative;
    right: 0;
    left: auto; }
  .push-1 {
    position: relative;
    left: 5%;
    right: auto; }
  .pull-1 {
    position: relative;
    right: 5%;
    left: auto; }
  .push-2 {
    position: relative;
    left: 10%;
    right: auto; }
  .pull-2 {
    position: relative;
    right: 10%;
    left: auto; }
  .push-3 {
    position: relative;
    left: 15%;
    right: auto; }
  .pull-3 {
    position: relative;
    right: 15%;
    left: auto; }
  .push-4 {
    position: relative;
    left: 20%;
    right: auto; }
  .pull-4 {
    position: relative;
    right: 20%;
    left: auto; }
  .push-5 {
    position: relative;
    left: 25%;
    right: auto; }
  .pull-5 {
    position: relative;
    right: 25%;
    left: auto; }
  .push-6 {
    position: relative;
    left: 30%;
    right: auto; }
  .pull-6 {
    position: relative;
    right: 30%;
    left: auto; }
  .push-7 {
    position: relative;
    left: 35%;
    right: auto; }
  .pull-7 {
    position: relative;
    right: 35%;
    left: auto; }
  .push-8 {
    position: relative;
    left: 40%;
    right: auto; }
  .pull-8 {
    position: relative;
    right: 40%;
    left: auto; }
  .push-9 {
    position: relative;
    left: 45%;
    right: auto; }
  .pull-9 {
    position: relative;
    right: 45%;
    left: auto; }
  .push-10 {
    position: relative;
    left: 50%;
    right: auto; }
  .pull-10 {
    position: relative;
    right: 50%;
    left: auto; }
  .push-11 {
    position: relative;
    left: 55%;
    right: auto; }
  .pull-11 {
    position: relative;
    right: 55%;
    left: auto; }
  .push-12 {
    position: relative;
    left: 60%;
    right: auto; }
  .pull-12 {
    position: relative;
    right: 60%;
    left: auto; }
  .push-13 {
    position: relative;
    left: 65%;
    right: auto; }
  .pull-13 {
    position: relative;
    right: 65%;
    left: auto; }
  .push-14 {
    position: relative;
    left: 70%;
    right: auto; }
  .pull-14 {
    position: relative;
    right: 70%;
    left: auto; }
  .push-15 {
    position: relative;
    left: 75%;
    right: auto; }
  .pull-15 {
    position: relative;
    right: 75%;
    left: auto; }
  .push-16 {
    position: relative;
    left: 80%;
    right: auto; }
  .pull-16 {
    position: relative;
    right: 80%;
    left: auto; }
  .push-17 {
    position: relative;
    left: 85%;
    right: auto; }
  .pull-17 {
    position: relative;
    right: 85%;
    left: auto; }
  .push-18 {
    position: relative;
    left: 90%;
    right: auto; }
  .pull-18 {
    position: relative;
    right: 90%;
    left: auto; }
  .push-19 {
    position: relative;
    left: 95%;
    right: auto; }
  .pull-19 {
    position: relative;
    right: 95%;
    left: auto; } }

@media only screen and (min-width: 64.0625em) {
  .large-20-cols-push-0 {
    position: relative;
    left: 0;
    right: auto; }
  .large-20-cols-pull-0 {
    position: relative;
    right: 0;
    left: auto; }
  .large-20-cols-push-1 {
    position: relative;
    left: 5%;
    right: auto; }
  .large-20-cols-pull-1 {
    position: relative;
    right: 5%;
    left: auto; }
  .large-20-cols-push-2 {
    position: relative;
    left: 10%;
    right: auto; }
  .large-20-cols-pull-2 {
    position: relative;
    right: 10%;
    left: auto; }
  .large-20-cols-push-3 {
    position: relative;
    left: 15%;
    right: auto; }
  .large-20-cols-pull-3 {
    position: relative;
    right: 15%;
    left: auto; }
  .large-20-cols-push-4 {
    position: relative;
    left: 20%;
    right: auto; }
  .large-20-cols-pull-4 {
    position: relative;
    right: 20%;
    left: auto; }
  .large-20-cols-push-5 {
    position: relative;
    left: 25%;
    right: auto; }
  .large-20-cols-pull-5 {
    position: relative;
    right: 25%;
    left: auto; }
  .large-20-cols-push-6 {
    position: relative;
    left: 30%;
    right: auto; }
  .large-20-cols-pull-6 {
    position: relative;
    right: 30%;
    left: auto; }
  .large-20-cols-push-7 {
    position: relative;
    left: 35%;
    right: auto; }
  .large-20-cols-pull-7 {
    position: relative;
    right: 35%;
    left: auto; }
  .large-20-cols-push-8 {
    position: relative;
    left: 40%;
    right: auto; }
  .large-20-cols-pull-8 {
    position: relative;
    right: 40%;
    left: auto; }
  .large-20-cols-push-9 {
    position: relative;
    left: 45%;
    right: auto; }
  .large-20-cols-pull-9 {
    position: relative;
    right: 45%;
    left: auto; }
  .large-20-cols-push-10 {
    position: relative;
    left: 50%;
    right: auto; }
  .large-20-cols-pull-10 {
    position: relative;
    right: 50%;
    left: auto; }
  .large-20-cols-push-11 {
    position: relative;
    left: 55%;
    right: auto; }
  .large-20-cols-pull-11 {
    position: relative;
    right: 55%;
    left: auto; }
  .large-20-cols-push-12 {
    position: relative;
    left: 60%;
    right: auto; }
  .large-20-cols-pull-12 {
    position: relative;
    right: 60%;
    left: auto; }
  .large-20-cols-push-13 {
    position: relative;
    left: 65%;
    right: auto; }
  .large-20-cols-pull-13 {
    position: relative;
    right: 65%;
    left: auto; }
  .large-20-cols-push-14 {
    position: relative;
    left: 70%;
    right: auto; }
  .large-20-cols-pull-14 {
    position: relative;
    right: 70%;
    left: auto; }
  .large-20-cols-push-15 {
    position: relative;
    left: 75%;
    right: auto; }
  .large-20-cols-pull-15 {
    position: relative;
    right: 75%;
    left: auto; }
  .large-20-cols-push-16 {
    position: relative;
    left: 80%;
    right: auto; }
  .large-20-cols-pull-16 {
    position: relative;
    right: 80%;
    left: auto; }
  .large-20-cols-push-17 {
    position: relative;
    left: 85%;
    right: auto; }
  .large-20-cols-pull-17 {
    position: relative;
    right: 85%;
    left: auto; }
  .large-20-cols-push-18 {
    position: relative;
    left: 90%;
    right: auto; }
  .large-20-cols-pull-18 {
    position: relative;
    right: 90%;
    left: auto; }
  .large-20-cols-push-19 {
    position: relative;
    left: 95%;
    right: auto; }
  .large-20-cols-pull-19 {
    position: relative;
    right: 95%;
    left: auto; }
  /*.column,
  .columns { @include custom_grid-column($columns:false, $position:true); }
  */
  .large-20-cols-1 {
    width: 5%; }
  .large-20-cols-2 {
    width: 10%; }
  .large-20-cols-3 {
    width: 15%; }
  .large-20-cols-4 {
    width: 20%; }
  .large-20-cols-5 {
    width: 25%; }
  .large-20-cols-6 {
    width: 30%; }
  .large-20-cols-7 {
    width: 35%; }
  .large-20-cols-8 {
    width: 40%; }
  .large-20-cols-9 {
    width: 45%; }
  .large-20-cols-10 {
    width: 50%; }
  .large-20-cols-11 {
    width: 55%; }
  .large-20-cols-12 {
    width: 60%; }
  .large-20-cols-13 {
    width: 65%; }
  .large-20-cols-14 {
    width: 70%; }
  .large-20-cols-15 {
    width: 75%; }
  .large-20-cols-16 {
    width: 80%; }
  .large-20-cols-17 {
    width: 85%; }
  .large-20-cols-18 {
    width: 90%; }
  .large-20-cols-19 {
    width: 95%; }
  .large-20-cols-20 {
    width: 100%; }
  .large-20-cols-offset-0 {
    margin-left: 0 !important; }
  .large-20-cols-offset-1 {
    margin-left: 5% !important; }
  .large-20-cols-offset-2 {
    margin-left: 10% !important; }
  .large-20-cols-offset-3 {
    margin-left: 15% !important; }
  .large-20-cols-offset-4 {
    margin-left: 20% !important; }
  .large-20-cols-offset-5 {
    margin-left: 25% !important; }
  .large-20-cols-offset-6 {
    margin-left: 30% !important; }
  .large-20-cols-offset-7 {
    margin-left: 35% !important; }
  .large-20-cols-offset-8 {
    margin-left: 40% !important; }
  .large-20-cols-offset-9 {
    margin-left: 45% !important; }
  .large-20-cols-offset-10 {
    margin-left: 50% !important; }
  .large-20-cols-offset-11 {
    margin-left: 55% !important; }
  .large-20-cols-offset-12 {
    margin-left: 60% !important; }
  .large-20-cols-offset-13 {
    margin-left: 65% !important; }
  .large-20-cols-offset-14 {
    margin-left: 70% !important; }
  .large-20-cols-offset-15 {
    margin-left: 75% !important; }
  .large-20-cols-offset-16 {
    margin-left: 80% !important; }
  .large-20-cols-offset-17 {
    margin-left: 85% !important; }
  .large-20-cols-offset-18 {
    margin-left: 90% !important; }
  .large-20-cols-offset-19 {
    margin-left: 95% !important; }
  .large-20-cols-reset-order {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto; }
  .column.large-20-cols-centered,
  .columns.large-20-cols-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .column.large-20-cols-uncentered,
  .columns.large-20-cols-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .column.large-20-cols-centered:last-child,
  .columns.large-20-cols-centered:last-child {
    float: none; }
  .column.large-20-cols-uncentered:last-child,
  .columns.large-20-cols-uncentered:last-child {
    float: left; }
  .column.large-20-cols-uncentered.opposite,
  .columns.large-20-cols-uncentered.opposite {
    float: right; }
  .row.large-20-cols-collapse > .column,
  .row.large-20-cols-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.large-20-cols-collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row.large-20-cols-uncollapse > .column,
  .row.large-20-cols-uncollapse > .columns {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    float: left; }
  .push-0 {
    position: relative;
    left: 0;
    right: auto; }
  .pull-0 {
    position: relative;
    right: 0;
    left: auto; }
  .push-1 {
    position: relative;
    left: 5%;
    right: auto; }
  .pull-1 {
    position: relative;
    right: 5%;
    left: auto; }
  .push-2 {
    position: relative;
    left: 10%;
    right: auto; }
  .pull-2 {
    position: relative;
    right: 10%;
    left: auto; }
  .push-3 {
    position: relative;
    left: 15%;
    right: auto; }
  .pull-3 {
    position: relative;
    right: 15%;
    left: auto; }
  .push-4 {
    position: relative;
    left: 20%;
    right: auto; }
  .pull-4 {
    position: relative;
    right: 20%;
    left: auto; }
  .push-5 {
    position: relative;
    left: 25%;
    right: auto; }
  .pull-5 {
    position: relative;
    right: 25%;
    left: auto; }
  .push-6 {
    position: relative;
    left: 30%;
    right: auto; }
  .pull-6 {
    position: relative;
    right: 30%;
    left: auto; }
  .push-7 {
    position: relative;
    left: 35%;
    right: auto; }
  .pull-7 {
    position: relative;
    right: 35%;
    left: auto; }
  .push-8 {
    position: relative;
    left: 40%;
    right: auto; }
  .pull-8 {
    position: relative;
    right: 40%;
    left: auto; }
  .push-9 {
    position: relative;
    left: 45%;
    right: auto; }
  .pull-9 {
    position: relative;
    right: 45%;
    left: auto; }
  .push-10 {
    position: relative;
    left: 50%;
    right: auto; }
  .pull-10 {
    position: relative;
    right: 50%;
    left: auto; }
  .push-11 {
    position: relative;
    left: 55%;
    right: auto; }
  .pull-11 {
    position: relative;
    right: 55%;
    left: auto; }
  .push-12 {
    position: relative;
    left: 60%;
    right: auto; }
  .pull-12 {
    position: relative;
    right: 60%;
    left: auto; }
  .push-13 {
    position: relative;
    left: 65%;
    right: auto; }
  .pull-13 {
    position: relative;
    right: 65%;
    left: auto; }
  .push-14 {
    position: relative;
    left: 70%;
    right: auto; }
  .pull-14 {
    position: relative;
    right: 70%;
    left: auto; }
  .push-15 {
    position: relative;
    left: 75%;
    right: auto; }
  .pull-15 {
    position: relative;
    right: 75%;
    left: auto; }
  .push-16 {
    position: relative;
    left: 80%;
    right: auto; }
  .pull-16 {
    position: relative;
    right: 80%;
    left: auto; }
  .push-17 {
    position: relative;
    left: 85%;
    right: auto; }
  .pull-17 {
    position: relative;
    right: 85%;
    left: auto; }
  .push-18 {
    position: relative;
    left: 90%;
    right: auto; }
  .pull-18 {
    position: relative;
    right: 90%;
    left: auto; }
  .push-19 {
    position: relative;
    left: 95%;
    right: auto; }
  .pull-19 {
    position: relative;
    right: 95%;
    left: auto; } }

[class*="block-grid-"] {
  display: block;
  padding: 0;
  margin: 0 -0.625rem; }
  [class*="block-grid-"]:before, [class*="block-grid-"]:after {
    content: " ";
    display: table; }
  [class*="block-grid-"]:after {
    clear: both; }
  [class*="block-grid-"] > li {
    display: block;
    float: left;
    height: auto;
    padding: 0 0.625rem 1.25rem; }

@media only screen {
  .small-block-grid-1 > li {
    list-style: none;
    width: 100%; }
    .small-block-grid-1 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }
  .small-block-grid-2 > li {
    list-style: none;
    width: 50%; }
    .small-block-grid-2 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }
  .small-block-grid-3 > li {
    list-style: none;
    width: 33.33333%; }
    .small-block-grid-3 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }
  .small-block-grid-4 > li {
    list-style: none;
    width: 25%; }
    .small-block-grid-4 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }
  .small-block-grid-5 > li {
    list-style: none;
    width: 20%; }
    .small-block-grid-5 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }
  .small-block-grid-6 > li {
    list-style: none;
    width: 16.66667%; }
    .small-block-grid-6 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }
  .small-block-grid-7 > li {
    list-style: none;
    width: 14.28571%; }
    .small-block-grid-7 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }
  .small-block-grid-8 > li {
    list-style: none;
    width: 12.5%; }
    .small-block-grid-8 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }
  .small-block-grid-9 > li {
    list-style: none;
    width: 11.11111%; }
    .small-block-grid-9 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }
  .small-block-grid-10 > li {
    list-style: none;
    width: 10%; }
    .small-block-grid-10 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }
  .small-block-grid-11 > li {
    list-style: none;
    width: 9.09091%; }
    .small-block-grid-11 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }
  .small-block-grid-12 > li {
    list-style: none;
    width: 8.33333%; }
    .small-block-grid-12 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }

@media only screen and (min-width: 40.0625em) {
  .medium-block-grid-1 > li {
    list-style: none;
    width: 100%; }
    .medium-block-grid-1 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }
  .medium-block-grid-2 > li {
    list-style: none;
    width: 50%; }
    .medium-block-grid-2 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }
  .medium-block-grid-3 > li {
    list-style: none;
    width: 33.33333%; }
    .medium-block-grid-3 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }
  .medium-block-grid-4 > li {
    list-style: none;
    width: 25%; }
    .medium-block-grid-4 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }
  .medium-block-grid-5 > li {
    list-style: none;
    width: 20%; }
    .medium-block-grid-5 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }
  .medium-block-grid-6 > li {
    list-style: none;
    width: 16.66667%; }
    .medium-block-grid-6 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }
  .medium-block-grid-7 > li {
    list-style: none;
    width: 14.28571%; }
    .medium-block-grid-7 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }
  .medium-block-grid-8 > li {
    list-style: none;
    width: 12.5%; }
    .medium-block-grid-8 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }
  .medium-block-grid-9 > li {
    list-style: none;
    width: 11.11111%; }
    .medium-block-grid-9 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }
  .medium-block-grid-10 > li {
    list-style: none;
    width: 10%; }
    .medium-block-grid-10 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }
  .medium-block-grid-11 > li {
    list-style: none;
    width: 9.09091%; }
    .medium-block-grid-11 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }
  .medium-block-grid-12 > li {
    list-style: none;
    width: 8.33333%; }
    .medium-block-grid-12 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }

@media only screen and (min-width: 64.0625em) {
  .large-block-grid-1 > li {
    list-style: none;
    width: 100%; }
    .large-block-grid-1 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }
  .large-block-grid-2 > li {
    list-style: none;
    width: 50%; }
    .large-block-grid-2 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }
  .large-block-grid-3 > li {
    list-style: none;
    width: 33.33333%; }
    .large-block-grid-3 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }
  .large-block-grid-4 > li {
    list-style: none;
    width: 25%; }
    .large-block-grid-4 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }
  .large-block-grid-5 > li {
    list-style: none;
    width: 20%; }
    .large-block-grid-5 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }
  .large-block-grid-6 > li {
    list-style: none;
    width: 16.66667%; }
    .large-block-grid-6 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }
  .large-block-grid-7 > li {
    list-style: none;
    width: 14.28571%; }
    .large-block-grid-7 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }
  .large-block-grid-8 > li {
    list-style: none;
    width: 12.5%; }
    .large-block-grid-8 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }
  .large-block-grid-9 > li {
    list-style: none;
    width: 11.11111%; }
    .large-block-grid-9 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }
  .large-block-grid-10 > li {
    list-style: none;
    width: 10%; }
    .large-block-grid-10 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }
  .large-block-grid-11 > li {
    list-style: none;
    width: 9.09091%; }
    .large-block-grid-11 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }
  .large-block-grid-12 > li {
    list-style: none;
    width: 8.33333%; }
    .large-block-grid-12 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }

/* Clearing Styles */
.clearing-thumbs, [data-clearing] {
  list-style: none;
  margin-left: 0;
  margin-bottom: 0; }
  .clearing-thumbs:before, .clearing-thumbs:after, [data-clearing]:before, [data-clearing]:after {
    content: " ";
    display: table; }
  .clearing-thumbs:after, [data-clearing]:after {
    clear: both; }
  .clearing-thumbs li, [data-clearing] li {
    float: left;
    margin-right: 10px; }
  .clearing-thumbs[class*="block-grid-"] li, [data-clearing][class*="block-grid-"] li {
    margin-right: 0; }

.clearing-blackout {
  background: #333333;
  height: 100%;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 998;
  left: 0; }
  .clearing-blackout .clearing-close {
    display: block; }

.clearing-container {
  height: 100%;
  margin: 0;
  overflow: hidden;
  position: relative;
  z-index: 998; }

.clearing-touch-label {
  color: #AAAAAA;
  font-size: .6em;
  left: 50%;
  position: absolute;
  top: 50%; }

.visible-img {
  height: 95%;
  position: relative; }
  .visible-img img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    max-height: 100%;
    max-width: 100%; }

.clearing-caption {
  background: #333333;
  bottom: 0;
  color: #CCCCCC;
  font-size: 0.875em;
  line-height: 1.3;
  margin-bottom: 0;
  padding: 10px 30px 20px;
  position: absolute;
  text-align: center;
  width: 100%;
  left: 0; }

.clearing-close {
  color: #CCCCCC;
  display: none;
  font-size: 30px;
  line-height: 1;
  padding-left: 20px;
  padding-top: 10px;
  z-index: 999; }
  .clearing-close:hover,
  .clearing-close:focus {
    color: #CCCCCC; }

.clearing-assembled .clearing-container {
  height: 100%; }
  .clearing-assembled .clearing-container .carousel > ul {
    display: none; }

.clearing-feature li {
  display: none; }
  .clearing-feature li.clearing-featured-img {
    display: block; }

@media only screen and (min-width: 40.0625em) {
  .clearing-main-prev,
  .clearing-main-next {
    height: 100%;
    position: absolute;
    top: 0;
    width: 40px; }
    .clearing-main-prev > span,
    .clearing-main-next > span {
      border: solid 12px;
      display: block;
      height: 0;
      position: absolute;
      top: 50%;
      width: 0; }
      .clearing-main-prev > span:hover,
      .clearing-main-next > span:hover {
        opacity: .8; }
  .clearing-main-prev {
    left: 0; }
    .clearing-main-prev > span {
      left: 5px;
      border-color: transparent;
      border-right-color: #CCCCCC; }
  .clearing-main-next {
    right: 0; }
    .clearing-main-next > span {
      border-color: transparent;
      border-left-color: #CCCCCC; }
  .clearing-main-prev.disabled,
  .clearing-main-next.disabled {
    opacity: .3; }
  .clearing-assembled .clearing-container .carousel {
    background: rgba(51, 51, 51, 0.8);
    height: 120px;
    margin-top: 10px;
    text-align: center; }
    .clearing-assembled .clearing-container .carousel > ul {
      display: inline-block;
      z-index: 999;
      height: 100%;
      position: relative;
      float: none; }
      .clearing-assembled .clearing-container .carousel > ul li {
        clear: none;
        cursor: pointer;
        display: block;
        float: left;
        margin-right: 0;
        min-height: inherit;
        opacity: .4;
        overflow: hidden;
        padding: 0;
        position: relative;
        width: 120px; }
        .clearing-assembled .clearing-container .carousel > ul li.fix-height img {
          height: 100%;
          max-width: none; }
        .clearing-assembled .clearing-container .carousel > ul li a.th {
          border: none;
          box-shadow: none;
          display: block; }
        .clearing-assembled .clearing-container .carousel > ul li img {
          cursor: pointer !important;
          width: 100% !important; }
        .clearing-assembled .clearing-container .carousel > ul li.visible {
          opacity: 1; }
        .clearing-assembled .clearing-container .carousel > ul li:hover {
          opacity: .8; }
  .clearing-assembled .clearing-container .visible-img {
    background: #333333;
    height: 85%;
    overflow: hidden; }
  .clearing-close {
    padding-left: 0;
    padding-top: 0;
    position: absolute;
    top: 10px;
    right: 20px; } }

button, .button {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  border-style: solid;
  border-width: 0;
  cursor: pointer;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  line-height: normal;
  margin: 0 0 1.25rem;
  position: relative;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  padding: 1rem 2rem 1.0625rem 2rem;
  font-size: 1rem;
  background-color: #008CBA;
  border-color: #007095;
  color: #FFFFFF;
  transition: background-color 300ms ease-out; }
  button:hover,
  button:focus, .button:hover,
  .button:focus {
    background-color: #007095; }
  button:hover,
  button:focus, .button:hover,
  .button:focus {
    color: #FFFFFF; }
  button.secondary, .button.secondary {
    background-color: #e7e7e7;
    border-color: #b9b9b9;
    color: #333333; }
    button.secondary:hover,
    button.secondary:focus, .button.secondary:hover,
    .button.secondary:focus {
      background-color: #b9b9b9; }
    button.secondary:hover,
    button.secondary:focus, .button.secondary:hover,
    .button.secondary:focus {
      color: #333333; }
  button.success, .button.success {
    background-color: #43AC6A;
    border-color: #368a55;
    color: #FFFFFF; }
    button.success:hover,
    button.success:focus, .button.success:hover,
    .button.success:focus {
      background-color: #368a55; }
    button.success:hover,
    button.success:focus, .button.success:hover,
    .button.success:focus {
      color: #FFFFFF; }
  button.alert, .button.alert {
    background-color: #f04124;
    border-color: #cf2a0e;
    color: #FFFFFF; }
    button.alert:hover,
    button.alert:focus, .button.alert:hover,
    .button.alert:focus {
      background-color: #cf2a0e; }
    button.alert:hover,
    button.alert:focus, .button.alert:hover,
    .button.alert:focus {
      color: #FFFFFF; }
  button.warning, .button.warning {
    background-color: #f08a24;
    border-color: #cf6e0e;
    color: #FFFFFF; }
    button.warning:hover,
    button.warning:focus, .button.warning:hover,
    .button.warning:focus {
      background-color: #cf6e0e; }
    button.warning:hover,
    button.warning:focus, .button.warning:hover,
    .button.warning:focus {
      color: #FFFFFF; }
  button.info, .button.info {
    background-color: #a0d3e8;
    border-color: #61b6d9;
    color: #333333; }
    button.info:hover,
    button.info:focus, .button.info:hover,
    .button.info:focus {
      background-color: #61b6d9; }
    button.info:hover,
    button.info:focus, .button.info:hover,
    .button.info:focus {
      color: #FFFFFF; }
  button.large, .button.large {
    padding: 1.125rem 2.25rem 1.1875rem 2.25rem;
    font-size: 1.25rem; }
  button.small, .button.small {
    padding: 0.875rem 1.75rem 0.9375rem 1.75rem;
    font-size: 0.8125rem; }
  button.tiny, .button.tiny {
    padding: 0.625rem 1.25rem 0.6875rem 1.25rem;
    font-size: 0.6875rem; }
  button.expand, .button.expand {
    padding: 1rem 2rem 1.0625rem 2rem;
    font-size: 1rem;
    padding-bottom: 1.0625rem;
    padding-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%; }
  button.left-align, .button.left-align {
    text-align: left;
    text-indent: 0.75rem; }
  button.right-align, .button.right-align {
    text-align: right;
    padding-right: 0.75rem; }
  button.radius, .button.radius {
    border-radius: 3px; }
  button.round, .button.round {
    border-radius: 1000px; }
  button.disabled, button[disabled], .button.disabled, .button[disabled] {
    background-color: #008CBA;
    border-color: #007095;
    color: #FFFFFF;
    box-shadow: none;
    cursor: default;
    opacity: 0.7; }
    button.disabled:hover,
    button.disabled:focus, button[disabled]:hover,
    button[disabled]:focus, .button.disabled:hover,
    .button.disabled:focus, .button[disabled]:hover,
    .button[disabled]:focus {
      background-color: #007095; }
    button.disabled:hover,
    button.disabled:focus, button[disabled]:hover,
    button[disabled]:focus, .button.disabled:hover,
    .button.disabled:focus, .button[disabled]:hover,
    .button[disabled]:focus {
      color: #FFFFFF; }
    button.disabled:hover,
    button.disabled:focus, button[disabled]:hover,
    button[disabled]:focus, .button.disabled:hover,
    .button.disabled:focus, .button[disabled]:hover,
    .button[disabled]:focus {
      background-color: #008CBA; }
    button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {
      background-color: #e7e7e7;
      border-color: #b9b9b9;
      color: #333333;
      box-shadow: none;
      cursor: default;
      opacity: 0.7; }
      button.disabled.secondary:hover,
      button.disabled.secondary:focus, button[disabled].secondary:hover,
      button[disabled].secondary:focus, .button.disabled.secondary:hover,
      .button.disabled.secondary:focus, .button[disabled].secondary:hover,
      .button[disabled].secondary:focus {
        background-color: #b9b9b9; }
      button.disabled.secondary:hover,
      button.disabled.secondary:focus, button[disabled].secondary:hover,
      button[disabled].secondary:focus, .button.disabled.secondary:hover,
      .button.disabled.secondary:focus, .button[disabled].secondary:hover,
      .button[disabled].secondary:focus {
        color: #333333; }
      button.disabled.secondary:hover,
      button.disabled.secondary:focus, button[disabled].secondary:hover,
      button[disabled].secondary:focus, .button.disabled.secondary:hover,
      .button.disabled.secondary:focus, .button[disabled].secondary:hover,
      .button[disabled].secondary:focus {
        background-color: #e7e7e7; }
    button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {
      background-color: #43AC6A;
      border-color: #368a55;
      color: #FFFFFF;
      box-shadow: none;
      cursor: default;
      opacity: 0.7; }
      button.disabled.success:hover,
      button.disabled.success:focus, button[disabled].success:hover,
      button[disabled].success:focus, .button.disabled.success:hover,
      .button.disabled.success:focus, .button[disabled].success:hover,
      .button[disabled].success:focus {
        background-color: #368a55; }
      button.disabled.success:hover,
      button.disabled.success:focus, button[disabled].success:hover,
      button[disabled].success:focus, .button.disabled.success:hover,
      .button.disabled.success:focus, .button[disabled].success:hover,
      .button[disabled].success:focus {
        color: #FFFFFF; }
      button.disabled.success:hover,
      button.disabled.success:focus, button[disabled].success:hover,
      button[disabled].success:focus, .button.disabled.success:hover,
      .button.disabled.success:focus, .button[disabled].success:hover,
      .button[disabled].success:focus {
        background-color: #43AC6A; }
    button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {
      background-color: #f04124;
      border-color: #cf2a0e;
      color: #FFFFFF;
      box-shadow: none;
      cursor: default;
      opacity: 0.7; }
      button.disabled.alert:hover,
      button.disabled.alert:focus, button[disabled].alert:hover,
      button[disabled].alert:focus, .button.disabled.alert:hover,
      .button.disabled.alert:focus, .button[disabled].alert:hover,
      .button[disabled].alert:focus {
        background-color: #cf2a0e; }
      button.disabled.alert:hover,
      button.disabled.alert:focus, button[disabled].alert:hover,
      button[disabled].alert:focus, .button.disabled.alert:hover,
      .button.disabled.alert:focus, .button[disabled].alert:hover,
      .button[disabled].alert:focus {
        color: #FFFFFF; }
      button.disabled.alert:hover,
      button.disabled.alert:focus, button[disabled].alert:hover,
      button[disabled].alert:focus, .button.disabled.alert:hover,
      .button.disabled.alert:focus, .button[disabled].alert:hover,
      .button[disabled].alert:focus {
        background-color: #f04124; }
    button.disabled.warning, button[disabled].warning, .button.disabled.warning, .button[disabled].warning {
      background-color: #f08a24;
      border-color: #cf6e0e;
      color: #FFFFFF;
      box-shadow: none;
      cursor: default;
      opacity: 0.7; }
      button.disabled.warning:hover,
      button.disabled.warning:focus, button[disabled].warning:hover,
      button[disabled].warning:focus, .button.disabled.warning:hover,
      .button.disabled.warning:focus, .button[disabled].warning:hover,
      .button[disabled].warning:focus {
        background-color: #cf6e0e; }
      button.disabled.warning:hover,
      button.disabled.warning:focus, button[disabled].warning:hover,
      button[disabled].warning:focus, .button.disabled.warning:hover,
      .button.disabled.warning:focus, .button[disabled].warning:hover,
      .button[disabled].warning:focus {
        color: #FFFFFF; }
      button.disabled.warning:hover,
      button.disabled.warning:focus, button[disabled].warning:hover,
      button[disabled].warning:focus, .button.disabled.warning:hover,
      .button.disabled.warning:focus, .button[disabled].warning:hover,
      .button[disabled].warning:focus {
        background-color: #f08a24; }
    button.disabled.info, button[disabled].info, .button.disabled.info, .button[disabled].info {
      background-color: #a0d3e8;
      border-color: #61b6d9;
      color: #333333;
      box-shadow: none;
      cursor: default;
      opacity: 0.7; }
      button.disabled.info:hover,
      button.disabled.info:focus, button[disabled].info:hover,
      button[disabled].info:focus, .button.disabled.info:hover,
      .button.disabled.info:focus, .button[disabled].info:hover,
      .button[disabled].info:focus {
        background-color: #61b6d9; }
      button.disabled.info:hover,
      button.disabled.info:focus, button[disabled].info:hover,
      button[disabled].info:focus, .button.disabled.info:hover,
      .button.disabled.info:focus, .button[disabled].info:hover,
      .button[disabled].info:focus {
        color: #FFFFFF; }
      button.disabled.info:hover,
      button.disabled.info:focus, button[disabled].info:hover,
      button[disabled].info:focus, .button.disabled.info:hover,
      .button.disabled.info:focus, .button[disabled].info:hover,
      .button[disabled].info:focus {
        background-color: #a0d3e8; }

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

@media only screen and (min-width: 40.0625em) {
  button, .button {
    display: inline-block; } }

/* Standard Forms */
form {
  margin: 0 0 1rem; }

/* Using forms within rows, we need to set some defaults */
form .row .row {
  margin: 0 -0.5rem; }
  form .row .row .column,
  form .row .row .columns {
    padding: 0 0.5rem; }
  form .row .row.collapse {
    margin: 0; }
    form .row .row.collapse .column,
    form .row .row.collapse .columns {
      padding: 0; }
    form .row .row.collapse input {
      -webkit-border-bottom-right-radius: 0;
      -webkit-border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border-top-right-radius: 0; }

form .row input.column,
form .row input.columns,
form .row textarea.column,
form .row textarea.columns {
  padding-left: 0.5rem; }

/* Label Styles */
label {
  color: #4d4d4d;
  cursor: pointer;
  display: block;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: 0;
  /* Styles for required inputs */ }
  label.right {
    float: none !important;
    text-align: right; }
  label.inline {
    margin: 0 0 1rem 0;
    padding: 0.5625rem 0; }
  label small {
    text-transform: capitalize;
    color: #676767; }

/* Attach elements to the beginning or end of an input */
.prefix,
.postfix {
  border-style: solid;
  border-width: 1px;
  display: block;
  font-size: 0.875rem;
  height: 2.3125rem;
  line-height: 2.3125rem;
  overflow: visible;
  padding-bottom: 0;
  padding-top: 0;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 2; }

/* Adjust padding, alignment and radius if pre/post element is a button */
.postfix.button {
  border: none;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-top: 0;
  text-align: center; }

.prefix.button {
  border: none;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-top: 0;
  text-align: center; }

.prefix.button.radius {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

.postfix.button.radius {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }

.prefix.button.round {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px; }

.postfix.button.round {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px; }

/* Separate prefix and postfix styles when on span or label so buttons keep their own */
span.prefix, label.prefix {
  background: #f2f2f2;
  border-right: none;
  color: #333333;
  border-color: #cccccc; }

span.postfix, label.postfix {
  background: #f2f2f2;
  border-left: none;
  color: #333333;
  border-color: #cccccc; }

/* We use this to get basic styling on all basic form elements */
input:not([type]), input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  background-color: #FFFFFF;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-family: inherit;
  font-size: 0.875rem;
  height: 2.3125rem;
  margin: 0 0 1rem 0;
  padding: 0.5rem;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border-color 0.15s linear, background 0.15s linear;
  -moz-transition: border-color 0.15s linear, background 0.15s linear;
  -ms-transition: border-color 0.15s linear, background 0.15s linear;
  -o-transition: border-color 0.15s linear, background 0.15s linear;
  transition: border-color 0.15s linear, background 0.15s linear; }
  input:not([type]):focus, input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus {
    background: #fafafa;
    border-color: #999999;
    outline: none; }
  input:not([type]):disabled, input[type="text"]:disabled, input[type="password"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="month"]:disabled, input[type="week"]:disabled, input[type="email"]:disabled, input[type="number"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="color"]:disabled, textarea:disabled {
    background-color: #DDDDDD;
    cursor: default; }
  input:not([type])[disabled],
  input:not([type])[readonly],
  fieldset[disabled] input:not([type]), input[type="text"][disabled],
  input[type="text"][readonly],
  fieldset[disabled] input[type="text"], input[type="password"][disabled],
  input[type="password"][readonly],
  fieldset[disabled] input[type="password"], input[type="date"][disabled],
  input[type="date"][readonly],
  fieldset[disabled] input[type="date"], input[type="datetime"][disabled],
  input[type="datetime"][readonly],
  fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled],
  input[type="datetime-local"][readonly],
  fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled],
  input[type="month"][readonly],
  fieldset[disabled] input[type="month"], input[type="week"][disabled],
  input[type="week"][readonly],
  fieldset[disabled] input[type="week"], input[type="email"][disabled],
  input[type="email"][readonly],
  fieldset[disabled] input[type="email"], input[type="number"][disabled],
  input[type="number"][readonly],
  fieldset[disabled] input[type="number"], input[type="search"][disabled],
  input[type="search"][readonly],
  fieldset[disabled] input[type="search"], input[type="tel"][disabled],
  input[type="tel"][readonly],
  fieldset[disabled] input[type="tel"], input[type="time"][disabled],
  input[type="time"][readonly],
  fieldset[disabled] input[type="time"], input[type="url"][disabled],
  input[type="url"][readonly],
  fieldset[disabled] input[type="url"], input[type="color"][disabled],
  input[type="color"][readonly],
  fieldset[disabled] input[type="color"], textarea[disabled],
  textarea[readonly],
  fieldset[disabled] textarea {
    background-color: #DDDDDD;
    cursor: default; }
  input:not([type]).radius, input[type="text"].radius, input[type="password"].radius, input[type="date"].radius, input[type="datetime"].radius, input[type="datetime-local"].radius, input[type="month"].radius, input[type="week"].radius, input[type="email"].radius, input[type="number"].radius, input[type="search"].radius, input[type="tel"].radius, input[type="time"].radius, input[type="url"].radius, input[type="color"].radius, textarea.radius {
    border-radius: 3px; }

form .row .prefix-radius.row.collapse input,
form .row .prefix-radius.row.collapse textarea,
form .row .prefix-radius.row.collapse select,
form .row .prefix-radius.row.collapse button {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }

form .row .prefix-radius.row.collapse .prefix {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

form .row .postfix-radius.row.collapse input,
form .row .postfix-radius.row.collapse textarea,
form .row .postfix-radius.row.collapse select,
form .row .postfix-radius.row.collapse button {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

form .row .postfix-radius.row.collapse .postfix {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }

form .row .prefix-round.row.collapse input,
form .row .prefix-round.row.collapse textarea,
form .row .prefix-round.row.collapse select,
form .row .prefix-round.row.collapse button {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px; }

form .row .prefix-round.row.collapse .prefix {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px; }

form .row .postfix-round.row.collapse input,
form .row .postfix-round.row.collapse textarea,
form .row .postfix-round.row.collapse select,
form .row .postfix-round.row.collapse button {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px; }

form .row .postfix-round.row.collapse .postfix {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px; }

input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0; }

/* Respect enforced amount of rows for textarea */
textarea[rows] {
  height: auto; }

/* Not allow resize out of parent */
textarea {
  max-width: 100%; }

::-webkit-input-placeholder {
  color: #666666; }

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

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

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

/* Add height value for select elements to match text input height */
select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-color: #FAFAFA;
  border-radius: 0;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+");
  background-position: 100% center;
  background-repeat: no-repeat;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  color: rgba(0, 0, 0, 0.75);
  font-family: inherit;
  font-size: 0.875rem;
  line-height: normal;
  padding: 0.5rem;
  border-radius: 0;
  height: 2.3125rem; }
  select::-ms-expand {
    display: none; }
  select.radius {
    border-radius: 3px; }
  select:focus {
    background-color: #f3f3f3;
    border-color: #999999; }
  select:disabled {
    background-color: #DDDDDD;
    cursor: default; }
  select[multiple] {
    height: auto; }

/* Adjust margin for form elements below */
input[type="file"],
input[type="checkbox"],
input[type="radio"],
select {
  margin: 0 0 1rem 0; }

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

/* Normalize file input width */
input[type="file"] {
  width: 100%; }

/* HTML5 Number spinners settings */
/* We add basic fieldset styling */
fieldset {
  border: 1px solid #DDDDDD;
  margin: 1.125rem 0;
  padding: 1.25rem; }
  fieldset legend {
    background: #FFFFFF;
    font-weight: bold;
    margin: 0;
    margin-left: -0.1875rem;
    padding: 0 0.1875rem; }

/* Error Handling */
[data-abide] .error small.error, [data-abide] .error span.error, [data-abide] span.error, [data-abide] small.error {
  display: block;
  font-size: 0.75rem;
  font-style: italic;
  font-weight: normal;
  margin-bottom: 1rem;
  margin-top: -1px;
  padding: 0.375rem 0.5625rem 0.5625rem;
  background: #f04124;
  color: #FFFFFF; }

[data-abide] span.error, [data-abide] small.error {
  display: none; }

span.error, small.error {
  display: block;
  font-size: 0.75rem;
  font-style: italic;
  font-weight: normal;
  margin-bottom: 1rem;
  margin-top: -1px;
  padding: 0.375rem 0.5625rem 0.5625rem;
  background: #f04124;
  color: #FFFFFF; }

.error input,
.error textarea,
.error select {
  margin-bottom: 0; }

.error input[type="checkbox"],
.error input[type="radio"] {
  margin-bottom: 1rem; }

.error label,
.error label.error {
  color: #f04124; }

.error small.error {
  display: block;
  font-size: 0.75rem;
  font-style: italic;
  font-weight: normal;
  margin-bottom: 1rem;
  margin-top: -1px;
  padding: 0.375rem 0.5625rem 0.5625rem;
  background: #f04124;
  color: #FFFFFF; }

.error > label > small {
  background: transparent;
  color: #676767;
  display: inline;
  font-size: 60%;
  font-style: normal;
  margin: 0;
  padding: 0;
  text-transform: capitalize; }

.error span.error-message {
  display: block; }

input.error,
textarea.error,
select.error {
  margin-bottom: 0; }

label.error {
  color: #f04124; }

/* small displays */
@media only screen {
  .show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important; }
  .hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important; }
  .visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }
  .hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px; }
  table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    display: table !important; }
  thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important; }
  tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important; }
  tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row; }
  th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important; } }

/* medium displays */
@media only screen and (min-width: 40.0625em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important; }
  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important; }
  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }
  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px; }
  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    display: table !important; }
  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important; }
  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important; }
  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row; }
  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important; } }

/* large displays */
@media only screen and (min-width: 64.0625em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important; }
  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important; }
  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }
  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px; }
  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, table.show-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    display: table !important; }
  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important; }
  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important; }
  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row; }
  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important; } }

/* xlarge displays */
@media only screen and (min-width: 90.0625em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important; }
  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important; }
  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }
  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px; }
  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    display: table !important; }
  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important; }
  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important; }
  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row; }
  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.show-for-xlarge-only, td.show-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.show-for-xlarge, td.show-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important; } }

/* xxlarge displays */
@media only screen and (min-width: 120.0625em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important; }
  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important; }
  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .hidden-for-xlarge-only, .visible-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }
  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .visible-for-xlarge-only, .hidden-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-down {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px; }
  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.hide-for-xlarge-only, table.show-for-xlarge-up, table.hide-for-xlarge, table.hide-for-xlarge-down, table.show-for-xxlarge-only, table.show-for-xxlarge-up, table.show-for-xxlarge, table.show-for-xxlarge-down {
    display: table !important; }
  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-xlarge-only, thead.show-for-xlarge-up, thead.hide-for-xlarge, thead.hide-for-xlarge-down, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up, thead.show-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important; }
  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-xlarge-only, tbody.show-for-xlarge-up, tbody.hide-for-xlarge, tbody.hide-for-xlarge-down, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up, tbody.show-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important; }
  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.hide-for-xlarge, tr.hide-for-xlarge-down, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up, tr.show-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row; }
  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.hide-for-xlarge-down, td.hide-for-xlarge-down, th.show-for-xxlarge-only, td.show-for-xxlarge-only, th.show-for-xxlarge-up, td.show-for-xxlarge-up, th.show-for-xxlarge, td.show-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important; } }

/* Orientation targeting */
.show-for-landscape,
.hide-for-portrait {
  display: inherit !important; }

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

/* Specific visibility for tables */
table.hide-for-landscape,
table.show-for-portrait {
  display: table !important; }

thead.hide-for-landscape,
thead.show-for-portrait {
  display: table-header-group !important; }

tbody.hide-for-landscape,
tbody.show-for-portrait {
  display: table-row-group !important; }

tr.hide-for-landscape,
tr.show-for-portrait {
  display: table-row !important; }

td.hide-for-landscape,
td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
  display: table-cell !important; }

@media only screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: inherit !important; }
  .hide-for-landscape,
  .show-for-portrait {
    display: none !important; }
  /* Specific visibility for tables */
  table.show-for-landscape,
  table.hide-for-portrait {
    display: table !important; }
  thead.show-for-landscape,
  thead.hide-for-portrait {
    display: table-header-group !important; }
  tbody.show-for-landscape,
  tbody.hide-for-portrait {
    display: table-row-group !important; }
  tr.show-for-landscape,
  tr.hide-for-portrait {
    display: table-row !important; }
  td.show-for-landscape,
  td.hide-for-portrait,
  th.show-for-landscape,
  th.hide-for-portrait {
    display: table-cell !important; } }

@media only screen and (orientation: portrait) {
  .show-for-portrait,
  .hide-for-landscape {
    display: inherit !important; }
  .hide-for-portrait,
  .show-for-landscape {
    display: none !important; }
  /* Specific visibility for tables */
  table.show-for-portrait,
  table.hide-for-landscape {
    display: table !important; }
  thead.show-for-portrait,
  thead.hide-for-landscape {
    display: table-header-group !important; }
  tbody.show-for-portrait,
  tbody.hide-for-landscape {
    display: table-row-group !important; }
  tr.show-for-portrait,
  tr.hide-for-landscape {
    display: table-row !important; }
  td.show-for-portrait,
  td.hide-for-landscape,
  th.show-for-portrait,
  th.hide-for-landscape {
    display: table-cell !important; } }

/* Touch-enabled device targeting */
.show-for-touch {
  display: none !important; }

.hide-for-touch {
  display: inherit !important; }

.touch .show-for-touch {
  display: inherit !important; }

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

/* Specific visibility for tables */
table.hide-for-touch {
  display: table !important; }

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

thead.hide-for-touch {
  display: table-header-group !important; }

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

tbody.hide-for-touch {
  display: table-row-group !important; }

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

tr.hide-for-touch {
  display: table-row !important; }

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

td.hide-for-touch {
  display: table-cell !important; }

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

th.hide-for-touch {
  display: table-cell !important; }

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

/* Screen reader-specific classes */
.show-for-sr {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px; }

.show-on-focus {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px; }
  .show-on-focus:focus,
  .show-on-focus:active {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }

/*
       * Print styles.
       *
       * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
       * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
      */
.print-only {
  display: none !important; }

@media print {
  * {
    background: transparent !important;
    box-shadow: none !important;
    color: #000000 !important;
    /* Black prints faster: h5bp.com/s */
    text-shadow: none !important; }
  .show-for-print {
    display: block; }
  .hide-for-print {
    display: none; }
  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) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }
  pre,
  blockquote {
    border: 1px solid #999999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group;
    /* h5bp.com/t */ }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: .5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .hide-on-print {
    display: none !important; }
  .print-only {
    display: block !important; }
  .hide-for-print {
    display: none !important; }
  .show-for-print {
    display: inherit !important; } }

/* Print visibility */
@media print {
  .show-for-print {
    display: block; }
  .hide-for-print {
    display: none; }
  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; } }

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

/* === Slider styles === */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before,
  .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff slick-image-url("ajax-loader.gif") center center no-repeat; }

/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  margin-top: -10px;
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover,
  .slick-prev:focus,
  .slick-next:hover, .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before,
    .slick-prev:focus:before,
    .slick-next:hover:before, .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.75; }

.slick-prev:before, .slick-next:before {
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dots {
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  font-family:Arial, sans-serif !important;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: auto 5px auto 5px;
      cursor: pointer;
	  font-family:Arial, sans-serif !important;
      margin-top: 8px; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
		font-family:Arial, sans-serif !important;
        width: 20px;
        height: 20px;
        font-size: 37px;
        line-height: 20px;
        text-align: center;
        color: #bbbbbb;
        opacity: 0.75;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: #1b1b1b;
      opacity: 0.75; }

/* === Lightbox styles === */
.slick-lightbox {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: #000;
  -webkit-transition: opacity 200ms ease;
  -moz-transition: opacity 200ms ease;
  transition: opacity 200ms ease; }
  .slick-lightbox.slick-hide {
    opacity: 0; }
  .slick-lightbox.slick-hide-init {
    position: absolute;
    top: -9999px;
    opacity: 0; }
  .slick-lightbox.slick-lightbox-ie.slick-hide,
  .slick-lightbox.slick-lightbox-ie.slick-hide-init {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0); }
  .slick-lightbox .slick-lightbox-inner {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .slick-lightbox .slick-lightbox-inner .slick-lightbox-slick.slick-caption-bottom .slick-lightbox-slick-item .slick-lightbox-slick-caption {
      position: absolute;
      bottom: 0;
      left: 0;
      text-align: center;
      width: 100%;
      margin-bottom: 20px; }
    .slick-lightbox .slick-lightbox-inner .slick-lightbox-slick.slick-caption-dynamic .slick-lightbox-slick-item .slick-lightbox-slick-caption {
      display: block;
      text-align: center; }
    .slick-lightbox .slick-lightbox-inner .slick-lightbox-slick .slick-lightbox-slick-item {
      text-align: center;
      overflow: hidden; }
      .slick-lightbox .slick-lightbox-inner .slick-lightbox-slick .slick-lightbox-slick-item:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -0.25em; }
      .slick-lightbox .slick-lightbox-inner .slick-lightbox-slick .slick-lightbox-slick-item .slick-lightbox-slick-item-inner {
        display: inline-block;
        vertical-align: middle;
        max-width: 90%;
        max-height: 90%;
        background-image: url("../img/static/loading.gif");
        background-repeat: no-repeat;
        background-position: center center; }
        .slick-lightbox .slick-lightbox-inner .slick-lightbox-slick .slick-lightbox-slick-item .slick-lightbox-slick-item-inner.iframe {
          width: 70%;
          height: 90%; }
        .slick-lightbox .slick-lightbox-inner .slick-lightbox-slick .slick-lightbox-slick-item .slick-lightbox-slick-item-inner .slick-lightbox-slick-img {
          margin: 0 auto;
          display: block;
          max-width: 90%;
          max-height: 90%; }
        .slick-lightbox .slick-lightbox-inner .slick-lightbox-slick .slick-lightbox-slick-item .slick-lightbox-slick-item-inner .slick-lightbox-slick-iframe-wrap {
          position: relative;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%); }
          .slick-lightbox .slick-lightbox-inner .slick-lightbox-slick .slick-lightbox-slick-item .slick-lightbox-slick-item-inner .slick-lightbox-slick-iframe-wrap:before {
            content: '';
            display: block;
            padding-top: 56.25%; }
          .slick-lightbox .slick-lightbox-inner .slick-lightbox-slick .slick-lightbox-slick-item .slick-lightbox-slick-item-inner .slick-lightbox-slick-iframe-wrap .slick-lightbox-slick-caption {
            position: relative;
            top: 30px; }
          .slick-lightbox .slick-lightbox-inner .slick-lightbox-slick .slick-lightbox-slick-item .slick-lightbox-slick-item-inner .slick-lightbox-slick-iframe-wrap .slick-lightbox-slick-iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 0; }
        .slick-lightbox .slick-lightbox-inner .slick-lightbox-slick .slick-lightbox-slick-item .slick-lightbox-slick-item-inner .slick-lightbox-slick-caption {
          margin-top: 10px;
          color: #fff; }
    .slick-lightbox .slick-lightbox-inner .slick-lightbox-close {
      position: absolute;
      top: 15px;
      right: 15px;
      display: block;
      height: 20px;
      width: 20px;
      line-height: 0;
      font-size: 0;
      cursor: pointer;
      background: transparent;
      color: transparent;
      padding: 0;
      border: none; }
    .slick-lightbox .slick-lightbox-inner .slick-lightbox-close:focus {
      outline: none; }
    .slick-lightbox .slick-lightbox-inner .slick-lightbox-close:before {
      font-size: 20px;
      line-height: 1;
      opacity: .85;
      color: #000; }
  .slick-lightbox .slick-loading .slick-list {
    background-color: transparent; }
  .slick-lightbox .slick-prev {
    left: 15px; }
  .slick-lightbox .slick-next {
    right: 15px; }

/* === Site wide styles === */
/* === Proxima Nova Fonts === */
@font-face {
  font-family: 'ProximaNova-Light';
  src: url("../fonts/Proxima_Nova_Lite/light/2F3C80_5_0.eot");
  src: url("../fonts/Proxima_Nova_Lite/light/2F3C80_5_0.eot?#iefix") format("embedded-opentype"), url("../fonts/Proxima_Nova_Lite/light/2F3C80_5_0.woff2") format("woff2"), url("../fonts/Proxima_Nova_Lite/light/2F3C80_5_0.woff") format("woff"), url("../fonts/Proxima_Nova_Lite/light/2F3C80_5_0.ttf") format("truetype"); }

@font-face {
  font-family: 'ProximaNova-Regular';
  src: url("../fonts/Proxima_Nova_Lite/regular/2F3C80_9_0.eot");
  src: url("../fonts/Proxima_Nova_Lite/regular/2F3C80_9_0.eot?#iefix") format("embedded-opentype"), url("../fonts/Proxima_Nova_Lite/regular/2F3C80_9_0.woff2") format("woff2"), url("../fonts/Proxima_Nova_Lite/regular/2F3C80_9_0.woff") format("woff"), url("../fonts/Proxima_Nova_Lite/regular/2F3C80_9_0.ttf") format("truetype"); }

@font-face {
  font-family: 'ProximaNova-Semibold';
  src: url("../fonts/Proxima_Nova_Lite/semibold/2F3C80_B_0.eot");
  src: url("../fonts/Proxima_Nova_Lite/semibold/2F3C80_B_0.eot?#iefix") format("embedded-opentype"), url("../fonts/Proxima_Nova_Lite/semibold/2F3C80_B_0.woff2") format("woff2"), url("../fonts/Proxima_Nova_Lite/semibold/2F3C80_B_0.woff") format("woff"), url("../fonts/Proxima_Nova_Lite/semibold/2F3C80_B_0.ttf") format("truetype"); }

@font-face {
  font-family: 'ProximaNova-Bold';
  src: url("../fonts/Proxima_Nova_Lite/bold/2F3C80_2_0.eot");
  src: url("../fonts/Proxima_Nova_Lite/bold/2F3C80_2_0.eot?#iefix") format("embedded-opentype"), url("../fonts/Proxima_Nova_Lite/bold/2F3C80_2_0.woff2") format("woff2"), url("../fonts/Proxima_Nova_Lite/bold/2F3C80_2_0.woff") format("woff"), url("../fonts/Proxima_Nova_Lite/bold/2F3C80_2_0.ttf") format("truetype"); }

/* === Blendit Fonts === */
@font-face {
  font-family: 'BlenditHeavy';
  src: url("../fonts/Blender_Web/BlenderPro-HeavyWeb.eot");
  src: url("../fonts/Blender_Web/BlenderPro-HeavyWeb.eot?#iefix") format("embedded-opentype"), url("../fonts/Blender_Web/BlenderPro-HeavyWeb.woff") format("woff"); }

@font-face {
  font-family: 'BlenditBold';
  src: url("../fonts/Blender_Web/BlenderPro-BoldWeb.eot");
  src: url("../fonts/Blender_Web/BlenderPro-BoldWeb.eot?#iefix") format("embedded-opentype"), url("../fonts/Blender_Web/BlenderPro-BoldWeb.woff") format("woff"); }

@font-face {
  font-family: 'BlenditBoldItalic';
  src: url("../fonts/Blender_Web/BlenderPro-BoldItalicWeb.eot");
  src: url("../fonts/Blender_Web/BlenderPro-BoldItalicWeb.eot?#iefix") format("embedded-opentype"), url("../fonts/Blender_Web/BlenderPro-BoldItalicWeb.woff") format("woff"); }

@font-face {
  font-family: 'BlenditMedium';
  src: url("../fonts/Blender_Web/BlenderPro-MediumWeb.eot");
  src: url("../fonts/Blender_Web/BlenderPro-MediumWeb.eot?#iefix") format("embedded-opentype"), url("../fonts/Blender_Web/BlenderPro-MediumWeb.woff") format("woff"); }

@font-face {
  font-family: 'BlenditMediumItalic';
  src: url("../fonts/Blender_Web/BlenderPro-MediumItalicWeb.eot");
  src: url("../fonts/Blender_Web/BlenderPro-MediumItalicWeb.eot?#iefix") format("embedded-opentype"), url("../fonts/Blender_Web/BlenderPro-MediumItalicWeb.woff") format("woff"); }

@font-face {
  font-family: 'BlenditBook';
  src: url("../fonts/Blender_Web/BlenderPro-BookWeb.eot");
  src: url("../fonts/Blender_Web/BlenderPro-BookWeb.eot?#iefix") format("embedded-opentype"), url("../fonts/Blender_Web/BlenderPro-BookWeb.woff") format("woff"); }

@font-face {
  font-family: 'BlenditBookItalic';
  src: url("../fonts/Blender_Web/BlenderPro-BookItalicWeb.eot");
  src: url("../fonts/Blender_Web/BlenderPro-BookItalicWeb.eot?#iefix") format("embedded-opentype"), url("../fonts/Blender_Web/BlenderPro-BookItalicWeb.woff") format("woff"); }

@font-face {
  font-family: 'BlenditThin';
  src: url("../fonts/Blender_Web/BlenderPro-ThinWeb.eot");
  src: url("../fonts/Blender_Web/BlenderPro-ThinWeb.eot?#iefix") format("embedded-opentype"), url("../fonts/Blender_Web/BlenderPro-ThinWeb.woff") format("woff"); }

@font-face {
  font-family: 'BlenditThinItalic';
  src: url("../fonts/Blender_Web/BlenderPro-ThinItalicWeb.eot");
  src: url("../fonts/Blender_Web/BlenderPro-ThinItalicWeb.eot?#iefix") format("embedded-opentype"), url("../fonts/Blender_Web/BlenderPro-ThinItalicWeb.woff") format("woff"); }

@font-face {
  font-family: 'everglow';
  src: url("../fonts/everglow.eot");
  src: url("../fonts/everglow.eot?#iefix") format("embedded-opentype"), url("../fonts/everglow.woff") format("woff"), url("../fonts/everglow.ttf") format("truetype"), url("../fonts/everglow.svg#everglow") format("svg"); }

/* === Icon Fonts === */
@font-face {
  font-family: "SSSocialRegular";
  src: url("../fonts/ss-social-regular.svg#SSSocialRegular") format("svg"), url("../fonts/ss-social-regular.eot");
  src: url("../fonts/ss-social-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/ss-social-regular.woff") format("woff"), url("../fonts/ss-social-regular.ttf") format("truetype"); }

@font-face {
  font-family: "SSSocialCircle";
  src: url("../fonts/ss-social-circle.svg#SSSocialCircle") format("svg"), url("../fonts/ss-social-circle.eot");
  src: url("../fonts/ss-social-circle.eot?#iefix") format("embedded-opentype"), url("../fonts/ss-social-circle.woff") format("woff"), url("../fonts/ss-social-circle.ttf") format("truetype"); }

/* === Symbol Set Font Standard === */
@font-face {
  font-family: "SSStandard";
  src: url("../fonts/ss-standard.eot");
  src: url("../fonts/ss-standard.eot?#iefix") format("embedded-opentype"), url("../fonts/ss-standard.woff") format("woff"), url("../fonts/ss-standard.ttf") format("truetype"), url("../fonts/ss-standard.svg#SSStandard") format("svg"); }

/* === Symbol Set Font Symbolicons === */
@font-face {
  font-family: "SSSymbolicons";
  src: url("../fonts/ss-symbolicons-block.svg#SSSymboliconsBlock") format("svg"), url("../fonts/ss-symbolicons-block.eot");
  src: url("../fonts/ss-symbolicons-block.eot?#iefix") format("embedded-opentype"), url("../fonts/ss-symbolicons-block.woff") format("woff"), url("../fonts/ss-symbolicons-block.ttf") format("truetype"); }

@font-face {
  font-family: 'arrowcog';
  src: url("../fonts/arrowcog.svg?98428442#arrowcog") format("svg"), url("../fonts/arrowcog.eot?98428442");
  src: url("../fonts/arrowcog.eot?98428442#iefix") format("embedded-opentype"), url("../fonts/arrowcog.woff?98428442") format("woff"), url("../fonts/arrowcog.ttf?98428442") format("truetype"); }

/* === Variables === */
/* === Colors === */
/* === Mixins === */
/* === Fonts === */
/* === Icons === */
/* === Global styles === */
html,
body {
  color: #212121;
  font-family: "ProximaNova-Regular",sans-serif;
  font-weight: normal;
  font-style: normal;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.5em;
  font-size: 16px;
  background-color: #EDEDED; }

body.freeze {
  overflow: hidden; }

/* === H tags === */
h1, h2, h3, h4, h5, h6 {
  font-family: Arial, sans-serif;
  font-weight: normal;
  line-height: 1.2em;
  margin: 0px; }

h1 a,
h1 a:hover,
h1 a:visited,
h1 a:active {
  color: #fff;
  text-decoration: none; }

h1 {
  margin-bottom: 20px;
  text-transform: uppercase;
  font-family: 'BlenditBold', Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 2.5em;
  line-height: 30px;
  letter-spacing: -1px;
  text-align: center; }
  h1 .thin {
    font-family: 'BlenditMedium', Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  @media only screen and (min-width: 40.0625em) {
    h1 {
      text-align: left;
      font-size: 3.75em;
      line-height: 43px;
      letter-spacing: -3px; } }

h2 {
  font-family: 'BlenditMedium', Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1em;
  text-transform: uppercase;
  margin-bottom: 15px; }

h2 b {
  font-family: 'BlenditMedium', Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 2.8125em; }

h3 {
  color: #212121;
  font-family: 'BlenditThin', Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  font-size: 3.9375em;
  line-height: 77%; }

h3 b {
  font-family: 'BlenditMedium', Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: -0.06em; }

h3 a, h3 a:active, h3 a:visited {
  color: #212121;
  text-decoration: none; }

h3 a:hover {
  color: #212121;
  text-decoration: underline; }

h4 {
  font-size: 1.5em;
  color: #212121; }

h5 {
  font-size: 0.95em;
  letter-spacing: -0.04em;
  font-family: 'BlenditMedium', Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  color: #212121; }

h6 {
  font-family: 'BlenditMedium', Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.8125em;
  color: #bbbbbb;
  text-transform: uppercase; }

/* === Misc. element styles === */
ul {
  margin: 0px;
  padding: 0px; }
  ul li {
    list-style: none;
    margin: 0px;
    padding: 0px; }

hr {
  height: 1px;
  background-color: #d3d3d3;
  width: 100%;
  margin-bottom: 20px;
  border: 0px; }

*:focus {
  outline: 0; }

/* === Custom "large" column breakpoints === */
@media screen and (min-width: 1050px) {
  .large-3-1050 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 25%;
    float: left; } }

@media screen and (min-width: 1050px) {
  .large-6-1050 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 50%;
    float: left; } }

/* === Slick overrides === */
.slick-arrow {
  z-index: 10; }
  .slick-arrow:before {
    font-family: 'arrowcog';
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff; }
    @media screen and (min-width: 1025px) {
      .slick-arrow:before {
        color: #000; } }

.slick-prev {
  left: 0; }
  @media screen and (min-width: 1025px) {
    .slick-prev {
      left: -25px; } }
  .slick-prev:before {
    content: '\e80b'; }

.slick-next {
  right: 0; }
  @media screen and (min-width: 1025px) {
    .slick-next {
      right: -25px; } }
  .slick-next:before {
    content: '\e80c'; }

.slick-lightbox-slick-item-inner {
  padding: 40px 0; }

.slick-lightbox-slick .slick-arrow:before {
  color: #000; }

.slick-lightbox .slick-lightbox-inner .slick-lightbox-close:before {
  content: '\e857';
  font-family: 'arrowcog';
  font-weight: normal;
  font-style: normal;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* === Removes breaks (<br/>) inside elements above mobile === */
@media only screen and (min-width: 40.0625em) {
  .mobile-only-breaks br {
    display: none; } }

/* === Global container styles === */
.container {
  /* === Global top padding styles === */
  padding-top: 32px;
  padding-bottom: 30px;
  /* === Pushes footer down on short pages === */
  min-height: 100%;
  margin-bottom: -289px; }
  @media only screen and (min-width: 40.0625em) {
    .container {
      padding-top: 50px; } }
  @media screen and (min-width: 865px) {
    .container {
      padding-top: 147px; } }
  .container:after {
    content: "";
    display: block;
    height: 289px; }

/* === Outer Gutter === */
@media only screen and (min-width: 40.0625em) {
  .outer-gutter {
    padding-left: 20px;
    padding-right: 20px; } }

.page-header {
  position: relative; }

.white-text {
  color: #fff !important; }

a:link, a:hover, a:visited, a:active {
  text-decoration: none; }

/* === Social Icon styles === */
.social-link:before {
  display: inline-block;
  position: relative;
  font-size: 1.5625em; }

.social-link.default-icon:before {
  font-family: "SSSocialRegular";
  font-weight: normal;
  font-style: normal;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.social-link.circle-icon:before {
  font-family: 'SSSocialCircle';
  font-weight: normal;
  font-style: normal;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.social-link.facebook:before {
  content: '\F610'; }

.social-link.twitter:before {
  content: '\F611'; }

.social-link.youtube:before {
  content: '\F630'; }

.social-link.instagram:before {
  content: '\F641'; }

/* === Vertical centering styles === */
.vertical-center {
  height: 100%;
  text-align: center; }
  .vertical-center:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
    /* Adjusts for spacing */ }
  .vertical-center .centered {
    width: 90%;
    display: inline-block;
    vertical-align: middle; }

/* === Confirmed Message === */
.confirm-message-cont {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0px;
  z-index: 2;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  transition: opacity 300ms; }
  .confirm-message-cont.show {
    visibility: visible;
    opacity: 1; }
  .confirm-message-cont span {
    display: block;
    margin-bottom: 25px;
    height: 44px;
    font-family: "SSStandard";
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 2.5em;
    line-height: 55px; }
  .confirm-message-cont p {
    margin: 0px;
    text-align: center;
    font-size: 18px; }

/* === Template styles === */
input[type="text"], textarea, select {
  box-shadow: inset 0 0px 0px transparent;
  font-size: 0.9375em;
  /* === Validation Error === */ }
  input[type="text"].validate.error, textarea.validate.error, select.validate.error {
    border: 2px solid #ff0015;
    margin-bottom: 1em; }

select {
  background-image: url("../img/static/select-arrows.svg");
  background-size: 24px 16px;
  background-position-x: 100%;
  background-position-y: 50%;
  font-size: 0.9375em;
  padding-top: 2px;
  padding-bottom: 0; }
  select:disabled {
    background-color: #CFCFCF;
    border-color: #C2C2C2;
    color: #9E9E9E !important; }
    select:disabled::-webkit-input-placeholder {
      color: #9E9E9E; }
    select:disabled::-moz-placeholder {
      color: #9E9E9E; }
    select:disabled:-moz-placeholder {
      color: #9E9E9E; }
    select:disabled:-ms-input-placeholder {
      color: #9E9E9E; }
	  
	  
	select option:disabled,
	select option[disabled="disabled"],
	select option[disabled] {
    	color: #ccc !important; 
	}
  	

.btn {
  display: block;
  position: relative;
  height: 50px;
  border: none;
  border-radius: 2px !important;
  background-color: transparent;
  padding: 0 10px;
  outline: none;
  font-family: 'BlenditBold', Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 50px;
  font-size: 1.0625em;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  letter-spacing: 0;
  -webkit-transition: background-color 300ms, color 300ms;
  -moz-transition: background-color 300ms, color 300ms;
  transition: background-color 300ms, color 300ms; }
  .btn.full-width {
    width: 100%;
    height: 70px;
    line-height: 70px;
    background-color: #aaaaaa; }
    .no-touchevents .btn.full-width:hover {
      background-color: #1b1b1b;
      -webkit-transition: background-color 0ms, color 0ms;
      -moz-transition: background-color 0ms, color 0ms;
      transition: background-color 0ms, color 0ms; }
  .btn.green {
    background-color: #40D74B;
    color: #fff; }
    .no-touchevents .btn.green:hover {
      background-color: #1f9227;
      -webkit-transition: background-color 0ms, color 0ms;
      -moz-transition: background-color 0ms, color 0ms;
      transition: background-color 0ms, color 0ms; }
  .btn.white {
    background-color: #fff;
    color: #000; }
    .no-touchevents .btn.white:hover {
      background-color: #cccccc;
      -webkit-transition: background-color 0ms, color 0ms;
      -moz-transition: background-color 0ms, color 0ms;
      transition: background-color 0ms, color 0ms; }

/* === button with an arrow pointing to the left === */
.back-btn {
  width: 100%;
  position: relative;
  top: -6px;
  left: 0;
  text-align: center; }
  @media only screen and (min-width: 40.0625em) {
    .back-btn {
      text-align: left;
      position: absolute;
      top: -26px; } }
  .back-btn a {
    position: relative;
    height: 26px;
    padding-left: 22px;
    font-family: 'BlenditMedium', Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #817e80;
    font-size: 0.9375em;
    text-transform: uppercase;
    text-align: center;
    -webkit-transition: color 250ms;
    -moz-transition: color 250ms;
    transition: color 250ms; }
    .back-btn a:before {
      content: "";
      height: 0px;
      width: 0px;
      position: absolute;
      top: 50%;
      left: 0px;
      margin-top: -5px;
      border-top: 5px solid transparent;
      border-bottom: 5px solid transparent;
      border-right: 10px solid #817e80;
      -webkit-transition: border 250ms;
      -moz-transition: border 250ms;
      transition: border 250ms; }
  .no-touchevents .back-btn.hover-light-back-btn a:hover {
    color: #fff;
    -webkit-transition: background-color 0ms, color 0ms;
    -moz-transition: background-color 0ms, color 0ms;
    transition: background-color 0ms, color 0ms; }
    .no-touchevents .back-btn.hover-light-back-btn a:hover:before {
      border-right: 10px solid #fff; }
  .no-touchevents .back-btn.hover-dark-back-btn a:hover {
    color: #1b1b1b;
    -webkit-transition: background-color 0ms, color 0ms;
    -moz-transition: background-color 0ms, color 0ms;
    transition: background-color 0ms, color 0ms; }
    .no-touchevents .back-btn.hover-dark-back-btn a:hover:before {
      border-right: 10px solid #1b1b1b; }

/* === Home page btn === */
.outline-button {
  position: relative;
  float: none;
  height: auto;
  padding: 6px 22px 6px 22px;
  font-family: 'BlenditMedium', Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.8125em;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 25px;
  -webkit-transition: padding ease-in-out 250ms;
  -moz-transition: padding ease-in-out 250ms;
  transition: padding ease-in-out 250ms; }
  @media only screen and (min-width: 40.0625em) {
    .outline-button {
      float: right; } }
  .outline-button:after {
    content: "\e800";
    position: absolute;
    top: 50%;
    right: 21px;
    margin-top: -13px;
    font-family: 'arrowcog';
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    opacity: 0;
    -webkit-transition: opacity ease-in-out 250ms;
    -moz-transition: opacity ease-in-out 250ms;
    transition: opacity ease-in-out 250ms; }
  .no-touchevents .outline-button:hover {
    padding: 6px 36px 6px 22px; }
    .no-touchevents .outline-button:hover:after {
      opacity: 1; }

/* === Event Landing & Event Detail === */
.underline-btn {
  text-decoration: underline !important; }
  .no-touchevents .underline-btn:hover {
    text-decoration: none !important; }

/* === Button spanning the bottom of a container === */
.bottom-bar-btn {
  width: 100%;
  height: auto;
  background-color: #333333;
  border-radius: 0 !important;
  padding-top: 14px;
  padding-bottom: 14px;
  line-height: 20px; }
  .no-touchevents .bottom-bar-btn:hover {
    background-color: black;
    -webkit-transition: background-color 0ms, color 0ms;
    -moz-transition: background-color 0ms, color 0ms;
    transition: background-color 0ms, color 0ms; }

/* === Creates a colored overlay that slides down on hover === */
.color-overlay-hover {
  position: relative;
  overflow: hidden;
  display: block;
  cursor: pointer; }
  .color-overlay-hover:before {
    content: '';
    width: 100%;
    height: 0%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    opacity: 0.75;
    -webkit-transition: height cubic-bezier(0.19, 1, 0.22, 1) 250ms;
    -moz-transition: height cubic-bezier(0.19, 1, 0.22, 1) 250ms;
    transition: height cubic-bezier(0.19, 1, 0.22, 1) 250ms; }
  .color-overlay-hover:after {
    content: '\e806';
    position: absolute;
    display: block;
    top: 0;
    left: 50%;
    height: 100%;
    margin-left: -9px;
    margin-top: -14px;
    font-family: 'arrowcog';
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 29px;
    font-size: 2.375em;
    color: #fff;
    z-index: 2;
    opacity: 0.75;
    -webkit-transform: translateY(130%);
    -moz-transform: translateY(130%);
    -ms-transform: translateY(130%);
    -o-transform: translateY(130%);
    transform: translateY(130%);
    -webkit-transition: -webkit-transform cubic-bezier(0.19, 1, 0.22, 1) 250ms;
    -moz-transition: -moz-transform cubic-bezier(0.19, 1, 0.22, 1) 250ms;
    transition: transform cubic-bezier(0.19, 1, 0.22, 1) 250ms; }
  .no-touchevents .color-overlay-hover:hover:before {
    height: 100% !important; }
  .no-touchevents .color-overlay-hover:hover:after {
    -webkit-transform: translateY(50%) !important;
    -moz-transform: translateY(50%) !important;
    -ms-transform: translateY(50%) !important;
    -o-transform: translateY(50%) !important;
    transform: translateY(50%) !important; }
  .color-overlay-hover.red:before {
    background-color: #ce0e0e; }
  .color-overlay-hover.gray:before {
    background-color: #989898; }
  .color-overlay-hover img {
    width: 100%; }
  .color-overlay-hover.color-overlay-video:after {
    content: '\f630';
    margin-left: -19px;
    font-family: "SSSocialRegular";
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 38px; }
  .no-touchevents .color-overlay-hover.color-overlay-video:hover:after {
    -webkit-transform: translateY(50%) !important;
    -moz-transform: translateY(50%) !important;
    -ms-transform: translateY(50%) !important;
    -o-transform: translateY(50%) !important;
    transform: translateY(50%) !important; }

/* ------- play button overlay only playbutton youtube ---------- */

.play-button-overlay {
  position: relative;
  overflow: hidden;
  display: block;
  cursor: pointer; }
  
  .play-button-overlay img {
    width: 100%; }
  .play-button-overlay:after {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    height: 100%;
    margin-top: -14px;
    font-size: 3em;
    z-index: 2;
    opacity: 0.75;  
    content: '\f630';
    margin-left: -26px;
    font-family: "SSSocialRegular";
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 38px; 
	color:#111111;
	}
	.play-button-overlay:before{
		position: absolute;
		display: block;
		top: 50%;
		left: 50%;
		height: 100%;
		margin-top: -18px;
		font-size: 1em;
		color:#fff;
		z-index: 3;
		content: '\25b6';
		margin-left: -8px;
		font-family: "SSStandard";
		font-weight: normal;
		font-style: normal;
		text-rendering: optimizeLegibility;
		-webkit-font-feature-settings: "liga";
		-moz-font-feature-settings: "liga";
		-ms-font-feature-settings: "liga";
		font-feature-settings: "liga";
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		line-height: 38px; 
	}
 	.no-touchevents .play-button-overlay:hover:after {
		color:#EB0000;
	}






/* === Button to show and hide the product filter menus === */
.drawer-btn {
  width: 100%; }
  @media only screen and (min-width: 64.0625em) {
    .drawer-btn {
      display: none; } }
  .drawer-btn:before {
    content: "\2699";
    float: left;
    line-height: 58px;
    font-family: "SSStandard";
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #212121; }
  .drawer-btn:after {
    content: "\25BB";
    float: right;
    font-family: "SSStandard";
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #212121;
    line-height: 58px;
    -webkit-transform: rotateZ(0deg) translateY(0px);
    -moz-transform: rotateZ(0deg) translateY(0px);
    -ms-transform: rotateZ(0deg) translateY(0px);
    -o-transform: rotateZ(0deg) translateY(0px);
    transform: rotateZ(0deg) translateY(0px);
    -webkit-transition: -webkit-transform 250ms;
    -moz-transition: -moz-transform 250ms;
    transition: transform 250ms; }
  .drawer-btn.open {
    background-color: #cccccc; }
    .drawer-btn.open:after {
      -webkit-transform: rotateZ(90deg) translateY(5px);
      -moz-transform: rotateZ(90deg) translateY(5px);
      -ms-transform: rotateZ(90deg) translateY(5px);
      -o-transform: rotateZ(90deg) translateY(5px);
      transform: rotateZ(90deg) translateY(5px); }

/* === Sub nav buttons for sorting or next / prev buttons (colors can be overrode) === */
.sub-nav-btn {
  height: 38px;
  min-width: 90px;
  width: auto;
  padding: 0 10px;
  margin: 0 10px 20px 0;
  display: inline-block;
  background-color: #aaaaaa;
  letter-spacing: 1px;
  color: #545454;
  text-align: center;
  line-height: 38px;
  font-size: 0.9375em;
  font-family: 'BlenditHeavy', Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .sub-nav-btn:last-child {
    margin: 0 0 20px 0; }
  @media screen and (min-width: 400px) {
    .sub-nav-btn {
      min-width: 100px;
      margin: 0 16px 20px 0; } }
  @media only screen and (min-width: 64.0625em) {
    .sub-nav-btn {
      margin: 0 8px 20px; }
      .sub-nav-btn:nth-child(2) {
        margin: 0 8px 20px 0; }
      .sub-nav-btn:last-child {
        margin: 0 0 20px 8px; } }
  .no-touchevents .sub-nav-btn:hover {
    background-color: #333333;
    -webkit-transition: background-color 0ms, color 0ms;
    -moz-transition: background-color 0ms, color 0ms;
    transition: background-color 0ms, color 0ms; }
  .sub-nav-btn.current {
    background-color: #fff;
    color: #090909; }

/* === Product filter menus === */
#side-bar {
  overflow: hidden;
  /* === Side Bar List Items === */ }
  #side-bar .columns {
    margin-bottom: 35px; }
  #side-bar h5 {
    background-color: #fff;
    padding: 6px 11px 4px 11px;
    margin: 35px 0 6px 0;
    font-family: 'BlenditBook', Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 0.8125em; }
    #side-bar h5:first-child {
      margin-top: 0; }
  #side-bar label,
  #side-bar a {
    font-family: 'BlenditMedium', Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 0.8125em;
    color: #060606;
    text-transform: uppercase; }
  #side-bar input[type="checkbox"] {
    margin: 0 0 7px 0; }
  #side-bar select {
    font-family: "ProximaNova-Semibold",sans-serif;
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 0.8125em;
    color: #000; }
  #side-bar .checkboxes {
    padding: 0 0 0 11px; }
  #side-bar .select-cont {
    padding: 0 11px; }
  #side-bar .links-cont ul {
    padding: 0; }
    #side-bar .links-cont ul li:last-child a {
      border-bottom: none; }
    #side-bar .links-cont ul a {
      display: inline-block;
      width: 100%;
      padding: 3px 0px 1px 11px; }
  #side-bar .links-cont.arrow-left a:before {
    content: "\25BB";
    font-family: "SSStandard";
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 0.46154em;
    color: #000;
    -webkit-transform: translateX(-8px);
    -moz-transform: translateX(-8px);
    -ms-transform: translateX(-8px);
    -o-transform: translateX(-8px);
    transform: translateX(-8px);
    -webkit-transition: -webkit-transform 250ms;
    -moz-transition: -moz-transform 250ms;
    transition: transform 250ms; }
  .no-touchevents #side-bar .links-cont.arrow-left a:hover:before {
    -webkit-transform: translateX(-3px);
    -moz-transform: translateX(-3px);
    -ms-transform: translateX(-3px);
    -o-transform: translateX(-3px);
    transform: translateX(-3px); }
  #side-bar .links-cont.arrow-right a {
    border-bottom: 1px solid #fff; }
    #side-bar .links-cont.arrow-right a:after {
      content: "\25BB";
      float: right;
      font-size: 0.76923em;
      font-family: "SSStandard";
      font-weight: normal;
      font-style: normal;
      text-rendering: optimizeLegibility;
      -webkit-font-feature-settings: "liga";
      -moz-font-feature-settings: "liga";
      -ms-font-feature-settings: "liga";
      font-feature-settings: "liga";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #bbbbbb;
      -webkit-transform: translateX(-11px);
      -moz-transform: translateX(-11px);
      -ms-transform: translateX(-11px);
      -o-transform: translateX(-11px);
      transform: translateX(-11px);
      -webkit-transition: -webkit-transform 250ms;
      -moz-transition: -moz-transform 250ms;
      transition: transform 250ms; }
    .no-touchevents #side-bar .links-cont.arrow-right a:hover:after {
      -webkit-transform: translateX(-6px);
      -moz-transform: translateX(-6px);
      -ms-transform: translateX(-6px);
      -o-transform: translateX(-6px);
      transform: translateX(-6px); }
  #side-bar .thumb-grid {
    margin-top: 20px; }
  #side-bar .side-bar-list ul li {
    position: relative;
    width: 100%;
    display: inline-block;
    padding: 16px 55px 16px 35px;
    background-color: #f7f7f7;
    font-size: 1.125em;
    line-height: 15px;
    border-top: 1px solid #ebebeb;
    cursor: pointer;
    -webkit-transition: background-color 300ms;
    -moz-transition: background-color 300ms;
    transition: background-color 300ms;
    /* === Article List Item Hover === */ }
    #side-bar .side-bar-list ul li:after {
      position: absolute;
      right: 35px;
      top: 50%;
      margin-top: -8px;
      font-family: 'arrowcog';
      font-weight: normal;
      font-style: normal;
      text-rendering: optimizeLegibility;
      -webkit-font-feature-settings: "liga";
      -moz-font-feature-settings: "liga";
      -ms-font-feature-settings: "liga";
      font-feature-settings: "liga";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e842";
      color: #bbbbbb;
      font-size: 0.83333em; }
    #side-bar .side-bar-list ul li a {
      color: #7b7b7b;
      -webkit-transition: color 250ms;
      -moz-transition: color 250ms;
      transition: color 250ms; }
    .no-touchevents #side-bar .side-bar-list ul li:hover {
      background-color: #fff;
      -webkit-transition: background-color 0ms;
      -moz-transition: background-color 0ms;
      transition: background-color 0ms; }
      .no-touchevents #side-bar .side-bar-list ul li:hover a {
        color: #000;
        -webkit-transition: color 0ms;
        -moz-transition: color 0ms;
        transition: color 0ms; }

/* === Product Grid === */
@media only screen and (min-width: 64.0625em) {
  #grid.has-feature ul > li:nth-of-type(4n+1) {
    clear: none; }
  #grid.has-feature ul > li:nth-of-type(4n+6) {
    clear: both; } }

#grid li {
  /* === Feature product === */ }
  #grid li a {
    display: block;
    position: relative;
    width: 100%;
    padding-bottom: 50px;
    height: 200px;
    overflow: hidden;
    /* === Media Query loops for grid item heights === */
    /* === 440 - 600 === */
    /* === 641 - 1001 === */
    /* === 1025 - 1425 === */
    /* === Info bar under product thumb === */ }
    @media screen and (min-width: 440px) {
      #grid li a {
        height: 230px; } }
    @media screen and (min-width: 480px) {
      #grid li a {
        height: 250px; } }
    @media screen and (min-width: 520px) {
      #grid li a {
        height: 270px; } }
    @media screen and (min-width: 560px) {
      #grid li a {
        height: 290px; } }
    @media screen and (min-width: 600px) {
      #grid li a {
        height: 310px; } }
    @media screen and (min-width: 641px) {
      #grid li a {
        height: 170px; } }
    @media screen and (min-width: 681px) {
      #grid li a {
        height: 180px; } }
    @media screen and (min-width: 721px) {
      #grid li a {
        height: 190px; } }
    @media screen and (min-width: 761px) {
      #grid li a {
        height: 200px; } }
    @media screen and (min-width: 801px) {
      #grid li a {
        height: 210px; } }
    @media screen and (min-width: 841px) {
      #grid li a {
        height: 220px; } }
    @media screen and (min-width: 881px) {
      #grid li a {
        height: 230px; } }
    @media screen and (min-width: 921px) {
      #grid li a {
        height: 240px; } }
    @media screen and (min-width: 961px) {
      #grid li a {
        height: 250px; } }
    @media screen and (min-width: 1001px) {
      #grid li a {
        height: 260px; } }
    @media screen and (min-width: 1025px) {
      #grid li a {
        height: 210px; } }
    @media screen and (min-width: 1065px) {
      #grid li a {
        height: 220px; } }
    @media screen and (min-width: 1105px) {
      #grid li a {
        height: 230px; } }
    @media screen and (min-width: 1145px) {
      #grid li a {
        height: 240px; } }
    @media screen and (min-width: 1185px) {
      #grid li a {
        height: 250px; } }
    @media screen and (min-width: 1225px) {
      #grid li a {
        height: 260px; } }
    @media screen and (min-width: 1265px) {
      #grid li a {
        height: 270px; } }
    @media screen and (min-width: 1305px) {
      #grid li a {
        height: 280px; } }
    @media screen and (min-width: 1345px) {
      #grid li a {
        height: 290px; } }
    @media screen and (min-width: 1385px) {
      #grid li a {
        height: 300px; } }
    @media screen and (min-width: 1425px) {
      #grid li a {
        height: 310px; } }
    #grid li a:hover h6,
    #grid li a:hover p {
      color: #fff; }
    #grid li a:hover img {
      -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
      -o-transform: translateY(0px);
      transform: translateY(0px); }
    #grid li a:hover .product-info {
      height: 55px;
      background-color: #bbbbbb; }
    #grid li a:hover .left {
      border-right: 1px solid #8b8b8b; }
    #grid li a img {
      max-width: 100%;
      min-width: 100%;
      -webkit-backface-visibility: hidden;
      -webkit-transform: translateY(-10px);
      -moz-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
      -o-transform: translateY(-10px);
      transform: translateY(-10px);
      -webkit-transition: -webkit-transform 250ms;
      -moz-transition: -moz-transform 250ms;
      transition: transform 250ms; }
    #grid li a h6 {
      line-height: 10px;
      margin: 0px 0 2px 0;
      -webkit-transition: color 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -moz-transition: color 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: color 200ms cubic-bezier(0.215, 0.61, 0.355, 1); }
    #grid li a p {
      margin: 0;
      font-family: 'BlenditBold', Arial, sans-serif;
      font-weight: normal;
      font-style: normal;
      text-rendering: optimizeLegibility;
      -webkit-font-feature-settings: "liga";
      -moz-font-feature-settings: "liga";
      -ms-font-feature-settings: "liga";
      font-feature-settings: "liga";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 1em;
      color: #686868;
      line-height: 17px;
      -webkit-transition: color 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -moz-transition: color 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: color 200ms cubic-bezier(0.215, 0.61, 0.355, 1); }
      @media screen and (min-width: 750px) {
        #grid li a p {
          font-size: 1.125em; } }
      @media screen and (min-width: 1170px) {
        #grid li a p {
          font-size: 1.5625em; } }
    #grid li a .product-info {
      background-color: #fff;
      display: block;
      width: 100%;
      height: 50px;
      position: absolute;
      bottom: 0;
      left: 0;
      text-align: center;
      -webkit-transition: height 200ms cubic-bezier(0.215, 0.61, 0.355, 1), background-color 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -moz-transition: height 200ms cubic-bezier(0.215, 0.61, 0.355, 1), background-color 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: height 200ms cubic-bezier(0.215, 0.61, 0.355, 1), background-color 200ms cubic-bezier(0.215, 0.61, 0.355, 1); }
      #grid li a .product-info::after {
        clear: both;
        content: "";
        display: table; }
    #grid li a .left,
    #grid li a .right {
      width: 50%;
      height: 100%; }
      #grid li a .left:before,
      #grid li a .right:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -0.35em; }
      #grid li a .left .centered,
      #grid li a .right .centered {
        width: 100%;
        display: inline-block;
        vertical-align: middle; }
    #grid li a .left {
      border-right: 1px solid #E4E4E4;
      -webkit-transition: border-right 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -moz-transition: border-right 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: border-right 200ms cubic-bezier(0.215, 0.61, 0.355, 1); }
    #grid li a .small {
      position: relative;
      font-family: 'BlenditMedium', Arial, sans-serif;
      font-weight: normal;
      font-style: normal;
      text-rendering: optimizeLegibility;
      -webkit-font-feature-settings: "liga";
      -moz-font-feature-settings: "liga";
      -ms-font-feature-settings: "liga";
      font-feature-settings: "liga";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 0.625em; }
      #grid li a .small.top {
        top: -5px; }
      #grid li a .small.bottom {
        top: 5px; }
  #grid li.feature a {
    padding-bottom: 0;
    width: 100%;
    overflow: hidden;
    /* === Need to over-ride the media queries to double height of the feature product === */
    /* === 1025 - 1425 === */ }
    @media screen and (min-width: 1025px) {
      #grid li.feature a {
        height: 440px; } }
    @media screen and (min-width: 1065px) {
      #grid li.feature a {
        height: 460px; } }
    @media screen and (min-width: 1105px) {
      #grid li.feature a {
        height: 480px; } }
    @media screen and (min-width: 1145px) {
      #grid li.feature a {
        height: 500px; } }
    @media screen and (min-width: 1185px) {
      #grid li.feature a {
        height: 520px; } }
    @media screen and (min-width: 1225px) {
      #grid li.feature a {
        height: 540px; } }
    @media screen and (min-width: 1265px) {
      #grid li.feature a {
        height: 560px; } }
    @media screen and (min-width: 1305px) {
      #grid li.feature a {
        height: 580px; } }
    @media screen and (min-width: 1345px) {
      #grid li.feature a {
        height: 600px; } }
    @media screen and (min-width: 1385px) {
      #grid li.feature a {
        height: 620px; } }
    @media screen and (min-width: 1425px) {
      #grid li.feature a {
        height: 640px; } }
    #grid li.feature a img {
      min-width: auto;
      max-width: none;
      min-height: 100%;
      height: 100%;
	   margin-left:0;
      -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
      -o-transform: translateY(0px);
      transform: translateY(0px); }
      @media screen and (min-width: 400px) {
        #grid li.feature a img {
          min-width: 110%;
          max-width: 110%;
		  margin-left:-2.5%;
          min-height: auto;
          height: auto; } }
  @media only screen and (min-width: 64.0625em) {
    #grid li.feature {
      width: 50%;
      float: right; } }

a.fitness-news-box {
  display: table;
  width: 100%; }
  .no-touchevents a.fitness-news-box:hover p {
    text-decoration: underline; }
  a.fitness-news-box .img-cont {
    width:6% !important; /* added to fix bug */
	/* display: table; */
	display:inline-block; /* added to fix bug */
    position: relative;
    margin: 0px auto 20px auto;
    vertical-align: top;
    overflow: hidden;
    text-align: center; }
	 @media screen and (max-width: 580px) {
	 	a.fitness-news-box .img-cont img,
		a.fitness-news-box .img-cont {
			max-width:18px !important; /* added to fix bug */
		}
	 }
    @media only screen and (min-width: 40.0625em) {
      a.fitness-news-box .img-cont {
        display: table-cell;
        text-align: left; } }
    a.fitness-news-box .img-cont:before {
      content: '';
      width: 100%;
      height: 28px;
      position: absolute;
      top: 0px;
      left: 0px;
      opacity: 0.75;
      -webkit-transition: height cubic-bezier(0.19, 1, 0.22, 1) 250ms;
      -moz-transition: height cubic-bezier(0.19, 1, 0.22, 1) 250ms;
      transition: height cubic-bezier(0.19, 1, 0.22, 1) 250ms; }
    a.fitness-news-box .img-cont img, a.fitness-news-box .img-cont  {
      max-width: 28px; }
  a.fitness-news-box .content-cont {
    /* display: table-cell; */
	display:inline-block; /* added to fix bug */
    vertical-align: top;
    padding-left: 20px;
    font-family: 'BlenditMedium', Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: left; }
		@media screen and (max-width: 40em) {
			 a.fitness-news-box .content-cont {
				  width:90%; /* added to fix bug */
			 }
		}
		@media screen and (min-width: 40.063em) and (max-width: 64em) {
			/* a.fitness-news-box .content-cont {
				  display: table-cell; 
			 } */
		}
    a.fitness-news-box .content-cont span {
      display: block;
      font-family: 'BlenditBook', Arial, sans-serif;
      font-weight: normal;
      font-style: normal;
      text-rendering: optimizeLegibility;
      -webkit-font-feature-settings: "liga";
      -moz-font-feature-settings: "liga";
      -ms-font-feature-settings: "liga";
      font-feature-settings: "liga";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 0.8125em;
      line-height: 10px;
      color: #9b9b9b;
      font-weight: bold;
      text-transform: uppercase;
      text-align: left;
      margin-top: 5px;
      margin-bottom: 5px; }
    a.fitness-news-box .content-cont p {
      margin: 2px 0 0 0;
      font-size: 1.0625em;
      color: #fff;
      text-transform: uppercase;
      text-align: left; 
	  }

/* === Navigation styles === */
/* === Global Nav Bar === */
header {
  display: none; }

/* === Nav Bar === */
#global-nav {
  background-color: #0a0a0a;
  height: 72px;
  width: 100%;
  position: relative;
  z-index: 10;
  top: 0;
  left: 0; }
  @media screen and (min-width: 865px) {
    #global-nav {
      position: fixed; } }
  #global-nav #nav-cont {
    width: 100%;
    background-color: #0a0a0a;
    height: 72px;
    z-index: 2;
    position: fixed; }
    @media screen and (min-width: 865px) {
      #global-nav #nav-cont {
        position: relative; } }
  #global-nav nav {
    margin: 0 auto;
    max-width: 87.5rem;
    width: 100%;
    /* === Right column of nav bar === */ }
    #global-nav nav::after {
      clear: both;
      content: "";
      display: table; }
    #global-nav nav ul {
      list-style: none;
      padding: 0;
      margin: 0;
      /* === Left column of nav bar === */ }
      #global-nav nav ul li {
        position: relative; }
      #global-nav nav ul.left a {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none; }
      #global-nav nav ul.left li {
        z-index: 1;
        float: left;
        display: none;
        /* === ON logo === */
        /* === Colors for hover of Nav items in left column === */ }
        #global-nav nav ul.left li:first-child {
          display: inline-block; }
          #global-nav nav ul.left li:first-child a:after {
            display: none; }
        @media screen and (min-width: 865px) {
          #global-nav nav ul.left li {
            /* === Adds color on hover of nav bar item in left column === */ }
            #global-nav nav ul.left li:before {
              content: '';
              display: block;
              width: 100%;
              height: 100%;
              position: absolute;
              top: 0;
              left: 0;
              opacity: 0;
              z-index: 1;
              -webkit-transition: opacity 250ms;
              -moz-transition: opacity 250ms;
              transition: opacity 250ms; }
            #global-nav nav ul.left li.open:before {
              opacity: 1;
              -webkit-transition: opacity 150ms;
              -moz-transition: opacity 150ms;
              transition: opacity 150ms; }
            #global-nav nav ul.left li.open a:after {
              background-color: #fff !important; } }
			  
		
        @media screen and (min-width: 865px) {
          #global-nav nav ul.left li.nav-logo:before {
            background-color: #1A1A1A; } }
        #global-nav nav ul.left li.nav-logo a {
          width: 106px;
          background-image: url("../img/static/white-logo.svg");
          background-size: 78px 33px;
          background-position: center center;
          background-repeat: no-repeat;
          line-height: normal;
          text-indent: -9999px; }
		  
		
		  
		  
        @media screen and (min-width: 865px) {
          #global-nav nav ul.left li.red {
            display: inline-block; }
            #global-nav nav ul.left li.red:before {
              background-color: #ce0e0e; } }
        #global-nav nav ul.left li.red a:after {
          background-color: #ce0e0e; }
        @media screen and (min-width: 865px) {
          #global-nav nav ul.left li.green {
            display: inline-block; }
            #global-nav nav ul.left li.green:before {
              background-color: #7fd209; } }
        #global-nav nav ul.left li.green a:after {
          background-color: #7fd209; }
        @media screen and (min-width: 865px) {
          #global-nav nav ul.left li.yellow {
            display: inline-block; }
            #global-nav nav ul.left li.yellow:before {
              background-color: #ffc425; } }
        #global-nav nav ul.left li.yellow a:after {
          background-color: #ffc425; }
        #global-nav nav ul.left li a {
          display: block;
          position: relative;
          height: 72px;
          padding: 18px 14px 0 14px;
          width: 142px;
          z-index: 2;
          font-family: 'BlenditBook', Arial, sans-serif;
          font-weight: normal;
          font-style: normal;
          text-rendering: optimizeLegibility;
          -webkit-font-feature-settings: "liga";
          -moz-font-feature-settings: "liga";
          -ms-font-feature-settings: "liga";
          font-feature-settings: "liga";
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          text-decoration: none;
          color: #f9f9f9;
          line-height: 16px;
          font-size: 1.25em;
          text-transform: uppercase; }
          #global-nav nav ul.left li a:after {
            content: '';
            display: block;
            width: 100%;
            height: 4px;
            position: relative;
            bottom: -4px;
            left: 0;
            z-index: 2;
            -webkit-transition: background-color 250ms;
            -moz-transition: background-color 250ms;
            transition: background-color 250ms; }
          #global-nav nav ul.left li a b {
            font-family: 'BlenditBold', Arial, sans-serif;
            font-weight: normal;
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-feature-settings: "liga";
            -moz-font-feature-settings: "liga";
            -ms-font-feature-settings: "liga";
            font-feature-settings: "liga";
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale; }
    
		/* Hamburger */
		li.nav-logo a span.menuicon { display:none; }
		 @media screen and (min-width: 865px) {
		   li.nav-logo a span.menuicon {
			  display:block;
			  font-family: "SSSymbolicons"; 
			  position:absolute;
			  top:27px;
			  left:5px;
			  z-index:999;
			  font-size:0.6em;
			  color:#444;
			  text-indent:0px;
			  	font-weight: normal;
				font-style: normal;
				text-rendering: optimizeLegibility;
				-webkit-font-feature-settings: "liga";
				-moz-font-feature-settings: "liga";
				-ms-font-feature-settings: "liga";
				font-feature-settings: "liga";
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
				
		  	}
		 }
		 /* End Hamburger Menu */
	
	#global-nav nav .right {
      overflow: hidden;
      /* === Open class for search field when hidden on smaller screens === */
      /* === Also hides other nav items in the right column === */
      /* === Right column custom select lists === */
      /* === Select country custom select list === */
      /* === View cart button === */
      /* === Search field === */
      /* === Mobile and tablet menu icon (burger) === */ }
      #global-nav nav .right.search-open .nav-select-list,
      #global-nav nav .right.search-open #view-cart {
        opacity: 0; }
      #global-nav nav .right.search-open #search-container {
        border-left: 1px solid rgba(30, 30, 30, 0); }
      @media screen and (min-width: 865px) {
        #global-nav nav .right {
          overflow: visible; } }
      #global-nav nav .right .nav-select-list {
        position: relative;
        display: none;
        width: 86px;
        height: 72px;
        float: left;
        cursor: pointer;
        opacity: 1;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-transition: opacity 250ms;
        -moz-transition: opacity 250ms;
        transition: opacity 250ms;
        /* === Open class for custom select lists in right column === */
        /* === Selected item for custom select lists === */
        /* === custom select list dropdown === */ }
        @media screen and (min-width: 865px) {
          #global-nav nav .right .nav-select-list {
            display: inline-block; } }
        #global-nav nav .right .nav-select-list.open .selected {
          border-left: 1px solid #2D2D2D;
          background-color: #2A2A2A; }
          #global-nav nav .right .nav-select-list.open .selected .down-arrow {
            border-top: 6px solid #fff; }
        #global-nav nav .right .nav-select-list.open .select-list {
          opacity: 1;
          visibility: visible;
          -webkit-transform: translateY(0px);
          -moz-transform: translateY(0px);
          -ms-transform: translateY(0px);
          -o-transform: translateY(0px);
          transform: translateY(0px);
          -webkit-transition-duration: 200ms, 200ms, 0ms;
          -moz-transition-duration: 200ms, 200ms, 0ms;
          transition-duration: 200ms, 200ms, 0ms;
          -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          -webkit-transition-delay: 0ms, 0ms, 0ms;
          -moz-transition-delay: 0ms, 0ms, 0ms;
          transition-delay: 0ms, 0ms, 0ms; }
        #global-nav nav .right .nav-select-list .selected {
          position: relative;
          z-index: 11;
          border-left: 1px solid #1E1E1E;
          display: inline-block;
          width: 100%;
          height: 72px;
          background-color: #0A0A0A;
          padding: 26px 0 0 21px;
          -webkit-transition: background-color 250ms;
          -moz-transition: background-color 250ms;
          transition: background-color 250ms; }
          #global-nav nav .right .nav-select-list .selected:hover {
            border-left: 1px solid #2D2D2D;
            background-color: #2A2A2A; }
          #global-nav nav .right .nav-select-list .selected .down-arrow {
            width: 0;
            height: 0;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 6px solid #6f6f6f;
            margin: 10px 20px 0 0;
            position: relative;
            display: inline-block;
            float: right; }
          #global-nav nav .right .nav-select-list .selected span {
            font-family: "SSStandard";
            font-weight: normal;
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-feature-settings: "liga";
            -moz-font-feature-settings: "liga";
            -ms-font-feature-settings: "liga";
            font-feature-settings: "liga";
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            text-indent: -9999px; }
          #global-nav nav .right .nav-select-list .selected .social-icon {
            color: #8f8f8f; 
			font-family: "SSSocialRegular"; /* added to change icon */
			}
            #global-nav nav .right .nav-select-list .selected .social-icon:before {
              /* content: '\E310'; old feed icon*/
			  content: '\F601';
              width: 16px;
              height: 22px; }
        #global-nav nav .right .nav-select-list .select-list {
          height: auto;
          z-index: 10;
          position: absolute;
          top: 72px;
          width: 86px;
          visibility: hidden;
          opacity: 0;
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%);
          -webkit-transition-property: opacity, -webkit-transform, visibility;
          -moz-transition-property: opacity, -moz-transform, visibility;
          transition-property: opacity, transform, visibility;
          -webkit-transition-duration: 250ms, 250ms, 0ms;
          -moz-transition-duration: 250ms, 250ms, 0ms;
          transition-duration: 250ms, 250ms, 0ms;
          -webkit-transition-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
          -moz-transition-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
          transition-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
          -webkit-transition-delay: 0ms, 0ms, 250ms;
          -moz-transition-delay: 0ms, 0ms, 250ms;
          transition-delay: 0ms, 0ms, 250ms; }
          #global-nav nav .right .nav-select-list .select-list li {
            border-bottom: 1px solid rgba(37, 37, 37, 0.86);
            color: #fdfdfd;
            font-family: "SSSocialRegular";
            font-weight: normal;
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-feature-settings: "liga";
            -moz-font-feature-settings: "liga";
            -ms-font-feature-settings: "liga";
            font-feature-settings: "liga";
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale; }
            #global-nav nav .right .nav-select-list .select-list li a {
              width: 100%;
              height: 100%;
              display: block;
              padding: 13px 0 8px 0;
              background-color: rgba(48, 48, 48, 0.85);
              text-decoration: none;
              text-align: center;
              -webkit-transition: background-color 250ms;
              -moz-transition: background-color 250ms;
              transition: background-color 250ms; }
              #global-nav nav .right .nav-select-list .select-list li a:hover {
                background-color: rgba(48, 48, 48, 0.95); }
              #global-nav nav .right .nav-select-list .select-list li a .social-link:before {
                font-size: 1.0625em;
                color: #eee; }
      #global-nav nav .right #select-country .flag {
        width: 16px;
        height: 12px;
        display: inline-block;
        background-image: url("../img/base/sprite-flags-retina.gif");
        background-repeat: no-repeat;
        background-size: 16px 60px;
        margin: 5px 0 0 0; }
        #global-nav nav .right #select-country .flag.us {
          background-position: 0px 0px; }
        #global-nav nav .right #select-country .flag.uk {
          background-position: 0px -12px; }
        #global-nav nav .right #select-country .flag.ie {
          background-position: 0px -24px; }
        #global-nav nav .right #select-country .flag.de {
          background-position: 0px -36px; }
        #global-nav nav .right #select-country .flag.fr {
          background-position: 0px -48px; }
      #global-nav nav .right #select-country .select-list li a {
        color: #fdfdfd;
        text-indent: 25px;
        line-height: 10px;
        font-size: 0.8125em;
        padding: 11px 0 10px 0;
        text-transform: uppercase;
        text-align: left;
        font-family: "ProximaNova-Semibold",sans-serif;
        font-weight: normal;
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-feature-settings: "liga";
        -moz-font-feature-settings: "liga";
        -ms-font-feature-settings: "liga";
        font-feature-settings: "liga";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
        #global-nav nav .right #select-country .select-list li a .flag {
          margin: 0 8px 0 -2px; }
      #global-nav nav .right #view-cart {
        height: 72px;
        padding: 21px 0 5px 0;
        display: inline-block;
        position: absolute;
        left: 50%;
        margin-left: -27px;
        text-decoration: none;
        opacity: 1;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-transition: opacity 250ms;
        -moz-transition: opacity 250ms;
        transition: opacity 250ms; }
        .no-touchevents #global-nav nav .right #view-cart:hover .cart-total {
          background-color: #ce0e0e; }
        @media screen and (min-width: 865px) {
          #global-nav nav .right #view-cart {
            float: left;
            position: relative;
            padding: 21px 16px 5px 23px;
            left: 0;
            margin-left: 0;
            border-left: 1px solid #1E1E1E; } }
        #global-nav nav .right #view-cart .cart-icon {
          display: inline;
          position: relative;
          top: 5px; }
          @media screen and (min-width: 865px) {
            #global-nav nav .right #view-cart .cart-icon {
              margin: 0 6px 0 0; } }
          #global-nav nav .right #view-cart .cart-icon:before {
            content: '\E500';
            font-family: "SSStandard";
            font-weight: normal;
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-feature-settings: "liga";
            -moz-font-feature-settings: "liga";
            -ms-font-feature-settings: "liga";
            font-feature-settings: "liga";
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-size: 1.25em;
            color: #8a8a8a; }
        #global-nav nav .right #view-cart h4 {
          display: none;
          margin: 0 4px 0 0;
          font-family: 'BlenditBold', Arial, sans-serif;
          font-weight: normal;
          font-style: normal;
          text-rendering: optimizeLegibility;
          -webkit-font-feature-settings: "liga";
          -moz-font-feature-settings: "liga";
          -ms-font-feature-settings: "liga";
          font-feature-settings: "liga";
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: 0.8125em;
          color: #6b6b6b;
          text-transform: uppercase; }
          @media screen and (min-width: 1073px) {
            #global-nav nav .right #view-cart h4 {
              display: inline; } }
        #global-nav nav .right #view-cart span.cart-total {
          border-radius: 3px;
          padding: 6px 5px 4px 5px;
          margin: 3px;
          background-color: #434343;
          border-radius: 24px;
          display: inline-block;
          min-width: 24px;
          height: 24px;
          font-size: 0.8125em;
          text-align: center;
          line-height: 14px;
          color: #fff;
          -webkit-transition: background-color 250ms;
          -moz-transition: background-color 250ms;
          transition: background-color 250ms; }
        #global-nav nav .right #view-cart span.no-items {
          background-color: #5f5f5f; }
      #global-nav nav .right #search-container {
        float: right;
        width: 60px;
        height: 72px;
        position: relative;
        border-left: 1px solid #1E1E1E;
        padding: 23px 16px 0 16px;
        border-radius: 2px;
        -webkit-touch-callout: none;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        z-index: 12;
        display: none;
        -webkit-transition: border-left 250ms;
        -moz-transition: border-left 250ms;
        transition: border-left 250ms; }
        @media screen and (min-width: 865px) {
          #global-nav nav .right #search-container {
            display: inline-block; } }
        @media screen and (min-width: 1073px) {
          #global-nav nav .right #search-container {
            width: auto;
            cursor: default; } }
        #global-nav nav .right #search-container #search-icon {
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0px;
          left: 0px;
          padding: 5px 0px 0px 4px;
          -webkit-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none;
          z-index: 2;
          text-align: center;
          line-height: 72px;
          color: #848484;
          font-size: 0.9375em; }
          @media screen and (min-width: 1073px) {
            #global-nav nav .right #search-container #search-icon {
              top: 25px;
              left: 22px;
              width: auto;
              height: auto;
              line-height: normal;
              text-align: left; } }
          #global-nav nav .right #search-container #search-icon:before {
            content: '\1F50D';
            font-family: "SSSymbolicons";
            font-weight: normal;
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-feature-settings: "liga";
            -moz-font-feature-settings: "liga";
            -ms-font-feature-settings: "liga";
            font-feature-settings: "liga";
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            text-decoration: none;
            white-space: nowrap; }
        #global-nav nav .right #search-container #search-box {
          -webkit-transform: translateX(60px);
          -moz-transform: translateX(60px);
          -ms-transform: translateX(60px);
          -o-transform: translateX(60px);
          transform: translateX(60px);
          -webkit-transition-property: -webkit-transform;
          -moz-transition-property: -moz-transform;
          transition-property: transform;
          -webkit-transition-duration: 250ms;
          -moz-transition-duration: 250ms;
          transition-duration: 250ms; }
          #global-nav nav .right #search-container #search-box.open {
            -webkit-transform: translateX(-145px);
            -moz-transform: translateX(-145px);
            -ms-transform: translateX(-145px);
            -o-transform: translateX(-145px);
            transform: translateX(-145px); }
          @media screen and (min-width: 1073px) {
            #global-nav nav .right #search-container #search-box {
              -webkit-transform: translateX(0px);
              -moz-transform: translateX(0px);
              -ms-transform: translateX(0px);
              -o-transform: translateX(0px);
              transform: translateX(0px); }
              #global-nav nav .right #search-container #search-box.open {
                -webkit-transform: translateX(0px);
                -moz-transform: translateX(0px);
                -ms-transform: translateX(0px);
                -o-transform: translateX(0px);
                transform: translateX(0px); } }
          #global-nav nav .right #search-container #search-box form {
            margin: 0; }
          #global-nav nav .right #search-container #search-box input {
            position: relative;
            width: 180px;
            height: 30px;
            border-radius: 30px;
            float: left;
            background-color: #292929;
            border: 0px !important;
            padding: 0 30px 0 10px;
            z-index: 1;
            font-size: 0.9375em;
            line-height: 11px;
            vertical-align: bottom;
            text-indent: 3px;
            color: #ccc; }
            @media screen and (min-width: 1073px) {
              #global-nav nav .right #search-container #search-box input {
                padding: 0 10px 0 30px; } }
      #global-nav nav .right #mobile-burger {
        float: right;
        padding: 26px 30px 26px 30px;
        cursor: pointer;
        /* === Open styles for burger/menu icon (animates into X) === */ }
        @media screen and (min-width: 865px) {
          #global-nav nav .right #mobile-burger {
            display: none; } }
        #global-nav nav .right #mobile-burger.open #burger span:nth-child(1) {
          -webkit-transform: rotateZ(-45deg) translateX(-5px) translateY(6px);
          -moz-transform: rotateZ(-45deg) translateX(-5px) translateY(6px);
          -ms-transform: rotateZ(-45deg) translateX(-5px) translateY(6px);
          -o-transform: rotateZ(-45deg) translateX(-5px) translateY(6px);
          transform: rotateZ(-45deg) translateX(-5px) translateY(6px); }
        #global-nav nav .right #mobile-burger.open #burger span:nth-child(2) {
          opacity: 0;
          -webkit-transform: rotateZ(-90deg);
          -moz-transform: rotateZ(-90deg);
          -ms-transform: rotateZ(-90deg);
          -o-transform: rotateZ(-90deg);
          transform: rotateZ(-90deg); }
        #global-nav nav .right #mobile-burger.open #burger span:nth-child(3) {
          -webkit-transform: rotateZ(45deg) translateX(-5px) translateY(-6px);
          -moz-transform: rotateZ(45deg) translateX(-5px) translateY(-6px);
          -ms-transform: rotateZ(45deg) translateX(-5px) translateY(-6px);
          -o-transform: rotateZ(45deg) translateX(-5px) translateY(-6px);
          transform: rotateZ(45deg) translateX(-5px) translateY(-6px); }
        #global-nav nav .right #mobile-burger #burger {
          width: 30px;
          height: 20px; }
          #global-nav nav .right #mobile-burger #burger span {
            width: 30px;
            height: 4px;
            background-color: #C9C9C9;
            display: block;
            margin-bottom: 4px;
            -webkit-transition: -webkit-transform 250ms, opacity 250ms;
            -moz-transition: -moz-transform 250ms, opacity 250ms;
            transition: transform 250ms, opacity 250ms; }
            #global-nav nav .right #mobile-burger #burger span:last-child {
              margin-bottom: 0; }

/* === Global Nav Dropdown menus === */
#global-nav-dropdowns {
  position: relative;
  z-index: 1;
  padding-top: 72px;
  background-color: #fff;
  height: 0;
  visibility: hidden;
  overflow: hidden;
  opacity: 0;
  -webkit-transform: translateY(-50px);
  -moz-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  -o-transform: translateY(-50px);
  transform: translateY(-50px);
  -webkit-transition-property: -webkit-transform, opacity, visibility;
  -moz-transition-property: -moz-transform, opacity, visibility;
  transition-property: transform, opacity, visibility;
  -webkit-transition-duration: 300ms, 300ms, 0ms;
  -moz-transition-duration: 300ms, 300ms, 0ms;
  transition-duration: 300ms, 300ms, 0ms;
  -webkit-transition-delay: 0ms, 0ms, 300ms;
  -moz-transition-delay: 0ms, 0ms, 300ms;
  transition-delay: 0ms, 0ms, 300ms;
  /* === Mobile nav "open" styles === */
  /* === Mobile nav "close"ing styles === */
  /* === Individual dropdown panel styles === */
  /* === #mobile-products is used to style a mobile only menu === */
  /* === Custom Colors for each dropdown  === */
  /* === Our Products mobile only menu === */
  /* === ON Dropdown Menu styling === */ }
  @media only screen and (min-width: 40.0625em) and (max-width: 64em) {
    #global-nav-dropdowns {
      padding-bottom: 30px; } }
  @media screen and (min-width: 865px) {
    #global-nav-dropdowns {
      background-color: transparent;
      padding-top: 0;
      padding-bottom: 0;
      opacity: 1;
      height: auto;
      overflow: visible;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
      -webkit-transition-duration: 300ms, 0ms, 0ms;
      -moz-transition-duration: 300ms, 0ms, 0ms;
      transition-duration: 300ms, 0ms, 0ms; } }
  #global-nav-dropdowns.open {
    visibility: visible;
    opacity: 1;
    overflow: scroll;
    height: 100%;
    width: 100%;
    position: fixed;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-overflow-scrolling: touch;
    -webkit-transition-delay: 0ms, 0ms, 0ms;
    -moz-transition-delay: 0ms, 0ms, 0ms;
    transition-delay: 0ms, 0ms, 0ms; }
  #global-nav-dropdowns.close {
    overflow: scroll;
    height: 100%;
    width: 100%;
    position: fixed; }
  #global-nav-dropdowns h5 {
    padding: 0; }
  #global-nav-dropdowns .nav-dropdown,
  #global-nav-dropdowns #mobile-products {
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 9;
    background: white;
    /* === Desktop nav "open" styles === */
    /* === outer gutter overrides === */
    /* === Nav dropdown title === */
    /* === Categories Column === */
    /* === Popular Items List Column === */
    /* === Large Button Links Column === */ }
    @media only screen and (min-width: 40.0625em) and (max-width: 64em) {
      #global-nav-dropdowns .nav-dropdown,
      #global-nav-dropdowns #mobile-products {
        width: 50%;
        padding: 0 5px 0 20px; } }
    @media screen and (min-width: 865px) {
      #global-nav-dropdowns .nav-dropdown,
      #global-nav-dropdowns #mobile-products {
        padding: 0;
        position: absolute;
        width: 100%;
        visibility: hidden;
        opacity: 0;
        height: 0;
        background: -webkit-linear-gradient(white 60%, #fafafa 100%);
        background: linear-gradient(to   , #fafafa 100%);
        -webkit-transition-property: opacity, visibility, height;
        -moz-transition-property: opacity, visibility, height;
        transition-property: opacity, visibility, height;
        -webkit-transition-duration: 250ms, 0ms, 0ms;
        -moz-transition-duration: 250ms, 0ms, 0ms;
        transition-duration: 250ms, 0ms, 0ms;
        -webkit-transition-delay: 0ms, 250ms, 250ms;
        -moz-transition-delay: 0ms, 250ms, 250ms;
        transition-delay: 0ms, 250ms, 250ms; } }
    @media screen and (min-width: 865px) {
      #global-nav-dropdowns .nav-dropdown.open,
      #global-nav-dropdowns #mobile-products.open {
        visibility: visible;
        opacity: 1;
        height: 332px;
        -webkit-transition-duration: 150ms, 0ms, 0ms;
        -moz-transition-duration: 150ms, 0ms, 0ms;
        transition-duration: 150ms, 0ms, 0ms;
        -webkit-transition-delay: 0ms, 0ms, 0ms;
        -moz-transition-delay: 0ms, 0ms, 0ms;
        transition-delay: 0ms, 0ms, 0ms; } }
    @media screen and (max-width: 864px) {
      #global-nav-dropdowns .nav-dropdown .outer-gutter,
      #global-nav-dropdowns #mobile-products .outer-gutter {
        padding-left: 0;
        padding-right: 0; } }
    #global-nav-dropdowns .nav-dropdown .row,
    #global-nav-dropdowns #mobile-products .row {
      position: relative; }
    #global-nav-dropdowns .nav-dropdown .title-bar,
    #global-nav-dropdowns #mobile-products .title-bar {
      margin: 0 0 9px 0;
      -webkit-transition: background-color 300ms ease-in;
      -moz-transition: background-color 300ms ease-in;
      transition: background-color 300ms ease-in; }
      @media screen and (min-width: 865px) {
        #global-nav-dropdowns .nav-dropdown .title-bar,
        #global-nav-dropdowns #mobile-products .title-bar {
          margin: 0 0 22px 0; }
          .no-touchevents #global-nav-dropdowns .nav-dropdown .title-bar:hover,
          .no-touchevents #global-nav-dropdowns #mobile-products .title-bar:hover {
            background-color: #35b6f9 !important;
            -webkit-transition: background-color 0ms ease-out;
            -moz-transition: background-color 0ms ease-out;
            transition: background-color 0ms ease-out; }
            .no-touchevents #global-nav-dropdowns .nav-dropdown .title-bar:hover a span,
            .no-touchevents #global-nav-dropdowns #mobile-products .title-bar:hover a span {
              opacity: 1;
              -webkit-transition: opacity 0ms;
              -moz-transition: opacity 0ms;
              transition: opacity 0ms; } }
      #global-nav-dropdowns .nav-dropdown .title-bar a,
      #global-nav-dropdowns .nav-dropdown .title-bar h2,
      #global-nav-dropdowns #mobile-products .title-bar a,
      #global-nav-dropdowns #mobile-products .title-bar h2 {
        display: inline-block;
        padding: 32px 0 4px 22px;
        width: 100%;
        font-family: 'BlenditBook', Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-feature-settings: "liga";
        -moz-font-feature-settings: "liga";
        -ms-font-feature-settings: "liga";
        font-feature-settings: "liga";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-transform: uppercase;
        font-size: 1.25em;
        line-height: 17px;
        text-decoration: none;
        color: #fff;
        -webkit-transition: color 150ms ease-out, background-color 150ms ease-out;
        -moz-transition: color 150ms ease-out, background-color 150ms ease-out;
        transition: color 150ms ease-out, background-color 150ms ease-out; }
        @media only screen and (min-width: 40.0625em) and (max-width: 64em) {
          #global-nav-dropdowns .nav-dropdown .title-bar a,
          #global-nav-dropdowns .nav-dropdown .title-bar h2,
          #global-nav-dropdowns #mobile-products .title-bar a,
          #global-nav-dropdowns #mobile-products .title-bar h2 {
            padding: 32px 0 4px 0; } }
        @media screen and (min-width: 865px) {
          #global-nav-dropdowns .nav-dropdown .title-bar a,
          #global-nav-dropdowns .nav-dropdown .title-bar h2,
          #global-nav-dropdowns #mobile-products .title-bar a,
          #global-nav-dropdowns #mobile-products .title-bar h2 {
            padding: 14px 0 16px 0;
            font-size: 1.875em;
            line-height: 26px; } }
        #global-nav-dropdowns .nav-dropdown .title-bar a span,
        #global-nav-dropdowns .nav-dropdown .title-bar h2 span,
        #global-nav-dropdowns #mobile-products .title-bar a span,
        #global-nav-dropdowns #mobile-products .title-bar h2 span {
          opacity: 0;
          float: right;
          margin-top: -12px;
          position: relative;
          display: none;
          font-family: 'BlenditMedium', Arial, sans-serif;
          font-weight: normal;
          font-style: normal;
          text-rendering: optimizeLegibility;
          -webkit-font-feature-settings: "liga";
          -moz-font-feature-settings: "liga";
          -ms-font-feature-settings: "liga";
          font-feature-settings: "liga";
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: 0.55em;
          text-align: right;
          text-transform: uppercase;
          -webkit-transition: opacity 300ms;
          -moz-transition: opacity 300ms;
          transition: opacity 300ms; }
          @media screen and (min-width: 865px) {
            #global-nav-dropdowns .nav-dropdown .title-bar a span,
            #global-nav-dropdowns .nav-dropdown .title-bar h2 span,
            #global-nav-dropdowns #mobile-products .title-bar a span,
            #global-nav-dropdowns #mobile-products .title-bar h2 span {
              display: inline-block; } }
          #global-nav-dropdowns .nav-dropdown .title-bar a span.icon-arrow-right-after:after,
          #global-nav-dropdowns .nav-dropdown .title-bar h2 span.icon-arrow-right-after:after,
          #global-nav-dropdowns #mobile-products .title-bar a span.icon-arrow-right-after:after,
          #global-nav-dropdowns #mobile-products .title-bar h2 span.icon-arrow-right-after:after {
            content: '\e820';
            margin-left: 15px;
            font-family: 'arrowcog';
            font-weight: normal;
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-feature-settings: "liga";
            -moz-font-feature-settings: "liga";
            -ms-font-feature-settings: "liga";
            font-feature-settings: "liga";
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-weight: normal;
            font-size: 1.36364em;
            vertical-align: top;
            letter-spacing: 0px; }
      #global-nav-dropdowns .nav-dropdown .title-bar .title-right-icon,
      #global-nav-dropdowns #mobile-products .title-bar .title-right-icon {
        width: 40px;
        height: 42px;
        border: none;
        float: right;
        position: absolute;
        right: 0.625rem;
        top: 38%;
        padding: 10px;
        margin-top: 0px;
        line-height: 28px; }
        #global-nav-dropdowns .nav-dropdown .title-bar .title-right-icon.search-icon:before,
        #global-nav-dropdowns #mobile-products .title-bar .title-right-icon.search-icon:before {
          content: '\1F50D';
          font-family: "SSSymbolicons";
          font-weight: normal;
          font-style: normal;
          text-rendering: optimizeLegibility;
          -webkit-font-feature-settings: "liga";
          -moz-font-feature-settings: "liga";
          -ms-font-feature-settings: "liga";
          font-feature-settings: "liga";
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          text-decoration: none;
          white-space: nowrap; }
    #global-nav-dropdowns .nav-dropdown .categories,
    #global-nav-dropdowns #mobile-products .categories {
      /*
             * Only sets a width of 100% from the medium breakpoint up to 865px wide
             * (using 864px here because we are using max-width)
            */ }
      @media screen and (min-width: 40.0625em) and (max-width: 864px) {
        #global-nav-dropdowns .nav-dropdown .categories,
        #global-nav-dropdowns #mobile-products .categories {
          width: 100%; } }
      #global-nav-dropdowns .nav-dropdown .categories h5,
      #global-nav-dropdowns #mobile-products .categories h5 {
        margin: 0 0 11px 0;
        display: none;
        line-height: 15px; }
        @media screen and (min-width: 865px) {
          #global-nav-dropdowns .nav-dropdown .categories h5,
          #global-nav-dropdowns #mobile-products .categories h5 {
            display: inline-block; } }
      #global-nav-dropdowns .nav-dropdown .categories ul,
      #global-nav-dropdowns #mobile-products .categories ul {
        list-style: none;
        margin: 0;
        padding: 0; }
        #global-nav-dropdowns .nav-dropdown .categories ul li,
        #global-nav-dropdowns #mobile-products .categories ul li {
          width: 100%;
          font-family: 'BlenditMedium', Arial, sans-serif;
          font-weight: normal;
          font-style: normal;
          text-rendering: optimizeLegibility;
          -webkit-font-feature-settings: "liga";
          -moz-font-feature-settings: "liga";
          -ms-font-feature-settings: "liga";
          font-feature-settings: "liga";
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          text-indent: 22px;
          font-size: 1.1875em;
          line-height: 38px;
          text-transform: uppercase;
          color: #fff; }
          @media screen and (min-width: 865px) {
            #global-nav-dropdowns .nav-dropdown .categories ul li,
            #global-nav-dropdowns #mobile-products .categories ul li {
              line-height: 30px; } }
          #global-nav-dropdowns .nav-dropdown .categories ul li a,
          #global-nav-dropdowns #mobile-products .categories ul li a {
            display: block;
            position: relative;
            padding: 3px 0px;
            width: 100%;
            background-color: #212121;
            text-decoration: none;
            color: #fff;
            -webkit-transition: background-color 300ms ease-in;
            -moz-transition: background-color 300ms ease-in;
            transition: background-color 300ms ease-in;
            /* === Background colors for different types of links used in the Categories section of the dropdown nav === */
            /* === Protein === */
            /* === Recovery === */
            /* === Health === */ }
            #global-nav-dropdowns .nav-dropdown .categories ul li a:hover,
            #global-nav-dropdowns #mobile-products .categories ul li a:hover {
              background-color: #35b6f9 !important;
              -webkit-transition: background-color 0ms;
              -moz-transition: background-color 0ms;
              transition: background-color 0ms; }
              #global-nav-dropdowns .nav-dropdown .categories ul li a:hover:after,
              #global-nav-dropdowns #mobile-products .categories ul li a:hover:after {
                color: #fff;
                -webkit-transform: translateX(5px);
                -moz-transform: translateX(5px);
                -ms-transform: translateX(5px);
                -o-transform: translateX(5px);
                transform: translateX(5px);
                -webkit-transition-duration: 150ms, 150ms;
                -moz-transition-duration: 150ms, 150ms;
                transition-duration: 150ms, 150ms;
                -webkit-transition-timing-function: ease-out;
                -moz-transition-timing-function: ease-out;
                transition-timing-function: ease-out; }
            #global-nav-dropdowns .nav-dropdown .categories ul li a.whey,
            #global-nav-dropdowns #mobile-products .categories ul li a.whey {
              background-color: #888; }
            #global-nav-dropdowns .nav-dropdown .categories ul li a.casein,
            #global-nav-dropdowns #mobile-products .categories ul li a.casein {
              background-color: #666; }
            #global-nav-dropdowns .nav-dropdown .categories ul li a.soy,
            #global-nav-dropdowns #mobile-products .categories ul li a.soy {
              background-color: #444; }
            #global-nav-dropdowns .nav-dropdown .categories ul li a.egg,
            #global-nav-dropdowns #mobile-products .categories ul li a.egg {
              background-color: #333; }
            #global-nav-dropdowns .nav-dropdown .categories ul li a.blended,
            #global-nav-dropdowns #mobile-products .categories ul li a.blended {
              background-color: #212121; }
            #global-nav-dropdowns .nav-dropdown .categories ul li a.preworkout,
            #global-nav-dropdowns #mobile-products .categories ul li a.preworkout {
              background-color: #999; }
            #global-nav-dropdowns .nav-dropdown .categories ul li a.postworkout,
            #global-nav-dropdowns #mobile-products .categories ul li a.postworkout {
              background-color: #777; }
            #global-nav-dropdowns .nav-dropdown .categories ul li a.aminos,
            #global-nav-dropdowns #mobile-products .categories ul li a.aminos {
              background-color: #555; }
            #global-nav-dropdowns .nav-dropdown .categories ul li a.creatine,
            #global-nav-dropdowns #mobile-products .categories ul li a.creatine {
              background-color: #444; }
            #global-nav-dropdowns .nav-dropdown .categories ul li a.gainers,
            #global-nav-dropdowns #mobile-products .categories ul li a.gainers {
              background-color: #313131; }
			#global-nav-dropdowns .nav-dropdown .categories ul li a.other,
            #global-nav-dropdowns #mobile-products .categories ul li a.other{
              background-color: #222; }
            #global-nav-dropdowns .nav-dropdown .categories ul li a.diet,
            #global-nav-dropdowns #mobile-products .categories ul li a.diet {
              background-color: #0cd2fe; }
            #global-nav-dropdowns .nav-dropdown .categories ul li a.specialty,
            #global-nav-dropdowns #mobile-products .categories ul li a.specialty {
              background-color: #f96b14; }
            #global-nav-dropdowns .nav-dropdown .categories ul li a.vitamins,
            #global-nav-dropdowns #mobile-products .categories ul li a.vitamins {
              background-color: #ffc425; }
            #global-nav-dropdowns .nav-dropdown .categories ul li a:after,
            #global-nav-dropdowns #mobile-products .categories ul li a:after {
              content: '\e81c';
              position: absolute;
              right: 0;
              margin-right: 20px;
              margin-top: 0px;
              font-family: 'arrowcog';
              font-weight: normal;
              font-style: normal;
              text-rendering: optimizeLegibility;
              -webkit-font-feature-settings: "liga";
              -moz-font-feature-settings: "liga";
              -ms-font-feature-settings: "liga";
              font-feature-settings: "liga";
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              vertical-align: middle;
              font-size: 0.68421em;
              color: #ccc;
              text-align: right;
              -webkit-transform: translateX(0px);
              -moz-transform: translateX(0px);
              -ms-transform: translateX(0px);
              -o-transform: translateX(0px);
              transform: translateX(0px);
              -webkit-transition-property: -webkit-transform, color;
              -moz-transition-property: -moz-transform, color;
              transition-property: transform, color;
              -webkit-transition-duration: 300ms, 300ms;
              -moz-transition-duration: 300ms, 300ms;
              transition-duration: 300ms, 300ms;
              -webkit-transition-timing-function: ease-in;
              -moz-transition-timing-function: ease-in;
              transition-timing-function: ease-in; }
    #global-nav-dropdowns .nav-dropdown .popular,
    #global-nav-dropdowns #mobile-products .popular {
      display: none;
      position: relative;
      /* === Product images in dropdown nav === */ }
      @media screen and (min-width: 865px) {
        #global-nav-dropdowns .nav-dropdown .popular,
        #global-nav-dropdowns #mobile-products .popular {
          display: inline-block;
          height: 220px; } }
      #global-nav-dropdowns .nav-dropdown .popular h5,
      #global-nav-dropdowns #mobile-products .popular h5 {
        margin: 0 0 8px 0;
        border-bottom: 1px #efefef solid;
        padding-bottom: 12px;
        line-height: 15px; }
      #global-nav-dropdowns .nav-dropdown .popular ol,
      #global-nav-dropdowns #mobile-products .popular ol {
        margin: 10px 0 0 0;
        padding: 0px;
        list-style: inside decimal;
        float: left;
        position: relative;
        z-index: 3;
        color: #c1c1c1;
        text-indent: 0px; }
        @media only screen and (min-width: 64.0625em) {
          #global-nav-dropdowns .nav-dropdown .popular ol,
          #global-nav-dropdowns #mobile-products .popular ol {
            width: 300px; } }
        #global-nav-dropdowns .nav-dropdown .popular ol li,
        #global-nav-dropdowns #mobile-products .popular ol li {
          padding: 8px 0px 8px 0;
          font-size: 0.8125em;
          line-height: 16px;
          color: #c1c1c1;
          -webkit-font-smoothing: antialiased; }
          #global-nav-dropdowns .nav-dropdown .popular ol li a,
          #global-nav-dropdowns #mobile-products .popular ol li a {
            color: #35b6f9;
            -webkit-transition: color 300ms ease-in;
            -moz-transition: color 300ms ease-in;
            transition: color 300ms ease-in; }
            #global-nav-dropdowns .nav-dropdown .popular ol li a:hover,
            #global-nav-dropdowns #mobile-products .popular ol li a:hover {
              color: #07a3f4;
              -webkit-transition: color 150ms ease-out;
              -moz-transition: color 150ms ease-out;
              transition: color 150ms ease-out; }
          #global-nav-dropdowns .nav-dropdown .popular ol li span,
          #global-nav-dropdowns #mobile-products .popular ol li span {
            margin-left: 2px;
            font-family: 'BlenditBook', Arial, sans-serif;
            font-weight: normal;
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-feature-settings: "liga";
            -moz-font-feature-settings: "liga";
            -ms-font-feature-settings: "liga";
            font-feature-settings: "liga";
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            color: #bbb;
            text-decoration: none;
            font-size: 1.15385em;
            display: none; }
            @media screen and (min-width: 1000px) {
              #global-nav-dropdowns .nav-dropdown .popular ol li span,
              #global-nav-dropdowns #mobile-products .popular ol li span {
                display: inline-block; } }
            #global-nav-dropdowns .nav-dropdown .popular ol li span.icon-arrow-right-before:before,
            #global-nav-dropdowns #mobile-products .popular ol li span.icon-arrow-right-before:before {
              content: '\e844';
              margin-right: 3px;
              font-family: 'arrowcog';
              font-weight: normal;
              font-style: normal;
              text-rendering: optimizeLegibility;
              -webkit-font-feature-settings: "liga";
              -moz-font-feature-settings: "liga";
              -ms-font-feature-settings: "liga";
              font-feature-settings: "liga";
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              font-size: 0.8em; }
      #global-nav-dropdowns .nav-dropdown .popular .popular-products,
      #global-nav-dropdowns #mobile-products .popular .popular-products {
        display: none;
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 2; }
        @media screen and (min-width: 1050px) {
          #global-nav-dropdowns .nav-dropdown .popular .popular-products,
          #global-nav-dropdowns #mobile-products .popular .popular-products {
            display: inline-block; } }
        #global-nav-dropdowns .nav-dropdown .popular .popular-products.two-products a,
        #global-nav-dropdowns #mobile-products .popular .popular-products.two-products a {
          width: 50%;
		  cursor:pointer;
		   }
        #global-nav-dropdowns .nav-dropdown .popular .popular-products a,
        #global-nav-dropdowns #mobile-products .popular .popular-products a {
          background-repeat: no-repeat;
          margin: 0px;
          padding: 0px;
          display: inline-block;
          float: left;
          text-decoration: none; }
    #global-nav-dropdowns .nav-dropdown .links,
    #global-nav-dropdowns #mobile-products .links {
      display: none; }
      @media screen and (min-width: 865px) {
        #global-nav-dropdowns .nav-dropdown .links,
        #global-nav-dropdowns #mobile-products .links {
          display: inline-block; } }
      #global-nav-dropdowns .nav-dropdown .links a,
      #global-nav-dropdowns #mobile-products .links a {
        padding: 4.1%;
        margin-bottom: 10px;
        position: relative;
        width: 100%;
        display: inline-block;
        font-family: 'BlenditMedium', Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-feature-settings: "liga";
        -moz-font-feature-settings: "liga";
        -ms-font-feature-settings: "liga";
        font-feature-settings: "liga";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-transform: uppercase;
        font-size: 1.4375em;
        line-height: 18px;
        color: #fff;
        text-decoration: none;
        -webkit-transition: background-color 300ms ease-in;
        -moz-transition: background-color 300ms ease-in;
        transition: background-color 300ms ease-in; }
        #global-nav-dropdowns .nav-dropdown .links a:hover,
        #global-nav-dropdowns #mobile-products .links a:hover {
          background-color: #35b6f9 !important;
          -webkit-transition: background-color 0ms;
          -moz-transition: background-color 0ms;
          transition: background-color 0ms; }
        #global-nav-dropdowns .nav-dropdown .links a:after,
        #global-nav-dropdowns #mobile-products .links a:after {
          content: '\e806';
          margin: -9px 13px 0 0;
          position: absolute;
          top: 50%;
          right: 0px;
          font-family: 'arrowcog';
          font-weight: normal;
          font-style: normal;
          text-rendering: optimizeLegibility;
          -webkit-font-feature-settings: "liga";
          -moz-font-feature-settings: "liga";
          -ms-font-feature-settings: "liga";
          font-feature-settings: "liga";
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: 0.95652em;
          vertical-align: middle; }
        #global-nav-dropdowns .nav-dropdown .links a:last-child,
        #global-nav-dropdowns #mobile-products .links a:last-child {
          margin-bottom: 0; }
        #global-nav-dropdowns .nav-dropdown .links a b,
        #global-nav-dropdowns #mobile-products .links a b {
          font-family: 'BlenditHeavy', Arial, sans-serif;
          font-weight: normal;
          font-style: normal;
          text-rendering: optimizeLegibility;
          -webkit-font-feature-settings: "liga";
          -moz-font-feature-settings: "liga";
          -ms-font-feature-settings: "liga";
          font-feature-settings: "liga";
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; }
        #global-nav-dropdowns .nav-dropdown .links a span,
        #global-nav-dropdowns #mobile-products .links a span {
          font-size: 0.6087em;
          font-style: normal; }
        #global-nav-dropdowns .nav-dropdown .links a .arrow,
        #global-nav-dropdowns #mobile-products .links a .arrow {
          margin: -9px 13px 0 0;
          position: absolute;
          top: 50%;
          right: 0px;
          font-family: 'arrowcog';
          font-weight: normal;
          font-style: normal;
          text-rendering: optimizeLegibility;
          -webkit-font-feature-settings: "liga";
          -moz-font-feature-settings: "liga";
          -ms-font-feature-settings: "liga";
          font-feature-settings: "liga";
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: 0.95652em;
          vertical-align: middle; }
  @media screen and (min-width: 865px) {
    #global-nav-dropdowns #mobile-products .title-bar {
      display: none; } }
  #global-nav-dropdowns #mobile-products .title-bar a {
    border-bottom: 4px solid black;
    color: black; }
  @media screen and (min-width: 865px) {
    #global-nav-dropdowns #dropdown-protein .title-bar,
    #global-nav-dropdowns #dropdown-protein .links a {
      background-color: #ce0e0e; } }
  #global-nav-dropdowns #dropdown-protein .title-bar a {
    border-bottom: 4px solid #ce0e0e;
    color: #ce0e0e; }
    @media screen and (min-width: 865px) {
      #global-nav-dropdowns #dropdown-protein .title-bar a {
        border-bottom: none;
        color: #fff; } }
  @media screen and (min-width: 865px) {
    #global-nav-dropdowns #dropdown-recovery .title-bar,
    #global-nav-dropdowns #dropdown-recovery .links a {
      background-color: #7fd209; } }
  #global-nav-dropdowns #dropdown-recovery .title-bar a {
    border-bottom: 4px solid #7fd209;
    color: #7fd209; }
    @media screen and (min-width: 865px) {
      #global-nav-dropdowns #dropdown-recovery .title-bar a {
        border-bottom: none;
        color: #fff; } }
  @media screen and (min-width: 865px) {
    #global-nav-dropdowns #dropdown-health .title-bar,
    #global-nav-dropdowns #dropdown-health .links a {
      background-color: #ffc425; } }
  #global-nav-dropdowns #dropdown-health .title-bar a {
    color: #ffc425;
    border-bottom: 4px solid #ffc425; }
    @media screen and (min-width: 865px) {
      #global-nav-dropdowns #dropdown-health .title-bar a {
        color: #fff;
        border-bottom: none; } }
  #global-nav-dropdowns #dropdown-health .categories ul li a {
    margin-bottom: 5px; }
    @media screen and (min-width: 865px) {
      #global-nav-dropdowns #dropdown-health .categories ul li a {
        padding: 7px 0px; } }
    #global-nav-dropdowns #dropdown-health .categories ul li a:after {
      color: #fff; }
  #global-nav-dropdowns #dropdown-health .categories ul li:last-child a {
    margin-bottom: 0; }
  @media screen and (min-width: 865px) {
    #global-nav-dropdowns #mobile-products {
      display: none; } }
  #global-nav-dropdowns #mobile-products ul li a {
    width: 100%;
    padding: 0 0 0 22px;
    font-family: 'BlenditBook', Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.5625em;
    color: #7b7b7b;
    text-transform: uppercase;
    text-decoration: none; }
    #global-nav-dropdowns #mobile-products ul li a:hover.icon-arrow-before:before {
      -webkit-transform: translateX(3px);
      -moz-transform: translateX(3px);
      -ms-transform: translateX(3px);
      -o-transform: translateX(3px);
      transform: translateX(3px); }
    @media only screen and (min-width: 40.0625em) and (max-width: 64em) {
      #global-nav-dropdowns #mobile-products ul li a {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
        width: 100%;
        float: left; } }
    #global-nav-dropdowns #mobile-products ul li a.icon-arrow-before:before {
      content: '\e81c';
      display: inline-block;
      margin-right: 10px;
      font-family: 'arrowcog';
      font-weight: normal;
      font-style: normal;
      text-rendering: optimizeLegibility;
      -webkit-font-feature-settings: "liga";
      -moz-font-feature-settings: "liga";
      -ms-font-feature-settings: "liga";
      font-feature-settings: "liga";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #35b6f9;
      font-size: 0.88em;
      -webkit-transform: translateX(0px);
      -moz-transform: translateX(0px);
      -ms-transform: translateX(0px);
      -o-transform: translateX(0px);
      transform: translateX(0px);
      -webkit-transition-property: -webkit-transform;
      -moz-transition-property: -moz-transform;
      transition-property: transform;
      -webkit-transition-duration: 250ms;
      -moz-transition-duration: 250ms;
      transition-duration: 250ms; }
  #global-nav-dropdowns #dropdown-on {
    color: #fff;
    /* === Iconography === */
    /* === Styling for list of links in left column === */
    /* === Styling for list of links in right column === */
    /* === Social icon styles within the ON dropdown nav === */
    /* === Mobile and tablet region selector === */ }
    @media only screen and (min-width: 40.0625em) and (max-width: 64em) {
      #global-nav-dropdowns #dropdown-on {
        position: absolute;
        top: 72px;
        right: 0;
        padding: 0 20px 0 5px; } }
    @media screen and (min-width: 865px) {
      #global-nav-dropdowns #dropdown-on {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
        width: 100%;
        float: left;
        top: 0;
        position: relative;
        background: black;
        background: -webkit-linear-gradient(#1a1a1a 30%, black 100%);
        background: linear-gradient(to   , black 100%); } }
    @media screen and (min-width: 865px) {
      #global-nav-dropdowns #dropdown-on.open {
        height: 317px; } }
    @media screen and (min-width: 865px) {
      #global-nav-dropdowns #dropdown-on .title-bar {
        display: none; } }
    #global-nav-dropdowns #dropdown-on .title-bar a {
      color: black;
      border-bottom: 4px solid black; }
    #global-nav-dropdowns #dropdown-on .links-cont {
      /*
             * Only sets a width of 100% from the medium breakpoint up to 865px wide
             * (using 864px here because we are using max-width)
            */ }
      @media screen and (min-width: 40.0625em) and (max-width: 864px) {
        #global-nav-dropdowns #dropdown-on .links-cont {
          padding-left: 0.625rem;
          padding-right: 0.625rem;
          width: 100%;
          float: left; } }
    #global-nav-dropdowns #dropdown-on .icon:before {
      position: relative;
      font-family: "SSSymbolicons";
      font-weight: normal;
      font-style: normal;
      text-rendering: optimizeLegibility;
      -webkit-font-feature-settings: "liga";
      -moz-font-feature-settings: "liga";
      -ms-font-feature-settings: "liga";
      font-feature-settings: "liga";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-decoration: none;
      white-space: nowrap; }
    #global-nav-dropdowns #dropdown-on .icon.icon-dumbbell:before {
      content: '\F416'; }
    #global-nav-dropdowns #dropdown-on .icon.icon-calendar:before {
      content: '\1F4C5'; }
    #global-nav-dropdowns #dropdown-on .icon.icon-tshirt:before {
      content: '\1F455'; }
    #global-nav-dropdowns #dropdown-on .icon.icon-notice:before {
      content: '\E973'; }
    #global-nav-dropdowns #dropdown-on .icon.icon-tv:before {
      content: '\1F4FA'; }
    #global-nav-dropdowns #dropdown-on .icon.icon-help:before {
      content: '\2753'; }
    #global-nav-dropdowns #dropdown-on .icon.icon-sign-post:before {
      content: '\E672'; }
    #global-nav-dropdowns #dropdown-on .icon.icon-box:before {
      content: '\1F4E6'; }
    #global-nav-dropdowns #dropdown-on .icon.icon-earth:before {
      content: '\1F30E'; }
    #global-nav-dropdowns #dropdown-on .icon.icon-briefcase:before {
      content: '\1F4BC'; }
    #global-nav-dropdowns #dropdown-on .icon.icon-newspaper:before {
      content: '\1F4F0'; }
    #global-nav-dropdowns #dropdown-on .icon.icon-mail:before {
      content: '\2709'; }
    #global-nav-dropdowns #dropdown-on .icon.icon-clipboard:before {
      content: '\1F4CB'; }
    #global-nav-dropdowns #dropdown-on .left-links {
      margin: 0;
      display: block;
      list-style: none;
      font-family: 'BlenditMedium', Arial, sans-serif;
      font-weight: normal;
      font-style: normal;
      text-rendering: optimizeLegibility;
      -webkit-font-feature-settings: "liga";
      -moz-font-feature-settings: "liga";
      -ms-font-feature-settings: "liga";
      font-feature-settings: "liga";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 1.625em;
      line-height: 46px;
      text-transform: uppercase;
      background: black;
      background: -webkit-linear-gradient(#1a1a1a 30%, black 100%);
      background: linear-gradient(to   , black 100%);
      /*
             * Only sets a width of 100% from the medium breakpoint up to 865px wide
             * (using 864px here because we are using max-width)
            */ }
      @media only screen and (max-width: 40em) {
        #global-nav-dropdowns #dropdown-on .left-links {
          padding: 0; } }
      @media screen and (min-width: 40.0625em) and (max-width: 864px) {
        #global-nav-dropdowns #dropdown-on .left-links {
          width: 100%; } }
      @media screen and (min-width: 865px) {
        #global-nav-dropdowns #dropdown-on .left-links {
          background: transparent; } }
      #global-nav-dropdowns #dropdown-on .left-links li {
        border-bottom: 1px #444 solid; }
        @media screen and (min-width: 865px) {
          #global-nav-dropdowns #dropdown-on .left-links li:last-child {
            border-bottom: 0; } }
        #global-nav-dropdowns #dropdown-on .left-links li a {
          width: 100%;
          height: 100%;
          display: inline-block;
          padding: 3px 16px 0 24px;
          text-decoration: none;
          color: #bbb;
          -webkit-transition: color 250ms;
          -moz-transition: color 250ms;
          transition: color 250ms; }
          .no-touchevents #global-nav-dropdowns #dropdown-on .left-links li a:hover {
            color: #fff; }
            .no-touchevents #global-nav-dropdowns #dropdown-on .left-links li a:hover:after {
              color: #fff;
              -webkit-transform: translateX(3px);
              -moz-transform: translateX(3px);
              -ms-transform: translateX(3px);
              -o-transform: translateX(3px);
              transform: translateX(3px); }
          #global-nav-dropdowns #dropdown-on .left-links li a.icon:before {
            top: 1px;
            padding-right: 21px;
            font-size: 0.69231em;
            color: #fff; }
          #global-nav-dropdowns #dropdown-on .left-links li a:after {
            content: '\e81c';
            float: right;
            margin-top: 3px;
            display: inline-block;
            font-family: 'arrowcog';
            font-weight: normal;
            font-style: normal;
            text-rendering: optimizeLegibility;
            -webkit-font-feature-settings: "liga";
            -moz-font-feature-settings: "liga";
            -ms-font-feature-settings: "liga";
            font-feature-settings: "liga";
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-size: 0.46154em;
            color: #444;
            text-align: right;
            -webkit-transform: translateX(0px);
            -moz-transform: translateX(0px);
            -ms-transform: translateX(0px);
            -o-transform: translateX(0px);
            transform: translateX(0px);
            -webkit-transition-property: -webkit-transform, color;
            -moz-transition-property: -moz-transform, color;
            transition-property: transform, color;
            -webkit-transition-duration: 250ms, 250ms;
            -moz-transition-duration: 250ms, 250ms;
            transition-duration: 250ms, 250ms; }
    #global-nav-dropdowns #dropdown-on .right-links {
      padding: 30px 16px 0 24px;
      margin: 0;
      list-style: none;
      background: black;
      background: -webkit-linear-gradient(#1a1a1a 30%, black 100%);
      background: linear-gradient(to   , black 100%);
      /*
             * Only sets a width of 100% from the medium breakpoint up to 865px wide
             * (using 864px here because we are using max-width)
            */ }
      @media screen and (min-width: 40.0625em) and (max-width: 864px) {
        #global-nav-dropdowns #dropdown-on .right-links {
          width: 100%; } }
      @media screen and (min-width: 865px) {
        #global-nav-dropdowns #dropdown-on .right-links {
          padding: 13px 0 0 8%;
          background: transparent; } }
      #global-nav-dropdowns #dropdown-on .right-links li {
        float: left;
        display: inline-block;
        margin-bottom: 13px;
        width: 100%;
        font-family: 'BlenditBold', Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-feature-settings: "liga";
        -moz-font-feature-settings: "liga";
        -ms-font-feature-settings: "liga";
        font-feature-settings: "liga";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-transform: uppercase;
        letter-spacing: -0.05em;
        font-size: 0.9375em;
        line-height: 31px;
        color: #999; }
        @media screen and (min-width: 865px) {
          #global-nav-dropdowns #dropdown-on .right-links li {
            width: 45%; } }
        #global-nav-dropdowns #dropdown-on .right-links li a {
          padding-bottom: 8px;
          text-decoration: none;
          color: #999;
          -webkit-transition: color 250ms;
          -moz-transition: color 250ms;
          transition: color 250ms; }
          .no-touchevents #global-nav-dropdowns #dropdown-on .right-links li a:hover {
            color: #fff; }
          #global-nav-dropdowns #dropdown-on .right-links li a.icon:before {
            top: 3px;
            padding-right: 11px;
            font-size: 1.13333em;
            color: #ddd; }
    #global-nav-dropdowns #dropdown-on .dropdown-on-social {
      position: absolute;
      bottom: 11px;
      right: 0.625rem;
      display: none; }
      @media screen and (min-width: 865px) {
        #global-nav-dropdowns #dropdown-on .dropdown-on-social {
          display: inline-block; } }
      #global-nav-dropdowns #dropdown-on .dropdown-on-social a {
        margin-left: 22px;
        margin-bottom: 2px;
        font-size: 1.375em;
        color: #444;
        text-decoration: none;
        -webkit-transition: color 250ms;
        -moz-transition: color 250ms;
        transition: color 250ms; }
        .no-touchevents #global-nav-dropdowns #dropdown-on .dropdown-on-social a:hover {
          color: #bbb; }
    #global-nav-dropdowns #dropdown-on #mobile-tablet-region-selector {
      margin-top: 3px;
      padding-left: 0.625rem;
      padding-right: 0.625rem;
      width: 100%;
      float: left; }
      @media screen and (min-width: 865px) {
        #global-nav-dropdowns #dropdown-on #mobile-tablet-region-selector {
          display: none; } }
      @media screen and (min-width: 865px) {
        #global-nav-dropdowns #dropdown-on #mobile-tablet-region-selector .title-bar {
          display: none; } }
      #global-nav-dropdowns #dropdown-on #mobile-tablet-region-selector .title-bar h2 {
        margin-bottom: 0;
        border-bottom: 4px solid black;
        color: black; }

/* === Sub nav === */
#sub-nav {
  position: relative;
  text-align: center;
  /* === A group of buttons. (If a title is needed use a h3) === */
  /* === Group headline === */ }
  @media only screen and (min-width: 40.0625em) {
    #sub-nav {
      top: -8px;
      text-align: left; } }
  @media only screen and (min-width: 64.0625em) {
    #sub-nav {
      top: -17px;
      text-align: right; } }
  #sub-nav .sub-nav-group {
    display: inline-block;
    width: 100%;
    position: relative;
    padding-top: 18px; }
    @media only screen and (min-width: 40.0625em) {
      #sub-nav .sub-nav-group {
        margin: 0 50px 0 0;
        width: auto;
        /* === IE9 fix === */ }
        #sub-nav .sub-nav-group:last-child {
          margin: 0; }
        .ie #sub-nav .sub-nav-group {
          margin: 0; } }
    @media only screen and (min-width: 64.0625em) {
      #sub-nav .sub-nav-group {
        margin: 0 30px;
        text-align: center;
        /* === IE9 fix === */ }
        #sub-nav .sub-nav-group:first-child {
          margin: 0 30px 0 0; }
        #sub-nav .sub-nav-group:last-child {
          margin: 0 0 0 30px; }
        .ie #sub-nav .sub-nav-group {
          margin: 0; }
          .ie #sub-nav .sub-nav-group:first-child {
            margin: 0 0 0 -35px; }
          .ie #sub-nav .sub-nav-group:last-child {
            margin: 0 -25px 0 0; } }
  #sub-nav h3 {
    margin: 0;
    position: absolute;
    top: 0;
    left: 1px;
    width: 100%;
    font-family: 'BlenditHeavy', Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #bbbbbb;
    font-size: 0.75em;
    letter-spacing: 1px; }
    @media only screen and (min-width: 64.0625em) {
      #sub-nav h3 {
        left: 0px; } }

#footer {
  background-color: #fff;
  padding: 27px 0 15px; }
  @media only screen and (min-width: 40.0625em) {
    #footer {
      padding: 57px 20px 45px; } }
  #footer .legal {
    background-color: #F7F7F7;
    padding: 16px 15px 13px;
    margin: 0 0 24px 0; }
    #footer .legal p {
      margin: 0;
      font-size: 0.75em;
      line-height: 20px;
      text-transform: uppercase;
      color: #A2A2A2; }
  #footer .social ul li {
    display: inline-block;
    margin-right: 12px; }
    @media only screen and (min-width: 64.0625em) {
      #footer .social ul li {
        margin-right: 20px; } }
    #footer .social ul li a {
      font-family: 'SSSocialCircle';
      font-weight: normal;
      font-style: normal;
      text-rendering: optimizeLegibility;
      -webkit-font-feature-settings: "liga";
      -moz-font-feature-settings: "liga";
      -ms-font-feature-settings: "liga";
      font-feature-settings: "liga";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 1.875em;
      color: #D3D3D3;
      line-height: 33px;
      -webkit-transition: color 250ms;
      -moz-transition: color 250ms;
      transition: color 250ms; }
      .no-touchevents #footer .social ul li a:hover {
        color: #b9b9b9; }
    #footer .social ul li.nav-logo {
      width: 78px;
      height: 33px;
      text-indent: -9999px;
      background-image: url("../img/static/black-logo.svg");
      background-size: 78px 33px;
      background-position: center center;
      background-repeat: no-repeat;
      line-height: normal; }
      @media only screen and (min-width: 64.0625em) {
        #footer .social ul li.nav-logo {
          margin-right: 25px; } }
  #footer .links {
    margin: 16px 0 0 0; }
    #footer .links h5 {
      display: inline-block;
      margin: 0 32px 0 0;
      font-size: 0.8125em;
      letter-spacing: 1px; }
    #footer .links ul {
      display: inline-block; }
      #footer .links ul li {
        display: inline-block;
        font-family: 'BlenditMedium', Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-feature-settings: "liga";
        -moz-font-feature-settings: "liga";
        -ms-font-feature-settings: "liga";
        font-feature-settings: "liga";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 0.8125em;
        color: #7B7B7B;
        text-transform: uppercase; }
        #footer .links ul li:last-child:after {
          display: none; }
        #footer .links ul li:after {
          content: '/';
          margin: 0 5px 0 10px; }
        #footer .links ul li a {
          color: #7B7B7B;
          -webkit-transition: color 250ms;
          -moz-transition: color 250ms;
          transition: color 250ms; }
          .no-touchevents #footer .links ul li a:hover {
            color: #484848; }
  #footer .cust-serv {
    display: inline-block;
    margin: 18px 0 0 0; }
    @media only screen and (min-width: 64.0625em) {
      #footer .cust-serv {
        float: right; } }
    #footer .cust-serv p, #footer .cust-serv a {
      margin: 4px 0px 0px 0px;
      font-family: 'BlenditMedium', Arial, sans-serif;
      font-weight: normal;
      font-style: normal;
      text-rendering: optimizeLegibility;
      -webkit-font-feature-settings: "liga";
      -moz-font-feature-settings: "liga";
      -ms-font-feature-settings: "liga";
      font-feature-settings: "liga";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #7B7B7B;
      font-size: 1.875em; }
    #footer .cust-serv p a {
      font-size: 1em; }
  #footer .newsletter-signup {
    margin: 18px 0 0 0; }
    #footer .newsletter-signup h5 {
      margin: 0 0 5px 0; }
    #footer .newsletter-signup input[type="text"] {
      background-color: #F3F3F3;
      border-color: #E0E0E0;
      width: 67%;
      margin: 0 3% 0 0;
      display: inline-block;
      float: left; }
      #footer .newsletter-signup input[type="text"]::-webkit-input-placeholder {
        color: #787878; }
      #footer .newsletter-signup input[type="text"]::-moz-placeholder {
        color: #787878; }
      #footer .newsletter-signup input[type="text"]:-moz-placeholder {
        color: #787878; }
      #footer .newsletter-signup input[type="text"]:-ms-input-placeholder {
        color: #787878; }
    #footer .newsletter-signup input[type="submit"] {
      width: 30%;
      display: inline-block;
      background-color: #AAAAAA;
      height: 37px;
      line-height: 39px;
      font-size: 0.9375em;
      -webkit-transition: background-color 250ms;
      -moz-transition: background-color 250ms;
      transition: background-color 250ms; }
      .no-touchevents #footer .newsletter-signup input[type="submit"]:hover {
        background-color: #909090;
        -webkit-transition: background-color 0ms, color 0ms;
        -moz-transition: background-color 0ms, color 0ms;
        transition: background-color 0ms, color 0ms; }

/* === Page styles === */
#checkout-step-one h2 {
  text-align: center; }
  @media only screen and (min-width: 40.0625em) {
    #checkout-step-one h2 {
      text-align: left; } }

#checkout-step-one .fields {
  background-color: #fff;
  padding: 30px 30px 20px 30px;
  margin-bottom: 20px; }
  #checkout-step-one .fields h3 {
    margin: 0;
    font-family: 'BlenditMedium', Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 0.9375em; }
  #checkout-step-one .fields p {
    margin: 4px 0 13px 0;
    font-family: 'BlenditMedium', Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 0.75em;
    color: #828282; }
    #checkout-step-one .fields p .blue {
      color: #4897b7; }

#checkout-step-one #billing-forms {
  padding-top: 35px;
  padding-bottom: 25px; }

#checkout-step-one #shipping-forms .fields {
  padding-top: 24px; }
  #checkout-step-one #shipping-forms .fields p {
    text-transform: uppercase; }

#checkout-step-one #contact-forms {
  padding-top: 32px;
  padding-bottom: 22px; }

#checkout-step-two h2 {
  text-align: center; }
  @media only screen and (min-width: 40.0625em) {
    #checkout-step-two h2 {
      text-align: left; } }

#checkout-step-two #cc-info {
  padding: 15px; }
  @media screen and (min-width: 1200px) {
    #checkout-step-two #cc-info {
      padding: 30px; } }
  #checkout-step-two #cc-info label {
    font-family: 'BlenditMedium', Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    text-transform: uppercase;
    font-size: 0.9375em;
    cursor: default; }
  #checkout-step-two #cc-info input[type="text"] {
    border: none;
    color: #0e0e0e;
    letter-spacing: 1px; }
  #checkout-step-two #cc-info input[type="submit"] {
    width: 100%; }
  #checkout-step-two #cc-info .card-number-input:after {
    content: "\1F512";
    position: absolute;
    bottom: 23px;
    right: 17px;
    font-family: "SSStandard";
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #BFBFBF;
    line-height: 18px; }
  #checkout-step-two #cc-info #exp-date .columns {
    padding-left: 0; }
  #checkout-step-two #cc-info #exp-date input {
    text-align: center; }
  #checkout-step-two #cc-info #cvv input {
    text-align: center; }
  #checkout-step-two #cc-info .disclaimer p {
    margin: 0;
    font-family: 'BlenditMedium', Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 0.75em;
    text-transform: uppercase;
    color: #828282;
    line-height: 13px; }

#checkout-step-one input,
#checkout-step-one select {
  margin-bottom: 10px; }

#checkout-step-one input {
  background-color: #F3F3F3;
  border-color: #E0E0E0;
  color: #787878; }
  #checkout-step-one input::-webkit-input-placeholder {
    color: #c0c0c0; }
  #checkout-step-one input::-moz-placeholder {
    color: #c0c0c0; }
  #checkout-step-one input:-moz-placeholder {
    color: #c0c0c0; }
  #checkout-step-one input:-ms-input-placeholder {
    color: #c0c0c0; }
  #checkout-step-one input.error {
    border-color: #FF0000;
    border-width: 2px; }

#checkout-step-one select {
  background-color: #F3F3F3;
  border: none;
  font-family: "ProximaNova-Semibold",sans-serif;
  font-weight: normal;
  font-style: normal;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.8125em;
  color: #000; }
  #checkout-step-one select.error {
    border-color: #FF0000;
    border-width: 2px;
    border-style: solid; }

#checkout-step-one .shipping-forms-radios {
  margin-top: -7px;
  padding: 0; }
  #checkout-step-one .shipping-forms-radios label {
    margin-right: 10px;
    color: #6b6b6b;
    font-family: 'BlenditMedium', Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 0.9375em;
    text-transform: uppercase; }
    #checkout-step-one .shipping-forms-radios label:last-child {
      margin-right: 0; }
  #checkout-step-one .shipping-forms-radios input {
    margin-bottom: 0; }
    .ie9 #checkout-step-one .shipping-forms-radios input {
      background-color: transparent; }

#checkout-step-one .disabled input,
#checkout-step-one .disabled select,
#checkout-step-one select:disabled input,
#checkout-step-one select:disabled select {
  background-color: #CFCFCF;
  border-color: #C2C2C2;
  color: #9E9E9E; }
  #checkout-step-one .disabled input::-webkit-input-placeholder,
  #checkout-step-one .disabled select::-webkit-input-placeholder,
  #checkout-step-one select:disabled input::-webkit-input-placeholder,
  #checkout-step-one select:disabled select::-webkit-input-placeholder {
    color: #bbb; }
  #checkout-step-one .disabled input::-moz-placeholder,
  #checkout-step-one .disabled select::-moz-placeholder,
  #checkout-step-one select:disabled input::-moz-placeholder,
  #checkout-step-one select:disabled select::-moz-placeholder {
    color: #bbb; }
  #checkout-step-one .disabled input:-moz-placeholder,
  #checkout-step-one .disabled select:-moz-placeholder,
  #checkout-step-one select:disabled input:-moz-placeholder,
  #checkout-step-one select:disabled select:-moz-placeholder {
    color: #bbb; }
  #checkout-step-one .disabled input:-ms-input-placeholder,
  #checkout-step-one .disabled select:-ms-input-placeholder,
  #checkout-step-one select:disabled input:-ms-input-placeholder,
  #checkout-step-one select:disabled select:-ms-input-placeholder {
    color: #bbb; }

#checkout-thank-you h1 {
  text-align: center; }
  @media only screen and (min-width: 40.0625em) {
    #checkout-thank-you h1 {
      text-align: left; } }

#checkout-thank-you h2 {
  text-align: center; }
  @media only screen and (min-width: 40.0625em) {
    #checkout-thank-you h2 {
      text-align: left; } }

#cart {
  /* === You Also Might light === */ }
  #cart h2 {
    text-align: center; }
    @media only screen and (min-width: 40.0625em) {
      #cart h2 {
        text-align: left; } }
  #cart #you-also-might-like-cont {
    text-align: center; }
    @media only screen and (min-width: 64.0625em) {
      #cart #you-also-might-like-cont {
        text-align: left; } }
    #cart #you-also-might-like-cont h2 {
      margin-top: 20px; }
    #cart #you-also-might-like-cont .product-box {
      padding: 20px;
      margin-bottom: 20px;
      background-color: #f6f6f6;
      -webkit-transition: background-color 300ms;
      -moz-transition: background-color 300ms;
      transition: background-color 300ms; }
      .no-touchevents #cart #you-also-might-like-cont .product-box:hover {
        background-color: #fff; }
      @media only screen and (min-width: 64.0625em) {
        #cart #you-also-might-like-cont .product-box {
          margin-bottom: 0px; } }
      #cart #you-also-might-like-cont .product-box h3 {
        margin-top: 20px;
        font-family: 'BlenditMedium', Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-feature-settings: "liga";
        -moz-font-feature-settings: "liga";
        -ms-font-feature-settings: "liga";
        font-feature-settings: "liga";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 16px;
        color: #818181; }
        @media only screen and (min-width: 64.0625em) {
          #cart #you-also-might-like-cont .product-box h3 {
            margin-top: 0px; } }
      #cart #you-also-might-like-cont .product-box p {
        margin-bottom: 5px;
        font-family: 'BlenditMedium', Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-feature-settings: "liga";
        -moz-font-feature-settings: "liga";
        -ms-font-feature-settings: "liga";
        font-feature-settings: "liga";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #000;
        line-height: 17px;
        text-transform: uppercase; }
      #cart #you-also-might-like-cont .product-box p.price {
        font-family: "ProximaNova-Regular",sans-serif;
        font-weight: normal;
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-feature-settings: "liga";
        -moz-font-feature-settings: "liga";
        -ms-font-feature-settings: "liga";
        font-feature-settings: "liga";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #818181; }

.cart-list-cont {
  padding: 10px;
  margin-bottom: 20px;
  background-color: #fff;
  text-align: center; }
  @media screen and (min-width: 400px) {
    .cart-list-cont {
      padding: 20px; } }
  @media screen and (min-width: 640px) {
    .cart-list-cont {
      padding: 10px; } }
  @media screen and (min-width: 1200px) {
    .cart-list-cont {
      padding: 0px; } }
  .cart-list-cont .img-cont {
    overflow: hidden; }
  .cart-list-cont img {
    max-width: 185px;
    width: 120%; }
  .cart-list-cont .content-section {
    height: 100%;
    /* === Unit Price | Quanity | Item Total === */
    /* === Checkout Step 2 & Thank you pages css End === */ }
    @media screen and (min-width: 400px) {
      .cart-list-cont .content-section {
        padding: 0 0 0 14px; } }
    @media only screen and (min-width: 40.0625em) {
      .cart-list-cont .content-section {
        padding: 20px 0 0 0; } }
    @media screen and (min-width: 1230px) {
      .cart-list-cont .content-section {
        padding: 52px 0 0 0; } }
    .cart-list-cont .content-section .product-info {
      text-align: left; }
      @media only screen and (min-width: 40.0625em) {
        .cart-list-cont .content-section .product-info {
          padding: 0px 20px 0 20px; } }
      .cart-list-cont .content-section .product-info h3 {
        margin-bottom: 6px;
        display: inline-block;
        font-family: 'BlenditMedium', Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-feature-settings: "liga";
        -moz-font-feature-settings: "liga";
        -ms-font-feature-settings: "liga";
        font-feature-settings: "liga";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 1em;
        line-height: 19px;
        text-transform: uppercase; }
        @media only screen and (min-width: 40.0625em) {
          .cart-list-cont .content-section .product-info h3 {
            margin-bottom: 14px;
            line-height: 20px;
            text-align: left;
            font-size: 1.5625em; } }
      .cart-list-cont .content-section .product-info p {
        padding: 0px;
        margin: 0px;
        font-size: 0.75em;
        color: #7b7b7b;
        line-height: 16px; }
        @media only screen and (min-width: 40.0625em) {
          .cart-list-cont .content-section .product-info p {
            text-align: left; } }
      .cart-list-cont .content-section .product-info a {
        display: inline-block; }
        .no-touchevents .cart-list-cont .content-section .product-info a:hover {
          text-decoration: underline; }
    .cart-list-cont .content-section .info-cont {
      margin-top: 10px;
      /* ===  Quanity === */
      /* ===  Item Total === */
      /* === Checkout Step 2 & Thank you pages css === */ }
      @media only screen and (min-width: 40.0625em) and (max-width: 64em) {
        .cart-list-cont .content-section .info-cont {
          margin-top: 15px;
          padding-right: 5px; } }
      @media only screen and (min-width: 40.0625em) {
        .cart-list-cont .content-section .info-cont {
          margin-top: 0px; } }
      @media only screen and (min-width: 40.0625em) {
        .cart-list-cont .content-section .info-cont:nth-of-type(3) h4 {
          padding-top: 10px; } }
      @media only screen and (min-width: 40.0625em) {
        .cart-list-cont .content-section .info-cont:nth-of-type(4) {
          margin-bottom: 0px; } }
      .cart-list-cont .content-section .info-cont h4 {
        padding: 10px 0 4px 0;
        font-family: 'BlenditMedium', Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-feature-settings: "liga";
        -moz-font-feature-settings: "liga";
        -ms-font-feature-settings: "liga";
        font-feature-settings: "liga";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-align: left;
        font-size: 0.9375em;
        line-height: 11px;
        color: #7b7b7b;
        text-transform: uppercase; }
        @media only screen and (min-width: 40.0625em) {
          .cart-list-cont .content-section .info-cont h4 {
            padding: 10px 0;
            border-bottom: 1px solid #e8e8e8;
            text-align: center; } }
      .cart-list-cont .content-section .info-cont p {
        margin: 0px;
        text-align: left;
        font-size: 1.125em; }
        @media only screen and (min-width: 40.0625em) {
          .cart-list-cont .content-section .info-cont p {
            margin: 20px 0;
            text-align: center;
            font-size: 0.9375em; } }
        @media only screen and (min-width: 64.0625em) {
          .cart-list-cont .content-section .info-cont p {
            font-size: 1.25em; } }
      .cart-list-cont .content-section .info-cont .quantity {
        display: table;
        text-align: left; }
        @media only screen and (min-width: 40.0625em) {
          .cart-list-cont .content-section .info-cont .quantity {
            margin: 17px auto 15px auto;
            text-align: center;
            overflow: hidden; } }
        .cart-list-cont .content-section .info-cont .quantity .plus,
        .cart-list-cont .content-section .info-cont .quantity .minus,
        .cart-list-cont .content-section .info-cont .quantity input {
          float: left;
          font-size: 1.3125em;
          cursor: pointer; }
          .cart-list-cont .content-section .info-cont .quantity .plus::-moz-selection,
          .cart-list-cont .content-section .info-cont .quantity .minus::-moz-selection,
          .cart-list-cont .content-section .info-cont .quantity input::-moz-selection {
            background: transparent; }
          .cart-list-cont .content-section .info-cont .quantity .plus::selection,
          .cart-list-cont .content-section .info-cont .quantity .minus::selection,
          .cart-list-cont .content-section .info-cont .quantity input::selection {
            background: transparent; }
        .cart-list-cont .content-section .info-cont .quantity .plus,
        .cart-list-cont .content-section .info-cont .quantity .minus {
          text-indent: -100%;
          overflow: hidden;
          height: 32px;
          width: 32px;
          position: relative;
          background-size: 32px 32px;
          background-repeat: no-repeat;
          cursor: pointer; }
          .cart-list-cont .content-section .info-cont .quantity .plus:after,
          .cart-list-cont .content-section .info-cont .quantity .minus:after {
            content: "";
            width: 32px;
            height: 32px;
            position: absolute;
            top: 0px;
            left: 0px;
            background-size: 32px 32px;
            background-repeat: no-repeat;
            opacity: 0;
            -webkit-transition: opacity 300ms;
            -moz-transition: opacity 300ms;
            transition: opacity 300ms; }
          .no-touchevents .cart-list-cont .content-section .info-cont .quantity .plus:hover:after,
          .no-touchevents .cart-list-cont .content-section .info-cont .quantity .minus:hover:after {
            opacity: 1; }
          @media screen and (min-width: 400px) {
            .cart-list-cont .content-section .info-cont .quantity .plus,
            .cart-list-cont .content-section .info-cont .quantity .minus {
              height: 40px;
              width: 40px;
              background-size: 40px 40px; }
              .cart-list-cont .content-section .info-cont .quantity .plus:after,
              .cart-list-cont .content-section .info-cont .quantity .minus:after {
                height: 40px;
                width: 40px;
                background-size: 40px 40px; } }
          @media only screen and (min-width: 40.0625em) {
            .cart-list-cont .content-section .info-cont .quantity .plus,
            .cart-list-cont .content-section .info-cont .quantity .minus {
              text-indent: 0;
              overflow: visible;
              width: auto; }
              .cart-list-cont .content-section .info-cont .quantity .plus:after,
              .cart-list-cont .content-section .info-cont .quantity .minus:after {
                display: none; } }
        .cart-list-cont .content-section .info-cont .quantity .plus {
          background-image: url("../img/static/circle-plus-icon.svg"); }
          .cart-list-cont .content-section .info-cont .quantity .plus:after {
            background-image: url("../img/static/circle-plus-rollover-icon.svg"); }
          @media only screen and (min-width: 40.0625em) {
            .cart-list-cont .content-section .info-cont .quantity .plus {
              line-height: 32px;
              background-image: none; } }
        .cart-list-cont .content-section .info-cont .quantity .minus {
          margin: 0 3px 0 0;
          background-image: url("../img/static/circle-minus-icon.svg"); }
          .cart-list-cont .content-section .info-cont .quantity .minus:after {
            background-image: url("../img/static/circle-minus-rollover-icon.svg"); }
          @media only screen and (min-width: 40.0625em) {
            .cart-list-cont .content-section .info-cont .quantity .minus {
              margin: 0;
              line-height: 28px;
              background-image: none;
              position: absolute; } }
        .cart-list-cont .content-section .info-cont .quantity input {
          width: 34px;
          height: 30px;
          padding: 0px;
          margin: 0 8px 0 0;
          font-size: 1.1875em;
          font-weight: 500;
          text-align: center; }
          @media screen and (min-width: 400px) {
            .cart-list-cont .content-section .info-cont .quantity input {
              margin: 5px 8px 0 0; } }
          @media only screen and (min-width: 40.0625em) {
            .cart-list-cont .content-section .info-cont .quantity input {
              margin: 0px 5px 0 11px;
              width: 45px; } }
          @media screen and (min-width: 700px) {
            .cart-list-cont .content-section .info-cont .quantity input {
              width: 34px;
              margin: 0px 8px 0 15px; } }
      .cart-list-cont .content-section .info-cont .quantity-confirm {
        padding-top: 5px;
        font-size: 1.25em; }
        @media only screen and (min-width: 40.0625em) and (max-width: 64em) {
          .cart-list-cont .content-section .info-cont .quantity-confirm {
            padding-top: 5px;
            font-size: 0.9375em; } }
    .cart-list-cont .content-section .remove {
      height: 32px;
      width: 32px;
      margin: 35px auto 0 auto;
      float: none;
      position: relative;
      background-image: url("../img/static/circle-x-icon.svg");
      background-size: 32px 32px;
      background-repeat: no-repeat;
      cursor: pointer; }
      @media only screen and (min-width: 40.0625em) {
        .cart-list-cont .content-section .remove {
          margin: 26px auto 0 auto; } }
      .cart-list-cont .content-section .remove:after {
        content: "";
        width: 32px;
        height: 32px;
        position: absolute;
        top: 0px;
        left: 0px;
        background-image: url("../img/static/circle-x-rollover-icon.svg");
        background-size: 32px 32px;
        background-repeat: no-repeat;
        opacity: 0;
        -webkit-transition: opacity 300ms;
        -moz-transition: opacity 300ms;
        transition: opacity 300ms; }
      .no-touchevents .cart-list-cont .content-section .remove:hover:after {
        opacity: 1; }
      @media screen and (min-width: 400px) {
        .cart-list-cont .content-section .remove {
          height: 40px;
          width: 40px;
          background-size: 40px 40px; }
          .cart-list-cont .content-section .remove:after {
            height: 40px;
            width: 40px;
            background-size: 40px 40px; } }
    .cart-list-cont .content-section .check-mark {
      height: 40px;
      width: 40px;
      margin: 26px auto 0 auto;
      float: none;
      background-image: url("../img/static/check-mark.svg");
      background-size: 40px 40px;
      background-repeat: no-repeat; }

#checkout-box-cont {
  background-color: #313131;
  color: #fff;
  /* === Thank you page css === */
  /* === Thank You Page Css End === */
  /* === CHECK OUT BTN CONTAINER === */ }
  #checkout-box-cont ul.checkout-list.top-border {
    border-top: 1px solid #3f3f3f; }
  #checkout-box-cont ul.checkout-list li {
    width: 100%;
    padding: 10px 15px 10px 15px;
    border-bottom: 1px solid #3f3f3f;
    overflow: hidden;
    /* === Checkout Step 2 & Thank You Pages Css === */
    /* === Checkout Step 2 & Thank You Pages Css End === */ }
    @media screen and (min-width: 1200px) {
      #checkout-box-cont ul.checkout-list li {
        padding: 10px 30px 10px 30px; } }
    #checkout-box-cont ul.checkout-list li p {
      margin: 0px;
      padding: 0px;
      font-size: 1.0625em;
      text-transform: uppercase; }
      @media only screen and (min-width: 64.0625em) {
        #checkout-box-cont ul.checkout-list li p {
          font-size: 0.9375em; } }
      @media screen and (min-width: 1200px) {
        #checkout-box-cont ul.checkout-list li p {
          font-size: 1.0625em; } }
      #checkout-box-cont ul.checkout-list li p.category {
        font-family: 'BlenditMedium', Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-feature-settings: "liga";
        -moz-font-feature-settings: "liga";
        -ms-font-feature-settings: "liga";
        font-feature-settings: "liga";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    #checkout-box-cont ul.checkout-list li .discounts {
      color: #47bffe; }
    #checkout-box-cont ul.checkout-list li #coupon {
      margin-top: 40px;
      padding-bottom: 10px;
      max-width: 350px; }
      #checkout-box-cont ul.checkout-list li #coupon input[type='text'], #checkout-box-cont ul.checkout-list li #coupon .apply-btn {
        height: 28px;
        padding-bottom: 0px;
        padding-top: 0px; }
      #checkout-box-cont ul.checkout-list li #coupon a.apply-btn {
        display: inline-block;
        width: 100%;
        background-color: #858585;
        font-size: 0.8125em;
        color: #fff;
        line-height: 30px;
        text-decoration: none;
        text-align: center;
        text-transform: uppercase;
        -webkit-transition: background-color 300ms;
        -moz-transition: background-color 300ms;
        transition: background-color 300ms; }
        .no-touchevents #checkout-box-cont ul.checkout-list li #coupon a.apply-btn:hover {
          background-color: #707070;
          -webkit-transition: background-color 0ms;
          -moz-transition: background-color 0ms;
          transition: background-color 0ms; }
  #checkout-box-cont #confirmation-section {
    padding: 30px 30px 60px 30px;
    font-family: 'BlenditMedium', Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    #checkout-box-cont #confirmation-section h3 {
      margin-bottom: 10px;
      font-family: 'BlenditMedium', Arial, sans-serif;
      font-weight: normal;
      font-style: normal;
      text-rendering: optimizeLegibility;
      -webkit-font-feature-settings: "liga";
      -moz-font-feature-settings: "liga";
      -ms-font-feature-settings: "liga";
      font-feature-settings: "liga";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 1.5625em;
      line-height: 25px;
      color: #fff; }
    #checkout-box-cont #confirmation-section .confirmation-number {
      margin: 0px 0px 25px 0;
      font-size: 2.8125em;
      color: #32ab0e; }
    #checkout-box-cont #confirmation-section h4 {
      margin-bottom: 0px;
      font-family: 'BlenditMedium', Arial, sans-serif;
      font-weight: normal;
      font-style: normal;
      text-rendering: optimizeLegibility;
      -webkit-font-feature-settings: "liga";
      -moz-font-feature-settings: "liga";
      -ms-font-feature-settings: "liga";
      font-feature-settings: "liga";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 0.9375em;
      color: #fff;
      text-transform: uppercase; }
    #checkout-box-cont #confirmation-section ul {
      margin-bottom: 20px; }
      #checkout-box-cont #confirmation-section ul li {
        font-size: 0.9375em;
        line-height: 15px;
        color: #d5d5d5; }
        #checkout-box-cont #confirmation-section ul li a {
          text-decoration: none;
          color: #d5d5d5; }
  #checkout-box-cont #total {
    overflow: hidden;
    padding: 10px 15px 10px 15px;
    border-bottom: 1px solid #3f3f3f; }
    @media screen and (min-width: 1200px) {
      #checkout-box-cont #total {
        padding: 27px 30px 30px 30px; } }
    #checkout-box-cont #total h5 {
      text-align: right;
      font-size: 1.0625em;
      color: #fff; }
    #checkout-box-cont #total p {
      margin: 7px 0 0 0;
      font-family: 'BlenditMedium', Arial, sans-serif;
      font-weight: normal;
      font-style: normal;
      text-rendering: optimizeLegibility;
      -webkit-font-feature-settings: "liga";
      -moz-font-feature-settings: "liga";
      -ms-font-feature-settings: "liga";
      font-feature-settings: "liga";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 3.75em;
      line-height: 50px; }
      @media only screen and (min-width: 64.0625em) {
        #checkout-box-cont #total p {
          font-size: 3.125em;
          line-height: 43px; } }
      @media screen and (min-width: 1200px) {
        #checkout-box-cont #total p {
          font-size: 3.75em;
          line-height: 50px; } }
  #checkout-box-cont .checkout-btn-container {
    padding: 30px 15px; }
    @media only screen and (min-width: 64.0625em) {
      #checkout-box-cont .checkout-btn-container {
        padding: 30px 15px; } }
    @media screen and (min-width: 1200px) {
      #checkout-box-cont .checkout-btn-container {
        padding: 30px 30px; } }

#home {
  padding-top: 0px;
  /* === Slider === */
  /* === Dynamic Classes For Rollovers & Categorys === */
  /* === Category Grid === */
  /* === Full Bleed Layout With Half & Half Bg Colors === */
  /* === Fitness News & New To The Store Container  === */
  /* === Popluar Youtube Videos === */ }
  @media screen and (min-width: 865px) {
    #home {
      padding-top: 72px; } }
  #home #slider {
    margin-bottom: 10px;
    /* === Handles Only Images In Slider === */
    /* === Handles Html Elements In the Slider === */ }
    @media only screen and (min-width: 40.0625em) and (max-width: 64em) {
      #home #slider {
        margin-bottom: 20px; } }
    @media only screen and (min-width: 64.0625em) {
      #home #slider {
        margin-bottom: 55px; } }
    #home #slider .slick-slide img {
      width: 100%; }
    #home #slider .slide {
      position: relative;
      overflow: hidden; }
      #home #slider .slide .height-ratio {
        height: 0px;
        padding-bottom: 36%;
        overflow: hidden;
        position: relative; }
    #home #slider .html-slide {
      background-image: url("../img/assets/home-header-bg-temp.jpg");
      background-size: cover;
      /* === Slider Content Container === */ }
      #home #slider .html-slide .vertical-center {
        position: absolute; }
      #home #slider .html-slide > img {
        float: right;
        display: none; }
        @media only screen and (min-width: 40.0625em) and (max-width: 64em) {
          #home #slider .html-slide > img {
            position: absolute;
            bottom: 0px;
            right: 0px; } }
        @media only screen and (min-width: 40.0625em) {
          #home #slider .html-slide > img {
            display: block; } }
  #home .blue:before {
    background-color: #35b6f9; }
  #home .darkblue:before {
	background-color: #023674; } 
  #home .red:before {
    background-color: #ce0e0e; }
  #home .green:before {
    background-color: #7fd209; }
  #home .purple:before {
    background-color: #69129b; }
  #home .orange:before {
    background-color: #f96b14; }
  #home .yellow:before {
    background-color: #ffc425; }
  #home .pink:before {
    background-color: #f78dbf; }
  #home .brown:before {
    background-color: #a06f56; }
  #home .tan:before {
    background-color: #c8b49f; }
  #home .gold:before {
    background-color: #b49e72; }
  #home .black:before {
    background-color: #000; }
  #home .gray:before, #home .grey:before {
    background-color: #989898; }
  #home .lightgray:before, #home .lightgrey:before {
    background-color: #dfdfdf; }
  #home .darkgray:before, #home .darkgrey:before {
    background-color: #5c5c5c; }
  #home .white:before {
    background-color: #fff; color:#212121 !important;}
  #home .white:after {
	  color:#212121 !important;}
	
	  
  #home #category-list {
    margin-bottom: 0px;
    /* === Overriding Foundation - Custom Break Point For Featured Category List === */ }
    @media only screen and (min-width: 64.0625em) {
      #home #category-list {
        margin-bottom: 80px; } }
    #home #category-list [class*="small"] {
      width: 100%; }
      @media screen and (min-width: 420px) {
        #home #category-list [class*="small"] {
          width: 50%; } }
      @media only screen and (min-width: 64.0625em) {
        #home #category-list [class*="small"] {
          width: 25%; } }
    #home #category-list .category-cont {
      display: block;
      overflow: hidden;
      margin-bottom: 20px;
      background-color: #fff;
      border-radius: 5px; }
      #home #category-list .category-cont h2 {
        margin: 0px;
        padding: 20px 0;
        position: relative;
        font-size: 0.8125em;
        color: #212121;
        text-align: center; }
  #home .full-bleed {
    margin-bottom: 20px;
    /* === Fifty & Fifty Layout === */ }
    @media only screen and (min-width: 64.0625em) {
      #home .full-bleed {
        margin-bottom: 80px;
        background-repeat: repeat-y, repeat-x;
        background-size: 50%, 50%;
        /* === Half Black & Half White Bg === */ }
        #home .full-bleed.black-white {
          background-image: url("../img/static/bg-black.jpg"), url("../img/static/bg-white.jpg"); } }
    #home .full-bleed .fifty-fifty-layout {
      display: block;
      width: auto; }
      @media only screen and (min-width: 64.0625em) {
        #home .full-bleed .fifty-fifty-layout {
          display: table;
          table-layout: fixed; } }
      #home .full-bleed .fifty-fifty-layout .fifty-col {
        display: block;
        padding: 0px;
        overflow: hidden; }
        @media only screen and (min-width: 64.0625em) {
          #home .full-bleed .fifty-fifty-layout .fifty-col {
            display: table-cell;
            vertical-align: top;
            width: 50%;
            float: none; } }
  #home #fitness-news--new-to-store-cont {
    /* === Fitness News Container === */
    /* === New To The Store Container === */ }
    #home #fitness-news--new-to-store-cont .header-cont {
      overflow: hidden;
      /* === Overriding Foundation - Css On Mobile Only === */ }
      #home #fitness-news--new-to-store-cont .header-cont h2 {
        margin: 0 0 10px 0;
        padding: 0px;
        font-size: 1.5625em;
        line-height: 38px;
        text-align: center; }
        @media only screen and (min-width: 40.0625em) {
          #home #fitness-news--new-to-store-cont .header-cont h2 {
            text-align: left; } }
      @media only screen and (max-width: 40em) {
        #home #fitness-news--new-to-store-cont .header-cont .left, #home #fitness-news--new-to-store-cont .header-cont .right {
          display: table;
          margin-right: auto;
          margin-left: auto;
          float: none !important; } }
    #home #fitness-news--new-to-store-cont .fitness-news-cont {
      margin-bottom: 20px;
      text-align: left;
      background-color: #000; }
      @media only screen and (min-width: 64.0625em) {
        #home #fitness-news--new-to-store-cont .fitness-news-cont {
          margin-bottom: 0px; } }
      #home #fitness-news--new-to-store-cont .fitness-news-cont .header-cont {
        padding: 30px 30px 0px 30px; }
        @media only screen and (min-width: 64.0625em) {
          #home #fitness-news--new-to-store-cont .fitness-news-cont .header-cont {
            padding: 30px 30px 30px 50px; } }
        #home #fitness-news--new-to-store-cont .fitness-news-cont .header-cont h2 {
          color: #fff; }
        #home #fitness-news--new-to-store-cont .fitness-news-cont .header-cont a {
          color: #7f7f7f;
          border: 1px solid #7f7f7f; }
      #home #fitness-news--new-to-store-cont .fitness-news-cont ul {
        padding: 0px; }
        @media only screen and (min-width: 40.0625em) and (max-width: 64em) {
          #home #fitness-news--new-to-store-cont .fitness-news-cont ul {
            padding: 0px 10px 0px 10px; } }
        @media only screen and (min-width: 64.0625em) {
          #home #fitness-news--new-to-store-cont .fitness-news-cont ul {
            padding: 0px 0px 0px 30px; } }
        #home #fitness-news--new-to-store-cont .fitness-news-cont ul li {
          display: inline-block;
          width: 100%;
          float: left;
          padding: 30px 30px;
          vertical-align: top; }
          @media only screen and (min-width: 40.0625em) {
            #home #fitness-news--new-to-store-cont .fitness-news-cont ul li {
              width: 50%; } }
    #home #fitness-news--new-to-store-cont .new-to-store-cont {
      margin-bottom: 20px;
      background-color: #fff;
      /* === New Product List Items === */ }
      @media only screen and (min-width: 64.0625em) {
        #home #fitness-news--new-to-store-cont .new-to-store-cont {
          margin-bottom: 0px; } }
      #home #fitness-news--new-to-store-cont .new-to-store-cont .header-cont {
        padding: 30px 30px 0px 30px; }
        @media only screen and (min-width: 64.0625em) {
          #home #fitness-news--new-to-store-cont .new-to-store-cont .header-cont {
            padding: 30px 50px 30px 30px; } }
        #home #fitness-news--new-to-store-cont .new-to-store-cont .header-cont a {
          color: #7f7f7f;
          border: 1px solid #e3e3e3; }
      #home #fitness-news--new-to-store-cont .new-to-store-cont #new-product-list {
        padding: 40px 30px 40px 30px;
        overflow: hidden; }
        @media only screen and (min-width: 64.0625em) {
          #home #fitness-news--new-to-store-cont .new-to-store-cont #new-product-list {
            padding: 40px 50px 40px 30px; } }
        #home #fitness-news--new-to-store-cont .new-to-store-cont #new-product-list a {
          /* ===
                    *
                    * Overlay hover overides
                    * Show part of color overlay at the top-cont
                    * Icon slide down from top
                    *
                    === */ }
          #home #fitness-news--new-to-store-cont .new-to-store-cont #new-product-list a .color-overlay-hover:before {
            height: 4px; }
          #home #fitness-news--new-to-store-cont .new-to-store-cont #new-product-list a .color-overlay-hover:after {
            -webkit-transform: translateY(-120%);
            -moz-transform: translateY(-120%);
            -ms-transform: translateY(-120%);
            -o-transform: translateY(-120%);
            transform: translateY(-120%); }
  #home #popluar-videos {
    /* === Overriding Foundation - Custom Break Point For Video Category === */ }
	 #popluar-videos .large-4:last-of-type {
	  /* fixes last video in grid for youtube videos on homepage */	 
		float:left; }
    #home #popluar-videos h2 {
      text-align: center;
      font-size: 1.5625em; }
    #home #popluar-videos [class*="small"] {
      width: 100%;
      margin-bottom: 20px; }
      @media screen and (min-width: 420px) {
        #home #popluar-videos [class*="small"] {
          width: 50%; } }
      @media only screen and (min-width: 64.0625em) {
        #home #popluar-videos [class*="small"] {
          width: 33%; } }

/* === Grid of products === */
#product-grid {
  /* === Product filter menus === */ }
  #product-grid #side-bar {
    height: 0;
    opacity: 0;
    -webkit-transition: height 250ms, opacity 250ms;
    -moz-transition: height 250ms, opacity 250ms;
    transition: height 250ms, opacity 250ms; }
    @media only screen and (min-width: 64.0625em) {
      #product-grid #side-bar {
        overflow: visible;
        height: auto;
        opacity: 1; } }
    #product-grid #side-bar.open {
      opacity: 1; }

/* === mixing for controlling the padding in the middle column === */
/* ===
*
* In order for the lightbox to have the Slick slider in it
* we need to explictly set the width of the container.
*
=== */
#product-detail {
  /* === Product detail images === */
  /* === Override so the icon in the color overlay button hover does not animate === */
  /* === Sections for the product info (middle column)  === */
  /* === Video Thumb === */
  /* === Product thumbs  === */
  /* === Product Info (middle column)  === */
  /* === Product Quality disclaimer  === */
  /* === Sidebar styling overrrides  === */ }
  @media only screen and (min-width: 40.0625em) {
    #product-detail {
      margin-top: 12px; } }
  @media only screen and (max-width: 40em) {
    #product-detail .back-btn {
      top: -15px; } }
  @media only screen and (min-width: 40.0625em) {
    #product-detail .back-btn {
      top: -32px; } }
  #product-detail .nutrition-select-list {
    position: fixed;
    bottom: 20px;
    left: 50%;
    margin-left: -35%;
    width: 70%;
    height: 47px;
    padding-top: 1px;
    padding-left: 16px;
    background-color: #000;
    background-image: url("../img/static/select-arrows-white.svg");
    border: none;
    z-index: 10000;
    font-family: 'BlenditMedium', Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-transform: uppercase;
    color: #fff;
    font-size: 1em;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 300ms 0ms, visibility 0ms 300ms;
    -moz-transition: opacity 300ms 0ms, visibility 0ms 300ms;
    transition: opacity 300ms 0ms, visibility 0ms 300ms; }
    @media only screen and (min-width: 40.0625em) {
      #product-detail .nutrition-select-list {
        width: 350px;
        margin-left: -175px; } }
    #product-detail .nutrition-select-list.visible {
      visibility: visible;
      opacity: 1;
      -webkit-transition: opacity 300ms 0ms, visibility 0ms 0ms;
      -moz-transition: opacity 300ms 0ms, visibility 0ms 0ms;
      transition: opacity 300ms 0ms, visibility 0ms 0ms; }
  #product-detail #enlarged-img {
    /* === Adds info icon to "nutrition info" button === */ }
    #product-detail #enlarged-img ul {
      position: relative; 
	  /* margin and overflow added to move up the image clip */
	  margin-bottom:-6.666%;
	  overflow:hidden;
	  }
      #product-detail #enlarged-img ul li {
        visibility: hidden;
        opacity: 0;
        position: absolute;
        top: 0;
        width: 100%;
        -webkit-transition: opacity 250ms 0ms, visibility 0ms 0ms;
        -moz-transition: opacity 250ms 0ms, visibility 0ms 0ms;
        transition: opacity 250ms 0ms, visibility 0ms 0ms; }
        #product-detail #enlarged-img ul li.current {
          visibility: visible;
          opacity: 1;
          position: relative; }
        #product-detail #enlarged-img ul li.out {
          visibility: hidden;
          opacity: 0;
          position: absolute;
          -webkit-transition: opacity 250ms 0ms, visibility 0ms 250ms;
          -moz-transition: opacity 250ms 0ms, visibility 0ms 250ms;
          transition: opacity 250ms 0ms, visibility 0ms 250ms; }
    @media only screen and (min-width: 40.0625em) {
      #product-detail #enlarged-img .bottom-bar-btn {
        font-size: 0.8125em; } }
    @media screen and (min-width: 790px) {
      #product-detail #enlarged-img .bottom-bar-btn {
        font-size: 1.0625em; } }
    #product-detail #enlarged-img .bottom-bar-btn:before {
      content: '\2139';
      position: relative;
      top: 2px;
      margin: 0 18px 0 0;
      font-family: "SSStandard";
      font-weight: normal;
      font-style: normal;
      text-rendering: optimizeLegibility;
      -webkit-font-feature-settings: "liga";
      -moz-font-feature-settings: "liga";
      -ms-font-feature-settings: "liga";
      font-feature-settings: "liga";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 0.9375em; }
      @media only screen and (min-width: 40.0625em) {
        #product-detail #enlarged-img .bottom-bar-btn:before {
          margin: 0 10px 0 0; } }
      @media screen and (min-width: 790px) {
        #product-detail #enlarged-img .bottom-bar-btn:before {
          margin: 0 18px 0 0; } }
  #product-detail .color-overlay-video:after {
    -webkit-transform: translateY(50%) !important;
    -moz-transform: translateY(50%) !important;
    -ms-transform: translateY(50%) !important;
    -o-transform: translateY(50%) !important;
    transform: translateY(50%) !important; }
  #product-detail .section {
    padding-left: 20px;
    padding-right: 20px; }
    @media only screen and (min-width: 40.0625em) {
      #product-detail .section {
        padding-left: 40px;
        padding-right: 40px; } }
    @media only screen and (min-width: 64.0625em) {
      #product-detail .section {
        padding-left: 50px;
        padding-right: 50px; } }
  #product-detail .video-thumb {
    margin: 0 0 20px 0; }
  #product-detail .video-thumb img {
	 min-width:182% !important;
	 margin-left:-40% !important; 
  }
  #product-detail .thumbs li {
    position: relative;
    padding-bottom: 1.6rem; }
    #product-detail .thumbs li a:after {
      content: '\002B';
      font-family: "SSStandard";
      font-weight: normal;
      font-style: normal;
      text-rendering: optimizeLegibility;
      -webkit-font-feature-settings: "liga";
      -moz-font-feature-settings: "liga";
      -ms-font-feature-settings: "liga";
      font-feature-settings: "liga";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #fff;
      display: block;
      width: 22px;
      height: 22px;
      line-height: 29px;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -20px;
      margin-left: -11px;
      font-size: 1.375em;
      opacity: 0;
      -webkit-transition: opacity 250ms;
      -moz-transition: opacity 250ms;
      transition: opacity 250ms; }
    #product-detail .thumbs li a:hover:after {
      opacity: 1; }
    #product-detail .thumbs li img {
      opacity: 0.25;
      -webkit-transition: opacity 250ms;
      -moz-transition: opacity 250ms;
      transition: opacity 250ms; }
    #product-detail .thumbs li.empty-thumb {
      position: relative; }
      #product-detail .thumbs li.empty-thumb:before {
        content: '';
        display: block;
        width: 100%;
        height: 0;
        padding-bottom: 100%;
        background-color: #E3E3E3; }
  #product-detail .thumbs .current a:after {
    display: none; }
  #product-detail .thumbs .current img {
    opacity: 1; }
  #product-detail #product-info {
    background-color: #fff;
    padding: 46px 0 0 0;
    margin: 0 0 20px 0;
    /* === Spans entire width of section  === */
    /* === Product description  === */
    /* === Product pricing  === */
    /* === Select lists for product options  === */
    /* === Athlete Reviews  === */ }
    @media only screen and (min-width: 40.0625em) {
      #product-detail #product-info {
        margin: 0 0 20px 0; } }
    #product-detail #product-info .title h5 {
      font-family: 'BlenditHeavy', Arial, sans-serif;
      font-weight: normal;
      font-style: normal;
      text-rendering: optimizeLegibility;
      -webkit-font-feature-settings: "liga";
      -moz-font-feature-settings: "liga";
      -ms-font-feature-settings: "liga";
      font-feature-settings: "liga";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #d00600;
      letter-spacing: 1px;
      margin: 0 0 10px 0; }
    #product-detail #product-info .title h1 {
      text-align: left;
      line-height: 30px; }
      @media screen and (min-width: 500px) {
        #product-detail #product-info .title h1 {
          font-size: 3.4375em;
          line-height: 40px; } }
      @media only screen and (min-width: 40.0625em) {
        #product-detail #product-info .title h1 {
          font-size: 3.75em;
          line-height: 45px; } }
      @media only screen and (min-width: 64.0625em) {
        #product-detail #product-info .title h1 {
          font-size: 4.6875em;
          line-height: 55px;
          margin-bottom: 35px; } }
      #product-detail #product-info .title h1 .thin {
        font-family: 'BlenditBook', Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-feature-settings: "liga";
        -moz-font-feature-settings: "liga";
        -ms-font-feature-settings: "liga";
        font-feature-settings: "liga";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    #product-detail #product-info .black-bar {
      background-color: #060606;
      padding-top: 17px;
      padding-bottom: 17px; }
      #product-detail #product-info .black-bar ul li {
        display: inline-block;
        margin: 0 8% 0 0; }
        #product-detail #product-info .black-bar ul li:last-child {
          margin: 0; }
      #product-detail #product-info .black-bar h5 {
        color: #bbbbbb;
        letter-spacing: 0;
        margin: 0 0 3px 0; }
      #product-detail #product-info .black-bar p {
        margin: 0;
        font-family: 'BlenditBold', Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-feature-settings: "liga";
        -moz-font-feature-settings: "liga";
        -ms-font-feature-settings: "liga";
        font-feature-settings: "liga";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 2em;
        line-height: 20px;
        text-transform: uppercase;
        letter-spacing: -1px;
        color: #fff; }
        @media screen and (min-width: 500px) {
          #product-detail #product-info .black-bar p {
            font-size: 3.75em;
            line-height: 40px;
            letter-spacing: -2px; } }
        #product-detail #product-info .black-bar p .small {
          font-family: 'BlenditMedium', Arial, sans-serif;
          font-weight: normal;
          font-style: normal;
          text-rendering: optimizeLegibility;
          -webkit-font-feature-settings: "liga";
          -moz-font-feature-settings: "liga";
          -ms-font-feature-settings: "liga";
          font-feature-settings: "liga";
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: 0.5em;
		  margin-left:2px;
          line-height: 20px; }
    #product-detail #product-info .description {
      padding-top: 37px;
      padding-bottom: 25px; }
      #product-detail #product-info .description h5 {
        font-family: "ProximaNova-Semibold",sans-serif;
        font-weight: normal;
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-feature-settings: "liga";
        -moz-font-feature-settings: "liga";
        -ms-font-feature-settings: "liga";
        font-feature-settings: "liga";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        letter-spacing: 0;
        color: #060606;
        margin: 0 0 21px 0; }
      #product-detail #product-info .description p {
        font-size: 0.9375em;
        color: #7b7b7b;
        line-height: 20px;
        margin: 0; }
	  #product-detail #product-info .description ul {
        font-size: 0.9375em;
        color: #7b7b7b;
        line-height: 20px;
        margin: 19px 0px 0px 0px; }
	   #product-detail #product-info .description li {
        color: #7b7b7b;
        line-height: 20px;
		list-style:disc outside;
		margin:3px 0 0 3%;
		width:96%;
		xcolor:#444;
		}
    #product-detail #product-info .pricing {
      margin-top: 26px;
      padding-bottom: 10px;
      position: relative; }
      #product-detail #product-info .pricing .sale {
        font-family: 'BlenditHeavy', Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-feature-settings: "liga";
        -moz-font-feature-settings: "liga";
        -ms-font-feature-settings: "liga";
        font-feature-settings: "liga";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 1.25em;
        color: #47bffe;
        position: absolute;
        line-height: 18px;
        top: -23px; }
        #product-detail #product-info .pricing .sale:before {
          content: '\22C6';
          font-family: "SSStandard";
          font-weight: normal;
          font-style: normal;
          text-rendering: optimizeLegibility;
          -webkit-font-feature-settings: "liga";
          -moz-font-feature-settings: "liga";
          -ms-font-feature-settings: "liga";
          font-feature-settings: "liga";
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: 0.85em;
          position: relative;
          top: 1px;
          margin: 0 5px 0 0; }
      #product-detail #product-info .pricing p {
        margin: 0; }
      #product-detail #product-info .pricing .current-price {
        font-family: 'BlenditBold', Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-feature-settings: "liga";
        -moz-font-feature-settings: "liga";
        -ms-font-feature-settings: "liga";
        font-feature-settings: "liga";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 2.8125em;
        letter-spacing: -1px;
        line-height: 35px;
        display: inline-block;
        margin: 0 18px 0 0; }
        #product-detail #product-info .pricing .current-price .small {
          font-family: 'BlenditBook', Arial, sans-serif;
          font-weight: normal;
          font-style: normal;
          text-rendering: optimizeLegibility;
          -webkit-font-feature-settings: "liga";
          -moz-font-feature-settings: "liga";
          -ms-font-feature-settings: "liga";
          font-feature-settings: "liga";
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: 0.51111em;
          position: relative;
		  margin-right:1px;
          top: -11px; }
      #product-detail #product-info .pricing .original-price {
        display: inline-block; }
        #product-detail #product-info .pricing .original-price h6 {
          font-size: 0.9375em;
          color: #bbbbbb;
          line-height: 14px; }
        #product-detail #product-info .pricing .original-price p {
          font-family: 'BlenditBook', Arial, sans-serif;
          font-weight: normal;
          font-style: normal;
          text-rendering: optimizeLegibility;
          -webkit-font-feature-settings: "liga";
          -moz-font-feature-settings: "liga";
          -ms-font-feature-settings: "liga";
          font-feature-settings: "liga";
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: 1.3125em;
          color: #bbbbbb;
          line-height: 13px; }
          #product-detail #product-info .pricing .original-price p .small {
            font-size: 0.52381em;
            position: relative;
            top: -5px; }
    #product-detail #product-info .options {
      padding-top: 9px;
      padding-bottom: 9px; }
      #product-detail #product-info .options select {
        font-family: "ProximaNova-Semibold",sans-serif;
        font-weight: normal;
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-feature-settings: "liga";
        -moz-font-feature-settings: "liga";
        -ms-font-feature-settings: "liga";
        font-feature-settings: "liga";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 0.8125em;
        color: #000; }
      #product-detail #product-info .options label {
        font-family: 'BlenditMedium', Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-feature-settings: "liga";
        -moz-font-feature-settings: "liga";
        -ms-font-feature-settings: "liga";
        font-feature-settings: "liga";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 0.9375em;
        line-height: 22px;
        color: #7b7b7b;
        text-transform: uppercase; }
      #product-detail #product-info .options input[type="text"] {
        width: 50px;
        height: 28px;
        text-align: center;
        line-height: 28px;
        padding-top: 3px;
        padding-bottom: 0;
        font-size: 1.25em;
        color: #0e0e0e; }
      #product-detail #product-info .options .btn {
        width: 100%; }
    #product-detail #product-info .reviews {
      padding-top: 41px;
      padding-bottom: 44px;
      background-color: #F9F9F9; }
      #product-detail #product-info .reviews::after {
        clear: both;
        content: "";
        display: table; }
      #product-detail #product-info .reviews .review {
        margin: 0 0 44px 0; }
        #product-detail #product-info .reviews .review::after {
          clear: both;
          content: "";
          display: table; }
        #product-detail #product-info .reviews .review:last-child {
          margin: 0; }
      #product-detail #product-info .reviews h4 {
        font-family: 'BlenditBook', Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-feature-settings: "liga";
        -moz-font-feature-settings: "liga";
        -ms-font-feature-settings: "liga";
        font-feature-settings: "liga";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 1.5625em;
        text-transform: uppercase;
        margin: 0 0 60px 0;
        line-height: 22px; }
      #product-detail #product-info .reviews h3 {
        font-family: 'BlenditBold', Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-feature-settings: "liga";
        -moz-font-feature-settings: "liga";
        -ms-font-feature-settings: "liga";
        font-feature-settings: "liga";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 1.0625em;
        letter-spacing: 1px;
        margin: 0 0 21px 0; }
      #product-detail #product-info .reviews p {
        color: #686868;
        font-style: italic;
        font-size: 1.0625em;
        line-height: 19px;
        margin: 0; }
      #product-detail #product-info .reviews .circle-img {
        overflow: hidden;
        border-radius: 50%;
        width: 95px;
        height: 95px;
        display: inline-block; }
      #product-detail #product-info .reviews .copy {
        margin-left: 120px; }
  #product-detail #quality {
    padding-top: 50px;
    padding-bottom: 39px;
    background-image: url("../img/static/product-detail-quality-bg.jpg");
    background-position: center center;
    background-size: cover;
    /* === Override to set explicit width and height of a color overlay hove button  === */ }
    #product-detail #quality::after {
      clear: both;
      content: "";
      display: table; }
    #product-detail #quality h5 {
      color: #fff;
      margin: 0 0 12px 0; }
    #product-detail #quality p {
      font-size: 0.8125em;
      color: #bbbbbb;
      line-height: 19px;
      margin: 0 0 12px 0; }
    #product-detail #quality hr {
      background-color: #9B9B9B;
      margin: 12px 0 29px 0; }
    #product-detail #quality .color-overlay-hover {
      border: 1px solid #fff;
      width: 160px;
      height: 90px;
      overflow: hidden;
      margin-bottom: 20px; }
      @media only screen and (min-width: 40.0625em) {
        #product-detail #quality .color-overlay-hover {
          float: left;
          margin-bottom: 0; } }
    @media only screen and (min-width: 40.0625em) {
      #product-detail #quality .copy {
        margin-left: 190px; } }
  #product-detail #side-bar {
    margin: 30px 0 0 0; }
    @media only screen and (min-width: 64.0625em) {
      #product-detail #side-bar {
        margin: 0; } }

#athletes-landing {
  background-image: url("../img/assets/athletes-landing/athlete-faded-bg.jpg");
  background-color: #000;
  background-position: center top;
  background-repeat: no-repeat;
  /* === Page Headline === */
  /* === Sub nav color overrides === */
  /* === Athlete Grid === */ }
  @media screen and (min-width: 865px) {
    #athletes-landing {
      background-position: center 70px; } }
  #athletes-landing h1 {
    color: #fff; }
    @media only screen and (min-width: 64.0625em) {
      #athletes-landing h1 {
        margin-bottom: 65px; } }
  #athletes-landing #sub-nav {
    height: 0;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: height 250ms, opacity 250ms;
    -moz-transition: height 250ms, opacity 250ms;
    transition: height 250ms, opacity 250ms; }
    @media only screen and (min-width: 40.0625em) {
      #athletes-landing #sub-nav {
        overflow: visible;
        height: auto;
        opacity: 1; } }
    #athletes-landing #sub-nav.open {
      opacity: 1; }
  #athletes-landing .sub-nav-btn:hover {
    background-color: #fff;
    color: #090909; }
  #athletes-landing #athlete-grid {
    /* ===
        *
        * Removed padding / gutter from li and applied them to the child anchor
        * to allow for hover effect with proper spacing.
        *
        === */
    /* ===
        *
        * Since we removed the computed grid gutter size from the "li"
        * we must add it to the child anchor.
        * Make sure to divide it by two so each grid item has half the width on either side.
        *
        === */
    /* === Athlete thumb === */
    /* === Athlete Name === */
    /* === Athlete Sport === */ }
    #athletes-landing #athlete-grid li {
      padding: 0;
      position: relative; }
    #athletes-landing #athlete-grid a {
      display: block;
      padding: 10px 0.625rem;
      -webkit-transition: background-color 250ms;
      -moz-transition: background-color 250ms;
      transition: background-color 250ms; }
      .no-touchevents #athletes-landing #athlete-grid a:hover {
        background-color: #d91919; }
        .no-touchevents #athletes-landing #athlete-grid a:hover h5 {
          color: #fff; }
    #athletes-landing #athlete-grid img {
      border: 1px solid #232323;
      margin-bottom: 19px; }
    #athletes-landing #athlete-grid h4 {
      font-family: 'BlenditBold', Arial, sans-serif;
      font-weight: normal;
      font-style: normal;
      text-rendering: optimizeLegibility;
      -webkit-font-feature-settings: "liga";
      -moz-font-feature-settings: "liga";
      -ms-font-feature-settings: "liga";
      font-feature-settings: "liga";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 1.5625em;
      color: #fff;
      line-height: 20px;
      text-transform: uppercase; }
      #athletes-landing #athlete-grid h4 .thin {
        font-family: 'BlenditBook', Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-feature-settings: "liga";
        -moz-font-feature-settings: "liga";
        -ms-font-feature-settings: "liga";
        font-feature-settings: "liga";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    #athletes-landing #athlete-grid h5 {
      font-family: 'BlenditHeavy', Arial, sans-serif;
      font-weight: normal;
      font-style: normal;
      text-rendering: optimizeLegibility;
      -webkit-font-feature-settings: "liga";
      -moz-font-feature-settings: "liga";
      -ms-font-feature-settings: "liga";
      font-feature-settings: "liga";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 0.9375em;
      color: #bbbbbb;
      line-height: 16px;
      letter-spacing: 1px;
      -webkit-transition: color 250ms;
      -moz-transition: color 250ms;
      transition: color 250ms; }

/* === mixing for controlling the padding in the middle column === */
/* === Athlete detail page === */
#athletes-detail {
  background-image: url("../img/assets/athletes-landing/athlete-faded-bg.jpg");
  background-color: #000;
  background-position: center top;
  background-repeat: no-repeat;
  /* === Page Headline === */
  /* === Hover colors override for sub-nav-btn's === */
  /* === Large profile photo of athelete === */
  /* === Section class for content on page === */
  /* === Social buttons === */
  /* === Playlist List === */
  /* === Favorite products grid === */
  /* === Overrides for Appearing at section which uses event-box base === */ }
  @media screen and (min-width: 865px) {
    #athletes-detail {
      background-position: center 70px; } }
  #athletes-detail h1 {
    color: #fff; }
    @media only screen and (min-width: 64.0625em) {
      #athletes-detail h1 {
        margin-bottom: 65px; } }
  #athletes-detail .sub-nav-btn:hover {
    background-color: #fff;
    color: #090909; }
  #athletes-detail .profile-photo {
    margin-bottom: 20px; }
  #athletes-detail .profile-section {
    background-color: #1e1e1e;
    margin-bottom: 20px;
    padding: 20px;
    /* === Makes text very large === */
    /* === Music note icon for playlist section === */ }
    @media only screen and (min-width: 64.0625em) {
      #athletes-detail .profile-section {
        padding: 30px; } }
    #athletes-detail .profile-section h5 {
      color: #fff;
      margin-bottom: 25px; }
    #athletes-detail .profile-section h6 {
      font-family: "ProximaNova-Semibold",sans-serif;
      font-weight: normal;
      font-style: normal;
      text-rendering: optimizeLegibility;
      -webkit-font-feature-settings: "liga";
      -moz-font-feature-settings: "liga";
      -ms-font-feature-settings: "liga";
      font-feature-settings: "liga";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 0.8125em;
      color: #4a4a4a;
      margin-bottom: 10px; }
    #athletes-detail .profile-section p {
      font-family: 'BlenditBold', Arial, sans-serif;
      font-weight: normal;
      font-style: normal;
      text-rendering: optimizeLegibility;
      -webkit-font-feature-settings: "liga";
      -moz-font-feature-settings: "liga";
      -ms-font-feature-settings: "liga";
      font-feature-settings: "liga";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 1.5625em;
      color: #fff;
      margin: 0 0 37px 0;
      /* === If the large-text class is used within a p tag need to offset font sizes === */ }
      #athletes-detail .profile-section p .large-text {
        font-size: 1.8em; }
        @media only screen and (min-width: 64.0625em) {
          #athletes-detail .profile-section p .large-text {
            font-size: 2.4em; } }
    #athletes-detail .profile-section .large-text {
      font-size: 2.8125em;
      line-height: 28px; }
      @media only screen and (min-width: 64.0625em) {
        #athletes-detail .profile-section .large-text {
          font-size: 3.75em;
          line-height: 40px; } }
    #athletes-detail .profile-section .music-icon:before {
      content: '\266B';
      position: relative;
      top: 3px;
      margin: 0 17px 0 0;
      font-family: "SSSymbolicons";
      font-weight: normal;
      font-style: normal;
      text-rendering: optimizeLegibility;
      -webkit-font-feature-settings: "liga";
      -moz-font-feature-settings: "liga";
      -ms-font-feature-settings: "liga";
      font-feature-settings: "liga";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-decoration: none;
      white-space: nowrap;
      color: #3B3B3B; }
  #athletes-detail .social-section {
    /* === Social Icons === */ }
    #athletes-detail .social-section a {
      display: block;
      position: relative;
      width: 100%;
      height: 0;
      margin-bottom: 0;
      padding-top: 0;
      padding-bottom: 100%;
      -webkit-transition: background-color 250ms;
      -moz-transition: background-color 250ms;
      transition: background-color 250ms;
      /* === Social links of text are styled here === */ }
      .no-touchevents #athletes-detail .social-section a:hover {
        background-color: #cc3333; }
        .no-touchevents #athletes-detail .social-section a:hover span,
        .no-touchevents #athletes-detail .social-section a:hover span:before {
          color: #fff; }
      #athletes-detail .social-section a span {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -10px;
        margin-left: -26px;
        font-family: 'BlenditHeavy', Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-feature-settings: "liga";
        -moz-font-feature-settings: "liga";
        -ms-font-feature-settings: "liga";
        font-feature-settings: "liga";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        line-height: 10px;
        text-transform: uppercase;
        font-size: 0.75em;
        color: #cc3333;
        -webkit-transition: color 250ms;
        -moz-transition: color 250ms;
        transition: color 250ms; }
      .no-touchevents #athletes-detail .social-section a.facebook-hover:hover {
        background-color: #3a5898; }
      .no-touchevents #athletes-detail .social-section a.twitter-hover:hover {
        background-color: #55acee; }
    #athletes-detail .social-section .facebook,
    #athletes-detail .social-section .twitter {
      display: inline-block;
      margin-top: -12px;
      margin-left: -13px;
      width: 25px;
      height: 25px;
      font-size: 1em;
      line-height: 31px; }
      #athletes-detail .social-section .facebook:before,
      #athletes-detail .social-section .twitter:before {
        -webkit-transition: color 250ms;
        -moz-transition: color 250ms;
        transition: color 250ms; }
    #athletes-detail .social-section .facebook:before {
      color: #3A5898; }
    #athletes-detail .social-section .twitter:before {
      color: #55ACEE; }
  #athletes-detail .playlist-section li {
    margin-bottom: 4px; }
    #athletes-detail .playlist-section li:last-child {
      margin-bottom: 0; }
  #athletes-detail .playlist-section p {
    font-family: "ProximaNova-Regular",sans-serif;
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 0.9375em;
    color: #fff;
    margin: 0; }
  #athletes-detail .products-section {
    padding-bottom: 10px; }
  .no-touchevents #athletes-detail .event-box:hover ul {
    background: transparent !important; }
  #athletes-detail .event-box ul {
    padding: 0; }
  #athletes-detail .event-box li {
    color: #fff; }
    #athletes-detail .event-box li:before {
      color: #464646; }
  #athletes-detail .event-box p {
    margin: 0;
    font-family: "ProximaNova-Regular",sans-serif;
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1em; }
    #athletes-detail .event-box p a {
      color: #fff; }

.event-page {
  background-image: url("../img/static/events-bg.jpg");
  background-color: #ededed;
  background-position: center top;
  background-repeat: no-repeat;
  /* === Title === */
  /* === Overrides Button Colors === */
  /* === Event Box Content Container === */
  /* === Event H2 Hover Changes Content Container === */
  /* === Event Location Map Desktop === */
  /* === Event Location Map Mobile === */ }
  @media screen and (min-width: 865px) {
    .event-page {
      background-position: center 70px; } }
  .event-page h1 {
    margin-bottom: 30px; }
    @media only screen and (min-width: 40.0625em) {
      .event-page h1 {
        margin-bottom: 20px; } }
  .event-page .sub-nav-btn {
    background-color: #aaabaa;
    color: #d5d5d5; }
    .event-page .sub-nav-btn.current {
      background-color: #000;
      color: #d4d4d4; }
    .no-touchevents .event-page .sub-nav-btn:hover {
      background-color: #333333;
      color: #fff; }
  .event-page .content-cont {
    min-height: 220px;
    padding: 30px 20px;
    background-color: #f7f7f7;
    -webkit-transition: background-color 250ms;
    -moz-transition: background-color 250ms;
    transition: background-color 250ms; }
  .no-touchevents .event-page .event-box > h2:hover {
    background-color: #adadad;
    -webkit-transition: background-color 0ms;
    -moz-transition: background-color 0ms;
    transition: background-color 0ms; }
    .no-touchevents .event-page .event-box > h2:hover a {
      color: #fff;
      -webkit-transition: color 0ms;
      -moz-transition: color 0ms;
      transition: color 0ms; }
    .no-touchevents .event-page .event-box > h2:hover + .content-cont {
      background-color: #fff;
      -webkit-transition: background-color 0ms;
      -moz-transition: background-color 0ms;
      transition: background-color 0ms; }
  .event-page #map-desktop {
    display: none; }
    @media only screen and (min-width: 64.0625em) {
      .event-page #map-desktop {
        height: 1108px;
        display: block; } }
  @media only screen and (min-width: 64.0625em) {
    .event-page #map-mobile {
      display: none; } }
  .event-page #map-mobile img {
    width: 100%; }

/* === Event Box === */
.event-box {
  /* === Event Landing Header === */
  /* === Event Detail Header === */
  /* === Event Box Content Container === */
  /* === Calander Icon === */
  /* === Place Icon === */
  /* === Link Icon === */
  /* === Star Icon === */ }
  .event-box h2 {
    margin: 0px;
    background-color: #000;
    font-family: 'BlenditMedium', Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 20px;
    font-size: 1.5625em;
    -webkit-transition: background-color 300ms;
    -moz-transition: background-color 300ms;
    transition: background-color 300ms; }
    .event-box h2 a {
      display: block;
      padding: 26px 30px 20px 30px;
      color: #fff;
      -webkit-transition: color 300ms;
      -moz-transition: color 300ms;
      transition: color 300ms; }
    .event-box h2 + .content-cont {
      background-color: #f7f7f7; }
  .event-box h5 {
    margin: 0px;
    padding: 26px 30px 20px 20px;
    background-color: #000;
    color: #fff;
    /* === Event Detail's Paragraph === */
    /* === Event Detail's Link === */ }
    .event-box h5:before {
      padding: 0px 15px 0 0;
      display: inline-block;
      vertical-align: middle;
      font-family: "SSStandard";
      font-weight: normal;
      font-style: normal;
      text-rendering: optimizeLegibility;
      -webkit-font-feature-settings: "liga";
      -moz-font-feature-settings: "liga";
      -ms-font-feature-settings: "liga";
      font-feature-settings: "liga";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #fff; }
    .event-box h5 + .content-cont > p {
      font-size: 1.125em; }
    .event-box h5 + .content-cont > a {
      word-break: break-all; }
  .event-box .content-cont {
    display: block;
    font-size: 0.9375em;
    color: #7b7b7b;
    /* === Event List For Icons === */
    /* === Event Detail Dates === */ }
    .event-box .content-cont p {
      margin: 0px; }
    .event-box .content-cont a {
      color: #7b7b7b;
      display: inline-block; }
    .event-box .content-cont ul li {
      margin-bottom: 10px;
      /* === Event Date === */
      /* === Event Place === */
      /* === Event Link === */ }
      .event-box .content-cont ul li:before {
        display: table-cell;
        padding: 4px 15px 0 0;
        float: left;
        vertical-align: top;
        font-family: "SSStandard";
        font-weight: normal;
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-feature-settings: "liga";
        -moz-font-feature-settings: "liga";
        -ms-font-feature-settings: "liga";
        font-feature-settings: "liga";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        line-height: 18px;
        color: #bbbbbb; }
      .event-box .content-cont ul li:last-child {
        margin-bottom: 0px; }
      .event-box .content-cont ul li.calander-icon ul {
        display: inline-block; }
        .event-box .content-cont ul li.calander-icon ul li {
          margin: 0px;
          line-height: 20px; }
      .event-box .content-cont ul li.place-icon p {
        display: table-cell;
        margin: 0px;
        color: #7b7b7b;
        line-height: 18px; }
    .event-box .content-cont ul.dates-list {
      font-family: 'BlenditBold', Arial, sans-serif;
      font-weight: normal;
      font-style: normal;
      text-rendering: optimizeLegibility;
      -webkit-font-feature-settings: "liga";
      -moz-font-feature-settings: "liga";
      -ms-font-feature-settings: "liga";
      font-feature-settings: "liga";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 2.66667em;
      text-transform: uppercase; }
      .event-box .content-cont ul.dates-list li {
        margin-bottom: 5px;
        line-height: 33px; }
        .event-box .content-cont ul.dates-list li span {
          font-family: 'BlenditBook', Arial, sans-serif;
          font-weight: normal;
          font-style: normal;
          text-rendering: optimizeLegibility;
          -webkit-font-feature-settings: "liga";
          -moz-font-feature-settings: "liga";
          -ms-font-feature-settings: "liga";
          font-feature-settings: "liga";
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; }
        .event-box .content-cont ul.dates-list li:after {
          font-family: 'BlenditThin', Arial, sans-serif;
          font-weight: normal;
          font-style: normal;
          text-rendering: optimizeLegibility;
          -webkit-font-feature-settings: "liga";
          -moz-font-feature-settings: "liga";
          -ms-font-feature-settings: "liga";
          font-feature-settings: "liga";
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: " &"; }
        .event-box .content-cont ul.dates-list li:last-child:after {
          content: ""; }
  .event-box .calander-icon:before {
    content: "\1F4C5"; }
  .event-box .place-icon:before {
    content: "\E6D0"; }
  .event-box .event-link-icon:before {
    content: "\1F517"; }
  .event-box .star-icon:before {
    content: "\22C6"; }

.gallery-slide {
  text-align: center; }
  .gallery-slide img {
    display: inline-block; }

.news-page {
  /* === Overrides For Sub Nav Margin & Padding === */
  /* === Article === */
  /* === Article Sidebar === */ }
  .news-page .page-header {
    margin-bottom: 15px; }
  .news-page #sub-nav {
    top: 0px;
    margin-top: 10px; }
    @media only screen and (min-width: 40.0625em) {
      .news-page #sub-nav {
        margin-top: 0px; } }
    .news-page #sub-nav .sub-nav-group {
      padding-top: 0px; }
      .news-page #sub-nav .sub-nav-group .sub-nav-btn {
        background-color: #aaabaa;
        color: #d5d5d5; }
        .no-touchevents .news-page #sub-nav .sub-nav-group .sub-nav-btn:hover {
          background-color: #333333;
          color: #fff; }
  .news-page article {
    margin-bottom: 20px;
    padding-top: 30px;
    padding-bottom: 20px;
    background-color: #fff;
	clear:both; /* bug fixes */
	overflow:hidden; /* bug fixes */
    /* === Color Nutrition Category === */
    /* === Color Supplements Category === */
    /* === Article Category Headline & Sub Nav === */
    /* === Article Date === */
    /* === Article Title === */
    /* === Video Style Guide === */
    /* === Gallery Style Guide === */
    /* === Content Style Guide === */
    /* === Article Footer === */ }
	
	.news-page article img.full {
		margin-left:0px !important;	
		margin-right:0px !important;	
		padding-left:0px !important;	
		padding-right:0px !important;	
		float:left !important;
	}
	
    @media only screen and (min-width: 40.0625em) {
      .news-page article {
        padding-top: 50px;
        padding-bottom: 40px; } }
    .no-touchevents .news-page article.category-generalnews h2 a:hover {
      color: #989898;
      -webkit-transition: color 0ms;
      -moz-transition: color 0ms;
      transition: color 0ms; }
    .news-page article.category-generalnews h6,
    .news-page article.category-generalnews .content-cont a {
      color: #989898; }

	.no-touchevents .news-page article.category-nutrition h2 a:hover {
      color: #ffc500;
      -webkit-transition: color 0ms;
      -moz-transition: color 0ms;
      transition: color 0ms; }
    .news-page article.category-nutrition h6,
    .news-page article.category-nutrition .content-cont a {
      color: #ffc500; }
	  
	.no-touchevents .news-page article.category-supplements h2 a:hover {
      color: #6ba4c1;
      -webkit-transition: color 0ms;
      -moz-transition: color 0ms;
      transition: color 0ms; }
    .news-page article.category-supplements h6,
    .news-page article.category-supplements .content-cont a {
      color: #6ba4c1; }
	  
	 .no-touchevents .news-page article.category-training h2 a:hover {
      color: #7fd209;
      -webkit-transition: color 0ms;
      -moz-transition: color 0ms;
      transition: color 0ms; }
    .news-page article.category-training h6,
    .news-page article.category-training .content-cont a {
      color: #7fd209; }
	  
	  .no-touchevents .news-page article.category-events h2 a:hover {
      color: #f96b14;
      -webkit-transition: color 0ms;
      -moz-transition: color 0ms;
      transition: color 0ms; }
    .news-page article.category-events h6,
    .news-page article.category-events .content-cont a {
      color: #f96b14; }
	  
	 .no-touchevents .news-page article.category-recipes h2 a:hover {
      color: #69129b;
      -webkit-transition: color 0ms;
      -moz-transition: color 0ms;
      transition: color 0ms; }
    .news-page article.category-recipes h6,
    .news-page article.category-recipes .content-cont a {
      color: #69129b; }
	  
	 .no-touchevents .news-page article.category-truestrength h2 a:hover {
      color: #ce0e0e;
      -webkit-transition: color 0ms;
      -moz-transition: color 0ms;
      transition: color 0ms; }
    .news-page article.category-truestrength h6,
    .news-page article.category-truestrength .content-cont a {
      color: #ce0e0e; }
    .news-page article .article-header, .news-page article .content-cont, .news-page article footer {
      padding: 0px 30px 0px 30px; }
      @media only screen and (min-width: 40.0625em) {
        .news-page article .article-header, .news-page article .content-cont, .news-page article footer {
          padding: 0px 50px 0px 50px; } }
    .news-page article header {
      display: block;
      /* === Overrides For Sub Nav In Article Section === */ }
      .news-page article header h6 {
        height: 40px;
        margin-top: 30px;
        font-family: 'BlenditHeavy', Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-feature-settings: "liga";
        -moz-font-feature-settings: "liga";
        -ms-font-feature-settings: "liga";
        font-feature-settings: "liga";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 0.9375em;
        text-align: left;
        letter-spacing: 1px; }
        @media only screen and (min-width: 40.0625em) {
          .news-page article header h6 {
            margin-top: 0px; } }
      .news-page article header #sub-nav {
        top: -12px;
        text-align: center; }
        @media only screen and (min-width: 40.0625em) {
          .news-page article header #sub-nav {
            text-align: right; } }
        .news-page article header #sub-nav .sub-nav-group {
          padding-top: 0px; }
          .news-page article header #sub-nav .sub-nav-group .sub-nav-btn {
            margin-bottom: 0px;
            color: #fff;
            background-color: #dcdcdc; }
            .no-touchevents .news-page article header #sub-nav .sub-nav-group .sub-nav-btn:hover {
              background-color: #333333;
              color: #fff; }
    .news-page article hr {
      margin: 0px 0 10px 0; }
      @media only screen and (min-width: 40.0625em) {
        .news-page article hr {
          margin: 25px 0 40px 0; } }
    .news-page article span {
      display: block;
      margin: 10px 0;
      font-family: 'BlenditBook', Arial, sans-serif;
      font-weight: normal;
      font-style: normal;
      text-rendering: optimizeLegibility;
      -webkit-font-feature-settings: "liga";
      -moz-font-feature-settings: "liga";
      -ms-font-feature-settings: "liga";
      font-feature-settings: "liga";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 1.25em;
      color: #bbbbbb;
      text-align: left;
      text-transform: uppercase; }
      @media only screen and (min-width: 40.0625em) {
        .news-page article span {
          margin: 0px 0 10px 0; } }
    .news-page article h2 {
      margin-bottom: 20px;
      text-transform: uppercase;
      font-family: 'BlenditBold', Arial, sans-serif;
      font-weight: normal;
      font-style: normal;
      text-rendering: optimizeLegibility;
      -webkit-font-feature-settings: "liga";
      -moz-font-feature-settings: "liga";
      -ms-font-feature-settings: "liga";
      font-feature-settings: "liga";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 2.5em;
      line-height: 30px;
      letter-spacing: -1px;
      text-align: left; }
      @media only screen and (min-width: 40.0625em) {
        .news-page article h2 {
          font-size: 3.75em;
          line-height: 43px;
          letter-spacing: -3px; } }
      .news-page article h2 a {
        color: #212121;
        -webkit-transition: color 300ms;
        -moz-transition: color 300ms;
        transition: color 300ms; }
        .news-page article h2 a br {
          display: none; }
          @media only screen and (min-width: 64.0625em) {
            .news-page article h2 a br {
              display: block; } }
    .news-page article .video-cont {
      position: relative;
      height: 0px;
      padding-bottom: 60%; }
      .news-page article .video-cont iframe {
        padding: 15px 0 5px 0;
        position: absolute; }
    .news-page article .gallery-cont {
      padding: 15px 0 0 0;
      overflow: hidden; }
      .news-page article .gallery-cont li {
        /* === Float Every 3rd li To Fix The Subpixel Issue === */ }
        @media only screen and (min-width: 64.0625em) {
          .news-page article .gallery-cont li:nth-child(3n) {
            float: right; } }
        .news-page article .gallery-cont li a {
          display: block; }
          .news-page article .gallery-cont li a img {
            width: 100%; }
    .news-page article .content-cont h2, .news-page article .content-cont h3, .news-page article .content-cont h4, .news-page article .content-cont h5, .news-page article .content-cont h6 {
      font-family: 'BlenditHeavy', Arial, sans-serif;
      font-weight: normal;
      font-style: normal;
      text-rendering: optimizeLegibility;
      -webkit-font-feature-settings: "liga";
      -moz-font-feature-settings: "liga";
      -ms-font-feature-settings: "liga";
      font-feature-settings: "liga";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #212121; }
    .news-page article .content-cont h3 {
      font-size: 2.5em; }
    .news-page article .content-cont h4 {
      font-size: 1.875em;
      line-height: 23px; }
    .news-page article .content-cont h5 {
      font-size: 1.25em;
      line-height: 17px; }
    .news-page article .content-cont h6 {
      font-size: 0.8125em;
      line-height: 11px; }
    .news-page article .content-cont p {
      font-size: 1.125em;
      color: #7b7b7b; }
    .news-page article .content-cont ul {
      padding-left: 16px;
      margin: 20px 0; }
      .news-page article .content-cont ul li {
        list-style: disc; }
    .news-page article .content-cont ol {
      padding-left: 20px; }
    .news-page article .content-cont dt {
      font-family: "ProximaNova-Bold",sans-serif;
      font-weight: normal;
      font-style: normal;
      text-rendering: optimizeLegibility;
      -webkit-font-feature-settings: "liga";
      -moz-font-feature-settings: "liga";
      -ms-font-feature-settings: "liga";
      font-feature-settings: "liga";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    .news-page article .content-cont blockquote {
      padding-left: 20px;
      margin: 20px 0;
      font-size: 1.25em;
      line-height: 19px;
      color: #212121;
      font-style: italic; }
    .news-page article .content-cont strong, .news-page article .content-cont b {
      font-family: "ProximaNova-Bold",sans-serif;
      font-weight: normal;
      font-style: normal;
      text-rendering: optimizeLegibility;
      -webkit-font-feature-settings: "liga";
      -moz-font-feature-settings: "liga";
      -ms-font-feature-settings: "liga";
      font-feature-settings: "liga";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    .news-page article .content-cont a {
      text-decoration: underline;
      font-family: "ProximaNova-Bold",sans-serif;
      font-weight: normal;
      font-style: normal;
      text-rendering: optimizeLegibility;
      -webkit-font-feature-settings: "liga";
      -moz-font-feature-settings: "liga";
      -ms-font-feature-settings: "liga";
      font-feature-settings: "liga";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
      .no-touchevents .news-page article .content-cont a:hover {
        text-decoration: none; }
    .news-page article .content-cont img {
      width: 100%;
      float: right;
      padding: 0px 0 20px 0; }
      @media screen and (min-width: 1230px) {
        .news-page article .content-cont img {
          width: auto;
          padding: 0 0 20px 50px; } }
    .news-page article footer {
      margin-top: 35px; }
      .news-page article footer ul li {
        display: inline-block; }
        .news-page article footer ul li:last-child a {
          margin: 0; }
        .news-page article footer ul li a {
          font-family: 'BlenditMedium', Arial, sans-serif;
          font-weight: normal;
          font-style: normal;
          text-rendering: optimizeLegibility;
          -webkit-font-feature-settings: "liga";
          -moz-font-feature-settings: "liga";
          -ms-font-feature-settings: "liga";
          font-feature-settings: "liga";
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: 0.8125em;
          color: #bbbbbb;
          text-transform: uppercase;
          margin: 0 15px 0 0;
          -webkit-transition: color 250ms;
          -moz-transition: color 250ms;
          transition: color 250ms;
          /* === Twitter icon color === */
          /* === Facebook icon color === */ }
          @media only screen and (min-width: 40.0625em) {
            .news-page article footer ul li a {
              margin: 0 40px 0 0; } }
          .news-page article footer ul li a.social-link:before {
            top: 6px;
            margin: 0 7px 0 0; }
          .news-page article footer ul li a.twitter:before {
            color: #55ACEE; }
          .no-touchevents .news-page article footer ul li a.twitter:hover {
            color: #55ACEE; }
          .news-page article footer ul li a.facebook:before {
            color: #3A5898; }
          .no-touchevents .news-page article footer ul li a.facebook:hover {
            color: #3A5898; }
  .news-page #side-bar {
    height: 0;
    opacity: 0;
    -webkit-transition: height 250ms, opacity 250ms;
    -moz-transition: height 250ms, opacity 250ms;
    transition: height 250ms, opacity 250ms; }
    @media only screen and (min-width: 64.0625em) {
      .news-page #side-bar {
        overflow: visible;
        height: auto;
        opacity: 1; } }
    .news-page #side-bar.open {
      opacity: 1; }
    .news-page #side-bar h4 {
      padding: 24px 35px;
      background-color: #fff;
      font-family: 'BlenditBold', Arial, sans-serif;
      font-weight: normal;
      font-style: normal;
      text-rendering: optimizeLegibility;
      -webkit-font-feature-settings: "liga";
      -moz-font-feature-settings: "liga";
      -ms-font-feature-settings: "liga";
      font-feature-settings: "liga";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 0.9375em;
      color: #060606;
      text-transform: uppercase; }
    .news-page #side-bar .select-cont {
      margin: 10px 0 20px 0;
      padding: 0px 10px; }

/* Video thumb */
.video-thumb {
  margin-bottom: 10px; }
  .video-thumb a {
    display: block;
    /* === moved the color overlay hover to the anchor wrapper === */ }
    .no-touchevents .video-thumb a:hover .color-overlay-hover:before {
      height: 100% !important; }
    .no-touchevents .video-thumb a:hover .color-overlay-hover:after {
      -webkit-transform: translateY(50%) !important;
      -moz-transform: translateY(50%) !important;
      -ms-transform: translateY(50%) !important;
      -o-transform: translateY(50%) !important;
      transform: translateY(50%) !important; }
  .video-thumb .color-overlay-hover {
    margin-bottom: 17px; }
  .video-thumb h5 {
    line-height: 15px; }
  .video-thumb p {
    margin: 0;
    font-family: 'BlenditMedium', Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 0.8125em;
    color: #7b7b7b;
    line-height: 17px; }

#videos-landing {
  /* === Page Headline === */
  /* === Sub nav color overrides === */ }
  @media only screen and (max-width: 40em) {
    #videos-landing h1 {
      margin-bottom: 6px; } }
  @media only screen and (min-width: 64.0625em) {
    #videos-landing h1 {
      margin-bottom: 65px; } }
  #videos-landing .sub-nav-btn {
    color: #d4d4d4; }
    #videos-landing .sub-nav-btn:hover {
      background-color: #1b1b1b; }
    #videos-landing .sub-nav-btn.current {
      background-color: #1b1b1b; }

#videos-detail {
  background-color: #000;
  /* === Change text colors to white === */
  /* === Hover colors override for sub-nav-btn's === */
  /* === Video content === */
  /* === Video Player === */
  /* === Page share links === */
  /* === Sidebar of recent videos === */ }
  #videos-detail h1, #videos-detail h5 {
    color: #fff; }
  .no-touchevents #videos-detail .sub-nav-btn:hover {
    background-color: #fff;
    color: #090909; }
  #videos-detail #video-cont {
    background-color: #1e1e1e;
    padding: 20px; }
    @media only screen and (min-width: 40.0625em) {
      #videos-detail #video-cont {
        padding: 37px 56px 50px; } }
    #videos-detail #video-cont h1 {
      margin-bottom: 55px; }
    #videos-detail #video-cont p {
      color: #fff;
      font-size: 1.125em;
      margin: 0 0 12px 0; }
      #videos-detail #video-cont p.date {
        font-family: 'BlenditBook', Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-feature-settings: "liga";
        -moz-font-feature-settings: "liga";
        -ms-font-feature-settings: "liga";
        font-feature-settings: "liga";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 1.25em;
        color: #bbbbbb;
        text-transform: uppercase; }
  #videos-detail #video-player {
    height: 0;
    padding-bottom: 56%;
    margin-bottom: 50px;
    position: relative; }
    #videos-detail #video-player #video {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0; }
  #videos-detail #video-share {
    margin: 30px 0 0 0; }
    @media only screen and (min-width: 40.0625em) {
      #videos-detail #video-share {
        margin: 60px 0 0 0; } }
    #videos-detail #video-share li {
      display: inline-block; }
      #videos-detail #video-share li:last-child a {
        margin: 0; }
    #videos-detail #video-share a {
      font-family: 'BlenditMedium', Arial, sans-serif;
      font-weight: normal;
      font-style: normal;
      text-rendering: optimizeLegibility;
      -webkit-font-feature-settings: "liga";
      -moz-font-feature-settings: "liga";
      -ms-font-feature-settings: "liga";
      font-feature-settings: "liga";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 0.8125em;
      color: #bbbbbb;
      text-transform: uppercase;
      margin: 0 15px 0 0;
      -webkit-transition: color 250ms;
      -moz-transition: color 250ms;
      transition: color 250ms;
      /* === Twitter icon color === */
      /* === Facebook icon color === */
      /* === Youtube icon color === */ }
      @media only screen and (min-width: 40.0625em) {
        #videos-detail #video-share a {
          margin: 0 40px 0 0; } }
      #videos-detail #video-share a.social-link:before {
        top: 6px;
        margin: 0 7px 0 0; }
      #videos-detail #video-share a.twitter:before {
        color: #55ACEE; }
      .no-touchevents #videos-detail #video-share a.twitter:hover {
        color: #55ACEE; }
      #videos-detail #video-share a.facebook:before {
        color: #3A5898; }
      .no-touchevents #videos-detail #video-share a.facebook:hover {
        color: #3A5898; }
      #videos-detail #video-share a.youtube:before {
        color: #CD201F; }
      .no-touchevents #videos-detail #video-share a.youtube:hover {
        color: #CD201F; }
  #videos-detail #video-sidebar {
    margin-top: 20px; }
    @media only screen and (min-width: 64.0625em) {
      #videos-detail #video-sidebar {
        margin-top: 0; } }
    #videos-detail #video-sidebar > h5 {
      margin-bottom: 20px; }

#search-page {
  /* === Search Bar === */
  /* === Product List === */
  /* === Fitness News Container === */ }
  #search-page #search-bar {
    position: relative;
    margin-bottom: 25px;
    /* === Search Icon === */
    /* === Input Text Field === */
    /* === X Icon === */
    /* === Prevents Highlighting When Clicking X === */ }
    @media only screen and (min-width: 40.0625em) {
      #search-page #search-bar {
        margin-bottom: 45px; } }
    #search-page #search-bar:before {
      position: absolute;
      left: 15px;
      width: 25px;
      height: 25px;
      top: 50%;
      margin-top: -14px;
      font-family: "SSSymbolicons";
      font-weight: normal;
      font-style: normal;
      text-rendering: optimizeLegibility;
      -webkit-font-feature-settings: "liga";
      -moz-font-feature-settings: "liga";
      -ms-font-feature-settings: "liga";
      font-feature-settings: "liga";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-decoration: none;
      white-space: nowrap;
      content: "\1F50D";
      color: #dddddd;
      line-height: 32px;
      font-size: 1.5em; }
      @media only screen and (min-width: 40.0625em) {
        #search-page #search-bar:before {
          left: 20px;
          width: 45px;
          height: 45px;
          margin-top: -22px;
          line-height: 54px;
          font-size: 2.5em; }
          .ie #search-page #search-bar:before {
            font-size: 0.6875em; } }
    #search-page #search-bar input {
      height: 50px;
      padding-left: 55px;
      background-color: #fafafa;
      border: 1px solid #dcdbdb;
      font-family: "ProximaNova-Light",sans-serif;
      font-weight: normal;
      font-style: normal;
      text-rendering: optimizeLegibility;
      -webkit-font-feature-settings: "liga";
      -moz-font-feature-settings: "liga";
      -ms-font-feature-settings: "liga";
      font-feature-settings: "liga";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 1.125em; }
      #search-page #search-bar input:focus {
        background-color: #fff; }
      @media only screen and (min-width: 40.0625em) {
        #search-page #search-bar input {
          height: 115px;
          padding-left: 80px;
          font-size: 2.5em; } }
      @media only screen and (min-width: 64.0625em) {
        #search-page #search-bar input {
          padding-left: 100px;
          font-size: 3.75em; } }
    #search-page #search-bar .remove {
      position: absolute;
      height: 30px;
      width: 30px;
      top: 50%;
      right: 10px;
      margin-top: -15px;
      background-image: url("../img/static/circle-x-icon.svg");
      background-size: 30px 30px;
      background-repeat: no-repeat;
      cursor: pointer;
      opacity: 0;
      -webkit-transition: opacity 250ms;
      -moz-transition: opacity 250ms;
      transition: opacity 250ms; }
      @media only screen and (min-width: 40.0625em) {
        #search-page #search-bar .remove {
          height: 38px;
          width: 38px;
          right: 32px;
          background-size: 38px 38px;
          margin-top: -18px; } }
      #search-page #search-bar .remove:after {
        position: absolute;
        content: "";
        height: 30px;
        width: 30px;
        top: 50%;
        right: 0px;
        margin-top: -15px;
        background-image: url("../img/static/circle-x-rollover-icon.svg");
        background-size: 30px 30px;
        background-repeat: no-repeat;
        opacity: 0;
        -webkit-transition: opacity 300ms;
        -moz-transition: opacity 300ms;
        transition: opacity 300ms; }
        @media only screen and (min-width: 40.0625em) {
          #search-page #search-bar .remove:after {
            height: 38px;
            width: 38px;
            margin-top: -19px;
            background-size: 38px 38px; } }
      .no-touchevents #search-page #search-bar .remove:hover:after {
        opacity: 1; }
    #search-page #search-bar::-moz-selection {
      background: transparent; }
    #search-page #search-bar::selection {
      background: transparent; }
  #search-page #grid {
    margin-bottom: 10px;
    /* === Override for heights of the product grid === */ }
    @media only screen and (min-width: 40.0625em) {
      #search-page #grid {
        margin-bottom: 30px; } }
    #search-page #grid li a {
      /* === 1025 - 1425 === */ }
      @media screen and (min-width: 1025px) {
        #search-page #grid li a {
          height: 165px; } }
      @media screen and (min-width: 1065px) {
        #search-page #grid li a {
          height: 175px; } }
      @media screen and (min-width: 1105px) {
        #search-page #grid li a {
          height: 185px; } }
      @media screen and (min-width: 1145px) {
        #search-page #grid li a {
          height: 195px; } }
      @media screen and (min-width: 1185px) {
        #search-page #grid li a {
          height: 205px; } }
      @media screen and (min-width: 1225px) {
        #search-page #grid li a {
          height: 215px; } }
      @media screen and (min-width: 1265px) {
        #search-page #grid li a {
          height: 225px; } }
      @media screen and (min-width: 1305px) {
        #search-page #grid li a {
          height: 235px; } }
      @media screen and (min-width: 1345px) {
        #search-page #grid li a {
          height: 245px; } }
      @media screen and (min-width: 1385px) {
        #search-page #grid li a {
          height: 255px; } }
      @media screen and (min-width: 1425px) {
        #search-page #grid li a {
          height: 265px; } }
  #search-page #fitness-news-cont ul li {
    margin-bottom: 20px;
    /* === Fitness News Box Override === */ }
    #search-page #fitness-news-cont ul li:last-of-type {
      float: left;
      margin-bottom: 0px; }
    #search-page #fitness-news-cont ul li a.fitness-news-box {
      padding: 20px;
      display: block;
      background-color: #fff;
      /* === Color Nutrition Category === */
      /* === Color Supplemtns Category === */ }
      #search-page #fitness-news-cont ul li a.fitness-news-box .content-cont {
        display: block;
        padding-left: 0px; }
        @media only screen and (min-width: 40.0625em) {
          #search-page #fitness-news-cont ul li a.fitness-news-box .content-cont {
            display: table-cell;
            padding-left: 20px; } }
        #search-page #fitness-news-cont ul li a.fitness-news-box .content-cont span, #search-page #fitness-news-cont ul li a.fitness-news-box .content-cont p {
          text-align: center; }
          @media only screen and (min-width: 40.0625em) {
            #search-page #fitness-news-cont ul li a.fitness-news-box .content-cont span, #search-page #fitness-news-cont ul li a.fitness-news-box .content-cont p {
              text-align: left; } }
      #search-page #fitness-news-cont ul li a.fitness-news-box.category-generalnews h6 {
        color: #989898; }
      #search-page #fitness-news-cont ul li a.fitness-news-box.category-generalnews .img-cont:before {
        background-color: #989898; }
	  
	  #search-page #fitness-news-cont ul li a.fitness-news-box.category-nutrition h6 {
        color: #ffc500; }
      #search-page #fitness-news-cont ul li a.fitness-news-box.category-nutrition .img-cont:before {
        background-color: #ffc425; }
		
      #search-page #fitness-news-cont ul li a.fitness-news-box.category-supplements h6 {
        color: #6ba4c1; }
      #search-page #fitness-news-cont ul li a.fitness-news-box.category-supplements .img-cont:before {
        background-color: #35b6f9; }
	  
	   #search-page #fitness-news-cont ul li a.fitness-news-box.category-training h6 {
        color: #7fd209; }
      #search-page #fitness-news-cont ul li a.fitness-news-box.category-training .img-cont:before {
        background-color: #7fd209; }
	  
	  #search-page #fitness-news-cont ul li a.fitness-news-box.category-events h6 {
        color: #f96b14; }
      #search-page #fitness-news-cont ul li a.fitness-news-box.category-events .img-cont:before {
        background-color: #f96b14; }
	  
	  #search-page #fitness-news-cont ul li a.fitness-news-box.category-recipes h6 {
        color: #69129b; }
      #search-page #fitness-news-cont ul li a.fitness-news-box.category-recipes .img-cont:before {
        background-color: #69129b; }
		
	  #search-page #fitness-news-cont ul li a.fitness-news-box.category-truestrength h6 {
        color: #ce0e0e; }
      #search-page #fitness-news-cont ul li a.fitness-news-box.category-truestrength .img-cont:before {
        background-color: #ce0e0e; }
      #search-page #fitness-news-cont ul li a.fitness-news-box h6 {
        margin-bottom: 15px;
        font-family: 'BlenditHeavy', Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-feature-settings: "liga";
        -moz-font-feature-settings: "liga";
        -ms-font-feature-settings: "liga";
        font-feature-settings: "liga";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 0.9375em;
        text-align: center;
        letter-spacing: 1px; }
        @media only screen and (min-width: 40.0625em) {
          #search-page #fitness-news-cont ul li a.fitness-news-box h6 {
            text-align: left;
            margin-bottom: 20px; } }
      #search-page #fitness-news-cont ul li a.fitness-news-box p {
        margin-top: 4px;
        color: #060606;
        line-height: 20px; }

#contact {
  /* === Contact Info === */
  /* === Contact Form Section === */ }
  #contact .page-header {
    margin-bottom: 5px; }
    @media only screen and (min-width: 40.0625em) {
      #contact .page-header {
        margin-bottom: 55px; } }
  #contact .contact-info-cont {
    padding: 10px 30px 5px 30px;
    margin-bottom: 20px;
    background-color: #fff;
    /* === Telephone Section === */ }
    @media only screen and (min-width: 64.0625em) {
      #contact .contact-info-cont {
        padding: 30px 50px 10px 50px;
        margin-bottom: 0px; } }
    #contact .contact-info-cont h6 {
      margin-bottom: 5px;
      font-family: 'BlenditHeavy', Arial, sans-serif;
      font-weight: normal;
      font-style: normal;
      text-rendering: optimizeLegibility;
      -webkit-font-feature-settings: "liga";
      -moz-font-feature-settings: "liga";
      -ms-font-feature-settings: "liga";
      font-feature-settings: "liga";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 0.9375em;
      color: #000; }
    #contact .contact-info-cont p {
      margin-bottom: 35px;
      margin-top: 15px;
      font-size: 1.125em;
      color: #060606; }
    #contact .contact-info-cont .contact-info-section {
      margin-bottom: 30px; }
      #contact .contact-info-cont .contact-info-section p {
        font-family: 'BlenditBook', Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-feature-settings: "liga";
        -moz-font-feature-settings: "liga";
        -ms-font-feature-settings: "liga";
        font-feature-settings: "liga";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 1.5625em; }
      #contact .contact-info-cont .contact-info-section span {
        font-size: 0.9375em;
        color: #7b7b7b;
        font-family: "ProximaNova-Semibold",sans-serif;
        font-weight: normal;
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-feature-settings: "liga";
        -moz-font-feature-settings: "liga";
        -ms-font-feature-settings: "liga";
        font-feature-settings: "liga";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
        #contact .contact-info-cont .contact-info-section span.phone {
          display: block;
          margin-bottom: 13px;
          font-family: 'BlenditBook', Arial, sans-serif;
          font-weight: normal;
          font-style: normal;
          text-rendering: optimizeLegibility;
          -webkit-font-feature-settings: "liga";
          -moz-font-feature-settings: "liga";
          -ms-font-feature-settings: "liga";
          font-feature-settings: "liga";
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: 1.5625em;
          color: #060606; }
      #contact .contact-info-cont .contact-info-section ul {
        margin: 20px 0 40px 0; }
        #contact .contact-info-cont .contact-info-section ul li {
          margin-left: 15px;
          font-family: "ProximaNova-Semibold",sans-serif;
          font-weight: normal;
          font-style: normal;
          text-rendering: optimizeLegibility;
          -webkit-font-feature-settings: "liga";
          -moz-font-feature-settings: "liga";
          -ms-font-feature-settings: "liga";
          font-feature-settings: "liga";
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: 0.9375em;
          line-height: 20px;
          list-style: disc;
          color: #7b7b7b; }
      #contact .contact-info-cont .contact-info-section a {
        font-family: 'BlenditBook', Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-feature-settings: "liga";
        -moz-font-feature-settings: "liga";
        -ms-font-feature-settings: "liga";
        font-feature-settings: "liga";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 0.9375em;
        color: #060606;
        text-decoration: underline; }
        @media only screen and (min-width: 40.0625em) and (max-width: 64em) {
          #contact .contact-info-cont .contact-info-section a {
            font-size: 1.25em; } }
        @media only screen and (min-width: 64.0625em) {
          #contact .contact-info-cont .contact-info-section a {
            font-size: 1.5625em; } }
        .no-touchevents #contact .contact-info-cont .contact-info-section a:hover {
          text-decoration: none; }
  #contact .contact-form-cont {
    position: relative;
    padding: 30px;
    background-color: #fff;
    /* === Confirmed Message Override === */
    /* === Btn Color Override === */ }
    #contact .contact-form-cont .confirm-message-cont {
      background-color: #fff; }
      #contact .contact-form-cont .confirm-message-cont span {
        color: #101010; }
      #contact .contact-form-cont .confirm-message-cont p {
        color: #7b7b7b; }
    #contact .contact-form-cont input, #contact .contact-form-cont textarea, #contact .contact-form-cont select {
      height: 41px;
      background-color: #F3F3F3; }
    #contact .contact-form-cont select {
      font-family: "ProximaNova-Semibold",sans-serif;
      font-weight: normal;
      font-style: normal;
      text-rendering: optimizeLegibility;
      -webkit-font-feature-settings: "liga";
      -moz-font-feature-settings: "liga";
      -ms-font-feature-settings: "liga";
      font-feature-settings: "liga";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #000; }
    #contact .contact-form-cont textarea {
      min-height: 205px; }
    #contact .contact-form-cont .btn {
      background-color: #aaaaaa;
      color: #d4d4d4; }
      .no-touchevents #contact .contact-form-cont .btn:hover {
        background-color: #333333;
        color: #fff;
        -webkit-transition: background-color 0ms, color 0ms;
        -moz-transition: background-color 0ms, color 0ms;
        transition: background-color 0ms, color 0ms; }

@media only screen and (min-width: 40.0625em) {
  #intl-dist h1 {
    margin-bottom: 50px; } }

@media only screen and (min-width: 64.0625em) {
  #intl-dist h1 {
    margin-bottom: 70px; } }

#intl-dist h5 {
  font-family: 'BlenditBold', Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #000;
  letter-spacing: 0; }

#intl-dist h2 {
  font-family: 'BlenditBold', Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 2.8125em;
  color: #000;
  margin: 0 0 7px 0; }

#intl-dist #jump-tool h5 {
  text-align: center; }
  @media only screen and (min-width: 40.0625em) {
    #intl-dist #jump-tool h5 {
      text-align: left; } }

#intl-dist #jump-links {
  border-bottom: 1px solid #DBDBDB;
  padding: 0 0 12px 0;
  margin: 0 0 7px 0;
  text-align: center; }
  @media only screen and (min-width: 40.0625em) {
    #intl-dist #jump-links {
      text-align: left; } }
  #intl-dist #jump-links li {
    display: inline-block;
    margin: 0 3px 0 0; }
    #intl-dist #jump-links li:last-child {
      margin: 0; }
    #intl-dist #jump-links li a {
      font-family: "ProximaNova-Bold",sans-serif;
      font-weight: normal;
      font-style: normal;
      text-rendering: optimizeLegibility;
      -webkit-font-feature-settings: "liga";
      -moz-font-feature-settings: "liga";
      -ms-font-feature-settings: "liga";
      font-feature-settings: "liga";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #AFAFAF;
      font-size: 1.25em;
      -webkit-transition: color 250ms;
      -moz-transition: color 250ms;
      transition: color 250ms; }
      .no-touchevents #intl-dist #jump-links li a:hover {
        color: #000; }

#intl-dist .dist-location {
  background-color: #fff;
  padding: 20px 10px 0px 10px;
  margin: 0 0 10px 0; }
  @media only screen and (min-width: 40.0625em) {
    #intl-dist .dist-location {
      padding: 25px 20px 0px 20px; } }
  #intl-dist .dist-location h5 {
    margin-bottom: 20px; }
    @media only screen and (min-width: 64.0625em) {
      #intl-dist .dist-location h5 {
        margin-bottom: 0; } }
  #intl-dist .dist-location p {
    margin: 0;
    font-size: 0.9375em;
    line-height: 20px; }
    #intl-dist .dist-location p a {
      color: #212121;
      border-bottom: 1px solid transparent;
      -webkit-transition: color 250ms, border-bottom 250ms;
      -moz-transition: color 250ms, border-bottom 250ms;
      transition: color 250ms, border-bottom 250ms; }
      .no-touchevents #intl-dist .dist-location p a:hover {
        color: #000;
        border-bottom: 1px solid black; }
  #intl-dist .dist-location li {
    margin: 0 0 20px 0;
    padding-bottom: 0; }
    #intl-dist .dist-location li:last-child {
      margin: 0 0 15px 0; }
      @media only screen and (min-width: 40.0625em) {
        #intl-dist .dist-location li:last-child {
          margin: 0 0 20px 0; } }

#intl-dist .contact-info {
  padding-left: 30px;
  position: relative; }
  #intl-dist .contact-info:before {
    content: '\1F4CD';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 7px;
    font-family: "SSStandard";
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #7F7F7F; }
  #intl-dist .contact-info p:first-child {
    font-family: "ProximaNova-Bold",sans-serif;
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

#intl-dist .note p, #intl-dist p.note {
  font-size: 0.75em;
  color: #868686;
  line-height: 15px; }
  #intl-dist p.note {
	  padding-top:4px;
  }
  #intl-dist .note p .thick, #intl-dist p .thick {
    font-family: "ProximaNova-Semibold",sans-serif;
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #000; }

#where-to-buy {
  /* === Map and Search box container === */
  /* === Sidebar of store locations === */
  /* === Grid of online retailer logos and links === */ }
  #where-to-buy h1 {
    margin-bottom: 40px; }
  #where-to-buy h5 {
    margin-bottom: 16px; }
  #where-to-buy #map {
    position: relative;
    margin-bottom: 45px;
    /* === Search Box over Map === */
    /* === Contains Map iframe === */ }
    #where-to-buy #map #store-search {
      position: relative;
      width: 100%;
      margin: 0;
      padding: 12px;
      background-color: #fff;
      box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);
      z-index: 2; }
      @media only screen and (min-width: 40.0625em) {
        #where-to-buy #map #store-search {
          position: absolute;
          top: 29px;
          left: 32px;
          width: 77%;
          padding: 22px 29px 30px; } }
      @media only screen and (min-width: 64.0625em) {
        #where-to-buy #map #store-search {
          width: 62%; } }
      #where-to-buy #map #store-search form {
        margin: 0; }
      #where-to-buy #map #store-search input {
        display: inline-block;
        margin: 0;
        height: 51px; }
      #where-to-buy #map #store-search input[type="text"] {
        width: 100%;
        font-size: 1.25em; }
        @media only screen and (min-width: 40.0625em) {
          #where-to-buy #map #store-search input[type="text"] {
            width: 65%; } }
      #where-to-buy #map #store-search input[type="submit"] {
        width: 100%;
        line-height: 51px;
        font-family: 'BlenditHeavy', Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-feature-settings: "liga";
        -moz-font-feature-settings: "liga";
        -ms-font-feature-settings: "liga";
        font-feature-settings: "liga";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 0.9375em;
        letter-spacing: 1px;
        margin-top: 10px; }
        @media only screen and (min-width: 40.0625em) {
          #where-to-buy #map #store-search input[type="submit"] {
            width: 33%;
            float: right;
            margin-top: 0; } }
    #where-to-buy #map #map-embed {
      width: 100%;
      height: 0;
      padding-bottom: 75%;
      position: relative;
      z-index: 1; }
    #where-to-buy #map iframe {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0; }
      @media only screen and (min-width: 40.0625em) {
        #where-to-buy #map iframe {
          top: 0; } }
  #where-to-buy #store-location-list {
    /* === Single store location === */ }
    #where-to-buy #store-location-list .store-location {
      background-color: #fff;
      padding: 25px 18px 18px; }
      #where-to-buy #store-location-list .store-location::after {
        clear: both;
        content: "";
        display: table; }
      #where-to-buy #store-location-list .store-location h6 {
        font-family: 'BlenditBold', Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-feature-settings: "liga";
        -moz-font-feature-settings: "liga";
        -ms-font-feature-settings: "liga";
        font-feature-settings: "liga";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 0.9375em;
        color: #000;
        margin-bottom: 13px; }
      #where-to-buy #store-location-list .store-location p {
        color: #7b7b7b;
        font-size: 0.75em;
        margin: 0;
        line-height: 15px; }
        #where-to-buy #store-location-list .store-location p.blue {
          color: #35b6f9;
          margin-bottom: 14px; }
        #where-to-buy #store-location-list .store-location p.black {
          color: #222222;
          margin-bottom: 14px; }
          #where-to-buy #store-location-list .store-location p.black a {
            color: #222222;
            margin-top: 0; }
        #where-to-buy #store-location-list .store-location p a {
          color: #7b7b7b;
          margin-top: 0; }
      #where-to-buy #store-location-list .store-location a {
        font-family: "ProximaNova-Semibold",sans-serif;
        font-weight: normal;
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-feature-settings: "liga";
        -moz-font-feature-settings: "liga";
        -ms-font-feature-settings: "liga";
        font-feature-settings: "liga";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #7b7b7b;
        font-size: 0.75em;
        line-height: 15px;
        display: inline-block;
        margin-top: 15px;
        -webkit-transition: color 250ms;
        -moz-transition: color 250ms;
        transition: color 250ms; }
        #where-to-buy #store-location-list .store-location a:after {
          content: '›';
          display: inline-block;
          -webkit-transform: translateX(2px);
          -moz-transform: translateX(2px);
          -ms-transform: translateX(2px);
          -o-transform: translateX(2px);
          transform: translateX(2px);
          -webkit-transition: -webkit-transform 250ms;
          -moz-transition: -moz-transform 250ms;
          transition: transform 250ms; }
        .no-touchevents #where-to-buy #store-location-list .store-location a:hover {
          color: #626262; }
          .no-touchevents #where-to-buy #store-location-list .store-location a:hover:after {
            -webkit-transform: translateX(4px);
            -moz-transform: translateX(4px);
            -ms-transform: translateX(4px);
            -o-transform: translateX(4px);
            transform: translateX(4px); }
      #where-to-buy #store-location-list .store-location .left,
      #where-to-buy #store-location-list .store-location .right {
        width: 50%; }
  #where-to-buy #online-reatailers li {
    position: relative; }
    #where-to-buy #online-reatailers li a {
      display: inline-block;
      background-color: #fff;
      width: 100%;
      height: 155px;
      text-align: center;
      padding: 20px; }
      #where-to-buy #online-reatailers li a:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -0.35em; }
      .no-touchevents #where-to-buy #online-reatailers li a:hover img {
        opacity: 1; }
      #where-to-buy #online-reatailers li a img {
        max-width: 100%;
        opacity: 0.7;
        -webkit-transition: opacity 250ms;
        -moz-transition: opacity 250ms;
        transition: opacity 250ms; }

#email-signup {
  padding-top: 0px;
  background-color: #0b0b0b;
  background-image: url("../img/static/signup-bg.jpg");
  background-position: 30% top;
  background-repeat: no-repeat;
  /* === Full Bleed Gradient Bg === */
  /* === Social Footer Container === */ }
  @media screen and (min-width: 865px) {
    #email-signup {
      background-position: center 70px; } }
  @media only screen and (min-width: 40.0625em) {
    #email-signup {
      background-position: center top;
      padding-top: 72px; } }
  #email-signup .pageheader {
    padding: 9% 0; }
    #email-signup .pageheader h1, #email-signup .pageheader span, #email-signup .pageheader p {
      text-align: center; }
    #email-signup .pageheader h1 {
      color: #fff; }
    #email-signup .pageheader span {
      display: block;
      font-family: "ProximaNova-Bold",sans-serif;
      font-weight: normal;
      font-style: normal;
      text-rendering: optimizeLegibility;
      -webkit-font-feature-settings: "liga";
      -moz-font-feature-settings: "liga";
      -ms-font-feature-settings: "liga";
      font-feature-settings: "liga";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #fff;
      font-size: 1.125em; }
    #email-signup .pageheader p {
      color: #aaaaaa;
      font-size: 0.9375em;
      margin-bottom: 0px; }
  #email-signup h6 {
    margin-bottom: 15px;
    font-family: 'BlenditBold', Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1em;
    text-align: center;
    text-transform: uppercase;
    color: #fff; }
  #email-signup .gradient-bg-cont {
    width: 100%;
    padding: 30px 0 40px 0;
    background-color: #151515;
    background-image: url("../img/static/signup-form-bg.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    /* === Signup Form === */ }
    #email-signup .gradient-bg-cont .signup-cont {
      padding: 30px;
      background-color: #000;
      position: relative;
      /* === Confirmed Message Override === */ }
      #email-signup .gradient-bg-cont .signup-cont .confirm-message-cont {
        background-color: #000; }
        #email-signup .gradient-bg-cont .signup-cont .confirm-message-cont span {
          color: #fff; }
        #email-signup .gradient-bg-cont .signup-cont .confirm-message-cont p {
          color: #fff; }
      #email-signup .gradient-bg-cont .signup-cont select {
        font-family: "ProximaNova-Semibold",sans-serif;
        font-weight: normal;
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-feature-settings: "liga";
        -moz-font-feature-settings: "liga";
        -ms-font-feature-settings: "liga";
        font-feature-settings: "liga";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #000; }
      #email-signup .gradient-bg-cont .signup-cont .btn {
        background-color: #aaaaaa;
        color: #d4d4d4; }
        .no-touchevents #email-signup .gradient-bg-cont .signup-cont .btn:hover {
          background-color: #333333;
          color: #fff;
          -webkit-transition: background-color 0ms, color 0ms;
          -moz-transition: background-color 0ms, color 0ms;
          transition: background-color 0ms, color 0ms; }
  #email-signup .social-footer-cont {
    width: 100%;
    padding: 40px 0px;
    background-color: #000;
    text-align: center; }
    #email-signup .social-footer-cont ul {
      height: 50px; }
      #email-signup .social-footer-cont ul li {
        height: 50px;
        margin-right: 20px;
        display: inline-block; }
        #email-signup .social-footer-cont ul li:last-of-type {
          margin-right: 0px; }
        #email-signup .social-footer-cont ul li a {
          display: inline-block;
          height: 40px;
          font-family: 'SSSocialCircle';
          font-weight: normal;
          font-style: normal;
          text-rendering: optimizeLegibility;
          -webkit-font-feature-settings: "liga";
          -moz-font-feature-settings: "liga";
          -ms-font-feature-settings: "liga";
          font-feature-settings: "liga";
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: 2.5em;
          line-height: 50px;
          color: #aaabaa;
          -webkit-transition: color 300ms;
          -moz-transition: color 300ms;
          transition: color 300ms; }
          @media only screen and (min-width: 40.0625em) {
            #email-signup .social-footer-cont ul li a {
              height: 50px;
              font-size: 3.125em;
              line-height: 64px; } }
          .no-touchevents #email-signup .social-footer-cont ul li a:hover {
            color: #fff; }



/* Facebook Share Button xfacebook xshare */

.fb-share-button {
	-o-transform: scale(1.65);
	-ms-transform: scale(1.65);
	-moz-transform: scale(1.65);
	-webkit-transform: scale(1.65);
	transform: scale(1.65);
	-o-transform-origin: top left;
	-ms-transform-origin: top left;
	-moz-transform-origin: top left;
	-webkit-transform-origin: top left;  
	transform-origin: top left;
}



/* For Terms & Conditions, Privacy Policy, Shipping and Returns, etc... legal sections xlegal */
#legal {
	
}
	#legal h4 {
		margin:2em 0 1.1em 0;
		font-size:130%;
	}
	#legal p {
		margin:0 0 1em 0;	
	}
	#legal p a, 
	#legal ul a, 
	#legal li a {
		color: #35b6f9;
		text-decoration:none;
		font-family: 'ProximaNova-Bold';
	}
	#legal p b, 
	#legal ul b, 
	#legal li b {
		font-family: 'ProximaNova-Bold';
		font-weight:normal;
	}
	#legal ul,
	#legal ol {
		width:80%;
		margin-left:5%;
	}
		#legal ul li,
		#legal ol li {
			margin:0 0 1em 0;	
		}
		#legal ul,
		#legal ul li { 
			list-style-type:disc;	
		}
			#legal ul li ul,
			#legal ul li ul li { 
				list-style-type:circle;
			}
		
		#legal ol,
		#legal ol li { 
			list-style-type:lower-roman;
		}
			#legal ol li ol,
			#legal ol li ol li { 
				list-style-type:lower-alpha;
			}
			
		#legal ul li ul,
		#legal ol li ol {
			margin-top:1em;	
			margin-bottom:2em;
		}
		
		#legal .publish_date {
			font-size:75%;
			color:#999;	
			text-transform:uppercase;
		}
		
		@media only screen and (max-width: 40em) {
			#legal ul,
			#legal ol {
				width:90%;
				margin-left:5%;
			}
		}

/* --------- 30 Year Contest Styles xcontest xgiveaway -------  */

#contest_header img {
  	width:100%;
} 

@media screen and (min-width: 865px) {
    #contest_header {
      padding-top: 72px; 
	} 
	 #contest {
		padding-top:50px !important;
	 }
}
	#contest h1 {
		
	}
	
	#contest .error-message {
		margin-bottom:22px;	
	}

	
	#contest .contest-form-cont {
		position: relative;
		padding: 30px;
		background-color: #fff;
  	}

   #contest .contest-form-cont input, 
   #contest .contest-form-cont textarea, 
   #contest .contest-form-cont select {
      height: 41px;
      background-color: #F3F3F3; }
    #contest .contest-form-cont select {
      font-family: "ProximaNova-Semibold",sans-serif;
      font-weight: normal;
      font-style: normal;
      text-rendering: optimizeLegibility;
      -webkit-font-feature-settings: "liga";
      -moz-font-feature-settings: "liga";
      -ms-font-feature-settings: "liga";
      font-feature-settings: "liga";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #000; }
    #contest .contest-form-cont textarea {
      min-height: 205px; }
    #contest .contest-form-cont .btn {
      background-color: #aaaaaa;
      color: #d4d4d4; }
      .no-touchevents #contest .contest-form-cont .btn:hover {
        background-color: #333333;
        color: #fff;
        -webkit-transition: background-color 0ms, color 0ms;
        -moz-transition: background-color 0ms, color 0ms;
        transition: background-color 0ms, color 0ms; }
	#contest .contest-form-cont input[type="checkbox"],
	#contest .contest-form-cont #checkbox {
		height:auto;
		margin-right:10px;
	}
	#contest .contest-form-cont h2 {
		text-align:left;	
	}
	
	#contest h2.sub_header {
		font-size:130%;
		line-height:1.15em;
	}
	@media only screen and (max-width: 40em) {
		#contest h2.sub_header {
			font-size:130%;
			text-align:center;
			line-height:1.0em;
		}
	}
	
	#contest .contest-form-cont .sticker {
		margin-bottom:22px;	
	}
	
	#contest h3.prizes {
		font-size:189%;	
		width:100%;
		background-color:#000;
		color:#fff;
		text-align:center;
		padding:15px 0;
		margin-top:50px;
	}
	#contest .prize_txt {
		background-color: #dbdbdc;
		padding:24px 30px;
		margin:0 0px 34px 0px;
	}
		#contest .prize_txt ul {
			margin:0px;
			padding:0px 15px;
		}
		#contest .prize_txt ul li {
			list-style:disc outside;
		}
		
		
/* -------- Authentic xauthentic --------- */

#authentic_header img {
  	width:100%;
} 

@media screen and (min-width: 865px) {
    #authentic_header {
      padding-top: 72px; 
	} 
	 #authentic {
		padding-top:50px !important;
	 }
}
#authentic h3 {
	font-size:0.9em;	
	text-transform: uppercase;
	  font-family: 'BlenditMedium', Arial, sans-serif;
	  font-weight: normal;
	  font-style: normal;
	  text-rendering: optimizeLegibility;
	  -webkit-font-feature-settings: "liga";
	  -moz-font-feature-settings: "liga";
	  -ms-font-feature-settings: "liga";
	  font-feature-settings: "liga";
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	  letter-spacing:0px;
	  margin:0px;
	  padding:18px 0px;
	  text-align:center;
}
#authentic ul {
padding-top:22px;
}
	#authentic p {
		font-size:96%;
	} 
	
	#authentic .quality {
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		-ms-border-radius: 4px;
		-o-border-radius: 4px;
		border-radius: 4px;	
	}
	#authentic .quality h2 {
		 font-family: 'BlenditBold', Arial, sans-serif;
		  letter-spacing:-1px;
		  padding:13px 0px 0px 0px;
		 font-size:2em;
	}
	#authentic .quality .responsive_videoplayer_container{
			margin-top:2px;
	}
	@media only screen and (max-width: 80em) {
		#authentic .quality .responsive_videoplayer_container{
			margin-top:5%;
		}
	}
	@media only screen and (max-width: 74em) {
		#authentic .quality .responsive_videoplayer_container{
			margin-top:10%;
		}
	}
	@media only screen and (max-width: 68em) {
		#authentic .quality .responsive_videoplayer_container{
			margin-top:14%;
		}
	}
	/* tablet */
	@media only screen and (max-width: 64em) {
		#authentic .quality .responsive_videoplayer_container {
			margin-top:14px;	
		}
	}
	/* phone */
	@media only screen and (max-width: 40em) {
		#authentic .quality h2 {
			text-align:center;	
		}
		#authentic .quality {
			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			-ms-border-radius: 0px;
			-o-border-radius: 0px;
			border-radius: 0px;	
		}
	}
		

/* ====================================================================================================== */
/* --------------- Additions from Optimum Nutrition Dev Team Below --------- xadditions xon xjeremy -----*/
/* ====================================================================================================== */


/* -------------- xcolors Background Colors ------------------ */

.red_bg {
	color: #fff;
	background-color: #ce0e0e !important;
}
.darkred_bg {
	color: #fff;
	background-color: #600000 !important;
}
.orange_bg {
	color: #fff;
	background-color: #f96b14 !important;
}
.yellow_bg {
	color: #fff;
	background-color: #ffc425 !important;
}
.green_bg {
	background-color:#7fd209 !important;	
	color: #fff;	
}
.blue_bg {
	color: #fff;
	background-color: #35b6f9 !important;
}
.aquablue_bg {
	background-color:#0cd2fe !important;
	color:#fff;	
}
.darkblue_bg {
	color: #fff;
	background-color: #023674 !important;
}
.purple_bg {
	color: #fff;
	background-color: #69129b !important;	
}
.darkestgrey_bg {
	color: #fff !important;
	background-color:#212121 !important;
}
.darkergrey_bg {
	color: #fff !important;
	background-color:#363636 !important;
}
.darkgrey_bg {
	color: #fff !important;
	background-color:#5c5c5c !important;	
}
.grey_bg {
	background-color:#989898 !important;
}
.buttongrey_bg, .mediumgrey_bg {
	background-color:#cbcbcb !important;	
}
.lightgrey_bg {
	background-color:#c4c4c4 !important;	
}
.lightergrey_bg {
	background-color:#dfdfdf !important;
}
.lightestgrey_bg {
	background-color:#ededed !important;	
	color: #adadad !important;
}
.white_bg {
	background-color:#fff !important;
}
.black_bg {
	color: #fff;
	background-color:#000 !important;
}
.pink_bg {
	color: #fff;
	background-color:#f78dbf !important;	
}
.brown_bg {
	color: #fff;
	background-color:#a06f56 !important;	
}
.tan_bg {
	color: #fff;
	background-color:#c8b49f !important;
}
.gold_bg {
	color:#212121;
	background-color:#b49e72 !important;
}

/* -------------- Text Colors xcolors ------------------ */

.red_txt {
	color:#ce0e0e !important;
}
.darkred_txt {
	color:#600000 !important;
}
.orange_txt {
	color:#f96b14 !important;
}
.yellow_txt {
	color:#ffc425 !important;
}
.green_txt {
	color:#7fd209 !important;	
}
.blue_txt {
	color:#35b6f9 !important;
}
.aquablue_txt {
	color:#0cd2fe !important;
}
.darkblue_txt {
	color: #023674 !important;
}
.purple_txt {
	color: #69129b !important;
}
.darkestgrey_txt {
	color:#212121 !important;
}
.darkergrey_txt {
	color:#363636 !important;
}
.darkgrey_txt {
	color:#5c5c5c !important;	
}
.grey_txt {
	color:#989898 !important;
}
.buttongrey_txt, .mediumgrey_txt {
	color:#cbcbcb !important;	
}
.lightgrey_txt {
	color:#c4c4c4 !important;	
}
.lightergrey_txt {
	color:#dfdfdf !important;	
}
.lightestgrey_txt {
	color:#ededed !important;	
}
.white_txt {
	color:#fff !important;
}
.pink_txt {
	color:#f78dbf !important;	
}
.brown_txt {
	color:#a06f56 !important;	
}
.tan_txt {
	color:#c8b49f !important;
}
.gold_txt {
	color:#b59461 !important;
}
.darkgold_txt {
	color:#846a35 !important;	
}
.black_txt {
	color:#000000 !important;
}

/* ------------ borders xborders xcolors ----------------- */
.light_border {
	border:3px #efefef solid;
}
/* ------------ shapes ------------------ */
.rounded {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;	
}

.more_rounded {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;	
}	

.even_more_rounded {
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;	
}
.circle {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}
.odd_rounded {
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-ms-border-top-left-radius: 8px;
	-o-border-top-left-radius: 8px;
	border-top-left-radius: 8px;
	
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-ms-border-bottom-right-radius: 8px;
	-o-border-bottom-right-radius: 8px;
	border-bottom-right-radius: 8px;	
}
.rounded_top {
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-ms-border-top-left-radius: 4px;
	-o-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-ms-border-top-right-radius: 4px;
	-o-border-top-right-radius: 4px;
	border-top-right-radius: 4px;	
}
.rounded_bottom {
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-ms-border-bottom-left-radius: 4px;
	-o-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-ms-border-bottom-right-radius: 4px;
	-o-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;	
}

/* ------------ tools xtools ---------- */

.responsive_videoplayer_container {
		position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; 
}
	.resonsive_videoplayer_container iframe, 
	.resonsive_videoplayer_container object, 
	.resonsive_videoplayer_container embed { 
		position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
	}	
		
#no_slide {
	margin-bottom:1.5em;	
}
	#no_slide img {
		width:100%;
	}
.error_bg {
	color: #fff !important;
	background-color: #ce0e0e !important;
}
#float_right, .float_right {
	float:right !important;
	display:inline !important;
}
#float_left, .float_left {
	float:left !important;
	display:inline !important;
}
.nobgcolor {
	background-color:transparent !important;	
}
.transparent {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;	
}
.center_txt {
	text-align:center;	
}
.center {
	margin-left:auto !important;
	margin-right:auto !important;	
	text-align:center !important;
}
/*
CHANGED TO CENTER, because WCST is using .centered already
.centered {
	margin-left:auto !important;
	margin-right:auto !important;	
	text-align:center !important;
}
*/

.uppercase {
	text-transform:uppercase;	
}
.padding {
	padding:22px;
	overflow:hidden;
}
.nomargin, .no_margin {
	margin:0px !important;	
}
.nopadding, .no_padding {
	padding:0px !important;	
}
.no_b_margin {
	margin-bottom:0px !important;		
}
.no_t_margin {
	margin-top:0px !important;	
}
@media only screen and (max-width: 64em) {
	.nopaddingtablet, .no_padding_tablet, .no_padding_medium, .nopaddingmedium {
		padding:0px !important;	
	}
	.nomargintablet, .no_margin_tablet, .no_margin_medium, .nomarginmedium {
		margin:0px !important;	
	}
	.no_b_margin_tablet, .no_b_margin_medium{
		margin-bottom:0px !important;		
	}
	.no_t_margin_tablet, .no_t_margin_medium  {
		margin-top:0px !important;	
	}
	.no_b_padding_tablet, .no_b_padding_medium{
		padding-bottom:0px !important;		
	}
	.no_t_padding_tablet, .no_t_padding_medium  {
		padding-top:0px !important;	
	}
}
@media only screen and (max-width: 40em) {
	.nopaddingmobile, .no_padding_mobile, .no_padding_small, .nopaddingsmall {
		padding:0px !important;	
	}
	.nomarginmobile, .no_margin_mobile, .no_margin_small, .nomarginsmall {
		margin:0px !important;	
	}
	.no_b_margin_mobile, .no_b_margin_small{
		margin-bottom:0px !important;		
	}
	.no_t_margin_mobile, .no_t_margin_small  {
		margin-top:0px !important;	
	}
	.no_b_padding_mobile, .no_b_padding_small{
		padding-bottom:0px !important;		
	}
	.no_t_padding_mobile, .no_t_padding_small  {
		padding-top:0px !important;	
	}
}
.background_cover, .cover {
	background-repeat:no-repeat !important;
	background-position: center center !important;
	background-attachment:fixed;
	  -webkit-background-size: cover !important;
	  -moz-background-size: cover !important;
	  -ms-background-size: cover !important;
	  -o-background-size: cover !important;
	  background-size: cover !important;	
}
.noselect, .no_select, .noselect * {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;	
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-moz-user-drag: none;
	-ms-user-drag: none;
	-o-user-drag: none;
    user-drag: none;
	cursor:pointer;
}
@media screen and (min-width: 865px) {
	.tablet-down {
		display:none;	
	}
}
/* For Clear Divs */
#clear {
	clear:both !important;	
	float:none !important;
	display: block !important;
	overflow: hidden !important;
	visibility: hidden !important;
	width: 0 !important;
	height: 0 !important;
}
/* To Add a Clear to an element that remains visible */
.clear {
	clear:both !important;	
}
.block {
	display:block !important;
}