@charset "UTF-8";
/* To allow Foundation Settings to use color vars */
/* VulnDB Colors  */
/* Foundation */
/* wider max-width 
Ref: http://foundation.zurb.com/sites/docs/v/5.5.3/components/grid.html#customize-with-sass
*/
/**
 * Foundation for Sites by ZURB
 * Version 6.2.3
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
   * 1. Set default font family to sans-serif.
   * 2. Prevent iOS and IE text size adjust after device orientation change,
   *    without disabling user zoom.
   */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

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

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

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

/**
   * Address differences between Firefox and other browsers.
   */
hr {
  -webkit-box-sizing: content-box;
  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: not-allowed;
}

/**
   * 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"] {
  -webkit-box-sizing: border-box;
  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 */
  -webkit-box-sizing: content-box;
  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.
   * [NOTE] We don't enable this ruleset in Foundation, because we want the <fieldset> element to have plain styling.
   */
/* fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
  } */
/**
   * 1. Correct `color` not being inherited in IE 8/9/10/11.
   * 2. Remove padding so people aren't caught out if they zero out fieldsets.
   */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
   * Remove default vertical scrollbar in IE 8/9/10/11.
   */
textarea {
  overflow: auto;
}

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

/* Tables
     ========================================================================== */
/**
   * Remove most spacing between table cells.
   */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

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

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

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

body {
  padding: 0;
  margin: 0;
  font-family: Roboto, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.5;
  color: #595959;
  background: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

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

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

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

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

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

.is-visible {
  display: block !important;
}

.is-hidden {
  display: none !important;
}

.row {
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
}

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

.row::after {
  clear: both;
}

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

.row .row {
  max-width: none;
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
}

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

.row .row.collapse {
  margin-left: 0;
  margin-right: 0;
}

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

.row.expanded .row {
  margin-left: auto;
  margin-right: auto;
}

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

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

.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
  float: right;
}

.column.end:last-child:last-child, .end.columns:last-child:last-child {
  float: left;
}

.column.row.row, .row.row.columns {
  float: none;
}

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

.small-1 {
  width: 8.33333%;
}

.small-push-1 {
  position: relative;
  left: 8.33333%;
}

.small-pull-1 {
  position: relative;
  left: -8.33333%;
}

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

.small-2 {
  width: 16.66667%;
}

.small-push-2 {
  position: relative;
  left: 16.66667%;
}

.small-pull-2 {
  position: relative;
  left: -16.66667%;
}

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

.small-3 {
  width: 25%;
}

.small-push-3 {
  position: relative;
  left: 25%;
}

.small-pull-3 {
  position: relative;
  left: -25%;
}

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

.small-4 {
  width: 33.33333%;
}

.small-push-4 {
  position: relative;
  left: 33.33333%;
}

.small-pull-4 {
  position: relative;
  left: -33.33333%;
}

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

.small-5 {
  width: 41.66667%;
}

.small-push-5 {
  position: relative;
  left: 41.66667%;
}

.small-pull-5 {
  position: relative;
  left: -41.66667%;
}

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

.small-6 {
  width: 50%;
}

.small-push-6 {
  position: relative;
  left: 50%;
}

.small-pull-6 {
  position: relative;
  left: -50%;
}

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

.small-7 {
  width: 58.33333%;
}

.small-push-7 {
  position: relative;
  left: 58.33333%;
}

.small-pull-7 {
  position: relative;
  left: -58.33333%;
}

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

.small-8 {
  width: 66.66667%;
}

.small-push-8 {
  position: relative;
  left: 66.66667%;
}

.small-pull-8 {
  position: relative;
  left: -66.66667%;
}

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

.small-9 {
  width: 75%;
}

.small-push-9 {
  position: relative;
  left: 75%;
}

.small-pull-9 {
  position: relative;
  left: -75%;
}

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

.small-10 {
  width: 83.33333%;
}

.small-push-10 {
  position: relative;
  left: 83.33333%;
}

.small-pull-10 {
  position: relative;
  left: -83.33333%;
}

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

.small-11 {
  width: 91.66667%;
}

.small-push-11 {
  position: relative;
  left: 91.66667%;
}

.small-pull-11 {
  position: relative;
  left: -91.66667%;
}

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

.small-12 {
  width: 100%;
}

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

.small-up-1 > .column, .small-up-1 > .columns {
  width: 100%;
  float: left;
}

.small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) {
  clear: both;
}

.small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
  float: left;
}

.small-up-2 > .column, .small-up-2 > .columns {
  width: 50%;
  float: left;
}

.small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
  clear: both;
}

.small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
  float: left;
}

.small-up-3 > .column, .small-up-3 > .columns {
  width: 33.33333%;
  float: left;
}

.small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
  clear: both;
}

.small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
  float: left;
}

.small-up-4 > .column, .small-up-4 > .columns {
  width: 25%;
  float: left;
}

.small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {
  clear: both;
}

.small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
  float: left;
}

.small-up-5 > .column, .small-up-5 > .columns {
  width: 20%;
  float: left;
}

.small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {
  clear: both;
}

.small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
  float: left;
}

.small-up-6 > .column, .small-up-6 > .columns {
  width: 16.66667%;
  float: left;
}

.small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
  clear: both;
}

.small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
  float: left;
}

.small-up-7 > .column, .small-up-7 > .columns {
  width: 14.28571%;
  float: left;
}

.small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
  clear: both;
}

.small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {
  float: left;
}

.small-up-8 > .column, .small-up-8 > .columns {
  width: 12.5%;
  float: left;
}

.small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {
  clear: both;
}

.small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {
  float: left;
}

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

.small-collapse .row,
.expanded.row .small-collapse.row {
  margin-left: 0;
  margin-right: 0;
}

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

.small-centered {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

.small-uncentered,
.small-push-0,
.small-pull-0 {
  position: static;
  margin-left: 0;
  margin-right: 0;
  float: left;
}

@media screen and (min-width: 40em) {
  .medium-1 {
    width: 8.33333%;
  }
  .medium-push-1 {
    position: relative;
    left: 8.33333%;
  }
  .medium-pull-1 {
    position: relative;
    left: -8.33333%;
  }
  .medium-offset-0 {
    margin-left: 0%;
  }
  .medium-2 {
    width: 16.66667%;
  }
  .medium-push-2 {
    position: relative;
    left: 16.66667%;
  }
  .medium-pull-2 {
    position: relative;
    left: -16.66667%;
  }
  .medium-offset-1 {
    margin-left: 8.33333%;
  }
  .medium-3 {
    width: 25%;
  }
  .medium-push-3 {
    position: relative;
    left: 25%;
  }
  .medium-pull-3 {
    position: relative;
    left: -25%;
  }
  .medium-offset-2, .content-section {
    margin-left: 16.66667%;
  }
  .medium-4 {
    width: 33.33333%;
  }
  .medium-push-4 {
    position: relative;
    left: 33.33333%;
  }
  .medium-pull-4 {
    position: relative;
    left: -33.33333%;
  }
  .medium-offset-3 {
    margin-left: 25%;
  }
  .medium-5 {
    width: 41.66667%;
  }
  .medium-push-5 {
    position: relative;
    left: 41.66667%;
  }
  .medium-pull-5 {
    position: relative;
    left: -41.66667%;
  }
  .medium-offset-4 {
    margin-left: 33.33333%;
  }
  .medium-6 {
    width: 50%;
  }
  .medium-push-6 {
    position: relative;
    left: 50%;
  }
  .medium-pull-6 {
    position: relative;
    left: -50%;
  }
  .medium-offset-5 {
    margin-left: 41.66667%;
  }
  .medium-7 {
    width: 58.33333%;
  }
  .medium-push-7 {
    position: relative;
    left: 58.33333%;
  }
  .medium-pull-7 {
    position: relative;
    left: -58.33333%;
  }
  .medium-offset-6 {
    margin-left: 50%;
  }
  .medium-8, .content-section {
    width: 66.66667%;
  }
  .medium-push-8 {
    position: relative;
    left: 66.66667%;
  }
  .medium-pull-8 {
    position: relative;
    left: -66.66667%;
  }
  .medium-offset-7 {
    margin-left: 58.33333%;
  }
  .medium-9 {
    width: 75%;
  }
  .medium-push-9 {
    position: relative;
    left: 75%;
  }
  .medium-pull-9 {
    position: relative;
    left: -75%;
  }
  .medium-offset-8 {
    margin-left: 66.66667%;
  }
  .medium-10 {
    width: 83.33333%;
  }
  .medium-push-10 {
    position: relative;
    left: 83.33333%;
  }
  .medium-pull-10 {
    position: relative;
    left: -83.33333%;
  }
  .medium-offset-9 {
    margin-left: 75%;
  }
  .medium-11 {
    width: 91.66667%;
  }
  .medium-push-11 {
    position: relative;
    left: 91.66667%;
  }
  .medium-pull-11 {
    position: relative;
    left: -91.66667%;
  }
  .medium-offset-10 {
    margin-left: 83.33333%;
  }
  .medium-12 {
    width: 100%;
  }
  .medium-offset-11 {
    margin-left: 91.66667%;
  }
  .medium-up-1 > .column, .medium-up-1 > .columns {
    width: 100%;
    float: left;
  }
  .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) {
    clear: both;
  }
  .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
    float: left;
  }
  .medium-up-2 > .column, .medium-up-2 > .columns {
    width: 50%;
    float: left;
  }
  .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) {
    clear: both;
  }
  .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
    float: left;
  }
  .medium-up-3 > .column, .medium-up-3 > .columns {
    width: 33.33333%;
    float: left;
  }
  .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) {
    clear: both;
  }
  .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {
    float: left;
  }
  .medium-up-4 > .column, .medium-up-4 > .columns {
    width: 25%;
    float: left;
  }
  .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) {
    clear: both;
  }
  .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
    float: left;
  }
  .medium-up-5 > .column, .medium-up-5 > .columns {
    width: 20%;
    float: left;
  }
  .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) {
    clear: both;
  }
  .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
    float: left;
  }
  .medium-up-6 > .column, .medium-up-6 > .columns {
    width: 16.66667%;
    float: left;
  }
  .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {
    clear: both;
  }
  .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
    float: left;
  }
  .medium-up-7 > .column, .medium-up-7 > .columns {
    width: 14.28571%;
    float: left;
  }
  .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {
    clear: both;
  }
  .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {
    float: left;
  }
  .medium-up-8 > .column, .medium-up-8 > .columns {
    width: 12.5%;
    float: left;
  }
  .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {
    clear: both;
  }
  .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
    float: left;
  }
  .medium-collapse > .column, .medium-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .medium-collapse .row,
  .expanded.row .medium-collapse.row {
    margin-left: 0;
    margin-right: 0;
  }
  .medium-uncollapse > .column, .medium-uncollapse > .columns {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  .medium-centered {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .medium-uncentered,
  .medium-push-0,
  .medium-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0;
    float: left;
  }
}

@media screen and (min-width: 64em) {
  .large-1 {
    width: 8.33333%;
  }
  .large-push-1 {
    position: relative;
    left: 8.33333%;
  }
  .large-pull-1 {
    position: relative;
    left: -8.33333%;
  }
  .large-offset-0 {
    margin-left: 0%;
  }
  .large-2 {
    width: 16.66667%;
  }
  .large-push-2 {
    position: relative;
    left: 16.66667%;
  }
  .large-pull-2 {
    position: relative;
    left: -16.66667%;
  }
  .large-offset-1 {
    margin-left: 8.33333%;
  }
  .large-3 {
    width: 25%;
  }
  .large-push-3 {
    position: relative;
    left: 25%;
  }
  .large-pull-3 {
    position: relative;
    left: -25%;
  }
  .large-offset-2 {
    margin-left: 16.66667%;
  }
  .large-4 {
    width: 33.33333%;
  }
  .large-push-4 {
    position: relative;
    left: 33.33333%;
  }
  .large-pull-4 {
    position: relative;
    left: -33.33333%;
  }
  .large-offset-3 {
    margin-left: 25%;
  }
  .large-5 {
    width: 41.66667%;
  }
  .large-push-5 {
    position: relative;
    left: 41.66667%;
  }
  .large-pull-5 {
    position: relative;
    left: -41.66667%;
  }
  .large-offset-4 {
    margin-left: 33.33333%;
  }
  .large-6 {
    width: 50%;
  }
  .large-push-6 {
    position: relative;
    left: 50%;
  }
  .large-pull-6 {
    position: relative;
    left: -50%;
  }
  .large-offset-5 {
    margin-left: 41.66667%;
  }
  .large-7 {
    width: 58.33333%;
  }
  .large-push-7 {
    position: relative;
    left: 58.33333%;
  }
  .large-pull-7 {
    position: relative;
    left: -58.33333%;
  }
  .large-offset-6 {
    margin-left: 50%;
  }
  .large-8 {
    width: 66.66667%;
  }
  .large-push-8 {
    position: relative;
    left: 66.66667%;
  }
  .large-pull-8 {
    position: relative;
    left: -66.66667%;
  }
  .large-offset-7 {
    margin-left: 58.33333%;
  }
  .large-9 {
    width: 75%;
  }
  .large-push-9 {
    position: relative;
    left: 75%;
  }
  .large-pull-9 {
    position: relative;
    left: -75%;
  }
  .large-offset-8 {
    margin-left: 66.66667%;
  }
  .large-10 {
    width: 83.33333%;
  }
  .large-push-10 {
    position: relative;
    left: 83.33333%;
  }
  .large-pull-10 {
    position: relative;
    left: -83.33333%;
  }
  .large-offset-9 {
    margin-left: 75%;
  }
  .large-11 {
    width: 91.66667%;
  }
  .large-push-11 {
    position: relative;
    left: 91.66667%;
  }
  .large-pull-11 {
    position: relative;
    left: -91.66667%;
  }
  .large-offset-10 {
    margin-left: 83.33333%;
  }
  .large-12 {
    width: 100%;
  }
  .large-offset-11 {
    margin-left: 91.66667%;
  }
  .large-up-1 > .column, .large-up-1 > .columns {
    width: 100%;
    float: left;
  }
  .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) {
    clear: both;
  }
  .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
    float: left;
  }
  .large-up-2 > .column, .large-up-2 > .columns {
    width: 50%;
    float: left;
  }
  .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
    clear: both;
  }
  .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
    float: left;
  }
  .large-up-3 > .column, .large-up-3 > .columns {
    width: 33.33333%;
    float: left;
  }
  .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
    clear: both;
  }
  .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
    float: left;
  }
  .large-up-4 > .column, .large-up-4 > .columns {
    width: 25%;
    float: left;
  }
  .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {
    clear: both;
  }
  .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
    float: left;
  }
  .large-up-5 > .column, .large-up-5 > .columns {
    width: 20%;
    float: left;
  }
  .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {
    clear: both;
  }
  .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
    float: left;
  }
  .large-up-6 > .column, .large-up-6 > .columns {
    width: 16.66667%;
    float: left;
  }
  .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
    clear: both;
  }
  .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
    float: left;
  }
  .large-up-7 > .column, .large-up-7 > .columns {
    width: 14.28571%;
    float: left;
  }
  .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {
    clear: both;
  }
  .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
    float: left;
  }
  .large-up-8 > .column, .large-up-8 > .columns {
    width: 12.5%;
    float: left;
  }
  .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
    clear: both;
  }
  .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
    float: left;
  }
  .large-collapse > .column, .large-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .large-collapse .row,
  .expanded.row .large-collapse.row {
    margin-left: 0;
    margin-right: 0;
  }
  .large-uncollapse > .column, .large-uncollapse > .columns {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  .large-centered {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .large-uncentered,
  .large-push-0,
  .large-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0;
    float: left;
  }
}

@media screen and (min-width: 75em) {
  .xlarge-1 {
    width: 8.33333%;
  }
  .xlarge-push-1 {
    position: relative;
    left: 8.33333%;
  }
  .xlarge-pull-1 {
    position: relative;
    left: -8.33333%;
  }
  .xlarge-offset-0 {
    margin-left: 0%;
  }
  .xlarge-2 {
    width: 16.66667%;
  }
  .xlarge-push-2 {
    position: relative;
    left: 16.66667%;
  }
  .xlarge-pull-2 {
    position: relative;
    left: -16.66667%;
  }
  .xlarge-offset-1 {
    margin-left: 8.33333%;
  }
  .xlarge-3 {
    width: 25%;
  }
  .xlarge-push-3 {
    position: relative;
    left: 25%;
  }
  .xlarge-pull-3 {
    position: relative;
    left: -25%;
  }
  .xlarge-offset-2 {
    margin-left: 16.66667%;
  }
  .xlarge-4 {
    width: 33.33333%;
  }
  .xlarge-push-4 {
    position: relative;
    left: 33.33333%;
  }
  .xlarge-pull-4 {
    position: relative;
    left: -33.33333%;
  }
  .xlarge-offset-3 {
    margin-left: 25%;
  }
  .xlarge-5 {
    width: 41.66667%;
  }
  .xlarge-push-5 {
    position: relative;
    left: 41.66667%;
  }
  .xlarge-pull-5 {
    position: relative;
    left: -41.66667%;
  }
  .xlarge-offset-4 {
    margin-left: 33.33333%;
  }
  .xlarge-6 {
    width: 50%;
  }
  .xlarge-push-6 {
    position: relative;
    left: 50%;
  }
  .xlarge-pull-6 {
    position: relative;
    left: -50%;
  }
  .xlarge-offset-5 {
    margin-left: 41.66667%;
  }
  .xlarge-7 {
    width: 58.33333%;
  }
  .xlarge-push-7 {
    position: relative;
    left: 58.33333%;
  }
  .xlarge-pull-7 {
    position: relative;
    left: -58.33333%;
  }
  .xlarge-offset-6 {
    margin-left: 50%;
  }
  .xlarge-8 {
    width: 66.66667%;
  }
  .xlarge-push-8 {
    position: relative;
    left: 66.66667%;
  }
  .xlarge-pull-8 {
    position: relative;
    left: -66.66667%;
  }
  .xlarge-offset-7 {
    margin-left: 58.33333%;
  }
  .xlarge-9 {
    width: 75%;
  }
  .xlarge-push-9 {
    position: relative;
    left: 75%;
  }
  .xlarge-pull-9 {
    position: relative;
    left: -75%;
  }
  .xlarge-offset-8 {
    margin-left: 66.66667%;
  }
  .xlarge-10 {
    width: 83.33333%;
  }
  .xlarge-push-10 {
    position: relative;
    left: 83.33333%;
  }
  .xlarge-pull-10 {
    position: relative;
    left: -83.33333%;
  }
  .xlarge-offset-9 {
    margin-left: 75%;
  }
  .xlarge-11 {
    width: 91.66667%;
  }
  .xlarge-push-11 {
    position: relative;
    left: 91.66667%;
  }
  .xlarge-pull-11 {
    position: relative;
    left: -91.66667%;
  }
  .xlarge-offset-10 {
    margin-left: 83.33333%;
  }
  .xlarge-12 {
    width: 100%;
  }
  .xlarge-offset-11 {
    margin-left: 91.66667%;
  }
  .xlarge-up-1 > .column, .xlarge-up-1 > .columns {
    width: 100%;
    float: left;
  }
  .xlarge-up-1 > .column:nth-of-type(1n), .xlarge-up-1 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xlarge-up-1 > .column:nth-of-type(1n+1), .xlarge-up-1 > .columns:nth-of-type(1n+1) {
    clear: both;
  }
  .xlarge-up-1 > .column:last-child, .xlarge-up-1 > .columns:last-child {
    float: left;
  }
  .xlarge-up-2 > .column, .xlarge-up-2 > .columns {
    width: 50%;
    float: left;
  }
  .xlarge-up-2 > .column:nth-of-type(1n), .xlarge-up-2 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xlarge-up-2 > .column:nth-of-type(2n+1), .xlarge-up-2 > .columns:nth-of-type(2n+1) {
    clear: both;
  }
  .xlarge-up-2 > .column:last-child, .xlarge-up-2 > .columns:last-child {
    float: left;
  }
  .xlarge-up-3 > .column, .xlarge-up-3 > .columns {
    width: 33.33333%;
    float: left;
  }
  .xlarge-up-3 > .column:nth-of-type(1n), .xlarge-up-3 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xlarge-up-3 > .column:nth-of-type(3n+1), .xlarge-up-3 > .columns:nth-of-type(3n+1) {
    clear: both;
  }
  .xlarge-up-3 > .column:last-child, .xlarge-up-3 > .columns:last-child {
    float: left;
  }
  .xlarge-up-4 > .column, .xlarge-up-4 > .columns {
    width: 25%;
    float: left;
  }
  .xlarge-up-4 > .column:nth-of-type(1n), .xlarge-up-4 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xlarge-up-4 > .column:nth-of-type(4n+1), .xlarge-up-4 > .columns:nth-of-type(4n+1) {
    clear: both;
  }
  .xlarge-up-4 > .column:last-child, .xlarge-up-4 > .columns:last-child {
    float: left;
  }
  .xlarge-up-5 > .column, .xlarge-up-5 > .columns {
    width: 20%;
    float: left;
  }
  .xlarge-up-5 > .column:nth-of-type(1n), .xlarge-up-5 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xlarge-up-5 > .column:nth-of-type(5n+1), .xlarge-up-5 > .columns:nth-of-type(5n+1) {
    clear: both;
  }
  .xlarge-up-5 > .column:last-child, .xlarge-up-5 > .columns:last-child {
    float: left;
  }
  .xlarge-up-6 > .column, .xlarge-up-6 > .columns {
    width: 16.66667%;
    float: left;
  }
  .xlarge-up-6 > .column:nth-of-type(1n), .xlarge-up-6 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xlarge-up-6 > .column:nth-of-type(6n+1), .xlarge-up-6 > .columns:nth-of-type(6n+1) {
    clear: both;
  }
  .xlarge-up-6 > .column:last-child, .xlarge-up-6 > .columns:last-child {
    float: left;
  }
  .xlarge-up-7 > .column, .xlarge-up-7 > .columns {
    width: 14.28571%;
    float: left;
  }
  .xlarge-up-7 > .column:nth-of-type(1n), .xlarge-up-7 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xlarge-up-7 > .column:nth-of-type(7n+1), .xlarge-up-7 > .columns:nth-of-type(7n+1) {
    clear: both;
  }
  .xlarge-up-7 > .column:last-child, .xlarge-up-7 > .columns:last-child {
    float: left;
  }
  .xlarge-up-8 > .column, .xlarge-up-8 > .columns {
    width: 12.5%;
    float: left;
  }
  .xlarge-up-8 > .column:nth-of-type(1n), .xlarge-up-8 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xlarge-up-8 > .column:nth-of-type(8n+1), .xlarge-up-8 > .columns:nth-of-type(8n+1) {
    clear: both;
  }
  .xlarge-up-8 > .column:last-child, .xlarge-up-8 > .columns:last-child {
    float: left;
  }
  .xlarge-collapse > .column, .xlarge-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .xlarge-collapse .row,
  .expanded.row .xlarge-collapse.row {
    margin-left: 0;
    margin-right: 0;
  }
  .xlarge-uncollapse > .column, .xlarge-uncollapse > .columns {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  .xlarge-centered {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .xlarge-uncentered,
  .xlarge-push-0,
  .xlarge-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0;
    float: left;
  }
}

@media screen and (min-width: 90em) {
  .xxlarge-1 {
    width: 8.33333%;
  }
  .xxlarge-push-1 {
    position: relative;
    left: 8.33333%;
  }
  .xxlarge-pull-1 {
    position: relative;
    left: -8.33333%;
  }
  .xxlarge-offset-0 {
    margin-left: 0%;
  }
  .xxlarge-2 {
    width: 16.66667%;
  }
  .xxlarge-push-2 {
    position: relative;
    left: 16.66667%;
  }
  .xxlarge-pull-2 {
    position: relative;
    left: -16.66667%;
  }
  .xxlarge-offset-1 {
    margin-left: 8.33333%;
  }
  .xxlarge-3 {
    width: 25%;
  }
  .xxlarge-push-3 {
    position: relative;
    left: 25%;
  }
  .xxlarge-pull-3 {
    position: relative;
    left: -25%;
  }
  .xxlarge-offset-2 {
    margin-left: 16.66667%;
  }
  .xxlarge-4 {
    width: 33.33333%;
  }
  .xxlarge-push-4 {
    position: relative;
    left: 33.33333%;
  }
  .xxlarge-pull-4 {
    position: relative;
    left: -33.33333%;
  }
  .xxlarge-offset-3 {
    margin-left: 25%;
  }
  .xxlarge-5 {
    width: 41.66667%;
  }
  .xxlarge-push-5 {
    position: relative;
    left: 41.66667%;
  }
  .xxlarge-pull-5 {
    position: relative;
    left: -41.66667%;
  }
  .xxlarge-offset-4 {
    margin-left: 33.33333%;
  }
  .xxlarge-6 {
    width: 50%;
  }
  .xxlarge-push-6 {
    position: relative;
    left: 50%;
  }
  .xxlarge-pull-6 {
    position: relative;
    left: -50%;
  }
  .xxlarge-offset-5 {
    margin-left: 41.66667%;
  }
  .xxlarge-7 {
    width: 58.33333%;
  }
  .xxlarge-push-7 {
    position: relative;
    left: 58.33333%;
  }
  .xxlarge-pull-7 {
    position: relative;
    left: -58.33333%;
  }
  .xxlarge-offset-6 {
    margin-left: 50%;
  }
  .xxlarge-8 {
    width: 66.66667%;
  }
  .xxlarge-push-8 {
    position: relative;
    left: 66.66667%;
  }
  .xxlarge-pull-8 {
    position: relative;
    left: -66.66667%;
  }
  .xxlarge-offset-7 {
    margin-left: 58.33333%;
  }
  .xxlarge-9 {
    width: 75%;
  }
  .xxlarge-push-9 {
    position: relative;
    left: 75%;
  }
  .xxlarge-pull-9 {
    position: relative;
    left: -75%;
  }
  .xxlarge-offset-8 {
    margin-left: 66.66667%;
  }
  .xxlarge-10 {
    width: 83.33333%;
  }
  .xxlarge-push-10 {
    position: relative;
    left: 83.33333%;
  }
  .xxlarge-pull-10 {
    position: relative;
    left: -83.33333%;
  }
  .xxlarge-offset-9 {
    margin-left: 75%;
  }
  .xxlarge-11 {
    width: 91.66667%;
  }
  .xxlarge-push-11 {
    position: relative;
    left: 91.66667%;
  }
  .xxlarge-pull-11 {
    position: relative;
    left: -91.66667%;
  }
  .xxlarge-offset-10 {
    margin-left: 83.33333%;
  }
  .xxlarge-12 {
    width: 100%;
  }
  .xxlarge-offset-11 {
    margin-left: 91.66667%;
  }
  .xxlarge-up-1 > .column, .xxlarge-up-1 > .columns {
    width: 100%;
    float: left;
  }
  .xxlarge-up-1 > .column:nth-of-type(1n), .xxlarge-up-1 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xxlarge-up-1 > .column:nth-of-type(1n+1), .xxlarge-up-1 > .columns:nth-of-type(1n+1) {
    clear: both;
  }
  .xxlarge-up-1 > .column:last-child, .xxlarge-up-1 > .columns:last-child {
    float: left;
  }
  .xxlarge-up-2 > .column, .xxlarge-up-2 > .columns {
    width: 50%;
    float: left;
  }
  .xxlarge-up-2 > .column:nth-of-type(1n), .xxlarge-up-2 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xxlarge-up-2 > .column:nth-of-type(2n+1), .xxlarge-up-2 > .columns:nth-of-type(2n+1) {
    clear: both;
  }
  .xxlarge-up-2 > .column:last-child, .xxlarge-up-2 > .columns:last-child {
    float: left;
  }
  .xxlarge-up-3 > .column, .xxlarge-up-3 > .columns {
    width: 33.33333%;
    float: left;
  }
  .xxlarge-up-3 > .column:nth-of-type(1n), .xxlarge-up-3 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xxlarge-up-3 > .column:nth-of-type(3n+1), .xxlarge-up-3 > .columns:nth-of-type(3n+1) {
    clear: both;
  }
  .xxlarge-up-3 > .column:last-child, .xxlarge-up-3 > .columns:last-child {
    float: left;
  }
  .xxlarge-up-4 > .column, .xxlarge-up-4 > .columns {
    width: 25%;
    float: left;
  }
  .xxlarge-up-4 > .column:nth-of-type(1n), .xxlarge-up-4 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xxlarge-up-4 > .column:nth-of-type(4n+1), .xxlarge-up-4 > .columns:nth-of-type(4n+1) {
    clear: both;
  }
  .xxlarge-up-4 > .column:last-child, .xxlarge-up-4 > .columns:last-child {
    float: left;
  }
  .xxlarge-up-5 > .column, .xxlarge-up-5 > .columns {
    width: 20%;
    float: left;
  }
  .xxlarge-up-5 > .column:nth-of-type(1n), .xxlarge-up-5 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xxlarge-up-5 > .column:nth-of-type(5n+1), .xxlarge-up-5 > .columns:nth-of-type(5n+1) {
    clear: both;
  }
  .xxlarge-up-5 > .column:last-child, .xxlarge-up-5 > .columns:last-child {
    float: left;
  }
  .xxlarge-up-6 > .column, .xxlarge-up-6 > .columns {
    width: 16.66667%;
    float: left;
  }
  .xxlarge-up-6 > .column:nth-of-type(1n), .xxlarge-up-6 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xxlarge-up-6 > .column:nth-of-type(6n+1), .xxlarge-up-6 > .columns:nth-of-type(6n+1) {
    clear: both;
  }
  .xxlarge-up-6 > .column:last-child, .xxlarge-up-6 > .columns:last-child {
    float: left;
  }
  .xxlarge-up-7 > .column, .xxlarge-up-7 > .columns {
    width: 14.28571%;
    float: left;
  }
  .xxlarge-up-7 > .column:nth-of-type(1n), .xxlarge-up-7 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xxlarge-up-7 > .column:nth-of-type(7n+1), .xxlarge-up-7 > .columns:nth-of-type(7n+1) {
    clear: both;
  }
  .xxlarge-up-7 > .column:last-child, .xxlarge-up-7 > .columns:last-child {
    float: left;
  }
  .xxlarge-up-8 > .column, .xxlarge-up-8 > .columns {
    width: 12.5%;
    float: left;
  }
  .xxlarge-up-8 > .column:nth-of-type(1n), .xxlarge-up-8 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xxlarge-up-8 > .column:nth-of-type(8n+1), .xxlarge-up-8 > .columns:nth-of-type(8n+1) {
    clear: both;
  }
  .xxlarge-up-8 > .column:last-child, .xxlarge-up-8 > .columns:last-child {
    float: left;
  }
  .xxlarge-collapse > .column, .xxlarge-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .xxlarge-collapse .row,
  .expanded.row .xxlarge-collapse.row {
    margin-left: 0;
    margin-right: 0;
  }
  .xxlarge-uncollapse > .column, .xxlarge-uncollapse > .columns {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  .xxlarge-centered {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .xxlarge-uncentered,
  .xxlarge-push-0,
  .xxlarge-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0;
    float: left;
  }
}

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

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

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

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

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

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

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

h1 {
  font-size: 1.5rem;
}

h2 {
  font-size: 1.25rem;
}

h3 {
  font-size: 1.1875rem;
}

h4 {
  font-size: 1.125rem;
}

h5 {
  font-size: 1.0625rem;
}

h6 {
  font-size: 1rem;
}

@media screen and (min-width: 40em) {
  h1 {
    font-size: 3rem;
  }
  h2 {
    font-size: 2.5rem;
  }
  h3 {
    font-size: 1.9375rem;
  }
  h4 {
    font-size: 1.5625rem;
  }
  h5 {
    font-size: 1.25rem;
  }
  h6 {
    font-size: 1rem;
  }
}

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

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

a img {
  border: 0;
}

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

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

li {
  font-size: inherit;
}

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

ol {
  margin-left: 1.25rem;
}

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

dl {
  margin-bottom: 1rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (min-width: 75em) {
  .xlarge-text-left {
    text-align: left;
  }
  .xlarge-text-right {
    text-align: right;
  }
  .xlarge-text-center {
    text-align: center;
  }
  .xlarge-text-justify {
    text-align: justify;
  }
}

@media screen and (min-width: 90em) {
  .xxlarge-text-left {
    text-align: left;
  }
  .xxlarge-text-right {
    text-align: right;
  }
  .xxlarge-text-center {
    text-align: center;
  }
  .xxlarge-text-justify {
    text-align: justify;
  }
}

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

@media print {
  * {
    background: transparent !important;
    color: black !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  .show-for-print {
    display: block !important;
  }
  .hide-for-print {
    display: none !important;
  }
  table.show-for-print {
    display: table !important;
  }
  thead.show-for-print {
    display: table-header-group !important;
  }
  tbody.show-for-print {
    display: table-row-group !important;
  }
  tr.show-for-print {
    display: table-row !important;
  }
  td.show-for-print {
    display: table-cell !important;
  }
  th.show-for-print {
    display: table-cell !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  .ir a:after,
  a[href^='javascript:']:after,
  a[href^='#']:after {
    content: '';
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  pre,
  blockquote {
    border: 1px solid #8a8a8a;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}

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

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

textarea {
  max-width: 100%;
}

textarea[rows] {
  height: auto;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #cacaca;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #cacaca;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #cacaca;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #cacaca;
}

input::placeholder,
textarea::placeholder {
  color: #cacaca;
}

input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
  background-color: #e6e6e6;
  cursor: not-allowed;
}

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

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

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

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

[type='checkbox'] + label[for], [type='checkbox'] + .filter-group__label[for],
[type='radio'] + label[for],
[type='radio'] + .filter-group__label[for] {
  cursor: pointer;
}

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

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

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

label.middle, .middle.filter-group__label {
  margin: 0 0 1rem;
  padding: 0.5625rem 0;
}

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

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

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

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

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

.input-group-label {
  text-align: center;
  padding: 0 1rem;
  background: #e6e6e6;
  color: #0a0a0a;
  border: 1px solid #cacaca;
  white-space: nowrap;
  width: 1%;
  height: 100%;
}

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

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

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

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

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

.input-group .input-group-button {
  display: table-cell;
}

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

legend {
  margin-bottom: 0.5rem;
  max-width: 100%;
}

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

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

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

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

select:disabled {
  background-color: #e6e6e6;
  cursor: not-allowed;
}

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

select[multiple] {
  height: auto;
  background-image: none;
}

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

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

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

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

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

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

.button:hover, .button:focus {
  background-color: #1583cc;
  color: #ffffff;
}

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

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

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

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

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

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

.button.secondary {
  background-color: #777;
  color: #ffffff;
}

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

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

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

.button.warning {
  background-color: #ffae00;
  color: #ffffff;
}

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

.button.alert {
  background-color: #ec5840;
  color: #ffffff;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
  background-color: #2199e8;
  color: #ffffff;
}

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

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

.accordion {
  list-style-type: none;
  background: #ffffff;
  margin-left: 0;
}

.accordion-item:first-child > :first-child {
  border-radius: 0 0 0 0;
}

.accordion-item:last-child > :last-child {
  border-radius: 0 0 0 0;
}

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

:last-child:not(.is-active) > .accordion-title {
  border-radius: 0 0 0 0;
  border-bottom: 1px solid #e6e6e6;
}

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

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

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

.accordion-content {
  padding: 1rem;
  display: none;
  border: 1px solid #e6e6e6;
  border-bottom: 0;
  background-color: #ffffff;
  color: #595959;
}

:last-child > .accordion-content:last-child {
  border-bottom: 1px solid #e6e6e6;
}

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

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

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

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

.badge.secondary {
  background: #777;
  color: #ffffff;
}

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

.badge.warning {
  background: #ffae00;
  color: #ffffff;
}

.badge.alert {
  background: #ec5840;
  color: #ffffff;
}

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

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

.breadcrumbs::after {
  clear: both;
}

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

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

.breadcrumbs a {
  color: #2199e8;
}

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

.breadcrumbs .disabled {
  color: #cacaca;
  cursor: not-allowed;
}

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

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

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

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

.button-group .button:last-child {
  margin-right: 0;
}

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

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

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

.button-group.expanded {
  margin-right: -1px;
}

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

.button-group.expanded .button:first-child:nth-last-child(2), .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button {
  display: inline-block;
  width: calc(50% - 1px);
  margin-right: 1px;
}

.button-group.expanded .button:first-child:nth-last-child(2):last-child, .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button:last-child {
  margin-right: -6px;
}

.button-group.expanded .button:first-child:nth-last-child(3), .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button {
  display: inline-block;
  width: calc(33.33333% - 1px);
  margin-right: 1px;
}

.button-group.expanded .button:first-child:nth-last-child(3):last-child, .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button:last-child {
  margin-right: -6px;
}

.button-group.expanded .button:first-child:nth-last-child(4), .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button {
  display: inline-block;
  width: calc(25% - 1px);
  margin-right: 1px;
}

.button-group.expanded .button:first-child:nth-last-child(4):last-child, .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button:last-child {
  margin-right: -6px;
}

.button-group.expanded .button:first-child:nth-last-child(5), .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button {
  display: inline-block;
  width: calc(20% - 1px);
  margin-right: 1px;
}

.button-group.expanded .button:first-child:nth-last-child(5):last-child, .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button:last-child {
  margin-right: -6px;
}

.button-group.expanded .button:first-child:nth-last-child(6), .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button {
  display: inline-block;
  width: calc(16.66667% - 1px);
  margin-right: 1px;
}

.button-group.expanded .button:first-child:nth-last-child(6):last-child, .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button:last-child {
  margin-right: -6px;
}

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

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

.button-group.secondary .button {
  background-color: #777;
  color: #ffffff;
}

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

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

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

.button-group.warning .button {
  background-color: #ffae00;
  color: #ffffff;
}

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

.button-group.alert .button {
  background-color: #ec5840;
  color: #ffffff;
}

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

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

.button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child {
  margin-bottom: 0;
}

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

@media screen and (min-width: 64em) {
  .button-group.stacked-for-medium .button {
    width: auto;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 39.9375em) {
  .button-group.stacked-for-small.expanded {
    display: block;
  }
  .button-group.stacked-for-small.expanded .button {
    display: block;
    margin-right: 0;
  }
}

.callout {
  margin: 0;
  padding: 0 4rem 0 0;
  border: none;
  border-radius: 0;
  position: relative;
  color: #ffffff;
  background-color: #6a686b;
}

.callout > :first-child {
  margin-top: 0;
}

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

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

.callout.secondary {
  background-color: #777777;
}

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

.callout.warning {
  background-color: #ffae00;
}

.callout.alert {
  background-color: #ec5840;
}

.callout.small {
  padding-top: 0.5rem;
  padding-right: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
}

.callout.large {
  padding-top: 3rem;
  padding-right: 3rem;
  padding-bottom: 3rem;
  padding-left: 3rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (min-width: 75em) {
  .menu.xlarge-horizontal > li {
    display: table-cell;
  }
  .menu.xlarge-vertical > li {
    display: block;
  }
}

@media screen and (min-width: 90em) {
  .menu.xxlarge-horizontal > li {
    display: table-cell;
  }
  .menu.xxlarge-vertical > li {
    display: block;
  }
}

.menu.simple li {
  line-height: 1;
  display: inline-block;
  margin-right: 1rem;
}

.menu.simple a {
  padding: 0;
}

.menu.align-right::before, .menu.align-right::after {
  content: ' ';
  display: table;
}

.menu.align-right::after {
  clear: both;
}

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

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

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

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

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

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

.menu .active > a {
  color: #ffffff;
  background: #2199e8;
}

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

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

.menu-centered > .menu {
  display: inline-block;
}

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

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

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

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

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

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

.menu-icon.dark:hover::after {
  background: #8a8a8a;
  -webkit-box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a;
  box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a;
}

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

.is-drilldown li {
  display: block !important;
}

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

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

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

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

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

.js-drilldown-back > a::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  border-color: transparent #2199e8 transparent transparent;
  border-right-style: solid;
  border-left-width: 0;
  border-left-width: 0;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.75rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.dropdown.menu.vertical > li > a::after {
  right: 14px;
  margin-top: -3px;
}

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

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

@media screen and (min-width: 40em) {
  .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
    left: auto;
    right: 0;
    top: 100%;
  }
  .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 0;
    top: 100%;
  }
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
    padding-right: 1.5rem;
    position: relative;
  }
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: #2199e8 transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    right: 5px;
    margin-top: -2px;
  }
  .dropdown.menu.medium-vertical > li .is-dropdown-submenu {
    top: 0;
  }
  .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
    left: auto;
    right: 100%;
  }
  .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }
  .dropdown.menu.medium-vertical > li > a::after {
    right: 14px;
    margin-top: -3px;
  }
  .dropdown.menu.medium-vertical > li.opens-left > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent #2199e8 transparent transparent;
    border-right-style: solid;
    border-left-width: 0;
  }
  .dropdown.menu.medium-vertical > li.opens-right > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent transparent transparent #2199e8;
    border-left-style: solid;
    border-right-width: 0;
  }
}

@media screen and (min-width: 64em) {
  .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
    left: auto;
    right: 0;
    top: 100%;
  }
  .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 0;
    top: 100%;
  }
  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
    padding-right: 1.5rem;
    position: relative;
  }
  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: #2199e8 transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    right: 5px;
    margin-top: -2px;
  }
  .dropdown.menu.large-vertical > li .is-dropdown-submenu {
    top: 0;
  }
  .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
    left: auto;
    right: 100%;
  }
  .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }
  .dropdown.menu.large-vertical > li > a::after {
    right: 14px;
    margin-top: -3px;
  }
  .dropdown.menu.large-vertical > li.opens-left > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent #2199e8 transparent transparent;
    border-right-style: solid;
    border-left-width: 0;
  }
  .dropdown.menu.large-vertical > li.opens-right > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent transparent transparent #2199e8;
    border-left-style: solid;
    border-right-width: 0;
  }
}

@media screen and (min-width: 75em) {
  .dropdown.menu.xlarge-horizontal > li.opens-left > .is-dropdown-submenu {
    left: auto;
    right: 0;
    top: 100%;
  }
  .dropdown.menu.xlarge-horizontal > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 0;
    top: 100%;
  }
  .dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a {
    padding-right: 1.5rem;
    position: relative;
  }
  .dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: #2199e8 transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    right: 5px;
    margin-top: -2px;
  }
  .dropdown.menu.xlarge-vertical > li .is-dropdown-submenu {
    top: 0;
  }
  .dropdown.menu.xlarge-vertical > li.opens-left > .is-dropdown-submenu {
    left: auto;
    right: 100%;
  }
  .dropdown.menu.xlarge-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }
  .dropdown.menu.xlarge-vertical > li > a::after {
    right: 14px;
    margin-top: -3px;
  }
  .dropdown.menu.xlarge-vertical > li.opens-left > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent #2199e8 transparent transparent;
    border-right-style: solid;
    border-left-width: 0;
  }
  .dropdown.menu.xlarge-vertical > li.opens-right > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent transparent transparent #2199e8;
    border-left-style: solid;
    border-right-width: 0;
  }
}

@media screen and (min-width: 90em) {
  .dropdown.menu.xxlarge-horizontal > li.opens-left > .is-dropdown-submenu {
    left: auto;
    right: 0;
    top: 100%;
  }
  .dropdown.menu.xxlarge-horizontal > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 0;
    top: 100%;
  }
  .dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a {
    padding-right: 1.5rem;
    position: relative;
  }
  .dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: #2199e8 transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    right: 5px;
    margin-top: -2px;
  }
  .dropdown.menu.xxlarge-vertical > li .is-dropdown-submenu {
    top: 0;
  }
  .dropdown.menu.xxlarge-vertical > li.opens-left > .is-dropdown-submenu {
    left: auto;
    right: 100%;
  }
  .dropdown.menu.xxlarge-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }
  .dropdown.menu.xxlarge-vertical > li > a::after {
    right: 14px;
    margin-top: -3px;
  }
  .dropdown.menu.xxlarge-vertical > li.opens-left > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent #2199e8 transparent transparent;
    border-right-style: solid;
    border-left-width: 0;
  }
  .dropdown.menu.xxlarge-vertical > li.opens-right > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent transparent transparent #2199e8;
    border-left-style: solid;
    border-right-width: 0;
  }
}

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

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

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

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

.is-dropdown-submenu-parent a::after {
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -2px;
}

.is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
  top: 100%;
  left: auto;
}

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

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

.is-dropdown-submenu {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  min-width: 9rem;
  z-index: 1;
  background: #ffffff;
  border: 1px solid #cacaca;
}

.is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
  right: 14px;
  margin-top: -3px;
}

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

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

.is-dropdown-submenu .is-dropdown-submenu {
  margin-top: -1px;
}

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

.is-dropdown-submenu.js-dropdown-active {
  display: block;
}

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

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

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

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

.label {
  display: inline-block;
  padding: 0.33333rem 0.5rem;
  font-size: 0.8rem;
  line-height: 1;
  white-space: nowrap;
  cursor: default;
  border-radius: 0;
  background: #2199e8;
  color: #ffffff;
}

.label.secondary {
  background: #777;
  color: #ffffff;
}

.label.success {
  background: #3adb76;
  color: #ffffff;
}

.label.warning {
  background: #ffae00;
  color: #ffffff;
}

.label.alert {
  background: #ec5840;
  color: #ffffff;
}

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

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

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

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

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

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

.media-object-section > :last-child {
  margin-bottom: 0;
}

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

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

html,
body {
  height: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (min-width: 40em) {
  .position-left.reveal-for-medium {
    left: 0;
    z-index: auto;
    position: fixed;
  }
  .position-left.reveal-for-medium ~ .off-canvas-content {
    margin-left: 265px;
  }
  .position-right.reveal-for-medium {
    right: 0;
    z-index: auto;
    position: fixed;
  }
  .position-right.reveal-for-medium ~ .off-canvas-content {
    margin-right: 265px;
  }
}

@media screen and (min-width: 64em) {
  .position-left.reveal-for-large {
    left: 0;
    z-index: auto;
    position: fixed;
  }
  .position-left.reveal-for-large ~ .off-canvas-content {
    margin-left: 265px;
  }
  .position-right.reveal-for-large {
    right: 0;
    z-index: auto;
    position: fixed;
  }
  .position-right.reveal-for-large ~ .off-canvas-content {
    margin-right: 265px;
  }
}

@media screen and (min-width: 75em) {
  .position-left.reveal-for-xlarge {
    left: 0;
    z-index: auto;
    position: fixed;
  }
  .position-left.reveal-for-xlarge ~ .off-canvas-content {
    margin-left: 265px;
  }
  .position-right.reveal-for-xlarge {
    right: 0;
    z-index: auto;
    position: fixed;
  }
  .position-right.reveal-for-xlarge ~ .off-canvas-content {
    margin-right: 265px;
  }
}

@media screen and (min-width: 90em) {
  .position-left.reveal-for-xxlarge {
    left: 0;
    z-index: auto;
    position: fixed;
  }
  .position-left.reveal-for-xxlarge ~ .off-canvas-content {
    margin-left: 265px;
  }
  .position-right.reveal-for-xxlarge {
    right: 0;
    z-index: auto;
    position: fixed;
  }
  .position-right.reveal-for-xxlarge ~ .off-canvas-content {
    margin-right: 265px;
  }
}

.orbit {
  position: relative;
}

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

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

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

.orbit-figure {
  margin: 0;
}

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

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

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

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

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

.orbit-previous {
  left: 0;
}

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

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

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

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

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

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

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

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

.pagination::after {
  clear: both;
}

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

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

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

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

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

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

.pagination .disabled {
  padding: 0.1875rem 0.625rem;
  color: #cacaca;
  cursor: not-allowed;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.sticky-container {
  position: relative;
}

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

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

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

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

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

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

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

html.is-reveal-open,
html.is-reveal-open body {
  height: 100%;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

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

.reveal {
  display: none;
  z-index: 1006;
  padding: 1rem;
  border: 1px solid #cacaca;
  background-color: #ffffff;
  border-radius: 0;
  position: relative;
  top: 100px;
  margin-left: auto;
  margin-right: auto;
  overflow-y: auto;
}

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

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

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

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

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

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

.reveal.collapse {
  padding: 0;
}

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

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

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

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

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

.reveal.without-overlay {
  position: fixed;
}

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

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

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

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

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

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

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

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

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

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

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

.switch-inactive {
  right: 15%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

thead,
tfoot {
  background: #f9f9f9;
  color: #595959;
}

thead tr,
tfoot tr {
  background: transparent;
}

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

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

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

@media screen and (max-width: 63.9375em) {
  table.stack thead {
    display: none;
  }
  table.stack tfoot {
    display: none;
  }
  table.stack tr,
  table.stack th,
  table.stack td {
    display: block;
  }
  table.stack td {
    border-top: 0;
  }
}

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

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

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

.table-scroll {
  overflow-x: auto;
}

.table-scroll table {
  width: auto;
}

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

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

.tabs::after {
  clear: both;
}

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

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

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

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

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

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

.tabs-title {
  float: left;
}

.tabs-title > a {
  display: block;
  padding: 1.25rem 1.5rem;
  line-height: 1;
  font-size: 0.75rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.menu-icon.dark:hover::after {
  background: #8a8a8a;
  -webkit-box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a;
  box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a;
}

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

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

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

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

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

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

.top-bar {
  padding: 0.5rem;
}

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

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

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

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

.top-bar .input-group-field {
  width: 100%;
  margin-right: 0;
}

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

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

@media screen and (min-width: 40em) {
  .top-bar .top-bar-left,
  .top-bar .top-bar-right {
    width: auto;
  }
}

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

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

@media screen and (max-width: 89.9375em) {
  .top-bar.stacked-for-xlarge .top-bar-left,
  .top-bar.stacked-for-xlarge .top-bar-right {
    width: 100%;
  }
}

.top-bar.stacked-for-xxlarge .top-bar-left,
.top-bar.stacked-for-xxlarge .top-bar-right {
  width: 100%;
}

.top-bar-title {
  float: left;
  margin-right: 1rem;
}

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

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

.hide {
  display: none !important;
}

.invisible {
  visibility: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (min-width: 75em) and (max-width: 89.9375em) {
  .hide-for-xlarge-only {
    display: none !important;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.clearfix::after {
  clear: both;
}

/* Material Design */
/**
 * @license
 * Copyright 2018 Google Inc.
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 */
/**
 * @license
 * Copyright 2018 Google Inc.
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 */
.mdc-tab-bar {
  width: 100%;
}

/**
 * @license
 * Copyright 2018 Google Inc.
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 */
.mdc-tab-scroller {
  overflow-y: hidden;
}

.mdc-tab-scroller__test {
  position: absolute;
  top: -9999px;
  width: 100px;
  height: 100px;
  overflow-x: scroll;
}

.mdc-tab-scroller__scroll-area {
  -webkit-overflow-scrolling: touch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: hidden;
}

.mdc-tab-scroller__scroll-area::-webkit-scrollbar,
.mdc-tab-scroller__test::-webkit-scrollbar {
  display: none;
}

.mdc-tab-scroller__scroll-area--scroll {
  overflow-x: scroll;
}

.mdc-tab-scroller__scroll-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-transform: none;
  transform: none;
  will-change: transform;
}

.mdc-tab-scroller--align-start .mdc-tab-scroller__scroll-content {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.mdc-tab-scroller--align-end .mdc-tab-scroller__scroll-content {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.mdc-tab-scroller--align-center .mdc-tab-scroller__scroll-content {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.mdc-tab-scroller--animating .mdc-tab-scroller__scroll-area {
  -webkit-overflow-scrolling: auto;
}

.mdc-tab-scroller--animating .mdc-tab-scroller__scroll-content {
  -webkit-transition: 250ms -webkit-transform cubic-bezier(0.4, 0, 0.2, 1);
  transition: 250ms -webkit-transform cubic-bezier(0.4, 0, 0.2, 1);
  transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1);
  transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1), 250ms -webkit-transform cubic-bezier(0.4, 0, 0.2, 1);
}

/**
 * @license
 * Copyright 2018 Google Inc.
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 */
/**
 * @license
 * Copyright 2018 Google Inc.
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 */
.mdc-tab-indicator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}

.mdc-tab-indicator > .mdc-tab-indicator__content--underline {
  background-color: #6200ee;
  /* @alternate */
  background-color: var(--mdc-theme-primary, #6200ee);
}

.mdc-tab-indicator > .mdc-tab-indicator__content--underline {
  height: 2px;
}

.mdc-tab-indicator > .mdc-tab-indicator__content--icon {
  color: #018786;
  /* @alternate */
  color: var(--mdc-theme-secondary, #018786);
}

.mdc-tab-indicator > .mdc-tab-indicator__content--icon {
  height: 34px;
  font-size: 34px;
}

.mdc-tab-indicator__content {
  -webkit-transform-origin: left;
  transform-origin: left;
  opacity: 0;
}

.mdc-tab-indicator__content--underline {
  -ms-flex-item-align: end;
  align-self: flex-end;
  width: 100%;
}

.mdc-tab-indicator__content--icon {
  -ms-flex-item-align: center;
  align-self: center;
  margin: 0 auto;
}

.mdc-tab-indicator--active > .mdc-tab-indicator__content {
  opacity: 1;
}

.mdc-tab-indicator > .mdc-tab-indicator__content {
  -webkit-transition: 250ms -webkit-transform cubic-bezier(0.4, 0, 0.2, 1);
  transition: 250ms -webkit-transform cubic-bezier(0.4, 0, 0.2, 1);
  transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1);
  transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1), 250ms -webkit-transform cubic-bezier(0.4, 0, 0.2, 1);
}

.mdc-tab-indicator--no-transition > .mdc-tab-indicator__content {
  -webkit-transition: none;
  transition: none;
}

.mdc-tab-indicator--fade > .mdc-tab-indicator__content {
  -webkit-transition: 150ms opacity linear;
  transition: 150ms opacity linear;
}

.mdc-tab-indicator--active.mdc-tab-indicator--fade > .mdc-tab-indicator__content {
  -webkit-transition-delay: 100ms;
  transition-delay: 100ms;
}

@-webkit-keyframes mdc-ripple-fg-radius-in {
  from {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
    transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
  }
  to {
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  }
}

@keyframes mdc-ripple-fg-radius-in {
  from {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
    transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
  }
  to {
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  }
}

@-webkit-keyframes mdc-ripple-fg-opacity-in {
  from {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    opacity: 0;
  }
  to {
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
}

@keyframes mdc-ripple-fg-opacity-in {
  from {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    opacity: 0;
  }
  to {
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
}

@-webkit-keyframes mdc-ripple-fg-opacity-out {
  from {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
  to {
    opacity: 0;
  }
}

@keyframes mdc-ripple-fg-opacity-out {
  from {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
  to {
    opacity: 0;
  }
}

.mdc-ripple-surface--test-edge-var-bug {
  --mdc-ripple-surface-test-edge-var: 1px solid #000;
  visibility: hidden;
}

.mdc-ripple-surface--test-edge-var-bug::before {
  border: var(--mdc-ripple-surface-test-edge-var);
}

/**
 * @license
 * Copyright 2018 Google Inc.
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 */
.mdc-tab {
  position: relative;
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  line-height: 2.25rem;
  font-weight: 500;
  letter-spacing: 0.08929em;
  text-decoration: none;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 48px;
  padding: 0 24px;
  border: none;
  outline: none;
  background: none;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  -webkit-appearance: none;
  z-index: 1;
}

.mdc-tab .mdc-tab__text-label {
  color: #000;
  /* @alternate */
  color: var(--mdc-theme-on-surface, #000);
}

.mdc-tab .mdc-tab__icon {
  color: #000;
  /* @alternate */
  color: var(--mdc-theme-on-surface, #000);
}

.mdc-tab--min-width {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}

.mdc-tab__ripple {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  will-change: transform, opacity;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.mdc-tab__ripple::before, .mdc-tab__ripple::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}

.mdc-tab__ripple::before {
  -webkit-transition: opacity 15ms linear, background-color 15ms linear;
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
}

.mdc-tab__ripple.mdc-ripple-upgraded::before {
  -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  transform: scale(var(--mdc-ripple-fg-scale, 1));
}

.mdc-tab__ripple.mdc-ripple-upgraded::after {
  top: 0;
  /* @noflip */
  left: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center center;
  transform-origin: center center;
}

.mdc-tab__ripple.mdc-ripple-upgraded--unbounded::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  left: var(--mdc-ripple-left, 0);
}

.mdc-tab__ripple.mdc-ripple-upgraded--foreground-activation::after {
  -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}

.mdc-tab__ripple.mdc-ripple-upgraded--foreground-deactivation::after {
  -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
  animation: mdc-ripple-fg-opacity-out 150ms;
  -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}

.mdc-tab__ripple::before, .mdc-tab__ripple::after {
  top: calc(50% - 100%);
  /* @noflip */
  left: calc(50% - 100%);
  width: 200%;
  height: 200%;
}

.mdc-tab__ripple.mdc-ripple-upgraded::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}

.mdc-tab__ripple::before, .mdc-tab__ripple::after {
  background-color: #6200ee;
}

@supports not (-ms-ime-align: auto) {
  .mdc-tab__ripple::before, .mdc-tab__ripple::after {
    /* @alternate */
    background-color: var(--mdc-theme-primary, #6200ee);
  }
}

.mdc-tab__ripple:hover::before {
  opacity: 0.04;
}

.mdc-tab__ripple:not(.mdc-ripple-upgraded):focus::before, .mdc-tab__ripple.mdc-ripple-upgraded--background-focused::before {
  -webkit-transition-duration: 75ms;
  transition-duration: 75ms;
  opacity: 0.12;
}

.mdc-tab__ripple:not(.mdc-ripple-upgraded)::after {
  -webkit-transition: opacity 150ms linear;
  transition: opacity 150ms linear;
}

.mdc-tab__ripple:not(.mdc-ripple-upgraded):active::after {
  -webkit-transition-duration: 75ms;
  transition-duration: 75ms;
  opacity: 0.12;
}

.mdc-tab__ripple.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}

.mdc-tab__content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: inherit;
  pointer-events: none;
}

.mdc-tab__text-label,
.mdc-tab__icon {
  -webkit-transition: 150ms color linear, 150ms opacity linear;
  transition: 150ms color linear, 150ms opacity linear;
  z-index: 2;
}

.mdc-tab__text-label {
  display: inline-block;
  opacity: 0.6;
  line-height: 1;
}

.mdc-tab__icon {
  width: 24px;
  height: 24px;
  opacity: 0.54;
  font-size: 24px;
}

.mdc-tab--stacked {
  height: 72px;
}

.mdc-tab--stacked .mdc-tab__content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.mdc-tab--stacked .mdc-tab__icon {
  padding-top: 12px;
}

.mdc-tab--stacked .mdc-tab__text-label {
  padding-bottom: 16px;
}

.mdc-tab--active .mdc-tab__text-label {
  color: #6200ee;
  /* @alternate */
  color: var(--mdc-theme-primary, #6200ee);
}

.mdc-tab--active .mdc-tab__icon {
  color: #6200ee;
  /* @alternate */
  color: var(--mdc-theme-primary, #6200ee);
}

.mdc-tab--active .mdc-tab__text-label,
.mdc-tab--active .mdc-tab__icon {
  -webkit-transition-delay: 100ms;
  transition-delay: 100ms;
  opacity: 1;
}

.mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon + .mdc-tab__text-label {
  /* @noflip */
  padding-left: 8px;
  /* @noflip */
  padding-right: 0;
}

[dir="rtl"] .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon + .mdc-tab__text-label, .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon + .mdc-tab__text-label[dir="rtl"] {
  /* @noflip */
  padding-left: 0;
  /* @noflip */
  padding-right: 8px;
}

/* Global -- reskinned styles will be moved here */
/* Local Fallback Fonts */
@font-face {
  font-family: 'Muli-local';
  src: url("/includes/fonts/Muli/Muli-ExtraBold.woff2") format("woff2"), url("/includes/fonts/Muli/Muli-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Muli-local';
  src: url("/includes/fonts/Muli/Muli-Black.woff2") format("woff2"), url("/includes/fonts/Muli/Muli-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto-local';
  src: url("/includes/fonts/Roboto/Roboto-Light.woff2") format("woff2"), url("/includes/fonts/Roboto/Roboto-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto-local';
  src: url("/includes/fonts/Roboto/Roboto-Regular.woff2") format("woff2"), url("/includes/fonts/Roboto/Roboto-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto-local';
  src: url("/includes/fonts/Roboto/Roboto-Bold.woff2") format("woff2"), url("/includes/fonts/Roboto/Roboto-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

/* declare font variables */
/* Temporary ugly English Font to spot issues */
/* set fonts for elements */
body,
.pageContent p,
.pageContent li,
button#Reset,
.overlayText,
button.filter,
h3,
p,
#view_more,
#view_less,
#utilityLinks button a,
select,
.checkboxContainer label,
.checkboxContainer .filter-group__label,
button#Reset,
button,
a.button,
.alertbar p,
.pageContent .alertbar p.meta {
  font-family: "Roboto", "Roboto-local", sans-serif;
}

h1,
h2,
h4,
h5,
h6,
.resources a .download,
.callToAction,
button, label, .filter-group__label,
.promo_cta #view_more,
.expandedTopic h1,
.tabs-title a,
.pageContent p.meta,
.productName {
  font-family: "Muli", "Muli-local", sans-serif;
}

[type='text'],
[type='password'],
[type='date'],
[type='datetime'],
[type='datetime-local'],
[type='month'],
[type='week'],
[type='email'],
[type='number'],
[type='search'],
[type='tel'],
[type='time'],
[type='url'],
[type='color'],
select,
.select,
textarea {
  font-family: "Roboto", "Roboto-local", sans-serif;
}

.bannerSolid .quote {
  font-family: "Muli", "Muli-local", sans-serif;
  font-weight: 800;
}

/* set font sizes */
/* 8px */
/* 10px */
/* 12px */
/* 14px */
/* 16px */
/* 18px */
/* 20px */
/* 22px */
/* 24px */
/* 26px */
/* 28px */
/* 35px */
/* 40px */
/* 50px */
/* 65px */
/* 80px */
/* set font weights*/
/* sets font sizes for elements */
h1 {
  font-size: 4.063rem;
  line-height: 4.500rem;
  font-family: "Muli", "Muli-local", sans-serif;
  letter-spacing: normal;
  font-weight: 900;
}

@media screen and (min-width: 64em) {
  h1 {
    font-size: 2.188rem;
    line-height: 2.438rem;
  }
}

h2 {
  font-size: 2.188rem;
  font-weight: 900;
  line-height: 2.438rem;
  font-family: "Muli", "Muli-local", sans-serif;
}

h3 {
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.563rem;
  font-family: "Roboto", "Roboto-local", sans-serif;
}

h4 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.125rem;
  font-family: "Roboto", "Roboto-local", sans-serif;
}

h6 {
  font-size: 0.875rem;
  line-height: 1rem;
}

p {
  font-size: 1rem;
  letter-spacing: 0.33px;
  line-height: 1.5rem;
}

label, .filter-group__label,
button {
  font-size: 1rem;
}

/* buttons */
button,
button.button,
a.button,
input.button,
span.button {
  position: relative;
  z-index: 1;
  cursor: pointer;
  display: inline-block;
  border-style: solid;
  border-width: 1px;
  font-family: "Muli", "Muli-local", sans-serif;
  vertical-align: middle;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  -webkit-transition-property: border, color, background-color, -webkit-box-shadow;
  transition-property: border, color, background-color, -webkit-box-shadow;
  transition-property: box-shadow, border, color, background-color;
  transition-property: box-shadow, border, color, background-color, -webkit-box-shadow;
  line-height: 1.5rem;
  border-radius: 100px;
  font-weight: 800;
  text-transform: uppercase;
}

button:after,
button.button:after,
a.button:after,
input.button:after,
span.button:after {
  content: '';
  position: absolute;
  z-index: -1;
  opacity: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 100px;
  transition: opacity .2s ease-in-out;
  -webkit-transition: opacity .2s ease-in-out;
}

button:hover:after,
button.button:hover:after,
a.button:hover:after,
input.button:hover:after,
span.button:hover:after {
  opacity: 1;
}

button.noDrop:hover,
button.button.noDrop:hover,
a.button.noDrop:hover,
input.button.noDrop:hover,
span.button.noDrop:hover {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

button.hamburger,
button.button.hamburger,
a.button.hamburger,
input.button.hamburger,
span.button.hamburger {
  border-radius: 0;
}

button.buttons,
button.button.buttons,
a.button.buttons,
input.button.buttons,
span.button.buttons {
  margin-right: .75rem;
}

button.closeButton,
button.button.closeButton,
a.button.closeButton,
input.button.closeButton,
span.button.closeButton {
  border: none;
}

button.xxlgBtn,
button.button.xxlgBtn,
a.button.xxlgBtn,
input.button.xxlgBtn,
span.button.xxlgBtn {
  padding: 30px 48px 30px 48px;
  font-size: 1.75rem;
  letter-spacing: 5px;
}

button.xlgBtn,
button.button.xlgBtn,
a.button.xlgBtn,
input.button.xlgBtn,
span.button.xlgBtn {
  padding: 18px 24px 18px 29px;
  font-size: 1rem;
  letter-spacing: 5px;
}

button.lgBtn,
button.button.lgBtn,
a.button.lgBtn,
input.button.lgBtn,
span.button.lgBtn {
  padding: 16px 20px 16px 24px;
  font-size: 0.875rem;
  letter-spacing: 4px;
}

button.mdBtn,
button.button.mdBtn,
a.button.mdBtn,
input.button.mdBtn,
span.button.mdBtn {
  padding: 12px 17px 12px 20px;
  font-size: 0.75rem;
  letter-spacing: 3px;
}

button.smBtn,
button.button.smBtn,
a.button.smBtn,
input.button.smBtn,
span.button.smBtn {
  padding: 4px 13px 4px 15px;
  font-size: 0.625rem;
  letter-spacing: 2px;
}

button.xsmBtn,
button.button.xsmBtn,
a.button.xsmBtn,
input.button.xsmBtn,
span.button.xsmBtn {
  padding: 1px 11px 1px 12px;
  font-size: 0.625rem;
  letter-spacing: 1px;
}

button.blue, #simpleLinkBlocks .freeTrial button, #products_detail .overlayText button.button, #products_detail.product_features .overlayText button, #products_landing .longHero .overlayText button.button, button.blue:visited, #simpleLinkBlocks .freeTrial button:visited, #products_detail .overlayText button.button:visited, #products_detail.product_features .overlayText button:visited, #products_landing .longHero .overlayText button.button:visited,
button.button.blue,
#simpleLinkBlocks .freeTrial button.button,
#products_detail .overlayText button.button,
#products_landing .longHero .overlayText button.button,
button.button.blue:visited,
#simpleLinkBlocks .freeTrial button.button:visited,
#products_detail .overlayText button.button:visited,
#products_landing .longHero .overlayText button.button:visited,
a.button.blue,
#products_detail .overlayText a.button,
#products_landing .longHero .overlayText a.button,
a.button.blue:visited,
#products_detail .overlayText a.button:visited,
#products_landing .longHero .overlayText a.button:visited,
input.button.blue,
#products_detail .overlayText input.button,
#products_landing .longHero .overlayText input.button,
input.button.blue:visited,
#products_detail .overlayText input.button:visited,
#products_landing .longHero .overlayText input.button:visited,
span.button.blue,
#products_detail .overlayText span.button,
#products_landing .longHero .overlayText span.button,
span.button.blue:visited,
#products_detail .overlayText span.button:visited,
#products_landing .longHero .overlayText span.button:visited {
  background-color: #519bc8;
  border-color: transparent;
}

button.blue:after, #simpleLinkBlocks .freeTrial button:after, #products_detail .overlayText button.button:after, #products_detail.product_features .overlayText button:after, #products_landing .longHero .overlayText button.button:after, button.blue:visited:after, #simpleLinkBlocks .freeTrial button:visited:after, #products_detail .overlayText button.button:visited:after, #products_detail.product_features .overlayText button:visited:after, #products_landing .longHero .overlayText button.button:visited:after,
button.button.blue:after,
#simpleLinkBlocks .freeTrial button.button:after,
#products_detail .overlayText button.button:after,
#products_landing .longHero .overlayText button.button:after,
button.button.blue:visited:after,
#simpleLinkBlocks .freeTrial button.button:visited:after,
#products_detail .overlayText button.button:visited:after,
#products_landing .longHero .overlayText button.button:visited:after,
a.button.blue:after,
#products_detail .overlayText a.button:after,
#products_landing .longHero .overlayText a.button:after,
a.button.blue:visited:after,
#products_detail .overlayText a.button:visited:after,
#products_landing .longHero .overlayText a.button:visited:after,
input.button.blue:after,
#products_detail .overlayText input.button:after,
#products_landing .longHero .overlayText input.button:after,
input.button.blue:visited:after,
#products_detail .overlayText input.button:visited:after,
#products_landing .longHero .overlayText input.button:visited:after,
span.button.blue:after,
#products_detail .overlayText span.button:after,
#products_landing .longHero .overlayText span.button:after,
span.button.blue:visited:after,
#products_detail .overlayText span.button:visited:after,
#products_landing .longHero .overlayText span.button:visited:after {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#21B3CD), to(#519bc8));
  background-image: linear-gradient(0deg, #21B3CD, #519bc8);
}

button.blue:focus, #simpleLinkBlocks .freeTrial button:focus, #products_detail .overlayText button.button:focus, #products_detail.product_features .overlayText button:focus, #products_landing .longHero .overlayText button.button:focus, button.blue:hover, #simpleLinkBlocks .freeTrial button:hover, #products_detail .overlayText button.button:hover, #products_detail.product_features .overlayText button:hover, #products_landing .longHero .overlayText button.button:hover, button.blue:visited:focus, #simpleLinkBlocks .freeTrial button:visited:focus, #products_detail .overlayText button.button:visited:focus, #products_detail.product_features .overlayText button:visited:focus, #products_landing .longHero .overlayText button.button:visited:focus, button.blue:visited:hover, #simpleLinkBlocks .freeTrial button:visited:hover, #products_detail .overlayText button.button:visited:hover, #products_detail.product_features .overlayText button:visited:hover, #products_landing .longHero .overlayText button.button:visited:hover,
button.button.blue:focus,
#simpleLinkBlocks .freeTrial button.button:focus,
#products_detail .overlayText button.button:focus,
#products_landing .longHero .overlayText button.button:focus,
button.button.blue:hover,
#simpleLinkBlocks .freeTrial button.button:hover,
#products_detail .overlayText button.button:hover,
#products_landing .longHero .overlayText button.button:hover,
button.button.blue:visited:focus,
#simpleLinkBlocks .freeTrial button.button:visited:focus,
#products_detail .overlayText button.button:visited:focus,
#products_landing .longHero .overlayText button.button:visited:focus,
button.button.blue:visited:hover,
#simpleLinkBlocks .freeTrial button.button:visited:hover,
#products_detail .overlayText button.button:visited:hover,
#products_landing .longHero .overlayText button.button:visited:hover,
a.button.blue:focus,
#products_detail .overlayText a.button:focus,
#products_landing .longHero .overlayText a.button:focus,
a.button.blue:hover,
#products_detail .overlayText a.button:hover,
#products_landing .longHero .overlayText a.button:hover,
a.button.blue:visited:focus,
#products_detail .overlayText a.button:visited:focus,
#products_landing .longHero .overlayText a.button:visited:focus,
a.button.blue:visited:hover,
#products_detail .overlayText a.button:visited:hover,
#products_landing .longHero .overlayText a.button:visited:hover,
input.button.blue:focus,
#products_detail .overlayText input.button:focus,
#products_landing .longHero .overlayText input.button:focus,
input.button.blue:hover,
#products_detail .overlayText input.button:hover,
#products_landing .longHero .overlayText input.button:hover,
input.button.blue:visited:focus,
#products_detail .overlayText input.button:visited:focus,
#products_landing .longHero .overlayText input.button:visited:focus,
input.button.blue:visited:hover,
#products_detail .overlayText input.button:visited:hover,
#products_landing .longHero .overlayText input.button:visited:hover,
span.button.blue:focus,
#products_detail .overlayText span.button:focus,
#products_landing .longHero .overlayText span.button:focus,
span.button.blue:hover,
#products_detail .overlayText span.button:hover,
#products_landing .longHero .overlayText span.button:hover,
span.button.blue:visited:focus,
#products_detail .overlayText span.button:visited:focus,
#products_landing .longHero .overlayText span.button:visited:focus,
span.button.blue:visited:hover,
#products_detail .overlayText span.button:visited:hover,
#products_landing .longHero .overlayText span.button:visited:hover {
  -webkit-box-shadow: 0 4px 8px rgba(10, 10, 10, 0.3);
  box-shadow: 0 4px 8px rgba(10, 10, 10, 0.3);
}

button.blue:active, #simpleLinkBlocks .freeTrial button:active, #products_detail .overlayText button.button:active, #products_detail.product_features .overlayText button:active, #products_landing .longHero .overlayText button.button:active, button.blue:visited:active, #simpleLinkBlocks .freeTrial button:visited:active, #products_detail .overlayText button.button:visited:active, #products_detail.product_features .overlayText button:visited:active, #products_landing .longHero .overlayText button.button:visited:active,
button.button.blue:active,
#simpleLinkBlocks .freeTrial button.button:active,
#products_detail .overlayText button.button:active,
#products_landing .longHero .overlayText button.button:active,
button.button.blue:visited:active,
#simpleLinkBlocks .freeTrial button.button:visited:active,
#products_detail .overlayText button.button:visited:active,
#products_landing .longHero .overlayText button.button:visited:active,
a.button.blue:active,
#products_detail .overlayText a.button:active,
#products_landing .longHero .overlayText a.button:active,
a.button.blue:visited:active,
#products_detail .overlayText a.button:visited:active,
#products_landing .longHero .overlayText a.button:visited:active,
input.button.blue:active,
#products_detail .overlayText input.button:active,
#products_landing .longHero .overlayText input.button:active,
input.button.blue:visited:active,
#products_detail .overlayText input.button:visited:active,
#products_landing .longHero .overlayText input.button:visited:active,
span.button.blue:active,
#products_detail .overlayText span.button:active,
#products_landing .longHero .overlayText span.button:active,
span.button.blue:visited:active,
#products_detail .overlayText span.button:visited:active,
#products_landing .longHero .overlayText span.button:visited:active {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#21B3CD), to(#31739C));
  background-image: linear-gradient(0deg, #21B3CD, #31739C);
  -webkit-box-shadow: 0 4px 8px rgba(37, 86, 117, 0.8);
  box-shadow: 0 4px 8px rgba(37, 86, 117, 0.8);
  background-position: 100% 50%;
}

button.submitting, button.submitting:hover,
button.button.submitting,
button.button.submitting:hover,
a.button.submitting,
a.button.submitting:hover,
input.button.submitting,
input.button.submitting:hover,
span.button.submitting,
span.button.submitting:hover {
  background-color: rgba(81, 155, 200, 0.5);
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: default;
}

button.submitting:after, button.submitting:hover:after,
button.button.submitting:after,
button.button.submitting:hover:after,
a.button.submitting:after,
a.button.submitting:hover:after,
input.button.submitting:after,
input.button.submitting:hover:after,
span.button.submitting:after,
span.button.submitting:hover:after {
  opacity: 0;
}

button.gray, button.gray:visited,
button.button.gray,
button.button.gray:visited,
a.button.gray,
a.button.gray:visited,
input.button.gray,
input.button.gray:visited,
span.button.gray,
span.button.gray:visited {
  background-color: #5d6d75;
  border-color: transparent;
  color: #ffffff;
}

button.gray:after, button.gray:visited:after,
button.button.gray:after,
button.button.gray:visited:after,
a.button.gray:after,
a.button.gray:visited:after,
input.button.gray:after,
input.button.gray:visited:after,
span.button.gray:after,
span.button.gray:visited:after {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#82939c), to(#5d6d75));
  background-image: linear-gradient(0deg, #82939c, #5d6d75);
}

button.clear, button.clear:visited, button.clearOrange, button.clearOrange:visited,
button.button.clear,
button.button.clear:visited,
button.button.clearOrange,
button.button.clearOrange:visited,
a.button.clear,
a.button.clear:visited,
a.button.clearOrange,
a.button.clearOrange:visited,
input.button.clear,
input.button.clear:visited,
input.button.clearOrange,
input.button.clearOrange:visited,
span.button.clear,
span.button.clear:visited,
span.button.clearOrange,
span.button.clearOrange:visited {
  background: none;
  border-color: #3B454A;
  color: #3B454A;
}

button.clear:after, button.clear:visited:after, button.clearOrange:after, button.clearOrange:visited:after,
button.button.clear:after,
button.button.clear:visited:after,
button.button.clearOrange:after,
button.button.clearOrange:visited:after,
a.button.clear:after,
a.button.clear:visited:after,
a.button.clearOrange:after,
a.button.clearOrange:visited:after,
input.button.clear:after,
input.button.clear:visited:after,
input.button.clearOrange:after,
input.button.clearOrange:visited:after,
span.button.clear:after,
span.button.clear:visited:after,
span.button.clearOrange:after,
span.button.clearOrange:visited:after {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
  background-color: rgba(10, 10, 10, 0);
}

button.clear:focus, button.clear:hover, button.clear:visited:focus, button.clear:visited:hover, button.clearOrange:focus, button.clearOrange:hover, button.clearOrange:visited:focus, button.clearOrange:visited:hover,
button.button.clear:focus,
button.button.clear:hover,
button.button.clear:visited:focus,
button.button.clear:visited:hover,
button.button.clearOrange:focus,
button.button.clearOrange:hover,
button.button.clearOrange:visited:focus,
button.button.clearOrange:visited:hover,
a.button.clear:focus,
a.button.clear:hover,
a.button.clear:visited:focus,
a.button.clear:visited:hover,
a.button.clearOrange:focus,
a.button.clearOrange:hover,
a.button.clearOrange:visited:focus,
a.button.clearOrange:visited:hover,
input.button.clear:focus,
input.button.clear:hover,
input.button.clear:visited:focus,
input.button.clear:visited:hover,
input.button.clearOrange:focus,
input.button.clearOrange:hover,
input.button.clearOrange:visited:focus,
input.button.clearOrange:visited:hover,
span.button.clear:focus,
span.button.clear:hover,
span.button.clear:visited:focus,
span.button.clear:visited:hover,
span.button.clearOrange:focus,
span.button.clearOrange:hover,
span.button.clearOrange:visited:focus,
span.button.clearOrange:visited:hover {
  -webkit-box-shadow: 0 4px 8px rgba(10, 10, 10, 0.3);
  box-shadow: 0 4px 8px rgba(10, 10, 10, 0.3);
}

button.clear:active, button.clear:visited:active, button.clearOrange:active, button.clearOrange:visited:active,
button.button.clear:active,
button.button.clear:visited:active,
button.button.clearOrange:active,
button.button.clearOrange:visited:active,
a.button.clear:active,
a.button.clear:visited:active,
a.button.clearOrange:active,
a.button.clearOrange:visited:active,
input.button.clear:active,
input.button.clear:visited:active,
input.button.clearOrange:active,
input.button.clearOrange:visited:active,
span.button.clear:active,
span.button.clear:visited:active,
span.button.clearOrange:active,
span.button.clearOrange:visited:active {
  -webkit-transition: 0s;
  transition: 0s;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), to(rgba(10, 10, 10, 0.05)));
  background-image: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(10, 10, 10, 0.05));
}

button.darkClear, button.darkClear:visited,
button.button.darkClear,
button.button.darkClear:visited,
a.button.darkClear,
a.button.darkClear:visited,
input.button.darkClear,
input.button.darkClear:visited,
span.button.darkClear,
span.button.darkClear:visited {
  background: none;
  border-color: #ffffff;
  color: #ffffff;
}

button.darkClear:after, button.darkClear:visited:after,
button.button.darkClear:after,
button.button.darkClear:visited:after,
a.button.darkClear:after,
a.button.darkClear:visited:after,
input.button.darkClear:after,
input.button.darkClear:visited:after,
span.button.darkClear:after,
span.button.darkClear:visited:after {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
}

button.darkClear:focus, button.darkClear:hover, button.darkClear:visited:focus, button.darkClear:visited:hover,
button.button.darkClear:focus,
button.button.darkClear:hover,
button.button.darkClear:visited:focus,
button.button.darkClear:visited:hover,
a.button.darkClear:focus,
a.button.darkClear:hover,
a.button.darkClear:visited:focus,
a.button.darkClear:visited:hover,
input.button.darkClear:focus,
input.button.darkClear:hover,
input.button.darkClear:visited:focus,
input.button.darkClear:visited:hover,
span.button.darkClear:focus,
span.button.darkClear:hover,
span.button.darkClear:visited:focus,
span.button.darkClear:visited:hover {
  border-color: #DEE5E8;
  -webkit-box-shadow: 0 4px 8px rgba(10, 10, 10, 0.4);
  box-shadow: 0 4px 8px rgba(10, 10, 10, 0.4);
}

button.darkClear:active, button.darkClear:visited:active,
button.button.darkClear:active,
button.button.darkClear:visited:active,
a.button.darkClear:active,
a.button.darkClear:visited:active,
input.button.darkClear:active,
input.button.darkClear:visited:active,
span.button.darkClear:active,
span.button.darkClear:visited:active {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(10, 10, 10, 0)), to(rgba(10, 10, 10, 0.2)));
  background-image: linear-gradient(0deg, rgba(10, 10, 10, 0), rgba(10, 10, 10, 0.2));
}

button.solidYellow, button.solidYellow:visited,
button.button.solidYellow,
button.button.solidYellow:visited,
a.button.solidYellow,
a.button.solidYellow:visited,
input.button.solidYellow,
input.button.solidYellow:visited,
span.button.solidYellow,
span.button.solidYellow:visited {
  background-color: #FFD349;
  border-color: transparent;
  color: #3B454A;
}

button.solidYellow:after, button.solidYellow:visited:after,
button.button.solidYellow:after,
button.button.solidYellow:visited:after,
a.button.solidYellow:after,
a.button.solidYellow:visited:after,
input.button.solidYellow:after,
input.button.solidYellow:visited:after,
span.button.solidYellow:after,
span.button.solidYellow:visited:after {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#ffc716), to(#FFD349));
  background-image: linear-gradient(0deg, #ffc716, #FFD349);
}

button.solidYellow:focus, button.solidYellow:hover, button.solidYellow:visited:focus, button.solidYellow:visited:hover,
button.button.solidYellow:focus,
button.button.solidYellow:hover,
button.button.solidYellow:visited:focus,
button.button.solidYellow:visited:hover,
a.button.solidYellow:focus,
a.button.solidYellow:hover,
a.button.solidYellow:visited:focus,
a.button.solidYellow:visited:hover,
input.button.solidYellow:focus,
input.button.solidYellow:hover,
input.button.solidYellow:visited:focus,
input.button.solidYellow:visited:hover,
span.button.solidYellow:focus,
span.button.solidYellow:hover,
span.button.solidYellow:visited:focus,
span.button.solidYellow:visited:hover {
  -webkit-box-shadow: 0 4px 8px rgba(10, 10, 10, 0.3);
  box-shadow: 0 4px 8px rgba(10, 10, 10, 0.3);
}

button.solidYellow:active, button.solidYellow:visited:active,
button.button.solidYellow:active,
button.button.solidYellow:visited:active,
a.button.solidYellow:active,
a.button.solidYellow:visited:active,
input.button.solidYellow:active,
input.button.solidYellow:visited:active,
span.button.solidYellow:active,
span.button.solidYellow:visited:active {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#ffc716), to(#FFD349));
  background-image: linear-gradient(0deg, #ffc716, #FFD349);
  -webkit-box-shadow: 0 4px 8px rgba(255, 199, 22, 0.8);
  box-shadow: 0 4px 8px rgba(255, 199, 22, 0.8);
  background-position: 100% 50%;
}

button.menu-icon,
button.button.menu-icon,
a.button.menu-icon,
input.button.menu-icon,
span.button.menu-icon {
  border: none;
}

button.chat-icon, button.chat-icon:hover,
button.button.chat-icon,
button.button.chat-icon:hover,
a.button.chat-icon,
a.button.chat-icon:hover,
input.button.chat-icon,
input.button.chat-icon:hover,
span.button.chat-icon,
span.button.chat-icon:hover {
  background-image: url("/includes/img/chat.svg");
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: 15px center;
  padding-left: 40px;
}

a button:hover:before,
button a:hover:before {
  visibility: hidden;
}

input[type="submit"].button.blue:hover, #products_detail .overlayText input[type="submit"].button:hover, #products_landing .longHero .overlayText input[type="submit"].button:hover {
  background-color: #519bc8;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#21B3CD), to(#519bc8));
  background-image: linear-gradient(0deg, #21B3CD, #519bc8);
}

input[type="submit"].button.blue.submitting, #products_detail .overlayText input[type="submit"].button.submitting, #products_landing .longHero .overlayText input[type="submit"].button.submitting, input[type="submit"].button.blue.submitting:hover, #products_detail .overlayText input[type="submit"].button.submitting:hover, #products_landing .longHero .overlayText input[type="submit"].button.submitting:hover {
  background-color: rgba(81, 155, 200, 0.5);
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: default;
}

/* end buttons */
/* Decorations for text, usually links */
/* Decoration styles for blocks */
.fullwidthBlock.crossSiteLinks .crossSiteLink, .fullwidthBlock.peopleBlock .peopleSlide__text .person, .fullwidthBlock.resourceCtaBlock .resourceCta__text {
  border-left: 4px solid #E85E26;
  padding: 28px 32px;
}

.textCta, .pageBlock .textCta {
  position: relative;
  display: inline-block;
  font-family: "Muli", "Muli-local", sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  margin-bottom: 10px;
  text-decoration: none !important;
}

.textCta:hover, .pageBlock .textCta:hover {
  color: #FFD349;
}

.textCta:after, .pageBlock .textCta:after {
  content: '';
  position: absolute;
  height: 4px;
  left: 0;
  right: 0;
  bottom: -7px;
}

.textCta.yellow, .pageBlock .textCta.yellow {
  color: #FFD349;
}

.textCta.yellow:after, .pageBlock .textCta.yellow:after {
  background-color: #FFD349;
}

.textCta.yellow:hover, .pageBlock .textCta.yellow:hover {
  color: #ffffff;
}

.textCta.yellow:active, .pageBlock .textCta.yellow:active {
  -webkit-transition: 0s;
  transition: 0s;
  color: #edf1f2;
  border-color: #b1c1c9;
}

.textCta.gray, .pageBlock .textCta.gray {
  color: #3B454A;
}

.textCta.gray:after, .pageBlock .textCta.gray:after {
  background-color: #3B454A;
}

.textCta.gray:hover, .pageBlock .textCta.gray:hover {
  color: #82939c;
}

.textCta.gray:active, .pageBlock .textCta.gray:active {
  -webkit-transition: 0s;
  transition: 0s;
  color: #b1c1c9;
}

.textCta.white, .pageBlock .textCta.white {
  color: #ffffff;
}

.textCta.white:after, .pageBlock .textCta.white:after {
  background-color: #ffffff;
}

.textCta.white:hover, .pageBlock .textCta.white:hover {
  color: #DEE5E8;
}

.textCta.lgText, .pageBlock .textCta.lgText {
  font-size: 1.5rem;
  letter-spacing: 1.5px;
}

@media screen and (min-width: 64em) {
  .textCta.lgText, .pageBlock .textCta.lgText {
    font-size: 1.5rem;
    letter-spacing: 3px;
  }
}

.textCta.mdText, .pageBlock .textCta.mdText {
  font-size: 1.25rem;
  letter-spacing: 3px;
}

.textCta.smText, .pageBlock .textCta.smText {
  font-size: 1rem;
  letter-spacing: 3px;
}

.textCta.xsmText, .pageBlock .textCta.xsmText {
  font-size: 0.75rem;
  letter-spacing: 2.75px;
}

.textCta.xsmText:after, .pageBlock .textCta.xsmText:after {
  height: 2px;
  bottom: -4px;
}

/* Background helper classes */
.bgWhite {
  background-color: #ffffff;
}

.bgSolidDkGray {
  background-color: #3B454A;
}

.bgSolidXDkGray {
  background-color: #242b2e;
}

.bgGrayGradient {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dde5e9+0,f8f9fa+100 */
  background: #dde5e9;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #dde5e9 0%, #f8f9fa 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.bgBlueGreenGradientDesign {
  background-color: #242b2e;
  background-image: url("/includes/img/backgrounds/blue-green-gradient-design.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.bgGreenBlueGradientDesign, body.error .longHero {
  background-color: #242b2e;
  background-image: url("/includes/img/backgrounds/green-blue-gradient-design.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.bgBlueGreenOffice {
  background-image: url("/includes/img/backgrounds/blue-green-gradient.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top left;
}

.bgBlueGreenRadialGradient {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1cbb98+0,255675+100 */
  background: #1cbb98;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #1cbb98 0%, #255675 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1cbb98', endColorstr='#255675',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
}

.bgBlueGreenLinearGradient {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#519bc8+0,6de9ce+100 */
  background: #519bc8;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #519bc8 0%, #6de9ce 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#519bc8', endColorstr='#6de9ce',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
}

.bgGrayLight {
  background: #edf1f2;
}

.quoteBlock {
  background-image: url("/includes/img/backgrounds/quote-background.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.bgBlueGreenGradient {
  position: relative;
  overflow: hidden;
  background: #3B454A;
}

.bgBlueGreenGradient .columns {
  position: relative;
  z-index: 1;
}

.bgBlueGreenGradient:before, .bgBlueGreenGradient:after {
  content: "";
  position: absolute;
  z-index: 0;
}

.bgBlueGreenGradient:before {
  background: -webkit-gradient(linear, left top, right top, from(#31739C), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to right, #31739C, rgba(0, 0, 0, 0));
  width: 80%;
  height: 150%;
  top: -45%;
  left: -2%;
}

@media screen and (min-width: 40em) {
  .bgBlueGreenGradient:before {
    background: radial-gradient(circle at 50% 50%, #31739c 25%, rgba(0, 0, 0, 0) 55%);
    width: 150%;
    left: -100%;
  }
}

@media screen and (min-width: 64em) {
  .bgBlueGreenGradient:before {
    background: radial-gradient(circle at 50% 50%, #31739c 15%, rgba(0, 0, 0, 0) 70%);
  }
}

.bgBlueGreenGradient:after {
  background: -webkit-gradient(linear, right top, left top, from(#21B3CD), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to left, #21B3CD, rgba(0, 0, 0, 0));
  width: 100%;
  height: 180%;
  top: -60%;
  right: -60%;
}

@media screen and (min-width: 40em) {
  .bgBlueGreenGradient:after {
    background: radial-gradient(ellipse at 155% 10%, #21B3CD 15%, rgba(0, 0, 0, 0) 65%);
    width: 120%;
    right: -2%;
  }
}

.bgAquaSlateGradient {
  position: relative;
  overflow: hidden;
  background: #3B454A;
}

.bgAquaSlateGradient .columns {
  position: relative;
  z-index: 1;
}

.bgAquaSlateGradient:before {
  content: "";
  position: absolute;
  z-index: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#21B3CD), color-stop(50%, rgba(0, 0, 0, 0)));
  background: linear-gradient(to bottom, #21B3CD 0%, rgba(0, 0, 0, 0) 50%);
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0%;
}

@media screen and (min-width: 64em) {
  .bgAquaSlateGradient:before {
    background: radial-gradient(circle at 45% -20%, #21b3cd 20%, rgba(0, 0, 0, 0) 60%);
    width: 200%;
    height: 100%;
    left: -35%;
  }
}

.bgOrangeRepeatingGradient, .fullwidthBlock.promoBarBlock.bgOrangeRepeatingGradient {
  position: relative;
  overflow: hidden;
  background-color: #E85E26;
  background-image: none;
}

.bgOrangeRepeatingGradient:before, .fullwidthBlock.promoBarBlock.bgOrangeRepeatingGradient:before {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(40%, #E85E26), to(#FDA039)) !important;
  background-image: linear-gradient(to right, #E85E26 40%, #FDA039) !important;
}

@media screen and (min-width: 64em) {
  .bgOrangeRepeatingGradient:before, .fullwidthBlock.promoBarBlock.bgOrangeRepeatingGradient:before {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #E85E26), color-stop(#FDA039), color-stop(#E85E26), to(#FDA039)) !important;
    background-image: linear-gradient(to right, #E85E26 30%, #FDA039, #E85E26, #FDA039) !important;
  }
}

.bgOrangeRepeatingGradient .columns, .fullwidthBlock.promoBarBlock.bgOrangeRepeatingGradient .columns {
  position: relative;
  z-index: 1;
}

.bgOrangeRepeatingGradient:before, .bgOrangeRepeatingGradient:after, .fullwidthBlock.promoBarBlock.bgOrangeRepeatingGradient:before, .fullwidthBlock.promoBarBlock.bgOrangeRepeatingGradient:after {
  content: "";
  position: absolute;
  z-index: 0;
}

.bgOrangeDiagGradient {
  position: relative;
  overflow: hidden;
  background-color: #E85E26;
  background-image: none;
}

.bgOrangeDiagGradient:before {
  content: '';
  position: absolute;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #E85E26), color-stop(35%, #FDA039), color-stop(50%, #E85E26), color-stop(70%, #FDA039), color-stop(85%, #E85E26), to(#FDA039)) !important;
  background-image: linear-gradient(to bottom, #E85E26 20%, #FDA039 35%, #E85E26 50%, #FDA039 70%, #E85E26 85%, #FDA039 100%) !important;
  -webkit-transform: translate3d(0%, -20%, 0);
  transform: translate3d(0%, -20%, 0);
  width: 200%;
  height: 200%;
}

@media screen and (min-width: 64em) {
  .bgOrangeDiagGradient:before {
    -webkit-transform: translate3d(-20%, -20%, 0) rotate(-20deg);
    transform: translate3d(-20%, -20%, 0) rotate(-20deg);
  }
}

.bgOrangeDiagGradient .columns {
  position: relative;
  z-index: 1;
}

.bgOrangeDiagGradient:before, .bgOrangeDiagGradient:after {
  content: "";
  position: absolute;
  z-index: 0;
}

.bgCareersQuiz {
  position: relative;
  overflow: hidden;
  background: #3B454A;
}

.bgCareersQuiz .columns {
  position: relative;
  z-index: 1;
}

.bgCareersQuiz:before {
  content: "";
  position: absolute;
  z-index: 0;
  background: radial-gradient(circle at 15% 15%, #21B3CD 10%, rgba(0, 0, 0, 0) 76%);
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0%;
}

@media screen and (min-width: 64em) {
  .bgCareersQuiz:before {
    background: radial-gradient(circle at 15% -65%, #21B3CD 20%, rgba(0, 0, 0, 0) 48%);
    width: 110%;
    height: 100%;
  }
}

.bgCareersQuiz:after {
  content: "";
  position: absolute;
  z-index: 0;
  background: radial-gradient(circle at 75% 25%, #31739c 20%, rgba(0, 0, 0, 0) 75%);
  width: 100%;
  height: 100%;
  top: 0%;
  right: 0%;
}

@media screen and (min-width: 64em) {
  .bgCareersQuiz:after {
    background: radial-gradient(circle at 55% 15%, #31739C 20%, rgba(0, 0, 0, 0) 55%);
    width: 120%;
    height: 100%;
    right: -35%;
  }
}

/* Decorations for text, usually links */
/* Decoration styles for blocks */
.fullwidthBlock.crossSiteLinks .crossSiteLink, .fullwidthBlock.peopleBlock .peopleSlide__text .person, .fullwidthBlock.resourceCtaBlock .resourceCta__text {
  border-left: 4px solid #E85E26;
  padding: 28px 32px;
}

/* Custom Foundation row/column styles */
.row.nopad, .column.nopad, .nopad.columns, .columns.nopad {
  padding: 0 !important;
}

@media screen and (max-width: 39.9375em) {
  .row.nopad--mobile, .column.nopad--mobile, .nopad--mobile.columns, .columns.nopad--mobile {
    padding: 0 !important;
  }
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .row.nopad--mobile, .column.nopad--mobile, .nopad--mobile.columns, .columns.nopad--mobile {
    padding: 0 !important;
  }
}

.row.nopad-x, .column.nopad-x, .nopad-x.columns, .columns.nopad-x {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.row.nopad-y, .column.nopad-y, .nopad-y.columns, .columns.nopad-y {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.row.nopad-top, .column.nopad-top, .nopad-top.columns, .columns.nopad-top {
  padding-top: 0 !important;
}

.row.nopad-btm, .column.nopad-btm, .nopad-btm.columns, .columns.nopad-btm {
  padding-bottom: 0 !important;
}

.row.smpad-top, .column.smpad-top, .smpad-top.columns, .columns.smpad-top {
  padding-top: 1rem !important;
}

@media screen and (min-width: 64em) {
  .row.smpad-top, .column.smpad-top, .smpad-top.columns, .columns.smpad-top {
    padding-top: 2rem !important;
  }
}

.row.smpad-btm, .column.smpad-btm, .smpad-btm.columns, .columns.smpad-btm {
  padding-bottom: 1rem !important;
}

@media screen and (min-width: 64em) {
  .row.smpad-btm, .column.smpad-btm, .smpad-btm.columns, .columns.smpad-btm {
    padding-bottom: 2rem !important;
  }
}

.row.wrapper, .statsBlock .statNumbers, .statsBlock .customerLogos, .column.wrapper, .wrapper.columns, .columns.wrapper {
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media screen and (min-width: 64em) {
  .row.wrapper, .statsBlock .statNumbers, .statsBlock .customerLogos, .column.wrapper, .wrapper.columns, .columns.wrapper {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}

@media screen and (min-width: 64em) {
  .row.max-420, .column.max-420, .max-420.columns, .columns.max-420 {
    max-width: 26.25rem;
  }
}

.row.max-950, .column.max-950, .max-950.columns, .columns.max-950 {
  margin: 0 auto;
}

@media screen and (min-width: 64em) {
  .row.max-950, .column.max-950, .max-950.columns, .columns.max-950 {
    max-width: 59.375rem;
  }
}

.row.max-1250, .column.max-1250, .max-1250.columns, .columns.max-1250 {
  max-width: 78.125rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

@media screen and (min-width: 64em) {
  .row.max-1250, .column.max-1250, .max-1250.columns, .columns.max-1250 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.row.expanded .row {
  margin: 0 auto;
  max-width: 84rem;
  background: inherit;
}

.divider {
  border-bottom: 1px solid #bfbfbf;
  margin-bottom: 1.25rem;
}

.dividerWhite {
  border-bottom: 2.188rem solid #edf1f2;
}

.dividerHidden {
  padding-bottom: 2.188rem;
}

.dividerRight {
  border-right: solid 1px #bfbfbf;
}

.dividerBlue {
  border-bottom: 1px solid #cfd9de;
  margin-bottom: 2.188rem;
}

@media screen and (min-width: 64em) {
  .dividerBlue {
    margin-bottom: 3.125rem;
  }
}

.dividerVs {
  /* requires position relative on parent */
  content: url("/includes/img/vs.svg");
  position: absolute;
  top: 45%;
}

@media screen and (max-width: 1024px) {
  .dividerVs {
    right: 45%;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1110px) {
  .dividerVs {
    right: 44%;
  }
}

@media screen and (min-width: 1111px) and (max-width: 1220px) {
  .dividerVs {
    right: 44.5%;
  }
}

@media screen and (min-width: 1221px) and (max-width: 1330px) {
  .dividerVs {
    right: 45%;
  }
}

@media screen and (min-width: 1331px) {
  .dividerVs {
    right: 45.5%;
  }
}

.text-uppercase {
  text-transform: uppercase;
}

/* Tables -- Foundation Overrides */
table tbody tr:nth-child(2n) {
  background-color: #edf1f2;
  border-top: 1px solid #DEE5E8;
  border-bottom: 1px solid #DEE5E8;
}

/* Headline Styles */
/* Old/Existing */
/* sets colors for elements */
.pageContent ul li,
.pageContent ul li a {
  color: #595959;
}

p,
h2,
h3,
h4,
h5,
h6, label, .filter-group__label,
.mainContent ul li {
  color: #595959;
}

a {
  color: #519bc8;
}

/* sets background colors for elements */
.hero {
  background-color: #242b2e;
}

/* Text styles */
.textWhite {
  color: #ffffff;
}

.textWhite h2, .textWhite h3, .textWhite h4, .textWhite p, .textWhite ul li {
  color: #ffffff;
}

.textWhite a, .textWhite a:visited {
  color: #ffffff;
}

.textWhite a:hover, .textWhite a:visited:hover {
  color: #edf1f2;
}

/* utility classes */
.center {
  text-align: center;
}

.contained {
  max-width: 1000px;
}

/* centered lists */
.table {
  display: table;
  /* Allow the centering to work */
  margin: 0 auto;
}

ul#centeredList {
  min-width: 100%;
  list-style: none;
}

ul#centeredList li {
  display: inline;
}

/* end centered lists */
.pageContent {
  background-color: #edf1f2;
  overflow: hidden;
  /* border-top: $font--double solid $white; */
}

.pageContent.overlap-hero {
  position: relative;
  z-index: 3;
  margin-top: -100px;
  background-color: transparent;
}

.pageContent li,
.pageContent li a {
  list-style-type: none;
}

.pageContent .mainContent {
  padding-top: 2.75rem;
}

.pageContent .mainContent h4 {
  padding-bottom: 0.875rem;
}

.pageContent .mainContent p {
  padding-bottom: 0.5rem;
}

.pageContent .mainContent ul {
  margin-left: 4rem;
  padding-bottom: 2.188rem;
}

.pageContent .mainContent ul.options {
  margin-left: 0;
  padding-bottom: 0;
}

.pageContent .mainContent li {
  list-style-type: disc;
}

.pageContent .mainContent a {
  position: relative;
}

.pageContent .mainContent a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #519bc8;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.pageContent .mainContent a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* media */
.play {
  background: none;
}

.play:after {
  content: url("../img/play.svg");
  position: absolute;
  left: 40%;
  top: 32%;
}

#video {
  position: relative;
}

.videoEmbed {
  padding-bottom: 2rem;
}

.videoEmbed .vidyard_player span {
  width: 100% !important;
  height: 0 !important;
  padding-bottom: 56.25% !important;
}

hr {
  background-color: #bfbfbf;
  height: 1px;
  margin: 1rem 0 2.5rem;
  width: 190px;
}

hr.full {
  width: 100%;
}

hr.no-margin {
  margin: 0;
}

hr.slim {
  border-bottom: 0;
}

h4.spanTitle {
  color: #82939c;
  font-size: 1.25rem;
}

.loader {
  text-align: center;
  margin: 0 auto;
  display: block;
}

.loader svg path,
.loader svg rect {
  fill: #FF6700;
}

.simpleHeader {
  background: #3B454A;
  height: 65px;
  line-height: 65px;
  color: #ffffff;
}

.relative {
  position: relative;
}

.formBlock .checkboxContainer, .formWrap .checkboxContainer, #contact .pageContent .checkboxContainer {
  padding-top: 1rem;
}

.formBlock .checkboxContainer p, .formWrap .checkboxContainer p, #contact .pageContent .checkboxContainer p {
  color: inherit;
  font-size: 0.75rem;
  margin-bottom: 0;
}

.formBlock .checkboxContainer p.disc, .formWrap .checkboxContainer p.disc, #contact .pageContent .checkboxContainer p.disc {
  font-size: 0.75rem !important;
  font-weight: normal !important;
  line-height: 1.125rem;
  padding-bottom: 0;
  padding-left: 32px;
  color: inherit;
  margin-bottom: 1.75rem;
  margin-top: 1.5rem;
}

.formBlock .checkboxContainer label, .formWrap .checkboxContainer label, #contact .pageContent .checkboxContainer label, .formBlock .checkboxContainer .filter-group__label, .formWrap .checkboxContainer .filter-group__label, #contact .pageContent .checkboxContainer .filter-group__label {
  color: #5d6d75;
  font-size: 0.75rem;
  line-height: 1.5rem;
}

.formBlock .checkboxContainer input[type="checkbox"].r7-check, .formWrap .checkboxContainer input[type="checkbox"].r7-check, #contact .pageContent .checkboxContainer input[type="checkbox"].r7-check {
  margin-right: .5rem;
  margin-bottom: 0;
}

.formBlock .checkboxContainer a, .formWrap .checkboxContainer a, #contact .pageContent .checkboxContainer a {
  color: #595959;
  text-decoration: underline;
}

.formBlock .checkboxContainer a:before, .formWrap .checkboxContainer a:before, #contact .pageContent .checkboxContainer a:before {
  display: none;
}

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

.flex-container.flex-large {
  display: block;
}

@media screen and (min-width: 64em) {
  .flex-container.flex-large {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.flex-container.flex-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

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

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

.vulndb__insightvm-features ul li a:before, #products_detail_new .featuresList ul li:before {
  background-image: url("../img/icon-checked.svg");
  background-size: 24px 24px;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  left: 0;
}

img[src*="vidassets.terminus.services"] {
  display: none !important;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes rotateLeftThirty {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
  }
}

@keyframes rotateLeftThirty {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
  }
}

@-webkit-keyframes rotateRightThirty {
  from {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes rotateRightThirty {
  from {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

/* Generated with Bounce.js. Edit at http://bouncejs.com#%7Bs%3A%5B%7BT%3A%22t%22%2Ce%3A%22b%22%2Cd%3A1200%2CD%3A0%2Cf%3A%7Bx%3A0%2Cy%3A-300%7D%2Ct%3A%7Bx%3A0%2Cy%3A0%7D%2Cs%3A2%2Cb%3A4%7D%5D%7D */
@-webkit-keyframes title-bounce-down {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  8.99% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  9.09% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -100, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -100, 0, 1);
  }
  13.19% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -51.473, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -51.473, 0, 1);
  }
  17.28% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -12.002, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -12.002, 0, 1);
  }
  21.38% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 8.742, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 8.742, 0, 1);
  }
  25.38% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 13.922, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 13.922, 0, 1);
  }
  35.48% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 3.229, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 3.229, 0, 1);
  }
  40.58% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.593, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.593, 0, 1);
  }
  45.58% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.543, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.543, 0, 1);
  }
  65.78% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.171, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.171, 0, 1);
  }
  86.08% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.019, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.019, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
@keyframes title-bounce-down {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  8.99% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  9.09% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -100, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -100, 0, 1);
  }
  13.19% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -51.473, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -51.473, 0, 1);
  }
  17.28% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -12.002, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -12.002, 0, 1);
  }
  21.38% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 8.742, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 8.742, 0, 1);
  }
  25.38% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 13.922, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 13.922, 0, 1);
  }
  35.48% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 3.229, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 3.229, 0, 1);
  }
  40.58% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.593, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.593, 0, 1);
  }
  45.58% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.543, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.543, 0, 1);
  }
  65.78% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.171, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.171, 0, 1);
  }
  86.08% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.019, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.019, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}

.title-bounce-down {
  -webkit-animation: title-bounce-down 880ms linear both;
  animation: title-bounce-down 880ms linear both;
}

/* Generated with Bounce.js. Edit at http://bouncejs.com#%7Bs%3A%5B%7BT%3A%22t%22%2Ce%3A%22b%22%2Cd%3A800%2CD%3A50%2Cf%3A%7Bx%3A0%2Cy%3A200%7D%2Ct%3A%7Bx%3A0%2Cy%3A0%7D%2Cs%3A2%2Cb%3A3%7D%5D%7D */
@-webkit-keyframes card-bounce-up {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  5.78% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  5.88% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 0, 1);
  }
  11.06% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 95.356, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 95.356, 0, 1);
  }
  16.25% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 23.691, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 23.691, 0, 1);
  }
  21.43% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -9.467, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -9.467, 0, 1);
  }
  26.51% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -16.994, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -16.994, 0, 1);
  }
  39.99% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -3.682, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -3.682, 0, 1);
  }
  53.46% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.004, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.004, 0, 1);
  }
  80.31% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.059, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.059, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
@keyframes card-bounce-up {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  5.78% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  5.88% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 0, 1);
  }
  11.06% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 95.356, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 95.356, 0, 1);
  }
  16.25% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 23.691, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 23.691, 0, 1);
  }
  21.43% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -9.467, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -9.467, 0, 1);
  }
  26.51% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -16.994, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -16.994, 0, 1);
  }
  39.99% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -3.682, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -3.682, 0, 1);
  }
  53.46% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.004, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.004, 0, 1);
  }
  80.31% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.059, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.059, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}

.card-bounce-up {
  -webkit-animation: card-bounce-up 850ms linear both;
  animation: card-bounce-up 850ms linear both;
}

/* Generated with Bounce.js. Edit at http://bouncejs.com#%7Bs%3A%5B%7BT%3A%22t%22%2Ce%3A%22b%22%2Cd%3A800%2CD%3A120%2Cf%3A%7Bx%3A0%2Cy%3A200%7D%2Ct%3A%7Bx%3A0%2Cy%3A0%7D%2Cs%3A2%2Cb%3A3%7D%5D%7D */
@-webkit-keyframes card-bounce-up-last {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 0, 1);
  }
  5.78% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 0, 1);
  }
  5.88% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 0, 1);
  }
  11.06% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 95.356, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 95.356, 0, 1);
  }
  16.25% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 23.691, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 23.691, 0, 1);
  }
  21.43% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -9.467, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -9.467, 0, 1);
  }
  26.51% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -16.994, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -16.994, 0, 1);
  }
  39.99% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -3.682, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -3.682, 0, 1);
  }
  53.46% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.004, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.004, 0, 1);
  }
  80.31% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.059, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.059, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
@keyframes card-bounce-up-last {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 0, 1);
  }
  5.78% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 0, 1);
  }
  5.88% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 200, 0, 1);
  }
  11.06% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 95.356, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 95.356, 0, 1);
  }
  16.25% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 23.691, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 23.691, 0, 1);
  }
  21.43% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -9.467, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -9.467, 0, 1);
  }
  26.51% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -16.994, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -16.994, 0, 1);
  }
  39.99% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -3.682, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -3.682, 0, 1);
  }
  53.46% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.004, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.004, 0, 1);
  }
  80.31% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.059, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.059, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}

.card-bounce-up-last {
  -webkit-animation: card-bounce-up-last 920ms linear both;
  animation: card-bounce-up-last 920ms linear both;
  -webkit-animation-delay: 80ms;
  animation-delay: 80ms;
}

button.light, button.lgBtn {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

h2 a,
.dropdown.menu > li.is-dropdown-submenu-parent > a,
.megamenu > a,
.dropdown li[role="menuitem"] > a,
a.wrapper,
#sections_landing .column .section,
#sections_landing .columns .section,
.features:after,
.cardFile:after,
.cardVideo:after {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.resourceImg {
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

/* sidebar */
#sidebar {
  background-color: #ffffff;
}

#sidebar p,
#sidebar h2,
#sidebar h4,
#sidebar li {
  color: #ffffff;
}

#sidebar p {
  font-size: .875rem;
  line-height: 1.375rem;
}

#sidebar h2 {
  font-size: 1.25rem;
  line-height: 1.5rem;
}

#sidebar h4 {
  font-size: .875rem;
  text-transform: uppercase;
}

#sidebar h5 {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.3125rem;
}

#sidebar li:hover,
#sidebar li a:hover {
  color: #E85E26;
}

#sidebar .video {
  min-height: 21.0625rem;
  background-position: center;
  background-repeat: no-repeat;
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  #sidebar .video {
    min-height: 13rem;
  }
}

#sidebar .lessContent {
  background-color: #3B454A;
}

#sidebar .lessContent p {
  max-height: 4.125rem;
  overflow: hidden;
  padding-right: 4rem;
}

#sidebar .lessContent button {
  margin-bottom: 1rem;
  margin-top: 1rem;
}

#sidebar .light {
  background-color: #ffffff;
  overflow: hidden;
}

@media screen and (min-width: 64em) {
  #sidebar .light {
    max-height: 170px;
  }
}

#sidebar .light h4,
#sidebar .light h5,
#sidebar .light p {
  color: #595959;
}

#sidebar {
  padding: 0;
}

#sidebar .columns {
  padding-bottom: 1rem;
  padding-top: 1rem;
}

@media screen and (min-width: 40em) {
  #sidebar .columns {
    padding: 2rem 4rem 1.625rem 2.875rem;
  }
}

#sidebar .lessContent {
  padding-bottom: 5.5rem;
  padding-top: 5.5rem;
}

#sidebar h2 {
  padding-bottom: 1.5rem;
}

#sidebar ul {
  margin-left: 0;
  padding-bottom: .75rem;
}

#sidebar li {
  line-height: 1.875rem;
}

#sidebar .play {
  background-size: cover;
  position: relative;
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  #sidebar .play {
    background-size: contain;
  }
}

#sidebar .play:after {
  left: 40%;
  top: 40%;
}

/* end sidebar */
[type='text'],
[type='password'],
[type='date'],
[type='datetime'],
[type='datetime-local'],
[type='month'],
[type='week'],
[type='email'],
[type='number'],
[type='search'],
[type='tel'],
[type='time'],
[type='url'],
[type='color'],
select,
.select,
textarea {
  border: 1px solid #DEE5E8;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #5d6d75;
  height: 2.688em;
  margin-bottom: 0.875em;
  padding: 0.2rem 0.625em;
  border-radius: 5px;
  font-size: 0.875rem;
}

[type='text']:focus,
[type='password']:focus,
[type='date']:focus,
[type='datetime']:focus,
[type='datetime-local']:focus,
[type='month']:focus,
[type='week']:focus,
[type='email']:focus,
[type='number']:focus,
[type='search']:focus,
[type='tel']:focus,
[type='time']:focus,
[type='url']:focus,
[type='color']:focus,
select:focus,
.select:focus,
textarea:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #82939c;
}

::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder {
  color: #82939c !important;
  font-weight: 400 !important;
}

.formBlock > div,
#contactModal > fieldset {
  margin-left: -1rem;
  margin-right: -1rem;
}

.formBlock > div #submitMsg,
.formBlock > div #fieldInstruction,
#contactModal > fieldset #submitMsg,
#contactModal > fieldset #fieldInstruction {
  margin-left: 1rem;
}

.formBlock, .formWrap {
  background-color: #ffffff;
  padding: 2rem 3rem 3rem;
  /*input[type='submit'],
    button#submit {
        @extend .button;
        @extend .blue;
        @extend .smBtn;
    }*/
}

.formBlock #thankyouText,
.formBlock #errorText, .formWrap #thankyouText,
.formWrap #errorText {
  background: #edf1f2;
  padding: .85rem 1rem;
  margin: 0 0 2rem;
}

.formBlock #thankyouText h4,
.formBlock #errorText h4, .formWrap #thankyouText h4,
.formWrap #errorText h4 {
  font-size: .85rem;
  line-height: 1rem;
  margin: 0;
  padding: 0;
}

.formBlock #thankyouText h4 span.success,
.formBlock #errorText h4 span.success, .formWrap #thankyouText h4 span.success,
.formWrap #errorText h4 span.success {
  color: #11b051;
}

.formBlock #thankyouText h4 span.error,
.formBlock #errorText h4 span.error, .formWrap #thankyouText h4 span.error,
.formWrap #errorText h4 span.error {
  color: #e53720;
}

.formBlock #thankyouText p,
.formBlock #errorText p, .formWrap #thankyouText p,
.formWrap #errorText p {
  font-size: 13px;
  margin-top: 10px;
  line-height: 14px;
}

.formBlock p#fieldInstruction, .formWrap p#fieldInstruction {
  color: #82939c;
  font-size: 0.875rem;
}

.formBlock p.formDescription, .formWrap p.formDescription {
  color: #82939c;
  font-size: 0.75rem;
  line-height: 1rem;
  margin-top: -0.75rem;
}

.formBlock h2, .formWrap h2 {
  color: #242b2e;
  font-size: 1.375rem;
  line-height: 2.188rem;
  padding-bottom: 1.25rem;
}

.formBlock h2 a, .formWrap h2 a {
  font-size: 1rem;
  float: right;
  text-align: right;
  font-weight: 500;
  letter-spacing: 0.33px;
  line-height: 1rem;
  padding-bottom: 1rem;
  margin-top: .5rem;
}

@media screen and (min-width: 40em) {
  .formBlock h2 a, .formWrap h2 a {
    font-size: 0.875rem;
  }
}

.formBlock dl, .formWrap dl {
  width: 50%;
  float: left;
  display: inline-block;
  margin-bottom: 0;
  padding: 0 1rem;
}

.formBlock dl.expand, .formWrap dl.expand {
  width: 100%;
}

.formBlock dl.expand #submit, .formWrap dl.expand #submit {
  margin-top: 1rem;
}

@media screen and (max-width: 46em) {
  .formBlock dl, .formWrap dl {
    width: 100%;
  }
}

.formBlock .fieldInfo, .formWrap .fieldInfo {
  float: right;
  margin-bottom: -2rem;
  position: relative;
}

.formBlock .fieldInfo img, .formWrap .fieldInfo img {
  padding-top: 2.25rem;
  padding-right: .75rem;
  padding-left: 0.75rem;
  cursor: pointer;
}

.formBlock .infoTipBox .fieldInfo, .formWrap .infoTipBox .fieldInfo {
  display: inline-block;
}

.formBlock .fieldInfo .toolTipBlock, .formWrap .fieldInfo .toolTipBlock {
  left: 2rem;
  top: -0.875rem;
  background-color: #242b2e;
  color: #ffffff;
  position: absolute;
  width: 130px;
  z-index: 16;
  display: none;
  width: 350px;
  border-radius: 2px;
}

.formBlock .fieldInfo .toolTipBlock p, .formWrap .fieldInfo .toolTipBlock p {
  line-height: 18px;
}

.formBlock .fieldInfo .toolTipBlock a, .formWrap .fieldInfo .toolTipBlock a {
  color: #ffffff;
  text-decoration: underline;
}

@media screen and (max-width: 63.9375em) {
  .formBlock .fieldInfo .toolTipBlock, .formWrap .fieldInfo .toolTipBlock {
    left: -375px;
  }
}

@media screen and (max-width: 39.9375em) {
  .formBlock .fieldInfo .toolTipBlock, .formWrap .fieldInfo .toolTipBlock {
    left: -231px;
  }
}

.formBlock .fieldInfo .toolTipBlock h5, .formWrap .fieldInfo .toolTipBlock h5 {
  color: #ffffff;
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-size: 0.875rem;
  font-weight: bold;
  margin-bottom: 10px;
  padding-bottom: 0;
}

.formBlock .fieldInfo .toolTipBlock p,
.formBlock .fieldInfo .toolTipBlock li,
.formBlock .fieldInfo .toolTipBlock p.emailSend, .formWrap .fieldInfo .toolTipBlock p,
.formWrap .fieldInfo .toolTipBlock li,
.formWrap .fieldInfo .toolTipBlock p.emailSend {
  color: #ffffff;
  font-size: 0.75rem;
}

.formBlock .fieldInfo .toolTipBlock ul, .formWrap .fieldInfo .toolTipBlock ul {
  margin-left: 0;
}

.formBlock .fieldInfo .toolTipBlock .toolTipText, .formWrap .fieldInfo .toolTipBlock .toolTipText {
  position: relative;
}

.formBlock .fieldInfo .toolTipBlock .toolTipText:before, .formWrap .fieldInfo .toolTipBlock .toolTipText:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #3B454A;
  border-left: 0;
  position: absolute;
  left: -10px;
  top: 25px;
}

@media screen and (max-width: 63.9375em) {
  .formBlock .fieldInfo .toolTipBlock .toolTipText:before, .formWrap .fieldInfo .toolTipBlock .toolTipText:before {
    right: 78px;
    left: 350px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #3B454A;
    border-right: none;
  }
}

@media screen and (max-width: 39.9375em) {
  .formBlock .fieldInfo .toolTipBlock .toolTipText:before, .formWrap .fieldInfo .toolTipBlock .toolTipText:before {
    left: 210px;
  }
}

@media screen and (max-width: 39.9375em) {
  .formBlock .fieldInfo .toolTipBlock, .formWrap .fieldInfo .toolTipBlock {
    width: 210px;
  }
}

.formBlock .checkboxContainer p.disc, .formWrap .checkboxContainer p.disc {
  padding-left: 22px !important;
  color: #5d6d75 !important;
}

.formBlock .toolTipText, .formWrap .toolTipText {
  padding: 0 1rem;
}

@media screen and (max-width: 39.9375em) {
  .formBlock, .formWrap {
    padding: 2rem 1rem;
  }
}

.formBlock select, .formWrap select {
  color: #595959;
  font-size: 0.875rem;
}

.formBlock input:disabled,
.formBlock input[readonly],
.formBlock textarea:disabled,
.formBlock textarea[readonly], .formWrap input:disabled,
.formWrap input[readonly],
.formWrap textarea:disabled,
.formWrap textarea[readonly] {
  opacity: 0.5;
  border: none;
  font-size: 0.875rem;
}

.formBlock .resource_form, .formWrap .resource_form {
  position: relative;
}

.formBlock .has-tip, .formWrap .has-tip {
  border: none;
}

.formBlock label, .formBlock .filter-group__label, .formWrap label, .formWrap .filter-group__label {
  display: inline-block;
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: #82939c;
  margin-bottom: 2px;
}

.formBlock .formBlock, .formWrap .formBlock {
  padding: 0;
}

.formBlock .freemium.freemail .fieldInfo, .formWrap .freemium.freemail .fieldInfo {
  display: none;
}

.sidebar .formBlock,
.standardText.textOnly .sidebar .formBlock {
  padding: 0;
}

.sidebar .formBlock dl,
.standardText.textOnly .sidebar .formBlock dl {
  width: 100%;
}

.sidebar #intro .columns.medium-6,
.standardText.textOnly .sidebar #intro .columns.medium-6 {
  width: 100%;
}

.sidebar #intro .columns.medium-6 h2 a,
.standardText.textOnly .sidebar #intro .columns.medium-6 h2 a {
  text-align: left;
  float: left;
}

.sidebar #intro .columns.medium-6 h2,
.standardText.textOnly .sidebar #intro .columns.medium-6 h2 {
  font-size: 1.375rem;
  color: #3B454A;
  padding-bottom: 0;
}

.sidebar .viewSystemReqs .columns.medium-6,
.standardText.textOnly .sidebar .viewSystemReqs .columns.medium-6 {
  width: 100%;
}

.sidebar .viewSystemReqs h2,
.standardText.textOnly .sidebar .viewSystemReqs h2 {
  padding-bottom: 0;
  margin-bottom: 0;
  text-align: left;
}

.sidebar .viewSystemReqs h2 a,
.standardText.textOnly .sidebar .viewSystemReqs h2 a {
  font-family: "Muli", "Muli-local", sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.5rem;
}

.sidebar .viewSystemReqs p,
.standardText.textOnly .sidebar .viewSystemReqs p {
  font-weight: 400;
  line-height: 1rem;
  font-size: 0.75rem;
}

.sidebar dl.expand #submit,
.standardText.textOnly .sidebar dl.expand #submit {
  width: 100%;
  margin-top: 10px;
}

.sidebar dl.switch,
.standardText.textOnly .sidebar dl.switch {
  border-top: 1px solid #DEE5E8;
  margin-top: 0.9rem;
  padding-top: 1.5rem;
}

.sidebar dl.switch a,
.standardText.textOnly .sidebar dl.switch a {
  font-size: 0.875rem;
  font-weight: 700;
}

.errorMsg,
.form-error {
  color: #c64815;
  font-size: 0.750rem;
  font-weight: 400;
  margin: -0.65rem 0 5px;
  text-align: left;
}

#optout,
#consultant {
  padding-top: 0.5rem;
}

#optout label, #optout .filter-group__label,
#consultant label,
#consultant .filter-group__label {
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
}

#optout .errorMsg,
#consultant .errorMsg {
  margin-top: 0;
  margin-left: 0.5rem;
}

#consultant {
  padding-bottom: 1rem;
}


#consultant label,
#consultant .filter-group__label {
  color: #5d6d75;
  padding-top: 0.35rem;
  line-height: 0.8 !important;
}

.is-invalid-input:not(:focus) {
  background: none;
  border: 1px solid #bfbfbf;
}

.clearable {
  background: #fff no-repeat right -16px center;
  background-image: url("../img/close_orange.svg");
  padding-right: 32px;
  /* Use the same right padding (32) in jQ! */
  -webkit-transition: background 0.4s;
  transition: background 0.4s;
}

.clearable.x {
  background-position: right 16px center;
  cursor: pointer;
}

.clearable.oxX {
  cursor: pointer;
}

.clearable::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

.viewSystemReqs {
  background-color: #DEE5E8;
  padding: 2rem;
}

.viewSystemReqs p {
  color: #595959;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 18px;
  margin-bottom: .5rem;
}

.viewSystemReqs p:last-child {
  margin-bottom: 0;
}

.viewSystemReqs h2 {
  text-align: right;
}

@media screen and (max-width: 39.9375em) {
  .viewSystemReqs h2 {
    text-align: left;
  }
}

.viewSystemReqs h2 a {
  font-size: 0.875rem;
}

#form-alt-wrapper {
  background-color: #ffffff;
  padding: 2rem 3rem;
  overflow: hidden;
  /*input[type='submit'] {
        @extend .button;
        @extend .blue; 
        @extend .smBtn;
    }*/
}

@media screen and (max-width: 39.9375em) {
  #form-alt-wrapper {
    padding: 2rem 1rem;
  }
}

#form-alt-wrapper.twoColumnForm .hs-form fieldset {
  max-width: 100% !important;
}

#form-alt-wrapper.twoColumnForm .hs-form fieldset .hs-form-field {
  width: 100%;
}

#form-alt-wrapper.twoColumnForm .hs-form fieldset .hs-form-field label, #form-alt-wrapper.twoColumnForm .hs-form fieldset .hs-form-field .filter-group__label {
  display: none;
}

@media screen and (min-width: 64em) {
  #form-alt-wrapper.twoColumnForm .hs-form fieldset .hs-form-field {
    width: 48%;
  }
  #form-alt-wrapper.twoColumnForm .hs-form fieldset .hs-form-field:nth-child(even) {
    margin-left: 1rem;
  }
}

#form-alt-wrapper.twoColumnForm .hs-form .hs-error-msgs {
  margin-left: 0;
}

#form-alt-wrapper.twoColumnForm .hs-form .hs-error-msgs label, #form-alt-wrapper.twoColumnForm .hs-form .hs-error-msgs .filter-group__label {
  display: block !important;
  color: #E85E26;
  font-size: .875rem;
  font-weight: 300;
  margin: -.5rem 0 1rem;
  text-align: left;
}

#form-alt-wrapper.twoColumnForm .hs-form .hs-input {
  width: 100%;
}

@media screen and (max-width: 39.9375em) {
  #form-alt-wrapper.twoColumnForm .hs-form .input {
    margin-right: 0;
  }
}

.inline-form select {
  display: inline-block;
  width: auto;
  margin-left: 15px;
  margin-right: 15px;
  font-size: 1rem;
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-weight: 400;
  max-width: 110px;
}

.inline-form label, .inline-form .filter-group__label {
  display: inline-block;
  color: #ffffff;
  font-size: 1.75rem;
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-weight: 500;
  vertical-align: middle;
}

@media screen and (max-width: 39.9375em) {
  .inline-form label, .inline-form .filter-group__label {
    display: block;
  }
}

.inline-form .button {
  margin-bottom: 0;
}

@media screen and (max-width: 39.9375em) {
  .inline-form .button {
    display: block;
    margin: 0 auto;
    margin-top: 1rem;
    margin-bottom: 2rem;
  }
}

#emailSupportInfo {
  max-width: 600px;
}

.captchaBlock {
  float: none !important;
  display: block !important;
  position: relative;
  clear: both;
  padding-left: 0;
  top: 10px;
}

#searchResults hr {
  margin: 2.5rem 0 1.25rem;
}

#searchResults .title {
  display: inline-block;
}

#searchResults .title a {
  color: #333333;
  font-size: 25px;
  font-weight: bold;
  letter-spacing: -0.14px;
  line-height: 30px;
}

#searchResults .title a:hover {
  color: #519bc8;
}

#searchResults .title a:hover:before {
  visibility: hidden;
}

#searchResults .section-title {
  display: inline-block;
  font-size: 0.875rem;
}

#searchResults .section-title::before {
  content: '|';
  margin: 0 0.5rem;
}

#searchResults p {
  line-height: 1rem;
  font-size: 0.875rem;
}

#searchResults .longHero {
  min-height: 260px;
}

#searchResults .longHero .overlayText {
  padding: 1% 0 2.5%;
}

#searchResults .textOnly {
  text-align: left;
}

.no-results h2 {
  text-align: center;
}

.no-results.textOnly.standardText {
  text-align: center;
}

.no-results.textOnly.standardText p {
  text-align: center;
}

.no-results .searchContainer {
  float: none;
  margin: 3rem auto;
}

.no-results .searchContainer .sb-search.sb-search-open,
.no-results .searchContainer .no-js .sb-search {
  width: 100%;
  max-width: 400px;
}

.no-results .searchContainer .sb-search {
  float: none;
  margin: 0 auto;
}

.searchContainer {
  float: left;
  position: relative;
  /* Open state */
}

@media screen and (max-width: 39.9375em) {
  .searchContainer {
    float: right;
  }
}

@media screen and (min-width: 640px) and (max-width: 680px) {
  .searchContainer {
    display: none;
  }
}

.searchContainer .sb-search {
  position: relative;
  margin-top: 0;
  top: 0;
  right: 0;
  z-index: 9999;
  width: 0%;
  min-width: 85px;
  height: 85px;
  float: left;
  overflow: hidden;
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
  -webkit-backface-visibility: hidden;
}

@media screen and (max-width: 39.9375em) {
  .searchContainer .sb-search {
    height: 57px;
    min-width: 57px;
    width: 57px;
    float: right;
  }
}

.searchContainer [type='search']:focus {
  background-color: #3B454A;
  border: none;
}

.searchContainer .sb-search-input {
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  outline: none;
  background: #3B454A;
  width: 100%;
  height: 85px;
  margin: 0;
  z-index: 10;
  padding: 20px 65px 20px 20px;
  font-family: inherit;
  font-size: 20px;
  color: #ffffff;
}

@media screen and (max-width: 39.9375em) {
  .searchContainer .sb-search-input {
    height: 57px;
  }
}

.searchContainer .sb-search-input::-ms-clear {
  display: none;
}

.searchContainer .sb-search-input::-webkit-input-placeholder {
  color: #ffffff;
}

.searchContainer .sb-search-input:-moz-placeholder {
  color: #ffffff;
}

.searchContainer .sb-search-input::-moz-placeholder {
  color: #ffffff;
}

.searchContainer .sb-search-input:-ms-input-placeholder {
  color: #ffffff;
}

.searchContainer .sb-icon-search,
.searchContainer .sb-search-submit {
  width: 85px;
  height: 85px;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0;
  margin: 0;
  line-height: 85px;
  text-align: center;
  cursor: pointer;
}

@media screen and (max-width: 39.9375em) {
  .searchContainer .sb-icon-search,
  .searchContainer .sb-search-submit {
    height: 58px;
    width: 57px;
  }
}

.searchContainer .sb-search-submit {
  background: #fff;
  /* IE needs this */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  /* IE 8 */
  filter: alpha(opacity=0);
  /* IE 5-7 */
  opacity: 0;
  color: transparent;
  border: none;
  outline: none;
  z-index: -1;
}

.searchContainer .sb-icon-search {
  color: #ffffff;
  background: url("../img/search.svg") no-repeat center center #3B454A;
  background-size: 27px 27px;
  z-index: 90;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  padding-top: 10px;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
}

@media screen and (max-width: 39.9375em) {
  .searchContainer .sb-icon-search {
    padding-top: 0;
  }
}

.searchContainer .sb-search.sb-search-open,
.searchContainer .no-js .sb-search {
  width: 400%;
}

@media screen and (max-width: 39.9375em) {
  .searchContainer .sb-search.sb-search-open,
  .searchContainer .no-js .sb-search {
    width: 557%;
  }
}

.searchContainer .sb-search.sb-search-open .sb-icon-search,
.searchContainer .no-js .sb-search .sb-icon-search {
  background: url("../img/search.svg") no-repeat center center #3B454A;
  background-size: 27px 27px;
  color: #ffffff;
  z-index: 11;
}

.searchContainer .sb-search.sb-search-open .sb-search-submit,
.searchContainer .no-js .sb-search .sb-search-submit {
  z-index: 90;
}

/* search */
.callToActionLight,
.callToActionMedium,
.callToActionDarker,
.callToActionDark {
  padding: 1rem 1.25rem;
  background-size: cover;
}

.callToActionLight.bioCarousel,
.callToActionMedium.bioCarousel,
.callToActionDarker.bioCarousel,
.callToActionDark.bioCarousel {
  padding: 0;
}

.callToActionLight h2,
.callToActionMedium h2,
.callToActionDarker h2,
.callToActionDark h2 {
  font-family: "Muli", "Muli-local", sans-serif;
  font-weight: 900;
  font-size: 3.125rem;
  line-height: 2.25rem;
  max-width: 950px;
  margin: 0 auto;
  text-shadow: 0px 1px 0px rgba(36, 43, 46, 0.5);
}

.callToActionLight h3,
.callToActionMedium h3,
.callToActionDarker h3,
.callToActionDark h3 {
  font-size: 1.125rem;
  padding-bottom: 1rem;
  color: #82939c;
  font-family: "Muli", "Muli-local", sans-serif;
}

.callToActionLight h3.sub-text,
.callToActionMedium h3.sub-text,
.callToActionDarker h3.sub-text,
.callToActionDark h3.sub-text {
  font-size: 1.125rem;
  font-family: "Roboto", "Roboto-local", sans-serif;
  line-height: 25px;
}

.callToActionLight p,
.callToActionMedium p,
.callToActionDarker p,
.callToActionDark p {
  font-size: 0.875rem;
}

.callToActionLight hr,
.callToActionMedium hr,
.callToActionDarker hr,
.callToActionDark hr {
  margin: 1.5rem 0 2rem;
  width: 48px;
  border-bottom: none;
}

.callToActionLight hr.wide,
.callToActionMedium hr.wide,
.callToActionDarker hr.wide,
.callToActionDark hr.wide {
  width: 80%;
}

.callToActionLight hr.medium,
.callToActionMedium hr.medium,
.callToActionDarker hr.medium,
.callToActionDark hr.medium {
  width: 30%;
}

.callToActionLight hr.full,
.callToActionMedium hr.full,
.callToActionDarker hr.full,
.callToActionDark hr.full {
  width: 100%;
}

.callToActionLight a:before,
.callToActionMedium a:before,
.callToActionDarker a:before,
.callToActionDark a:before {
  background: none;
  visibility: hidden;
}

.callToActionLight__footer,
.callToActionMedium__footer,
.callToActionDarker__footer,
.callToActionDark__footer {
  padding: 10px 0;
}

.callToActionLight.backgroundImage,
.callToActionMedium.backgroundImage,
.callToActionDarker.backgroundImage,
.callToActionDark.backgroundImage {
  background-position: bottom center;
  background-size: cover;
}

.callToActionLight.border,
.callToActionMedium.border,
.callToActionDarker.border,
.callToActionDark.border {
  border: 1px solid #dde3e8;
  background-color: none;
  margin-top: 2rem;
}

.textOnly.introStandard .callToActionLight h3 {
  font-size: 1rem;
}

.textOnly.introStandard.doubleCTA h2 {
  color: #ffffff;
  font-size: 1.25rem;
  line-height: 30px;
}

.textOnly.introStandard.doubleCTA h3 {
  color: #82939c;
}

.callToActionLight {
  background-color: #ffffff;
}

.callToActionLight p,
.callToActionLight ul li,
.callToActionLight h2,
.callToActionLight h3 {
  color: #595959;
}

.callToActionLight ul li {
  list-style-type: disc;
}

.callToActionDark.largeCta {
  background-color: #3B454A;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#3a454b), to(#435663));
  background: linear-gradient(to bottom, #3a454b 0%, #435663 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a454b', endColorstr='#435663',GradientType=0 );
  /* IE6-9 */
  padding: 6.25rem 0 5.25rem;
  text-align: center;
}

@media screen and (max-width: 39.938em) {
  .callToActionDark.largeCta {
    padding: 5rem 0 4rem;
  }
}

.callToActionDark.largeCta h2 {
  color: #ffffff;
  font-size: 2.188rem;
  line-height: 1.2;
}

@media screen and (min-width: 64em) {
  .callToActionDark.largeCta h2 {
    font-size: 3.125rem;
  }
}

.callToActionDark.largeCta p {
  font-size: 1rem;
  line-height: 1.25rem;
  color: #ffffff;
  margin: 2rem 0 2.5rem;
}

@media screen and (max-width: 39.938em) {
  .callToActionDark.largeCta p {
    margin: 1.5rem 0 2rem;
  }
}

.callToActionOrange.largeCta {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c24f20+0,e45317+100 */
  background: #c24f20;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#c24f20), to(#e45317));
  background: linear-gradient(to bottom, #c24f20 0%, #e45317 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c24f20', endColorstr='#e45317',GradientType=0 );
  /* IE6-9 */
}

.callToActionMedium {
  background-color: #edf1f2;
  color: #595959;
}

.callToActionMedium.secondary {
  margin-top: 2rem;
  text-align: center;
}

.callToActionMedium h2,
.callToActionMedium h3,
.callToActionMedium p {
  color: #595959;
}

.callToActionDark,
.callToActionDarker {
  background-color: #3B454A;
  color: #ffffff;
}

.callToActionDark h2,
.callToActionDark h3,
.callToActionDark p,
.callToActionDarker h2,
.callToActionDarker h3,
.callToActionDarker p {
  color: #edf1f2;
}

.pageContent .mainContent .callToActionDark a:before {
  background: none;
  visibility: hidden;
}

.pageContent .mainContent .callToActionDark p {
  padding-bottom: 0;
}

.introWithCTA.textOnly.introStandard .callToActionDark,
.standardText.textOnly .sidebar .callToActionDark {
  text-align: center;
}

.introWithCTA.textOnly.introStandard .callToActionDark h3,
.standardText.textOnly .sidebar .callToActionDark h3 {
  color: #ffffff;
  font-family: "Muli", "Muli-local", sans-serif;
  line-height: 2rem;
}

.introWithCTA.textOnly.introStandard .callToActionDark h5,
.standardText.textOnly .sidebar .callToActionDark h5 {
  color: #ffffff;
  font-family: "Muli", "Muli-local", sans-serif;
  line-height: 2rem;
  font-size: 1.25rem;
}

.introWithCTA.textOnly.introStandard .callToActionDark p,
.standardText.textOnly .sidebar .callToActionDark p {
  color: #ffffff;
  font-size: 1rem;
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-weight: 400;
  padding: 0 1rem 1rem;
  text-align: center;
}

.introWithCTA.textOnly.introStandard .callToActionDark p.quote:before,
.standardText.textOnly .sidebar .callToActionDark p.quote:before {
  content: open-quote;
}

.introWithCTA.textOnly.introStandard .callToActionDark p.quote:after,
.standardText.textOnly .sidebar .callToActionDark p.quote:after {
  content: close-quote;
}

.introWithCTA.textOnly.introStandard .callToActionDark.multilink h3,
.standardText.textOnly .sidebar .callToActionDark.multilink h3 {
  margin-bottom: 2rem;
}

.introWithCTA.textOnly.introStandard .callToActionDark.multilink a,
.standardText.textOnly .sidebar .callToActionDark.multilink a {
  color: #ffffff;
  font-size: 0.875rem;
  text-align: center;
  font-weight: normal;
}

.introWithCTA.textOnly.introStandard .callToActionDark.multilink a:hover,
.standardText.textOnly .sidebar .callToActionDark.multilink a:hover {
  color: #DEE5E8;
}

.introWithCTA.textOnly.introStandard .callToActionDark.multilink hr,
.standardText.textOnly .sidebar .callToActionDark.multilink hr {
  width: calc(100% + 2.5rem);
  min-width: 100%;
  border-bottom: none;
  margin: 2rem -1.25rem 0.75rem -1.25rem;
}

.introWithCTA.textOnly.introStandard .callToActionDark.multilink .button.second,
.standardText.textOnly .sidebar .callToActionDark.multilink .button.second {
  margin-left: 0.938rem;
}

.introWithCTA.textOnly.introStandard .callToActionMedium h3,
.standardText.textOnly .sidebar .callToActionMedium h3 {
  font-family: "Muli", "Muli-local", sans-serif;
  line-height: 2rem;
  color: #242b2e;
}

.introWithCTA.textOnly.introStandard .callToActionMedium p,
.standardText.textOnly .sidebar .callToActionMedium p {
  padding: 0 1rem 1rem;
  text-align: center;
}

.introWithCTA.textOnly.introStandard p,
.standardText.textOnly .sidebar p {
  font-size: 1rem;
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-weight: 500;
}

.standardText.textOnly .sidebar .callToActionMedium {
  background-color: #ffffff;
}

.standardText.textOnly .sidebar .callToActionDark,
.standardText.textOnly .sidebar .callToActionMedium {
  margin-top: 0;
  margin-bottom: 2rem;
}

.doubleCTA h2 {
  color: #ffffff;
  font-weight: 700;
  line-height: 28px;
  padding-bottom: 1.5rem;
  font-size: 1.25rem;
}

.doubleCTA h3 {
  text-transform: uppercase;
  padding-bottom: 0;
}

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

.doubleCTA ul li {
  color: #ffffff;
  list-style-type: disc;
  margin-left: 1.125rem;
}

@media screen and (max-width: 39.9375em) {
  .doubleCTA .columns + .columns {
    margin-top: 2rem;
  }
}

.doubleCTA .callToActionDark,
.doubleCTA .callToActionDarker {
  padding: 2rem;
}

@media screen and (min-width: 64em) {
  .doubleCTA .callToActionDark,
  .doubleCTA .callToActionDarker {
    min-height: 425px;
  }
}

@media screen and (min-width: 78em) {
  .doubleCTA .callToActionDark,
  .doubleCTA .callToActionDarker {
    min-height: 375px;
  }
}

.bannerSolid.callToActionDarker {
  background-color: #242b2e;
}

.bannerSolid.callToActionDark {
  background-color: #3B454A;
}

.bannerSolid.callToActionDarker, .bannerSolid.callToActionDark {
  color: #ffffff;
  padding-bottom: 3rem;
  padding-top: 4rem;
}

.bannerSolid.callToActionDarker h2, .bannerSolid.callToActionDarker h5, .bannerSolid.callToActionDark h2, .bannerSolid.callToActionDark h5 {
  color: #ffffff;
}

.bannerSolid.callToActionDarker h2, .bannerSolid.callToActionDark h2 {
  line-height: 45px !important;
  padding-bottom: 20px;
  margin-bottom: 0px;
  font-size: 2.5rem;
}

.bannerSolid.callToActionDarker h5, .bannerSolid.callToActionDark h5 {
  line-height: 32px !important;
  font-size: 20px !important;
}

.bannerSolid.callToActionDarker p, .bannerSolid.callToActionDark p {
  font-size: 1rem;
  margin-bottom: 30px;
}

.bannerSolid.callToActionDarker p a, .bannerSolid.callToActionDark p a {
  color: #ffffff;
  text-decoration: underline;
}

.bannerSolid.callToActionDarker #optout label, .bannerSolid.callToActionDarker #optout .filter-group__label, .bannerSolid.callToActionDark #optout label, .bannerSolid.callToActionDark #optout .filter-group__label {
  color: #ffffff;
}

.bannerSolid.callToActionDarker a.button, .bannerSolid.callToActionDark a.button {
  margin-top: 1.875rem;
}

.bannerSolid.callToActionDarker .callToActionDark, .bannerSolid.callToActionDark .callToActionDark {
  padding: 2.5rem;
  margin-bottom: 0.625rem;
  margin-top: 1.875rem;
}

.bannerSolid.callToActionDarker .formWrap, .bannerSolid.callToActionDark .formWrap {
  background-color: inherit;
  text-align: left;
  padding: 1rem 0;
}

.bannerSolid.callToActionDarker .formWrap #intro, .bannerSolid.callToActionDark .formWrap #intro {
  display: none;
}

.bannerSolid.callToActionDarker .formWrap #intro h2, .bannerSolid.callToActionDark .formWrap #intro h2 {
  font-size: 1rem;
}

.bannerSolid.callToActionDarker .formWrap .formBlock, .bannerSolid.callToActionDark .formWrap .formBlock {
  background-color: inherit;
  padding: 0;
}

.bannerSolid.callToActionDarker .formWrap .formBlock p#fieldInstruction, .bannerSolid.callToActionDark .formWrap .formBlock p#fieldInstruction {
  margin-bottom: 1rem;
}

.bannerSolid.callToActionDarker .formWrap .formBlock .errorMsg, .bannerSolid.callToActionDark .formWrap .formBlock .errorMsg {
  color: #f4b499;
}

.textOnly.introStandard.doubleCTA {
  padding-bottom: 3rem;
  padding-top: 3rem;
}

.textOnly.introStandard.doubleCTA .callToActionDarker {
  background-color: #242b2e;
}

.textOnly.introStandard.doubleCTA .callToActionDarker p {
  color: #ffffff;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
  padding-bottom: 1rem;
}

.textOnly.introStandard.doubleCTA .callToActionDark hr {
  margin-bottom: 1.75rem;
}

.textOnly.introStandard.doubleCTA .skewPDF {
  float: right;
  max-width: 174px;
  margin-top: 3rem;
}

@media screen and (max-width: 39.9375em) {
  .textOnly.introStandard.doubleCTA .skewPDF {
    float: left;
  }
}

.sideBySideCTA.introStandard.doubleCTA {
  padding: 5rem 0;
}

.sideBySideCTA.introStandard.doubleCTA .callToActionDark {
  min-height: 300px;
}

@media screen and (min-width: 39.9375em) and (max-width: 808px) {
  .sideBySideCTA.introStandard.doubleCTA .callToActionDark {
    min-height: 410px;
  }
}

.bio_block {
  background-color: #3B454A;
}

.bio_block .bio_container .bio_content {
  padding: 2.500rem 2.500rem 3.125rem;
  overflow: hidden;
}

.bio_block .bio_container .bio_content h3 {
  font-size: 1.75rem;
  line-height: 2.000rem;
  font-weight: 400;
  color: #ffffff;
}

.bio_block .bio_container .bio_content h4 {
  font-size: 1rem;
  line-height: 1.250rem;
  color: #82939c;
  margin-bottom: 1.250rem;
}

.bio_block .bio_container .bio_content p {
  font-size: 1rem;
  line-height: 1.563rem;
  color: #ffffff;
  margin-bottom: 0;
  padding-bottom: 0;
}

.bio_block .photo_container {
  background-color: #242b2e;
  max-width: 244px;
  float: left;
}

@media screen and (max-width: 39.9375em) {
  .bio_block .photo_container {
    max-width: 100%;
    max-height: 330px;
    float: none;
    margin-left: 0;
  }
}

.bio_block .photo_container .photo {
  text-align: center;
}

@media screen and (max-width: 39.9375em) {
  .bio_block .photo_container .photo {
    max-width: 200px;
    margin: 0 auto;
    padding-top: 1.875rem;
  }
}

.bio_block .photo_container .photo .button {
  margin: 1.875rem 1.250rem;
  line-height: 0.938rem;
  padding: 0.500rem 0.625rem;
}

.cta {
  background-color: #ffffff;
}

@media screen and (max-width: 39.9375em) {
  .cta {
    width: 100%;
  }
}

.cta.float-right {
  margin-left: 4rem;
  margin-bottom: 4rem;
}

@media screen and (max-width: 39.9375em) {
  .cta.float-right {
    margin-left: 0;
    margin-bottom: 3rem;
  }
}

.cta.float-left {
  margin-right: 1rem;
  margin-bottom: 1rem;
}

.cta__content {
  padding: 30px 30px 0 30px;
}

.cta__title {
  text-transform: uppercase;
  color: #0a0a0a;
  font-weight: 500;
  font-size: 14px;
}

.cta hr {
  margin: 0 0 30px;
  border-bottom: none;
  width: 100%;
  background-color: #dcdbdb;
}

.cta p, .cta p a {
  font-weight: 400;
  font-size: 14px;
}

.textOnly.standardText .cta p, .textOnly.standardText .cta p a {
  font-weight: 400;
}

.cta .button {
  margin-bottom: 30px;
}

.sidebar-cta {
  max-width: 250px;
}

.sidebar-cta .callToActionLight {
  margin-right: 30px;
  margin-left: 10px;
}

.sidebar-cta .callToActionLight h3 {
  margin-left: 0 !important;
}

.sidebar-cta .callToActionLight .button {
  line-height: 18px;
}

/* call to action module */
.bannerSolid {
  min-height: 200px;
  position: relative;
  text-align: center;
}

.bannerSolid :focus {
  outline: none;
}

.bannerSolid .quoteContainer {
  padding: 0 3rem;
}

@media screen and (max-width: 39.9375em) {
  .bannerSolid .quoteContainer {
    padding: 0 1rem;
  }
}

.bannerSolid .quoteContainer p {
  color: #ffffff;
}

.bannerSolid .quoteContainer p.quote {
  font-size: 35px;
  line-height: 2.5rem;
}

@media screen and (max-width: 39.9375em) {
  .bannerSolid .quoteContainer p.quote {
    font-size: 28px;
    line-height: 35px;
  }
}

.bannerSolid .quoteContainer p.quote:before {
  content: url("../img/quote.png");
}

.bannerSolid .quoteContainer p.source {
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-size: 1rem;
  line-height: 25px;
}

.bannerSolid .quoteContainer p.source span {
  font-weight: 600;
}

.bannerSolid .quoteContainer p.source .headshot {
  height: 50px;
  width: 50px;
  border-radius: 50px;
  margin-right: 15px;
  overflow: hidden;
}

@media screen and (max-width: 39.9375em) {
  .bannerSolid .quoteContainer p.source .headshot {
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
  }
}

.bannerSolid .slick-arrow {
  cursor: pointer;
  position: absolute;
  top: 28%;
}

@media screen and (max-width: 39.9375em) {
  .bannerSolid .slick-arrow {
    display: none !important;
  }
}

.bannerSolid .slick-prev {
  left: 0;
}

.bannerSolid .slick-next {
  right: 0;
}

.bannerSolid--dark h2 {
  font-weight: 500;
  color: #0a0a0a;
}

.bannerSolid--dark p {
  color: #0a0a0a;
}

.bannerTranslucent {
  background-image: url("../img/hero-stats.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 3rem 5rem 2rem;
  z-index: 0 !important;
  position: relative;
}

@media screen and (max-width: 63.9375em) {
  .bannerTranslucent {
    padding: 3rem 1rem 2rem;
  }
}

.bannerTranslucent:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /*background-image: linear-gradient(to bottom right,$black,$black);*/
  background: none;
  /* For browsers that do not support gradients */
  /* For Safari 5.1 to 6.0 */
  /* For Opera 11.1 to 12.0 */
  /* For Firefox 3.6 to 15 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.9)), to(rgba(0, 0, 0, 0.9)));
  background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9));
  /* Standard syntax (must be last) */
  opacity: .9;
  z-index: 2;
}

.bannerTranslucent .whitepaper {
  position: relative;
  text-align: left;
  z-index: 3;
}

@media screen and (max-width: 39em) {
  .bannerTranslucent .whitepaper {
    text-align: center;
  }
}

.bannerTranslucent .whitepaper p {
  color: #ffffff;
  font-size: 0.875rem;
}

.bannerTranslucent .whitepaper p.meta {
  color: #82939c;
  margin-bottom: 0.313rem;
}

.bannerTranslucent .whitepaper h2 {
  color: #ffffff;
  font-size: 1.625rem;
  padding-bottom: 0.625rem;
  line-height: 1.875rem;
}

.bannerTranslucent .whitepaper h2 a {
  color: #ffffff;
  text-decoration: none;
}

.skewedImg {
  position: relative;
  margin: .5rem 3rem 0 0;
}

.skewedImg img {
  float: right;
  height: 170px;
}

.skewedImg .skewFront {
  position: relative;
  right: 0;
  top: 0;
  z-index: 10;
}

@media screen and (max-width: 39em) {
  .skewedImg .skewFront {
    margin: 0 auto;
    display: inline-block;
    margin-left: -50%;
    margin-right: -50%;
    padding-bottom: 2rem;
  }
}

.skewedImg .skewBack {
  width: 170px;
  right: 10px;
  top: 5px;
  position: absolute;
  z-index: 9;
  -webkit-transform: rotate(-15deg);
  transform: rotate(-15deg);
  opacity: .3;
}

@media screen and (max-width: 39em) {
  .skewedImg .skewBack {
    display: none;
  }
}

.bioCarousel {
  text-align: left;
}

@media screen and (max-width: 39.9375em) {
  .bioCarousel img {
    padding-bottom: 2rem;
  }
}

.bioCarousel h2,
.bioCarousel h3,
.bioCarousel h4 {
  color: #ffffff;
}

.bioCarousel h3 {
  font-size: 1.125rem;
  margin-bottom: 0;
  padding: 0;
  text-transform: uppercase;
}

.bioCarousel h2 {
  font-size: 20px;
  font-weight: bold;
  line-height: 2rem;
}

@media screen and (min-width: 64em) {
  .bioCarousel h2 {
    font-size: 35px;
    line-height: 2.5rem;
  }
}

.bioCarousel h4 {
  font-family: "Muli", "Muli-local", sans-serif;
  font-weight: 800;
  font-size: 1.25rem;
}

.bioCarousel hr {
  margin: 1rem 0;
}

.bioCarousel p {
  font-size: 14px;
}

#ie-conditional {
  background: #519bc8;
  color: #ffffff;
  position: absolute;
  padding: 10px 40px;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 30000;
  margin-bottom: 30px;
  text-align: center;
  opacity: 0.95;
}

#ie-conditional span {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}

#ie-conditional .button {
  margin: 0 0 0 10px;
  padding: 0 8px 3px;
  font-size: 10px;
}

#ie-conditional #closeIEBar {
  margin-top: -3px;
  border: 0;
}

/* banner image module */
.alertbar {
  background: #3a454b;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#3a454b), to(#435663));
  background: linear-gradient(to bottom, #3a454b 0%, #435663 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a454b', endColorstr='#435663',GradientType=0 );
  /* IE6-9 */
  padding: 1rem 0 2rem;
  -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
}

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

.alertbar .wrapper .icon, .alertbar .wrapper .text, .alertbar .wrapper .btn {
  display: inline-block;
  vertical-align: middle;
}

@media screen and (max-width: 46em) {
  .alertbar .wrapper .icon, .alertbar .wrapper .text, .alertbar .wrapper .btn {
    text-align: center;
  }
}

.alertbar .wrapper .icon {
  height: 100px;
  width: 100px;
}

.alertbar .wrapper .icon:before {
  height: 50px;
  width: 50px;
}

@media screen and (max-width: 46em) {
  .alertbar .wrapper .icon:before {
    display: block;
    margin: 0 auto;
    float: none;
  }
}

.alertbar .wrapper .text {
  margin-top: 20px;
}

.alertbar .wrapper p {
  color: #ffffff;
  font-size: 0.875rem;
  margin-bottom: 0;
}

.alertbar .wrapper p.meta {
  font-size: 1.375rem;
  font-weight: 600;
  margin-bottom: 5px;
}

.alertbar .wrapper .alertText {
  padding-left: 1rem;
  padding-right: 1rem;
  display: inline-block;
  text-align: left;
}

@media screen and (max-width: 46em) {
  .alertbar .wrapper .alertText {
    text-align: center;
    margin-top: 0.625rem;
  }
}

.alertbar .wrapper .alertBtn .button {
  margin-bottom: 0;
  margin-top: 10px;
  display: inline-block;
}

@media screen and (max-width: 46em) {
  .alertbar .wrapper .alertBtn .button {
    display: block;
    margin-top: 1rem;
    margin: 1rem;
    text-align: center;
  }
}

/* alertbar module */
.textOnly {
  background-color: #edf1f2;
  padding-bottom: 1rem;
  padding-top: 3rem;
}

.textOnly p {
  color: #242b2e;
  font-size: 1.375rem;
  line-height: 1.75rem;
  text-align: center;
}

.textOnly--alt p {
  text-align: left;
  font-size: 1rem;
}

.textOnly ul li,
.textOnly ol li {
  color: #242b2e;
}

.textOnly.introStandard {
  background-color: #ffffff;
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
}

@media screen and (min-width: 40em) {
  .textOnly.introStandard {
    padding-bottom: 4rem;
    padding-top: 5rem;
  }
}

.textOnly.introStandard p {
  color: #595959;
  font-size: 1.125rem;
  font-weight: 500;
  text-align: left;
  margin-bottom: 0;
}

.textOnly.introStandard h2 {
  color: #0a0a0a;
  font-size: 20px;
  padding-bottom: .5rem;
}

@media screen and (min-width: 40em) {
  .textOnly.introStandard h2 {
    font-size: 32px;
    line-height: 42px;
  }
}

.textOnly.introStandard h3 {
  color: #242b2e;
  font-size: 1.5rem;
  font-weight: 600;
  padding-bottom: 0;
}

.textOnly.standardText {
  text-align: left;
  padding-bottom: 1rem;
  padding-top: 3rem;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
}

@media screen and (max-width: 39.9375em) {
  .textOnly.standardText {
    padding: 3rem 1rem 1rem;
  }
}

@media screen and (min-width: 40em) {
  .textOnly.standardText {
    padding-bottom: 5rem;
    padding-top: 5rem;
  }
}

.textOnly.standardText h2 {
  color: #0a0a0a;
  font-size: 2rem;
  line-height: 2.25rem;
  padding-bottom: .5rem;
  line-height: 35px;
}

.textOnly.standardText h3 {
  color: #242b2e;
  font-size: 1.75rem;
  line-height: 32px;
  font-family: "Muli", "Muli-local", sans-serif;
  font-weight: 500;
  padding-bottom: 0;
}

.textOnly.standardText h4 {
  color: #242b2e;
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 1.75rem;
}

.textOnly.standardText h4.pad {
  padding-top: .5em;
  padding-bottom: .75em;
}

.textOnly.standardText h4.intro-title {
  color: #0a0a0a;
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 2.5rem;
  line-height: 2.75rem;
  font-weight: 400;
  margin: 1.25rem 0;
}

.textOnly.standardText .intro-pretitle {
  color: #82939c;
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-size: 1rem;
  line-height: 1.125rem;
  font-weight: 700;
}

.textOnly.standardText .intro-subtitle {
  color: #595959;
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-size: 1.375rem;
  line-height: 1.5rem;
  font-weight: 400;
  margin-bottom: 2rem;
}

.textOnly.standardText p {
  font-size: 1rem;
  text-align: left;
}

.textOnly.standardText a {
  font-weight: 600;
  position: relative;
}

.textOnly.standardText ul li,
.textOnly.standardText ol li {
  font-size: 1rem;
}

.textOnly.standardText ul li a,
.textOnly.standardText ol li a {
  font-size: 1rem;
  color: #519bc8;
  font-weight: inherit;
}

.textOnly.standardText .doubleCTA .callToActionDark {
  background-color: #ffffff;
  min-height: 275px;
  margin-bottom: 1.25rem;
}

.textOnly.standardText .doubleCTA .callToActionDark h2 {
  color: #242b2e;
  font-size: 1.25rem;
  font-weight: 700;
}

.textOnly.standardText .doubleCTA .callToActionDark p {
  color: #595959;
  font-size: 0.875rem;
  line-height: 1.5rem;
}

.textOnly .jobListing h2 {
  font-size: 28px;
  line-height: 35px;
}

.textOnly .jobListing p {
  font-size: 18px;
}

.textOnly .jobListing ul {
  margin: 30px 20px;
}

.textOnly .jobListing ul li {
  font-size: 18px;
  line-height: 25px;
  list-style-type: disc;
  margin-bottom: 20px;
}

.textOnly .jobListing .video {
  float: right;
  margin: 1rem 0 2rem 2rem;
  overflow: hidden;
  clear: both;
}

.textOnly .breadcrumbs ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  list-style-position: outside;
}

.textOnly .breadcrumbs li {
  display: inline-block;
  margin-right: 5px;
  margin-left: 0 !important;
  text-transform: none;
}

.textOnly .breadcrumbs li:before {
  content: '//';
  margin-right: 5px;
  color: #82939c;
}

.textOnly .breadcrumbs li:after {
  display: none;
}

.textOnly .breadcrumbs li:first-of-type:before {
  display: none;
}

.textOnly .breadcrumbs li a {
  color: #519bc8 !important;
}

@media screen and (max-width: 39.99em) {
  .textOnly .breadcrumbs li {
    display: block;
    width: 100%;
    margin-bottom: 5px;
  }
  .textOnly .breadcrumbs li:before {
    content: '';
    margin-right: 0;
  }
}

.textOnly.introStandard {
  padding: 3.5rem 0;
}

@media screen and (max-width: 39.9375em) {
  .textOnly.introStandard {
    padding: 2rem 1rem;
  }
}

.textOnly.introStandard .intro-head {
  text-align: center;
  font-family: "Muli", "Muli-local", sans-serif;
  color: #0a0a0a;
  padding-bottom: 0.5rem;
  font-weight: 400;
  font-size: 1.275rem;
}

.textOnly.introStandard .intro-body {
  text-align: center;
  font-weight: 400;
  font-size: 1rem;
  color: #242b2e;
}

.richText {
  color: #242b2e;
}

@media screen and (max-width: 39.9375em) {
  .richText {
    padding: 0 1rem;
  }
}

.richText p {
  color: #242b2e;
  line-height: 1.75rem;
}

/* text only intro module */
.tabsContainer {
  background-color: #ffffff;
}

.tabs,
.tabs-content,
.checkboxContainer {
  background: none;
  padding-top: 0;
  border: none;
}

.tabs .row,
.tabs-content .row,
.checkboxContainer .row {
  padding-top: 2rem;
}

.tabs a,
.tabs-content a,
.checkboxContainer a {
  color: #519bc8;
  position: relative;
}

.tabs a[href^="tel:"],
.tabs-content a[href^="tel:"],
.checkboxContainer a[href^="tel:"] {
  color: #595959;
}

.tabs li.tabs-title,
.tabs-content li.tabs-title,
.checkboxContainer li.tabs-title {
  font-size: .75rem;
  list-style-type: none;
}

.tabs li.tabs-title a,
.tabs-content li.tabs-title a,
.checkboxContainer li.tabs-title a {
  color: #ffffff;
  padding-bottom: 1rem;
  padding-top: 1.5rem;
  text-align: center;
}

.tabs li.tabs-title a:before,
.tabs-content li.tabs-title a:before,
.checkboxContainer li.tabs-title a:before {
  background-color: #519bc8;
}

.tabs li.tabs-title a:hover,
.tabs-content li.tabs-title a:hover,
.checkboxContainer li.tabs-title a:hover {
  color: #519bc8;
}

.tabs li.tabs-title a:focus,
.tabs-content li.tabs-title a:focus,
.checkboxContainer li.tabs-title a:focus {
  background-color: #ffffff;
  color: #519bc8;
}

.tabs li.tabs-title a:hover:before,
.tabs-content li.tabs-title a:hover:before,
.checkboxContainer li.tabs-title a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  display: none;
}

.tabs li.tabs-title.is-active a,
.tabs-content li.tabs-title.is-active a,
.checkboxContainer li.tabs-title.is-active a {
  background-color: #ffffff;
  color: #E85E26;
}

.tabs-content {
  padding-bottom: 5rem;
}

/* tabs */
.alternatingBlocks {
  padding: 4rem 0;
}

.alternatingBlocks .alternatingBlock {
  padding: 2rem 0;
}

.alternatingBlocks h3 {
  padding-top: 0;
}

.alternatingBlocks p.videoCaption {
  color: #242b2e;
  float: right;
  font-size: 13px;
  padding-top: .25rem;
}

@media screen and (max-width: 64em) {
  .alternatingBlocks p.videoCaption {
    float: none;
    text-align: center;
  }
}

.alternatingBlocks .blocksImage {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 200px;
}

.alternatingBlocks .blockMediaOdd {
  overflow: hidden;
}

@media screen and (min-width: 64em) {
  .alternatingBlocks .blockMediaOdd {
    margin-left: 3rem;
  }
}

@media screen and (min-width: 64em) {
  .alternatingBlocks .blockMediaEven {
    margin-right: 3rem;
  }
}

.alternatingBlocks .bannerSolid .quoteContainer {
  background-color: #ffffff;
  padding: 3rem;
}

.alternatingBlocks .bannerSolid .quoteContainer p.quote,
.alternatingBlocks .bannerSolid .quoteContainer p.source {
  color: #242b2e;
  text-align: center;
}

.alternatingBlocks .bannerSolid .quoteContainer p.quote {
  font-size: 1.5rem;
}

.alternatingBlocks .bannerSolid .quoteContainer p.quote:before {
  content: url(../img/quote-gray.png);
  padding-right: 1rem;
}

/* alternating_blocks */
.textOnly.accordion ul.accordion,
.sidebar .accordion ul.accordion {
  background-color: inherit !important;
}

.textOnly.accordion a.accordion-title,
.sidebar .accordion a.accordion-title {
  background-color: #ffffff;
  color: #595959;
  font-size: 1.125rem;
  font-weight: 600;
  padding-left: 3rem;
}

.textOnly.accordion a.accordion-title span.accordion-subtitle,
.sidebar .accordion a.accordion-title span.accordion-subtitle {
  display: block;
  font-weight: 400;
  font-size: 0.875rem;
  margin-top: 0.5rem;
  line-height: 1.125rem;
}

.textOnly.accordion .accordion-title:hover::before,
.sidebar .accordion .accordion-title:hover::before {
  visibility: visible;
}

.textOnly.accordion p,
.sidebar .accordion p {
  font-size: 1rem;
  text-align: left;
}

.textOnly.accordion .accordion-content,
.sidebar .accordion .accordion-content {
  background-color: #ffffff;
}

.textOnly.accordion .accordion-content ul,
.sidebar .accordion .accordion-content ul {
  margin-left: 0rem;
  padding-bottom: 2rem;
}

.textOnly.accordion .accordion-content li,
.sidebar .accordion .accordion-content li {
  color: #595959;
  font-size: 1rem;
  list-style-type: disc;
  padding-bottom: 1rem;
}

.textOnly.accordion .accordion-content a,
.sidebar .accordion .accordion-content a {
  font-weight: 600;
  position: relative;
}

.textOnly.accordion .accordion-content a:before,
.sidebar .accordion .accordion-content a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #519bc8;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.textOnly.accordion .accordion-content a:hover:before,
.sidebar .accordion .accordion-content a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.textOnly.accordion .hasIcon .accordion-title,
.sidebar .accordion .hasIcon .accordion-title {
  background-color: inherit;
  position: relative;
  padding: 2rem;
  border-left: 0;
  border-right: 0;
  border-color: #bfbfbf;
}

.textOnly.accordion .hasIcon .accordion-title img,
.sidebar .accordion .hasIcon .accordion-title img {
  width: 60px;
  position: absolute;
}

.textOnly.accordion .hasIcon .accordion-title div,
.sidebar .accordion .hasIcon .accordion-title div {
  font-family: "Muli", "Muli-local", sans-serif;
  font-weight: 400;
  color: #0a0a0a;
  position: relative;
  padding: 0.5rem 2.5rem 0 5.5rem;
  min-height: 50px;
}

.textOnly.accordion .hasIcon .accordion-title div .accordion-subtitle,
.sidebar .accordion .hasIcon .accordion-title div .accordion-subtitle {
  color: #595959;
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-weight: 500;
  margin-top: 1rem;
}

.textOnly.accordion .hasIcon .accordion-title::before,
.sidebar .accordion .hasIcon .accordion-title::before {
  right: 2.125rem;
  top: 0;
  margin-top: 2.1rem;
  left: auto;
}

.textOnly.accordion .hasIcon .accordion-content,
.sidebar .accordion .hasIcon .accordion-content {
  background-color: inherit;
  padding: 0 1rem 1rem 122px;
  border: 0;
}

.textOnly.accordion .hasIcon.is-active,
.sidebar .accordion .hasIcon.is-active {
  background-color: #ffffff;
}

@media screen and (min-width: 40em) {
  .textOnly.accordion {
    padding-bottom: 5rem;
    padding-top: 2rem;
  }
}

.textOnly.accordion .accordion-title::before {
  content: url("../img/accordion-plus.png");
  left: 1rem;
}

.textOnly.accordion .accordion-item.is-active .accordion-title::before {
  content: url("../img/accordion-minus.png");
  left: 1rem;
}

.textOnly.accordion .accordion-item.is-active.hasIcon .accordion-title::before {
  right: 2.125rem;
  top: 0;
  margin-top: 2.1rem;
  left: auto;
}

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

.textOnly.accordion .accordion-content a {
  color: #519bc8;
  font-size: 1rem;
}

.sidebar .accordion {
  margin-bottom: 0;
}

.sidebar .accordion .accordion-item:hover, .sidebar .accordion .accordion-item:focus {
  cursor: pointer;
  background-color: #edf1f2;
}

.sidebar .accordion .accordion-item:hover .accordion-title, .sidebar .accordion .accordion-item:focus .accordion-title {
  background-color: inherit;
}

.sidebar .accordion .accordion-item:first-child .accordion-title {
  border-top-width: 0;
}

.sidebar .accordion .accordion-item a.accordion-title {
  padding: 30px 56px 30px 30px;
  font-size: 1.125rem;
  font-family: "Muli", "Muli-local", sans-serif;
  color: #0a0a0a;
  font-weight: normal;
  line-height: 1.625rem;
  border-bottom-width: 0;
  border-right-width: 0;
}

.sidebar .accordion .accordion-item a.accordion-title:hover, .sidebar .accordion .accordion-item a.accordion-title:focus {
  background-color: transparent;
}

.sidebar .accordion .accordion-item a.accordion-title.no-expand::before {
  content: '';
}

.sidebar .accordion .accordion-item a.accordion-title::before {
  content: url("../img/accordion-plus.png");
  right: 2.125rem;
  top: 0;
  margin-top: 2.1rem;
}

.sidebar .accordion .accordion-item a.accordion-title div {
  padding-top: 2px;
  border-width: 0px;
  padding-left: 20px;
  padding-right: 12px;
}

.sidebar .accordion .accordion-item .accordion-content {
  border: none;
  padding-left: 30px;
}

.sidebar .accordion .accordion-item .accordion-content a:hover {
  color: #519bc8;
}

.sidebar .accordion .accordion-item .accordion-content a:hover:before {
  visibility: hidden;
}

.sidebar .accordion .accordion-item.is-active {
  background-color: #edf1f2;
}

.sidebar .accordion .accordion-item.is-active .accordion-title:hover {
  background-color: inherit;
}

.sidebar .accordion .accordion-item.is-active .accordion-title::before {
  content: url("../img/accordion-minus.png");
  right: 2.125rem;
  top: 0;
  margin-top: 2.1rem;
}

.sidebar .accordion .accordion-item.is-active .accordion-title div {
  border-left: #E85E26 3px solid;
  padding-left: 17px;
}

.sidebar .accordion .accordion-content {
  padding: 0;
  background-color: #edf1f2;
}

.sidebar .accordion .accordion-content a {
  color: #595959;
  font-size: 0.875rem;
  line-height: 0.5rem;
  border-left: 3.5rem;
}

.sidebar .accordion .accordion-content li {
  list-style-type: none;
  padding-right: 2rem;
  padding-bottom: 0.5rem;
}

.sidebar .accordion .accordion-content ul {
  padding-left: 1.375rem;
  padding-bottom: 1.5rem;
}

/* accordion */
table.accordionHead {
  margin-bottom: 0;
}

table.accordionHead th {
  color: #ffffff;
  font-size: 1rem;
  font-weight: 600;
  padding: 1rem;
  text-align: center;
}

table.accordionHead th:nth-child(odd) {
  background-color: #5d6d75;
}

table.accordionHead th:nth-child(even) {
  background-color: #242b2e;
}

table.accordionHead th:first-child {
  background-color: #595959;
  font-size: 22px;
  font-weight: bold;
  line-height: 28px;
  text-align: left;
}

table.accordionHead th:first-child {
  padding-right: 3rem;
  text-align: left;
}

table.accordionHead th:last-child {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

table.accordionFoot td {
  background-color: #595959;
  color: #82939c;
  font-size: 1rem;
  font-weight: normal;
  padding: 1rem 0 .75rem;
  text-align: center;
}

table.accordionFoot td:first-child {
  color: #ffffff;
  font-weight: 600;
  padding-bottom: 3rem;
  padding-right: 1rem;
}

table.accordionFoot td .button {
  margin-top: .5rem;
}

#pde .textOnly ul.accordion {
  margin-bottom: 0;
}

.textOnly.accordion .accordion-content.innerTable {
  padding: 0;
}

.textOnly.accordion .accordion-content.innerTable table {
  margin-bottom: 0;
}

.textOnly.accordion .accordion-content.innerTable table tr td {
  padding-bottom: .25rem;
  text-align: center;
}

.textOnly.accordion .accordion-content.innerTable table tr td:first-child {
  padding-left: 3rem;
  text-align: left;
}

.textOnly.accordion .accordion-content.innerTable table tr td:first-child:before {
  content: "";
}

.textOnly.accordion .accordion-content.innerTable table tr td:last-child {
  margin-right: 3rem;
}

.textOnly.accordion .accordion-content.innerTable table tr td.unchecked:before {
  content: url("../img/icon-table-unchecked.png");
}

.textOnly.accordion .accordion-content.innerTable table tr td.checked:before {
  content: url("../img/icon-table-checkbox.png");
}

.textOnly.accordion .accordion-content.innerTable table tr:nth-child(even) {
  background-color: #edf1f2;
}

.textOnly.accordion .accordion-content.innerTable table tr:nth-child(odd) {
  background-color: #ffffff;
}

/* table */
#simpleLinkBlocks {
  background-color: #ffffff;
  text-align: center;
  -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.3);
  z-index: 800;
}

#simpleLinkBlocks ul {
  margin: 0;
}

@media screen and (max-width: 39.9375em) {
  #simpleLinkBlocks ul {
    margin: 0.938rem 0;
  }
}

#simpleLinkBlocks ul li {
  display: block;
}

@media screen and (min-width: 40em) {
  #simpleLinkBlocks ul li {
    display: inline;
  }
}

@media screen and (min-width: 40em) {
  #simpleLinkBlocks ul li:last-child a {
    border-right: 1px solid rgba(85, 85, 85, 0.2);
  }
}

#simpleLinkBlocks ul li a {
  color: #3B454A;
  display: inline-block;
  font-weight: 500;
  font-size: 14px;
  padding: 1.14rem 1.5rem;
}

@media screen and (min-width: 40em) {
  #simpleLinkBlocks ul li a {
    border-left: 1px solid rgba(85, 85, 85, 0.2);
  }
}

@media screen and (max-width: 39.9375em) {
  #simpleLinkBlocks ul li a {
    display: block;
  }
}

@media screen and (max-width: 55rem) {
  #simpleLinkBlocks ul li a {
    padding: 1.14rem .55rem;
  }
}

@media screen and (min-width: 55rem) {
  #simpleLinkBlocks ul li a {
    padding: 1.14rem 1.25rem;
  }
}

#simpleLinkBlocks ul li a.activeFeature, #simpleLinkBlocks ul li a:hover {
  background-color: #edf1f2;
  color: #E85E26;
  max-height: 50px;
}

#simpleLinkBlocks.dark {
  background-color: #3B454A;
  color: #ffffff;
  border-top: 5px solid #E85E26;
}

#simpleLinkBlocks.dark a {
  color: #edf1f2;
  border-left-color: #595959;
  -webkit-transition: background-color 200ms linear;
  transition: background-color 200ms linear;
}

#simpleLinkBlocks.dark a:hover, #simpleLinkBlocks.dark a.active {
  background: #182028;
  color: #ffffff;
  -webkit-transition: background-color 300ms linear;
  transition: background-color 300ms linear;
}

#simpleLinkBlocks.dark a.productName:hover, #simpleLinkBlocks.dark a.productName.active {
  background-color: transparent;
}

#simpleLinkBlocks.dark .top-bar li:last-child a {
  border-right-color: #595959;
}

#simpleLinkBlocks.dark .title-bar-title {
  color: #ffffff;
}

#simpleLinkBlocks.dark .productName {
  color: #ffffff;
}

#simpleLinkBlocks.sticky .whenFixed, #simpleLinkBlocks .whenFixed {
  display: none;
}

#simpleLinkBlocks.sticky.is-stuck {
  -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.3);
}

#simpleLinkBlocks.sticky .whenInline {
  display: inline;
}

#simpleLinkBlocks.sticky .whenInline .top-bar {
  /*padding-left: 8rem;*/
}

#simpleLinkBlocks.sticky.is-stuck .whenFixed {
  display: inline;
  max-height: 50px;
}

#simpleLinkBlocks.sticky.is-stuck .whenFixed button.blue, #simpleLinkBlocks.sticky.is-stuck .whenFixed .freeTrial button, #simpleLinkBlocks.sticky.is-stuck .freeTrial .whenFixed button, #simpleLinkBlocks.sticky.is-stuck .whenFixed #products_detail .overlayText button.button, #products_detail .overlayText #simpleLinkBlocks.sticky.is-stuck .whenFixed button.button, #simpleLinkBlocks.sticky.is-stuck .whenFixed #products_detail.product_features .overlayText button, #products_detail.product_features .overlayText #simpleLinkBlocks.sticky.is-stuck .whenFixed button, #simpleLinkBlocks.sticky.is-stuck .whenFixed #products_landing .longHero .overlayText button.button, #products_landing .longHero .overlayText #simpleLinkBlocks.sticky.is-stuck .whenFixed button.button {
  float: right;
  margin-bottom: 0;
  padding: 0.75rem 1rem;
}

#simpleLinkBlocks.sticky.is-stuck .whenFixed .dropdown {
  /*float: left;*/
}

#simpleLinkBlocks.sticky.is-stuck .whenFixed .productName {
  float: left;
}

#simpleLinkBlocks.sticky.is-stuck .whenInline {
  display: none;
}

#simpleLinkBlocks .hamburger.button {
  float: left;
  height: 50px;
  margin-left: 0;
  margin-top: 0;
  padding-top: .95rem;
  position: relative;
  width: 50px;
}

#simpleLinkBlocks .navLinks {
  padding-top: 0.0625rem;
}

#simpleLinkBlocks #logo {
  margin-left: 0;
  padding: 0.825rem 0.75rem;
}

@media only screen and (max-width: 39.938em) {
  #simpleLinkBlocks #logo {
    display: none;
  }
}

#simpleLinkBlocks #logo img {
  width: 100px;
  height: 17px;
  margin-left: 0;
}

#simpleLinkBlocks .productName {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.5rem;
  padding-left: .5rem;
  padding-top: .8rem;
  text-align: left;
  color: #595959;
  text-decoration: none;
}

@media screen and (max-width: 1024px) {
  #simpleLinkBlocks .productName {
    display: none;
  }
}

#simpleLinkBlocks .productName span {
  font-weight: 300;
  padding-left: 0;
}

#simpleLinkBlocks .top-bar {
  padding: 0;
}

#simpleLinkBlocks .top-bar,
#simpleLinkBlocks .top-bar ul,
#simpleLinkBlocks .title-bar {
  background: none;
}

@media screen and (min-width: 40em) {
  #simpleLinkBlocks .top-bar li:last-child a,
  #simpleLinkBlocks .top-bar ul li:last-child a,
  #simpleLinkBlocks .title-bar li:last-child a {
    border-right: 1px solid #bfbfbf;
  }
}

#simpleLinkBlocks .title-bar {
  color: #595959;
  padding: .75rem 0;
}

#simpleLinkBlocks .title-bar .menu-icon::after {
  background-color: #595959;
  -webkit-box-shadow: 0 7px 0 #595959, 0 14px 0 #595959;
  box-shadow: 0 7px 0 #595959, 0 14px 0 #595959;
}

#simpleLinkBlocks .title-bar .mobile-sub-menu {
  cursor: pointer;
}

@media screen and (min-width: 40em) {
  #simpleLinkBlocks .title-bar .mobile-sub-menu {
    display: none;
  }
}

#simpleLinkBlocks .freeTrial button {
  border-radius: 0;
  border-top: 1px solid #d14c15;
}

#stickySideNav {
  background: none;
  padding-left: 2rem;
  padding-top: 4rem;
}

@media screen and (max-width: 56.25em) {
  #stickySideNav {
    padding-top: 3rem;
  }
}

#stickySideNav h3 {
  font-weight: 400;
  margin-left: 20px;
  font-size: 1.375rem;
  font-family: "Muli", "Muli-local", sans-serif;
  padding-top: 1rem;
}

@media screen and (max-width: 56.25em) {
  #stickySideNav h3 {
    padding-top: 0;
  }
}

#stickySideNav ul li {
  padding-bottom: 0.5rem;
}

#stickySideNav ul li a {
  color: #595959;
  font-size: 0.875rem;
}

#stickySideNav ul li a.active {
  font-weight: bold;
  border-left: #E85E26 3px solid;
}

#stickySideNav nav.is-anchored,
#stickySideNav nav.is-stuck.is-at-top {
  padding-bottom: 4rem;
  padding-top: 4rem;
}

#stickySideNav nav.is-stuck.is-at-top {
  padding-top: 6rem;
  padding-right: 2rem;
}

#stickySideNav nav.is-anchored.is-at-bottom {
  top: 0 !important;
  padding-bottom: 0;
  padding-top: 4rem;
}

#sort-by-menu {
  background: #ffffff;
}

#sort-by-menu ul {
  text-align: center;
  margin: 0;
}

@media screen and (max-width: 39.9375em) {
  #sort-by-menu ul {
    padding: 0.625rem 0;
  }
}

#sort-by-menu ul li {
  font-size: 1rem;
  font-family: "Muli", "Muli-local", sans-serif;
  color: #82939c;
  display: inline-block;
}

@media screen and (max-width: 39.9375em) {
  #sort-by-menu ul li {
    display: block;
  }
}

#sort-by-menu ul li a {
  font-size: 1rem;
  color: #82939c;
  display: inline-block;
  padding: 0.938rem 1.250rem;
}

@media screen and (max-width: 39.9375em) {
  #sort-by-menu ul li a {
    display: block;
    padding: 0.313rem 0;
    margin: 0 0.625rem;
  }
  #sort-by-menu ul li a:hover {
    background: #edf1f2;
  }
}

#sort-by-menu ul li a:hover {
  color: #595959;
}

#sort-by-menu ul li .activeFeature, #sort-by-menu ul li .activeFeature:hover {
  color: #519bc8;
}

#sort-by-menu ul li:after {
  content: "|";
  color: #82939c;
}

@media screen and (max-width: 39.9375em) {
  #sort-by-menu ul li:after {
    content: none;
  }
}

#sort-by-menu ul li:last-child:after {
  content: none;
}

@media screen and (max-width: 39.9375em) {
  #sort-by-menu ul li:last-child {
    padding-bottom: 0;
  }
}

/* used for product section */
ul.social {
  display: inline-block;
  float: right;
  padding-left: 0;
  padding-bottom: 2rem;
}

ul.social li a {
  padding: 16px;
  display: inline-block;
  float: right;
}

#sidebar ul.social {
  padding-bottom: 2rem;
}

.facebook,
.twitter,
.linkedin,
.instagram {
  border: 2px solid #0a0a0a;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  height: 36px;
  width: 36px;
  margin-left: .5rem;
  display: inline-block;
}

.facebook {
  background-image: url("../img/facebook.svg");
}

.twitter {
  background-image: url("../img/twitter.svg");
}

.linkedin {
  background-image: url("../img/linkedin.svg");
}

.social.socialAlternate {
  border-bottom: 1px solid #bfbfbf;
  border-top: 1px solid #bfbfbf;
  margin-bottom: 2rem;
  padding: 2rem .5rem;
  position: relative;
  width: 100%;
}

.social.socialAlternate:before {
  color: #242b2e;
  content: "Follow us:";
  font-weight: bold;
  position: absolute;
  top: 40%;
  left: .5rem;
}

.social.socialAlternate .facebook,
.social.socialAlternate .twitter,
.social.socialAlternate .linkedin,
.social.socialAlternate .instagram {
  margin-right: 1rem;
}

.pageContent .mainContent ul.socialAlternate {
  margin-left: 0;
}

.podcast .mainContent .socialAlternate {
  border-bottom: none;
}

@media screen and (min-width: 1088px) and (max-width: 1274px) {
  footer .social .facebook,
  footer .social .twitter,
  footer .social .linkedin,
  footer .social .instagram {
    padding: .8rem;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1087px) {
  footer .social .facebook,
  footer .social .twitter,
  footer .social .linkedin .instagram {
    margin-right: .25rem;
    padding: .75rem;
  }
}

/* social icons used in footer, sidebar, main content */
.recognition {
  text-align: center;
  background-color: #edf1f2;
  background-image: url("../img/awards-background-sm.png");
  background-position: center 100px;
  background-repeat: repeat;
  padding-bottom: 3rem;
  padding-top: 3rem;
}

@media screen and (min-width: 64em) {
  .recognition {
    padding-bottom: 5rem;
    padding-top: 4rem;
  }
}

.recognition p {
  color: #242b2e;
  font-size: 1.375rem;
  line-height: 2.188rem;
  text-align: center;
}

.recognition h2 {
  color: #0a0a0a;
  font-size: 40px;
  line-height: 45px;
  padding-bottom: 1rem;
}

.recognition ul.awards {
  padding-top: 1rem;
}

@media screen and (max-width: 39.9375em) {
  .recognition ul.awards {
    margin-left: 0;
  }
}

.recognition ul.awards li {
  display: inline;
  list-style-type: none;
  margin-bottom: 20px;
}

@media screen and (min-width: 64em) {
  .recognition ul.awards li {
    margin-right: 1rem;
  }
}

@media screen and (max-width: 63.9375em) {
  .recognition ul.awards li {
    display: inline-block;
    padding-bottom: 2rem;
  }
}

.recognition ul.awards li.hoverContent {
  position: relative;
}

.recognition ul.awards li.hoverContent .viewOnHover {
  display: none;
}

.recognition ul.awards li.hoverContent:hover .viewOnHover {
  display: inline;
  position: absolute;
  left: 0;
  bottom: -86px;
  border-radius: 50%;
  background-color: #3B454A;
  border: 10px solid rgba(58, 69, 75, 0.1);
  -moz-background-clip: border;
  -webkit-background-clip: border;
  background-clip: padding-box;
  cursor: pointer;
  min-height: 194px;
  min-width: 194px;
  text-align: center;
}

@media screen and (max-width: 63.9375em) {
  .recognition ul.awards li.hoverContent:hover .viewOnHover {
    bottom: -51px;
  }
}

.recognition ul.awards li.hoverContent:hover .viewOnHover a.hoverButton {
  display: block;
  margin-top: 4rem;
}

.recognition ul.awards li.hoverContent img {
  border-radius: 50%;
  border: 10px solid rgba(58, 69, 75, 0.1);
  -moz-background-clip: border;
  -webkit-background-clip: border;
  background-clip: padding-box;
  cursor: pointer;
  min-height: 175px;
  min-width: 175px;
}

.recognition ul.awards li.hoverContent.blank .viewOnHover {
  display: inline;
  position: absolute;
  left: 0;
  bottom: -86px;
  border-radius: 50%;
  border: 10px solid rgba(58, 69, 75, 0.1);
  -moz-background-clip: border;
  -webkit-background-clip: border;
  background-clip: padding-box;
  cursor: pointer;
  min-height: 194px;
  min-width: 194px;
  text-align: center;
}

@media screen and (max-width: 63.9375em) {
  .recognition ul.awards li.hoverContent.blank .viewOnHover {
    bottom: -51px;
  }
}

.recognition ul.awards li.hoverContent.blank .viewOnHover a.hoverButton {
  display: block;
  margin-top: 4rem;
}

.recognition ul.awards li.hoverContent.blank .viewOnHover:hover button.noStyle {
  color: #ffffff;
}

.recognition ul.awards li.hoverContent.blank button.noStyle {
  background: none;
  color: #0a0a0a;
  font-size: 18px;
  margin-top: -1rem;
  padding-right: 2rem;
  width: 75%;
}

.recognition ul.awards li.hoverContent.blank button.noStyle:after {
  content: url("../img/see-more-arrow.png");
  position: absolute;
  top: 37%;
  right: 1.5rem;
}

/* awards */
.plans {
  margin: 3rem 0 3.5rem;
}

@media screen and (min-width: 40em) {
  .plans {
    margin-top: 5rem;
  }
}

@media screen and (min-width: 64em) {
  .plans .featuredPlan.threePlans .column, .plans .featuredPlan.threePlans .columns {
    width: 25%;
  }
  .plans .featuredPlan.threePlans .column:nth-of-type(2), .plans .featuredPlan.threePlans .columns:nth-of-type(2) {
    width: 50%;
  }
}

@media screen and (min-width: 64em) {
  .plans .featuredPlan.twoPlans {
    padding-left: 12%;
    padding-right: 12%;
  }
  .plans .featuredPlan.twoPlans .column, .plans .featuredPlan.twoPlans .columns {
    width: 60%;
  }
  .plans .featuredPlan.twoPlans .column:nth-of-type(2), .plans .featuredPlan.twoPlans .columns:nth-of-type(2) {
    width: 40%;
  }
}

.plans .column, .plans .columns {
  padding: 0 .75rem;
  text-align: center;
}

@media screen and (max-width: 39.9375em) {
  .plans .column, .plans .columns {
    padding-top: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-top: 1rem;
  }
}

.plans .column .plan, .plans .columns .plan {
  background-color: #ffffff;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 2rem 0 1rem;
}

.plans .column .plan .planTop, .plans .columns .plan .planTop {
  position: relative;
}

.plans .column .plan .planTop h2, .plans .columns .plan .planTop h2 {
  font-size: 1.375rem;
  line-height: 1.625rem;
  padding: 0 1.5rem 0.5rem;
}

@media screen and (min-width: 75em) {
  .plans .column .plan .planTop h2, .plans .columns .plan .planTop h2 {
    font-size: 1.75rem;
  }
}

.plans .column .plan .planTop p, .plans .columns .plan .planTop p {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  padding: 0 1.5rem .5rem;
}

.plans .column .plan .planTop p.intro-text, .plans .columns .plan .planTop p.intro-text {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  padding: 0 2rem 1rem;
  max-width: 300px;
  margin: 0 auto 1rem;
}

.plans .column .plan .planTop p.phone, .plans .columns .plan .planTop p.phone {
  color: #82939c;
  font-size: 1rem;
  font-weight: normal;
  padding-bottom: 1rem;
}

.plans .column .plan .planTop p.helper-text, .plans .columns .plan .planTop p.helper-text {
  font-size: 1rem;
  color: #82939c;
  margin-top: 1.250rem;
  font-weight: 400;
}

.plans .column .plan .planTop a, .plans .columns .plan .planTop a {
  font-size: 0.875rem;
  font-weight: 400;
}

.plans .column .plan .planTop a.button, .plans .columns .plan .planTop a.button {
  font-weight: normal;
}

.plans .column .plan .planTop .price, .plans .columns .plan .planTop .price {
  font-size: 4.063rem;
  font-weight: 500;
  padding-top: 0.625rem;
  margin-bottom: 0;
}

@media screen and (min-width: 39.9375em) and (max-width: 62.25em) {
  .plans .column .plan .planTop .price, .plans .columns .plan .planTop .price {
    font-size: 3.125rem;
  }
}

.plans .column .plan .planTop .price span.mo, .plans .columns .plan .planTop .price span.mo {
  font-size: 1rem;
  font-weight: normal;
}

@media screen and (min-width: 39.9375em) and (max-width: 62.25em) {
  .plans .column .plan .planTop .price span.mo, .plans .columns .plan .planTop .price span.mo {
    margin-top: 0.500rem;
    display: block;
  }
}

.plans .column .plan .planTop .price .contact_text, .plans .columns .plan .planTop .price .contact_text {
  font-size: 2.5rem;
  line-height: 35px;
}

@media screen and (max-width: 62.25em) {
  .plans .column .plan .planTop .price .contact_text, .plans .columns .plan .planTop .price .contact_text {
    font-size: 35px;
  }
}

.plans .column .plan .planTop .payment_freq, .plans .columns .plan .planTop .payment_freq {
  cursor: pointer;
  color: #82939c;
  position: relative;
  z-index: 200;
}

.plans .column .plan .planTop .payment_freq:after, .plans .columns .plan .planTop .payment_freq:after {
  content: " ";
  padding-right: 1.375rem;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
  background-size: 9px 6px;
  background-position: right -14px center;
  background-origin: content-box;
  background-repeat: no-repeat;
  position: relative;
}

.plans .column .plan .planTop .payment_freq.annualOnly, .plans .columns .plan .planTop .payment_freq.annualOnly {
  cursor: default;
}

.plans .column .plan .planTop .payment_freq.annualOnly:after, .plans .columns .plan .planTop .payment_freq.annualOnly:after {
  content: " ";
  padding-right: 0;
  background-image: none;
}

.plans .column .plan .planTop .payment_freq_alt_text, .plans .columns .plan .planTop .payment_freq_alt_text {
  color: #82939c;
}

.plans .column .plan .planTop .payment_freq_selector, .plans .columns .plan .planTop .payment_freq_selector {
  display: none;
  position: absolute;
  -webkit-box-shadow: 1px 1px 0px 0px rgba(50, 50, 50, 0.25);
  box-shadow: 1px 1px 0px 0px rgba(50, 50, 50, 0.25);
  background: #edf1f2;
  left: 50%;
  margin-left: -55px;
  width: 110px;
  z-index: 200;
}

.plans .column .plan .planTop .payment_freq_selector ul, .plans .columns .plan .planTop .payment_freq_selector ul {
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 2px;
}

.plans .column .plan .planTop .payment_freq_selector ul li, .plans .columns .plan .planTop .payment_freq_selector ul li {
  cursor: pointer;
  line-height: 20px;
  padding: 0.625rem;
  border-bottom: 1px solid #bfbfbf;
  border-top: 1px solid #ffffff;
  vertical-align: center;
}

.plans .column .plan .planTop .payment_freq_selector ul li:hover, .plans .columns .plan .planTop .payment_freq_selector ul li:hover {
  background: #DEE5E8;
  cursor: pointer;
}

.plans .column .plan .planTop .payment_freq_selector ul li:last-child, .plans .columns .plan .planTop .payment_freq_selector ul li:last-child {
  border-bottom: none;
}

.plans .column .plan .planTop .payment_freq_selector ul li:first-child, .plans .columns .plan .planTop .payment_freq_selector ul li:first-child {
  border-top: 1px solid #ffffff;
}

.plans .column .plan .planTop .payment_tier_selector, .plans .columns .plan .planTop .payment_tier_selector {
  padding: 0.625rem 3.125rem 0;
}

@media screen and (min-width: 39.9375em) and (max-width: 62.25em) {
  .plans .column .plan .planTop .payment_tier_selector, .plans .columns .plan .planTop .payment_tier_selector {
    padding: 0.625rem 1.875rem 0;
  }
}

@media screen and (max-width: 62.25em) {
  .plans .column .plan .planTop .payment_tier_selector select, .plans .columns .plan .planTop .payment_tier_selector select {
    font-size: 0.875rem;
  }
}

.plans .column .plan .planTop .pricing-section, .plans .columns .plan .planTop .pricing-section {
  min-height: 150px;
}

.plans .column .plan .planTop .pricing-section.custom a.button, .plans .columns .plan .planTop .pricing-section.custom a.button {
  margin-top: 1rem;
}

@media screen and (max-width: 62.25em) {
  .plans .column .plan .planTop .button, .plans .columns .plan .planTop .button {
    padding: 0.6rem .75rem;
  }
}

.plans .column .plan ul, .plans .columns .plan ul {
  border-top: 1px solid #DEE5E8;
  margin-left: 0;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 2rem;
}

.plans .column .plan li, .plans .columns .plan li {
  color: #595959;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  list-style-type: none;
  text-align: center;
  font-size: 0.875rem;
  line-height: 18px;
  padding-bottom: 1.5rem;
}

.plans .column .plan li span.note, .plans .columns .plan li span.note {
  color: #82939c;
}

.plans .column .plan .purchase, .plans .columns .plan .purchase {
  margin-bottom: 2rem;
}

.plans .column .plan.hasList, .plans .columns .plan.hasList {
  padding-bottom: 0;
}

.plans .column .plan.hasList p, .plans .columns .plan.hasList p {
  -webkit-box-flex: unset;
  -ms-flex-positive: unset;
  flex-grow: unset;
}

.plans .column .plan.hasList li, .plans .columns .plan.hasList li {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.plans .column .plan .has-tip, .plans .columns .plan .has-tip {
  border-bottom: none;
  font-weight: normal;
}

.plans .column .recommended h2, .plans .columns .recommended h2 {
  background-color: #E85E26;
  color: #ffffff;
  font-size: 1rem;
  line-height: 36px;
  margin-bottom: 0;
  margin-top: -2.8rem;
  padding: .25rem 0;
  text-align: center;
}

@media screen and (max-width: 39.9375em) {
  .plans .column .recommended h2, .plans .columns .recommended h2 {
    margin-top: 0;
  }
}

.plans .column .viewFeatures h4, .plans .columns .viewFeatures h4 {
  background-color: #DEE5E8;
  color: #519bc8;
  margin-top: 0;
  padding: 1rem;
  font-size: 0.875rem;
}

@media screen and (max-width: 64em) {
  .plans .column .viewFeatures h4, .plans .columns .viewFeatures h4 {
    margin-bottom: 3rem;
  }
}

@media screen and (min-width: 64em) {
  .plans .fourPlans {
    padding-left: 8%;
    padding-right: 8%;
  }
}

@media screen and (min-width: 64em) {
  .plans .twoPlans {
    padding-left: 18%;
    padding-right: 18%;
  }
}

/* styles specific to the plans section under products */
.reveal .contactForm .columns #contactForm {
  padding: 2.5rem 2rem 2rem;
}

@media screen and (max-width: 39.9375em) {
  .reveal .contactForm .columns #contactForm {
    padding: 2.5rem .5rem 2rem;
  }
}

.reveal .contactForm {
  background: #ffffff;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#ffffff), color-stop(75%, #ffffff), color-stop(75%, #e9edf0), to(#e9edf0));
  background: linear-gradient(to right, #ffffff 0%, #ffffff 75%, #e9edf0 75%, #e9edf0 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9edf0',GradientType=1 );
  /* IE6-9 */
}

@media screen and (max-width: 64em) {
  .reveal .contactForm {
    background: #ffffff;
  }
}

.reveal .contactForm #fieldInstruction {
  color: #93a2a5;
  font-family: "Muli", "Muli-local", sans-serif;
  font-weight: 400;
}

.reveal .contactForm .intl-phone .country-list {
  max-height: 150px;
}

.reveal .contactForm p.disc {
  padding-bottom: 0;
  padding-left: 32px;
}

.reveal .contactForm .sidebar {
  background-image: url("../img/at.png");
}

.reveal .contactForm #thankyouText, .reveal .contactForm #errorText {
  background: #edf1f2;
  padding: .85rem 1rem;
  margin: 0 0 2rem;
}

.reveal .contactForm #thankyouText h4, .reveal .contactForm #errorText h4 {
  font-size: .85rem;
  line-height: 1rem;
  margin: 0;
  padding: 0;
}

.reveal .contactForm #thankyouText h4 span.success, .reveal .contactForm #errorText h4 span.success {
  color: #11b051;
}

.reveal .contactForm #thankyouText h4 span.error, .reveal .contactForm #errorText h4 span.error {
  color: #e53720;
}

.contact-sticky {
  overflow: visible;
  position: fixed;
  bottom: 0;
  width: 100%;
  text-decoration: none;
  z-index: 9999;
}

.contact-sticky a.button.gray {
  font-size: 14px;
  float: right;
  border: #5d6d75 1px solid;
  margin-bottom: 0;
  border-radius: 12px 12px 0 0;
  z-index: 825;
  padding: 0.5rem 1rem;
  -webkit-box-shadow: 0px 0 8px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0 8px 0px rgba(0, 0, 0, 0.25);
}

.contact-sticky a.button.gray:after, .contact-sticky a.button.gray:hover {
  border-radius: 12px 12px 0 0;
}

.contact-sticky .contactBtn a.button.gray {
  margin-right: 2rem;
}

.contact-sticky #stickyChat + .contactBtn a.button.gray {
  margin-right: 0.75rem;
}

.contact-sticky #stickyChat a.button.gray {
  margin-right: 2rem;
}

.contact-sticky #stickyChat .button:before {
  background-image: url("../img/chat.svg");
  background-size: 16px 16px;
  height: 16px;
  width: 16px;
  content: ' ';
  display: inline-block;
  top: 5px;
  position: relative;
  margin-right: 0.625rem;
}

.contact-sticky .promoBar {
  color: #ffffff;
  background-color: #E85E26;
  width: 100%;
  position: absolute;
  left: -260px;
  bottom: 0;
  height: 45.19px;
  border-top-right-radius: 3px;
}

.contact-sticky .promoBar > div {
  margin-left: 280px;
  padding: 0.4rem 0;
}

.contact-sticky .promoBar p.promoBarText {
  color: #ffffff;
  font-size: 1rem;
  padding: 0.2rem 0;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 1.75rem;
}

.contact-sticky .promoBar p.promoBarText span, .contact-sticky .promoBar p.promoBarText a {
  font-size: 0.875rem;
}

.contact-sticky .promoBar p.promoBarText span {
  font-weight: normal;
  margin-left: 0;
}

.contact-sticky .promoBar p.promoBarText span.date:before, .contact-sticky .promoBar p.promoBarText span.date:after {
  content: "/";
  margin: 0 .75rem;
  opacity: .6;
}

.contact-sticky .promoBar p.promoBarText span.cta {
  color: #edf1f2;
  text-decoration: underline;
}

.contact-sticky .promoBar p.promoBarText span.cta:before {
  -webkit-text-decoration: none !important !important;
  text-decoration: none !important !important;
}

.contact-sticky .promoBar .close-button {
  width: 2.25rem;
  outline: none;
  border: none;
  top: 2px;
  right: 0;
  padding: .2rem 1rem .2rem .5rem;
  background-color: #E85E26;
  opacity: .6;
}

.contact-sticky .promoBar .close-button:hover {
  opacity: 1;
}

#drift-widget {
  bottom: 50px !important;
  right: 20px !important;
}

/* sticky floating contact button */
footer {
  padding-bottom: 2rem;
}

footer .callToActionDark.largeCta p {
  margin: 1.5rem 0 2rem;
}

footer .search-scroll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 3.9375rem;
  background: #3B454A;
}

footer .search-scroll .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 78.125rem;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 100%;
  padding: 0 2rem;
}

footer .footer {
  border-top: 1px solid #edf1f2;
  padding-top: 2.5rem;
}

footer .footer__search {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media screen and (max-width: 39.9375em) {
  footer .footer__search {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4;
  }
}

footer .footer__search form {
  position: relative;
}

footer .footer__search .sb-search-input {
  border: none !important;
  background-color: #3B454A !important;
  color: #ffffff;
  padding-left: 1.5rem;
}

footer .footer__search .sb-search-input:focus, footer .footer__search .sb-search-input:active {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

footer .footer__search .sb-search-submit {
  top: 17px;
  left: 0;
  background-color: #3B454A !important;
  background-size: 12px 12px;
}

footer .footer__scroll {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: right;
  margin-top: 12px;
  cursor: pointer;
}

footer .footer__scroll a {
  position: relative;
  padding-right: 1.75rem;
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 0.75rem;
  font-weight: 800;
  text-transform: uppercase;
  color: #82939c;
  cursor: pointer;
}

@media screen and (max-width: 39.9375em) {
  footer .footer__scroll a span {
    display: none;
  }
}

footer .footer__scroll a img {
  position: absolute;
  top: -2px;
  right: 0;
  width: 18px;
  height: 17px;
  cursor: pointer;
}

footer .footer__links {
  background: #242b2e;
  color: #ffffff;
  font-size: 0.875rem;
  font-weight: 500;
  padding: 30px 2rem;
  max-width: 78.125rem;
}

@media screen and (min-width: 64em) {
  footer .footer__links {
    padding: 68px 2rem;
  }
}

@media screen and (min-width: 64em) {
  footer .footer__links-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media screen and (min-width: 40em) {
  footer .footer__links-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media screen and (min-width: 64em) {
  footer .footer__links-col {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
  }
}

footer .footer__links-col:last-child {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: block;
}

footer .footer__links-section {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
  margin-bottom: 1.5rem;
  padding-right: 1rem;
}

footer .footer__links .logo {
  width: 150px;
  margin-bottom: 1.5625rem;
}

footer .footer__links-title {
  font-family: "Muli", "Muli-local", sans-serif;
  font-weight: 900;
  font-size: 0.75rem;
  color: #82939c;
  text-transform: uppercase;
  margin-bottom: 0.625rem;
}

footer .footer__links a.link {
  display: block;
  font-size: 0.875rem;
  font-weight: 500;
  color: #ffffff;
  margin-bottom: 1.0625rem;
}

footer .footer__links-social {
  margin-top: -7px;
}

footer .footer__links-social .linkedin, footer .footer__links-social .twitter, footer .footer__links-social .facebook, footer .footer__links-social .instagram {
  border: none;
  border-radius: 0;
}

footer .footer__links-social .linkedin {
  background-image: url(../img/linkedin-light.svg);
  margin-left: -9px;
}

footer .footer__links-social .twitter {
  background-image: url(../img/twitter-light.svg);
}

footer .footer__links-social .facebook {
  background-image: url(../img/facebook-light.svg);
}

footer .footer__links-social .instagram {
  background-image: url(../img/instagram-light.svg);
}

footer .footer__breach-title {
  font-family: "Muli", "Muli-local", sans-serif;
  font-weight: 900;
  font-size: 0.875rem;
  line-height: 1.2;
  margin-top: 1.8rem;
  margin-bottom: 0.875rem;
}

footer .footer__breach-icon {
  background-color: #3B454A !important;
}

footer .footer__legal {
  padding: 2rem 0;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
}

footer .footer__legal .row {
  max-width: 78.125rem;
  padding: 0 2rem;
}

footer .footer__legal-copyright {
  display: inline-block;
  font-size: 0.875rem;
  margin-right: 2rem;
  color: #82939c;
}

footer .footer__legal-link {
  display: inline-block;
}

footer .footer__legal-link a {
  color: #82939c;
  font-size: 0.875rem;
  margin: 0 5px;
}

footer .footer .columns .columns {
  border-top: none;
}

footer h3 {
  color: #595959;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.25rem;
  padding-bottom: 0;
}

footer ul {
  list-style-type: none;
  margin-left: 0;
}

footer ul li a {
  color: #519bc8;
  font-size: 0.875rem;
  letter-spacing: -.17px;
  line-height: 21px;
}

footer.simpleFooter {
  padding: 0 3rem;
  width: 100%;
  z-index: 600;
  bottom: 0;
  background: #0a0a0a;
  color: #82939c;
  vertical-align: middle;
  font-size: 0.875rem;
}

footer.simpleFooter.fixed {
  position: fixed;
}

footer.simpleFooter.mini {
  padding: 0 1.250rem;
  height: 2.500rem;
  line-height: 40px;
}

footer.simpleFooter .footer-links {
  float: right;
}

@media screen and (max-width: 39.9375em) {
  footer.simpleFooter .footer-links {
    display: none;
  }
}

footer.simpleFooter .footer-links ul {
  margin-left: 0;
}

footer.simpleFooter .footer-links ul li {
  display: inline-block;
}

@media screen and (max-width: 39.9375em) {
  footer.simpleFooter .footer-links ul li {
    text-align: center;
    display: block;
  }
}

footer.simpleFooter .footer-links ul li a {
  color: #82939c;
  line-height: 40px;
}

footer.simpleFooter .footer-links ul li:after {
  content: "|";
  color: #5d6d75;
  padding: 0 10px;
}

@media screen and (max-width: 39.9375em) {
  footer.simpleFooter .footer-links ul li:after {
    content: none;
    padding: 0;
  }
}

footer.simpleFooter .footer-links ul li:last-child:after {
  content: none;
}

@media screen and (max-width: 39.9375em) {
  footer.simpleFooter .footer-links ul {
    float: none;
  }
}

footer.simpleFooter .footer-links a {
  color: inherit;
}

@media screen and (max-width: 39.9375em) {
  footer.simpleFooter .footer-links a {
    text-align: center;
    display: block;
    margin-top: 0.625rem;
  }
}

footer.simpleFooter .footer-links a + a {
  margin: 0 0 0 1rem;
  padding-left: 1rem;
  border-left: 1px solid #595959;
}

@media screen and (max-width: 39.9375em) {
  footer.simpleFooter .footer-links a + a {
    padding-left: 0;
    margin-left: 0;
    margin-top: 0.625rem;
    border-left: none;
  }
}

footer.simpleFooter .footer-links a:hover {
  color: #519bc8;
}

footer.simpleFooter .copyright {
  float: left;
}

@media screen and (max-width: 39.9375em) {
  footer.simpleFooter .copyright {
    float: none;
    text-align: center;
    display: block;
  }
}

@media screen and (min-width: 64em) {
  .newsletter {
    padding-right: 3rem;
  }
}

@media screen and (min-width: 74em) {
  .newsletter {
    padding-right: 4rem;
  }
}

.newsletter .successMsg {
  display: none;
  background: #E9EDF0;
  height: 48px;
  padding: 1rem;
  margin: 1rem 0 2rem;
}

.newsletter .successMsg span.success {
  color: #11b051;
}

/* back to top */
.backToTop {
  border-top: 1px solid #edf1f2;
}

.backToTop a {
  padding: 1rem 0;
  display: block;
}

@media screen and (max-width: 39.9375em) {
  .internal .overlayText {
    padding-bottom: 2rem;
  }
}

.internal .overlayText .button {
  margin: 1rem 0 2.5rem;
}

@media screen and (max-width: 39.9375em) {
  .internal .overlayText .button {
    margin-bottom: 1rem;
  }
}

.internal .longHero {
  background-image: none;
}

.internal .pageContent {
  padding-bottom: 0;
}

.internal .textOnly ul {
  margin-left: 3rem;
}

.internal .textOnly ul li {
  list-style-type: disc;
  padding-bottom: 0.875rem;
}

.internal .textOnly ol {
  margin-left: 3rem;
}

.internal .textOnly ol li {
  padding-bottom: 0.875rem;
  list-style-type: decimal;
}

.internal .textOnly hr {
  width: 100%;
  border: none;
  margin: 30px 0;
}

.internal .textOnly .icon-list {
  margin-left: 80px;
  margin-bottom: 3rem;
}

.internal .textOnly .icon-list div {
  position: relative;
  margin-top: 2rem;
}

.internal .textOnly .icon-list div h4, .internal .textOnly .icon-list div p {
  color: #595959;
}

.internal .textOnly .icon-list div h4 {
  font-size: 1.25rem;
  line-height: 1.625rem;
}

.internal .textOnly .icon-list div img {
  width: 50px;
  margin-left: -80px;
  margin-right: 30px;
  position: absolute;
}

.internal .textOnly.introStandard h2 {
  line-height: 2.5rem;
  color: #ffffff;
}

.internal .textOnly.introStandard ul {
  margin-left: 3rem;
}

.internal .textOnly.introStandard.introWithCTA h2 {
  color: #595959;
}

.internal .textOnly.introStandard.introWithCTA .callToActionDark {
  padding-bottom: 2rem;
  padding-top: 2rem;
}

.internal .textOnly.introStandard h3 {
  color: #82939c;
}

.internal footer {
  padding-top: 0;
}

@media screen and (min-width: 40em) {
  .internal .textOnly.introStandard h2 {
    font-size: 20px;
    line-height: 30px;
  }
}

.internal .textOnly.accordion {
  margin-top: -5rem;
}

.internal .textOnly.accordion ul {
  margin-left: 0;
}

.internal .textOnly.accordion ul li {
  padding-bottom: 0;
  list-style-type: none;
}

.internal .textOnly.standardText .blocksArea {
  margin: 20px 0;
}

.internal .internal-jump {
  border-top: 1px solid #bfbfbf;
}

.internal .internal-jump .textOnly.standardText {
  padding-bottom: 0;
}

.internal .internal-jump .sidebar {
  background-color: #ffffff;
  border-right: 1px solid #bfbfbf;
}

.internal .internal-jump .sidebar-content ul {
  margin-left: 0;
  padding: 0 56px 30px 50px;
  font-family: "Roboto", "Roboto-local", sans-serif;
  color: #595959;
  font-size: 0.875rem;
  list-style-type: disc;
  padding-bottom: 1rem;
  font-weight: 600;
  line-height: 1.325rem;
}

.internal .internal-jump .sidebar-content ul a:hover {
  color: #519bc8;
}

.internal .internal-jump .sidebar-content ul li {
  padding-bottom: 0.5rem;
}

.internal .internal-jump .sidebar-content h4 {
  font-size: 1.125rem;
  font-family: "Muli", "Muli-local", sans-serif;
  color: #0a0a0a;
  font-weight: normal;
  line-height: 1.625rem;
  padding: 30px 56px 0px 50px;
}

@media screen and (min-width: 40em) {
  .internal .internal-jump {
    padding-top: 0;
    padding-bottom: 2rem;
  }
  .internal .internal-jump .section-fit {
    padding-top: 4rem;
    padding-bottom: 2rem;
    margin-right: 4rem;
    margin-left: 4rem;
  }
}

@media screen and (max-width: 39.99em) {
  .internal .internal-jump {
    padding-top: 0;
  }
  .internal .internal-jump .section-fit {
    padding-top: 1.5rem;
    padding-bottom: 0.75rem;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
}

.internal .internal-jump .section-divide {
  border-top: 1px solid #bfbfbf;
}

.internal .internal-jump .section-divide:first-child {
  border-top-width: 0px;
}

.internal .internal-jump .section-fit ul {
  margin-bottom: 0;
  margin-top: 0;
  margin-left: 1.3rem;
}

.internal .internal-jump .section-fit a {
  font-weight: 500;
}

.internal .internal-jump .section-fit h3 {
  line-height: 2.075rem;
  font-family: "Muli", "Muli-local", sans-serif;
  font-weight: 500;
  font-size: 1.3rem;
  padding-top: 1rem;
}

.internal .internal-jump .section-fit p {
  line-height: 1.7rem;
}

.internal .img-wrapper {
  clear: both;
  margin: 30px 0;
  position: relative;
}

.internal .img-wrapper span {
  margin-top: 10px;
  text-align: center;
  display: block;
  font-size: 14px;
  line-height: 16px;
  font-style: italic;
  vertical-align: middle;
  color: #5d6d75;
  padding: 0 20px;
}

.internal .img-wrapper img {
  display: block;
}

.internal .img-wrapper .view-icon {
  background: url("/includes/img/right-search.png") no-repeat, url("/includes/img/right-corner.png") no-repeat;
  height: 87px;
  width: 87px;
  top: 0;
  right: 0;
  position: absolute;
  cursor: pointer;
}

.internal .full-modal, .internal .full {
  max-width: 100%;
  margin: 40px 0;
  display: block;
}

.internal .full-modal img.full, .internal .full img.full {
  margin: 0;
}

.internal .half-left-modal, .internal .half-left {
  max-width: 47%;
  float: left;
  margin: 10px 40px 40px 0;
}

@media screen and (max-width: 39.9375em) {
  .internal .half-left-modal, .internal .half-left {
    max-width: 100%;
    float: none;
    margin-right: 0;
  }
}

.internal .half-left-modal img.half-left, .internal .half-left img.half-left {
  max-width: 100%;
  margin: 0;
}

.internal .half-right-modal, .internal .half-right {
  max-width: 47%;
  float: right;
  margin: 10px 0 40px 40px;
}

@media screen and (max-width: 39.9375em) {
  .internal .half-right-modal, .internal .half-right {
    max-width: 100%;
    float: none;
    margin-left: 0;
  }
}

.internal .half-right-modal img.half-right, .internal .half-right img.half-right {
  max-width: 100%;
  margin: 0;
}

.internal .inset-modal, .internal .inset {
  max-width: 80%;
  display: block;
  margin: 30px 10% 50px;
}

@media screen and (max-width: 39.9375em) {
  .internal .inset-modal, .internal .inset {
    max-width: 100%;
    float: none;
    margin-right: 0;
    margin-left: 0;
  }
}

.internal .inset-modal img.inset, .internal .inset img.inset {
  max-width: 100%;
  margin: 0 auto;
  display: block;
}

.internal .img-icon {
  clear: both;
  float: left;
  display: inline-block;
  margin: 0 30px 30px 0;
}

.internal .img-wrapper .half-left,
.internal .img-wrapper .half-right,
.internal .img-wrapper .inset,
.internal .img-wrapper .full {
  cursor: pointer;
}

.filter-group {
  position: relative;
}

.filter-group__toggle {
  display: inline-block;
  height: 18px;
  width: 18px;
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
  background-repeat: no-repeat;
  padding: 0;
  margin: 0;
}

.filter-group__toggle.minus {
  background-image: url(../img/accordion-minus.png);
}

.filter-group__toggle.plus {
  background-image: url(../img/accordion-plus.png);
}

.filter-group__sub {
  padding-left: 20px;
}

.filter-group__label {
  margin-left: 1rem !important;
}

.filter-group__label--highlight {
  color: #E85E26;
  font-weight: 600;
}

/* styles specific to partner resources page */
.large-3 .block-item__img {
  right: 25%;
  left: 25%;
}

.block-item {
  display: block;
  border: 10px solid #dcdbdb;
  border-width: 10px 0 0 0;
  background-color: #ffffff;
  display: block;
  position: relative;
  text-align: center;
  margin-bottom: 1.5rem;
}

.block-item--no-border {
  border-top-width: 0;
}

.block-item__no-link:hover {
  cursor: text;
}

@media screen and (min-width: 64em) {
  .block-item__modal {
    width: 50% !important;
  }
}

.block-item__content {
  position: relative;
  min-height: 135px;
}

.block-item__content--stacked {
  padding: 30px 0;
  text-align: center;
}

.block-item__content--stacked img {
  max-width: 70%;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.block-item__content--stacked img:first-of-type {
  margin-bottom: 0;
  max-width: 175px;
}

.block-item__content--video {
  position: relative;
}

.block-item__content--video:after {
  content: '';
  width: 92px;
  height: 92px;
  background-color: rgba(10, 10, 10, 0.8);
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-image: url("/includes/img/play-2.svg");
  background-repeat: no-repeat;
  background-size: 23px auto;
  background-position: 55% center;
  cursor: pointer;
}

.block-item .block-item__img, .block-item .block-item__img-techPartner, .block-item .block-item__img-rapid, .block-item .block-item__img-full {
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0 auto;
  position: absolute;
}

.block-item__img {
  top: 0;
  bottom: 0;
  right: 15%;
  left: 15%;
}

.block-item__img-techPartner {
  top: 120px;
  bottom: 20px;
  right: 15%;
  left: 15%;
}

.block-item__img-rapid {
  top: 30px;
  height: 70px;
  right: 15%;
  left: 15%;
  background-image: url("/includes/img/r7plus.svg");
}

.block-item__img-full {
  top: 0;
  bottom: 0;
  right: 5%;
  left: 5%;
}

.block-item__cta {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  background-color: #0a0a0a;
  background-color: rgba(0, 0, 0, 0.85);
  opacity: 0;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 150ms;
  transition-duration: 150ms;
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.block-item__cta-txt {
  display: inline-block;
  color: #ffffff;
  padding: 5px;
  border: 1px solid #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  font-size: 0.75rem;
  line-height: 1;
}

.block-item__cta-txt:hover {
  background-color: #ffffff;
  color: #0a0a0a;
}

.block-item .block-item__title, .block-item .block-item__title-link {
  background-color: #5d6d75;
  color: #ffffff;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.2;
}

.block-item__title {
  padding: 5px;
}

.block-item__title-txt {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.block-item__title-link {
  padding: 0.5rem;
}

.block-item__title-link:hover {
  background: #3B454A;
  color: #ffffff;
}

.block-item__title-linktxt {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: 400;
}

.block-item__actions {
  background: #3B454A;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
}

.block-item__actions--slim {
  padding-top: 10px;
  padding-bottom: 10px;
}

.block-item__actions-title {
  margin-bottom: 1em;
  font-weight: 600;
  color: #ffffff;
}

.block-item__actions-title:hover {
  color: #ffffff;
}

.block-item__actions a.button.clear {
  color: #bfbfbf;
}

.block-item:hover .block-item__cta {
  opacity: 1;
}

/* styles specific to partner resources page */
#resources .pageContent {
  border-top: 0;
}

#resources .section-heading {
  margin: 2.5rem 3rem -.5rem;
}

@media screen and (max-width: 63.938em) {
  #resources .section-heading {
    margin: 2rem 1rem -.5rem;
  }
}

#resources .section-heading h2 {
  color: #0a0a0a;
  font-size: 22px;
  font-weight: 600;
}

#resources #show-more-results {
  margin-top: 40px;
}

#resources .trainingContainer #show-more-results {
  margin: 40px 0;
}

#resources .resourceContainer {
  padding: 2.25rem 3.125rem 6.500rem;
  /* removes foundation clear all for nth elements to work with mixitup, because all elements are the same size */
}

@media screen and (max-width: 64em) {
  #resources .resourceContainer {
    padding: 1rem;
  }
}

@media screen and (min-width: 64em) {
  #resources .resourceContainer .large-up-3 > .column:nth-of-type(3n+1), #resources .resourceContainer .large-up-3 > .columns:nth-of-type(3n+1), #resources .resourceContainer .large-up-3 > .columns:nth-of-type(3n+1) {
    clear: none;
  }
}

#resources .resourceContainer .resource-item {
  width: 25%;
  margin: 0 0 1.125rem 0;
  min-height: 300px;
}

@media screen and (max-width: 25.875em) {
  #resources .resourceContainer .resource-item {
    width: 100%;
  }
}

@media screen and (min-width: 25.938em) and (max-width: 62.25em) {
  #resources .resourceContainer .resource-item {
    width: 50%;
  }
}

#resources .resourceContainer .resource-item:hover a {
  cursor: pointer !important;
}

#resources .resourceContainer .resource-item:hover .resource-text {
  background-color: #3B454A;
}

#resources .resourceContainer .resource-item:hover .resource-text h3,
#resources .resourceContainer .resource-item:hover .resource-text .resource-type {
  display: none;
}

#resources .resourceContainer .resource-item:hover .resource-text p {
  font-size: 14px;
  line-height: 20px;
  display: block;
  text-overflow: ellipsis;
  margin-bottom: -40px;
  position: relative;
  z-index: 100;
}

#resources .resourceContainer .resource-item:hover .resource-text p:after {
  content: '';
  width: 100%;
  bottom: 5px;
  left: 0;
  height: 65px;
  background-color: #3B454A;
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(58, 69, 75, 0)), color-stop(1%, rgba(58, 69, 75, 0)), color-stop(50%, #3a454b));
  background: linear-gradient(to bottom, rgba(58, 69, 75, 0) 0%, rgba(58, 69, 75, 0) 1%, #3a454b 50%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003a454b', endColorstr='#3a454b',GradientType=0 );
  /* IE6-9 */
  position: absolute;
  z-index: 300;
}

#resources .resourceContainer .resource-item:hover .resource-overlay {
  background: rgba(0, 0, 0, 0.6);
}

#resources .resourceContainer .resource-item:hover .resource-overlay button.clear {
  color: #ffffff;
}

#resources .resourceContainer .resource-item:hover .resource-overlay-content button {
  display: block;
  text-align: center;
}

#resources .resourceContainer .resource-item .featured {
  background-color: #519bc8;
  color: #ffffff;
  height: 20px;
  display: inline-block;
  font-size: 0.625rem;
  font-weight: 500;
  position: absolute;
  top: 14px;
  right: 0;
  padding: 2px 10px 0 9px;
  font-family: "Muli", "Muli-local", sans-serif;
  text-transform: uppercase;
  z-index: 3;
}

#resources .resourceContainer .resource-item .featured:before {
  content: '';
  width: 0;
  height: 0;
  border-top: 20px solid #519bc8;
  border-left: 6px solid transparent;
  display: inline-block;
  position: absolute;
  margin-left: -15px;
  margin-top: -2px;
}

#resources .resourceContainer .resource-item .resource-image-wrap {
  position: relative;
  cursor: pointer;
}

#resources .resourceContainer .resource-item .resource-image {
  background-image: url("../img/resources-default-image.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  width: 100%;
  overflow: hidden;
}

#resources .resourceContainer .resource-item .resource-image:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

#resources .resourceContainer .resource-item .resource-text {
  overflow: hidden;
  margin: auto;
  background-color: #ffffff;
  padding: 1.125rem 1.25rem;
  cursor: pointer;
}

#resources .resourceContainer .resource-item .resource-text .resource-type {
  color: #82939c;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.75rem;
  line-height: 0.875rem;
}

#resources .resourceContainer .resource-item .resource-text p {
  color: #ffffff;
  display: none;
  font-size: 0.875rem;
  line-height: 1rem;
}

#resources .resourceContainer .resource-item .resource-text h3 {
  font-size: 1.125rem;
  line-height: 22px;
  color: #242b2e;
  font-weight: 600;
  margin-bottom: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

#resources .resourceContainer .resource-item .resource-overlay {
  position: absolute;
  width: 100%;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.1);
  z-index: 2;
}

#resources .resourceContainer .resource-item .resource-overlay:before {
  content: "";
  display: block;
  padding-top: 100%;
}

#resources .resourceContainer .resource-item .resource-overlay-content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

#resources .resourceContainer .resource-item .resource-overlay-content div {
  display: table;
  width: 100%;
  height: 100%;
}

#resources .resourceContainer .resource-item .resource-overlay-content button {
  text-align: center;
  vertical-align: middle;
  margin: 45% auto;
  display: none;
}

#resources .resourceContainer .mix {
  text-align: left;
  background: none;
  display: none;
  -webkit-backface-visibility: hidden;
  -webkit-transform-origin: 50% 0;
}

#resources .resourceContainer:after {
  content: '';
  display: inline-block;
}

#resources .resourceContainer .mix:before {
  content: '';
  display: inline-block;
}

#resources .resourceContainer .mix,
#resources .resourceContainer .gap {
  display: inline-block;
  overflow: hidden;
}

#resources .fail-message {
  padding: 0 .5rem;
  margin-top: -1.25rem;
}

@media screen and (max-width: 64em) {
  #resources .fail-message {
    padding: 1rem .65rem;
  }
}

@media screen and (max-width: 39.9375em) {
  #resources .fail-message {
    padding: 1rem 1rem;
  }
}

#resources_detail .resourceImg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 400px;
  margin-bottom: 2rem;
}

#resources_detail .accordion,
#resources_detail :last-child:not(.is-active) > .accordion-title,
#resources_detail .accordion-title,
#resources_detail .accordion-title:hover,
#resources_detail .accordion-title:focus,
#resources_detail :last-child > .accordion-content:last-child {
  background: none;
  border: none;
  padding-left: 0;
}

#resources_detail .accordion a:hover:before,
#resources_detail :last-child:not(.is-active) > .accordion-title a:hover:before,
#resources_detail .accordion-title a:hover:before,
#resources_detail .accordion-title:hover a:hover:before,
#resources_detail .accordion-title:focus a:hover:before,
#resources_detail :last-child > .accordion-content:last-child a:hover:before {
  background: none;
  visibility: hidden;
}

#resources_detail #ShowMore, #resources_detail #view_more, #resources_detail #view_less {
  display: inline-block;
  margin-bottom: 1rem;
}

#resources_detail hr {
  display: block;
}

#resources_detail .podcastContainer {
  background-color: #ffffff;
}

#resources_detail .overlapIllusion {
  background-image: -webkit-linear-gradient(90deg, #edf1f2 60%, #242b2e 35%);
}

#resources_detail.podcast .mainContent hr {
  margin-bottom: 1.5rem;
}

#resources_detail.podcast .mainContent p {
  line-height: 1.5rem;
  margin-bottom: 2rem;
}

#resources_detail.podcast .mainContent #view_more {
  margin-top: .5rem;
}

#resources_detail.podcast .mainContent .podcastInfo {
  padding-bottom: 1.5rem;
}

@media screen and (min-width: 40em) {
  #resources_detail.podcast .hero {
    min-height: 348px;
  }
}

/* styles specific to resources page */
#knowledge_center {
  /* end specific widths for random screen sizes */
}

#knowledge_center .topic {
  margin: 1rem 0;
  position: relative;
}

#knowledge_center .topic a.wrapper {
  background-color: #5d6d75;
  display: block;
  padding: 1.5rem 4.1rem 1.5rem;
}

#knowledge_center .topic a.wrapper:hover {
  background-color: #E85E26;
}

#knowledge_center .topic li,
#knowledge_center .topic li a {
  line-height: 1.3125rem;
}

#knowledge_center .topic li:hover,
#knowledge_center .topic li a:hover {
  background-color: rgba(255, 255, 255, 0.1);
  width: 100%;
}

#knowledge_center .topic h1 {
  padding-bottom: 0;
}

#knowledge_center .topic h2,
#knowledge_center .topic h3 {
  color: #ffffff;
  pointer-events: none;
}

#knowledge_center .topic h2 {
  font-size: 2rem;
  line-height: 35px;
  font-weight: 400;
  padding-bottom: 0;
  padding-top: 1.75rem;
}

#knowledge_center .topic h3 {
  padding: .5rem 0 1rem;
}

#knowledge_center .topic p {
  pointer-events: none;
}

#knowledge_center .expandedTopic {
  background-color: #E85E26;
  left: 0;
  min-height: 200px;
  position: absolute;
  top: 0;
  width: 100%;
  /* really unfortunate specific widths for random screen sizes */
  z-index: 5;
}

@media screen and (max-width: 39.9375em) {
  #knowledge_center .expandedTopic {
    position: relative;
    width: 100%;
  }
}

@media screen and (min-width: 640px) and (max-width: 719px) {
  #knowledge_center .expandedTopic {
    width: 213%;
  }
}

@media screen and (min-width: 720px) and (max-width: 800px) {
  #knowledge_center .expandedTopic {
    width: 212%;
  }
}

@media screen and (min-width: 801px) and (max-width: 824px) {
  #knowledge_center .expandedTopic {
    width: 211%;
  }
}

@media screen and (min-width: 825px) and (max-width: 873px) {
  #knowledge_center .expandedTopic {
    width: 210.75%;
  }
}

@media screen and (min-width: 874px) and (max-width: 900px) {
  #knowledge_center .expandedTopic {
    width: 209.5%;
  }
}

@media screen and (min-width: 901px) and (max-width: 1024px) {
  #knowledge_center .expandedTopic {
    width: 209.75%;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1077px) {
  #knowledge_center .expandedTopic {
    width: 213%;
  }
}

@media screen and (min-width: 1078px) and (max-width: 1210px) {
  #knowledge_center .expandedTopic {
    width: 212.5%;
  }
}

@media screen and (min-width: 1211px) and (max-width: 1254px) {
  #knowledge_center .expandedTopic {
    width: 211%;
  }
}

@media screen and (min-width: 1255px) and (max-width: 1309px) {
  #knowledge_center .expandedTopic {
    width: 210.5%;
  }
}

@media screen and (min-width: 1310px) {
  #knowledge_center .expandedTopic {
    width: 210%;
  }
}

#knowledge_center .expandedTopic .topic {
  margin: 0;
  padding: 1.5rem 4.1rem 1.5rem;
}

#knowledge_center .expandedTopic .topic ul {
  margin-top: 1.5rem;
}

#knowledge_center .expandedTopic .topic ul li a, #knowledge_center .expandedTopic .topic ul li a:hover {
  padding-bottom: .75rem;
  list-style-type: disc;
  color: #ffffff;
}

#knowledge_center .expandedTopic h1 {
  color: #ffffff;
  font-size: 1.875rem;
  line-height: 2.25rem;
  padding-top: 1.75rem;
}

@media screen and (min-width: 623px) and (max-width: 700px) {
  #knowledge_center .expandedTopicLastMed {
    left: -113%;
  }
}

@media screen and (min-width: 701px) and (max-width: 750px) {
  #knowledge_center .expandedTopicLastMed {
    left: -112.5%;
  }
}

@media screen and (min-width: 751px) and (max-width: 784px) {
  #knowledge_center .expandedTopicLastMed {
    left: -112%;
  }
}

@media screen and (min-width: 785px) and (max-width: 850px) {
  #knowledge_center .expandedTopicLastMed {
    left: -111%;
  }
}

@media screen and (min-width: 851px) and (max-width: 900px) {
  #knowledge_center .expandedTopicLastMed {
    left: -110%;
  }
}

@media screen and (min-width: 901px) and (max-width: 1024px) {
  #knowledge_center .expandedTopicLastMed {
    left: -109%;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1199px) {
  #knowledge_center .expandedTopicLastLrg {
    left: -113%;
  }
}

@media screen and (min-width: 1100px) and (max-width: 1200px) {
  #knowledge_center .expandedTopicLastLrg {
    left: -111.5%;
  }
}

@media screen and (min-width: 1199px) and (max-width: 1250px) {
  #knowledge_center .expandedTopicLastLrg {
    left: -111%;
  }
}

@media screen and (min-width: 1249px) and (max-width: 1390px) {
  #knowledge_center .expandedTopicLastLrg {
    left: -110.5%;
  }
}

@media screen and (min-width: 1400px) {
  #knowledge_center .expandedTopicLastLrg {
    left: -110%;
  }
}

#knowledge_center .column, #knowledge_center .columns {
  position: relative;
}

#knowledge_center .leftCollapse {
  padding-left: 0;
}

@media screen and (min-width: 40em) {
  #knowledge_center .leftCollapse {
    padding-right: 4.75rem;
  }
}

@media screen and (min-width: 40em) {
  #knowledge_center .rightCollapse {
    padding-left: 4.75rem;
  }
}

#knowledge_center .closeButton {
  position: absolute;
  bottom: .5rem;
  right: 1rem;
}

#knowledge_center .topic {
  position: relative;
}

#knowledge_center .topics {
  padding: 5rem 0;
}

#knowledge_center .topics p.circleX,
#knowledge_center .topics p.circlePlus,
#knowledge_center .topics p.download {
  font-size: .75rem;
  line-height: .8175rem;
  text-transform: uppercase;
}

#knowledge_center .topics p.circlePlus {
  color: #ffffff;
}

#knowledge_center .topics p.circlePlus:before {
  content: url("../img/circlePlus.svg");
  padding-right: .5rem;
  vertical-align: -70%;
}

#knowledge_center .topics p.circleX {
  color: #ffffff;
  margin-bottom: 0;
}

#knowledge_center .topics p.circleX:after {
  content: url("../img/circleX.svg");
  padding-left: .5rem;
  vertical-align: -70%;
}

#knowledge_center_detail .longHero .category {
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 1.25rem;
  line-height: 1;
  color: #82939c;
  margin-bottom: 6px;
}

#knowledge_center_detail ul {
  margin-left: 3rem;
  padding-bottom: 1rem;
}

#knowledge_center_detail ul li {
  padding-bottom: 1rem;
}

#knowledge_center_detail .mainContent-container {
  position: relative;
}

#knowledge_center_detail .sidebar-container {
  position: absolute;
  width: 100%;
  height: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}

#knowledge_center_detail .sidebar-container.stick-to-top {
  position: fixed;
}

#knowledge_center_detail .sidebar-container.stick-to-top #sidebar {
  padding-top: 0;
}

#knowledge_center_detail .sidebar-container.stick-to-bottom {
  position: absolute;
  top: auto !important;
  bottom: 0;
}

#knowledge_center_detail #sidebar {
  background: none;
  padding: 0 10px 0 0;
}

@media screen and (min-width: 64em) {
  #knowledge_center_detail #sidebar {
    padding-top: 5.75rem;
  }
}

#knowledge_center_detail #sidebar .sidebarmenu {
  width: 260px;
  float: right;
}

#knowledge_center_detail #sidebar .sidebarmenu .chapter {
  font-size: 0.75rem;
  font-weight: 600;
  color: #3B454A;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 8px;
}

#knowledge_center_detail #sidebar .sidebarmenu h2 {
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 1.125rem;
  line-height: 1;
  font-weight: 500;
  color: #0a0a0a;
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 2px solid #82939c;
}

#knowledge_center_detail #sidebar .sidebarmenu span {
  display: block;
  margin-bottom: 12px;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 500;
  text-transform: uppercase;
  color: #595959;
}

#knowledge_center_detail #sidebar .sidebarmenu ul {
  margin-left: 0;
  padding-bottom: .75rem;
}

#knowledge_center_detail #sidebar .sidebarmenu ul li {
  padding-bottom: 0;
  list-style-type: none;
}

#knowledge_center_detail #sidebar .sidebarmenu ul li a {
  display: block;
  padding: 18px 60px 16px 30px;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  font-weight: 400;
  color: #82939c;
  position: relative;
}

#knowledge_center_detail #sidebar .sidebarmenu ul li a.active, #knowledge_center_detail #sidebar .sidebarmenu ul li a.active:hover {
  font-family: "Roboto", "Roboto-local", sans-serif;
  background-color: #fcfdfd;
  font-weight: 500;
  cursor: default;
}

#knowledge_center_detail #sidebar .sidebarmenu ul li a.active:before, #knowledge_center_detail #sidebar .sidebarmenu ul li a.active:hover:before {
  background-color: #519bc8;
}

#knowledge_center_detail #sidebar .sidebarmenu ul li a:hover {
  background-color: #f3f6f7;
  text-decoration: none;
}

#knowledge_center_detail #sidebar .sidebarmenu ul li a:hover:before {
  background-color: #8bbcdb;
}

#knowledge_center_detail #sidebar .sidebarmenu ul li a.active:before, #knowledge_center_detail #sidebar .sidebarmenu ul li a:hover:before {
  content: '';
  height: 46%;
  width: 3px;
  position: absolute;
  top: 27%;
  left: 16px;
}

#knowledge_center_detail #next-previous .large-6.columns a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #ffffff;
  padding: 15px 20px;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.25rem;
  color: #3B454A;
}

#knowledge_center_detail #next-previous .large-6.columns a:hover {
  background: #595959;
  color: #ffffff;
}

#knowledge_center_detail #next-previous .large-6.columns a:hover .prev-img, #knowledge_center_detail #next-previous .large-6.columns a:hover .next-img {
  background-image: url("../img/back-arrow-hover.svg");
}

#knowledge_center_detail #next-previous .large-6.columns a.prev-link {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 20px;
}

#knowledge_center_detail #next-previous .large-6.columns a.next-link {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#knowledge_center_detail #next-previous .prev-img, #knowledge_center_detail #next-previous .next-img {
  width: 44px;
  height: 44px;
  background-image: url("../img/back-arrow.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

#knowledge_center_detail #next-previous .prev-img {
  margin-right: 20px;
}

#knowledge_center_detail #next-previous .next-img {
  margin-left: 20px;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

/* styles specific to fundamentals listing and detail */
#press_releases_landing .overlayText,
#press_releases_detail .overlayText {
  width: 100%;
}

@media screen and (max-width: 39.9375em) {
  #press_releases_landing .overlayText,
  #press_releases_detail .overlayText {
    padding-bottom: 2rem;
  }
}

#press_releases_landing .pageContent li,
#press_releases_landing .pageContent li a,
#press_releases_landing .pageContent p.meta {
  color: #82939c;
  font-size: 1rem;
  line-height: 1.125rem;
  letter-spacing: -0.09px;
  margin-bottom: .5rem;
  padding-top: .25rem;
}

#press_releases_landing .pageContent .tabsContainer {
  margin-bottom: 2rem;
}

#press_releases_landing .pageContent .tabs-panel {
  padding-left: 0;
  padding-right: 0;
}

#press_releases_landing .pageContent .tabs {
  padding-top: 1rem;
}

#press_releases_landing .pageContent li.tabs-title.is-active a {
  color: #519bc8;
}

#press_releases_landing .pageContent li.tabs-title > a {
  padding: 0;
}

#press_releases_landing .pageContent li.tabs-title > a:before {
  margin-left: -10%;
  width: 80%;
}

#press_releases_landing .pageContent li.tabs-title > a:after {
  color: #82939c;
  content: "|";
  padding-left: 1rem;
  padding-right: 0;
  margin-right: 1rem;
}

#press_releases_landing .pageContent li:last-child a:after {
  content: "";
}

#press_releases_landing h2,
#press_releases_landing h2 a {
  color: #242b2e;
  font-size: 25px;
  font-weight: bold;
  letter-spacing: -0.14px;
  line-height: 30px;
}

#press_releases_landing h2:hover,
#press_releases_landing h2 a:hover {
  color: #519bc8;
}

#press_releases_landing h2:hover:before,
#press_releases_landing h2 a:hover:before {
  visibility: hidden;
}

#press_releases_landing h3 {
  font-size: 1rem;
  letter-spacing: -0.08px;
  margin-bottom: 0;
  margin-top: -.25rem;
  padding: 0 0 .3rem;
}

#press_releases_detail h1 {
  font-size: 1.25rem;
  letter-spacing: 0.15px;
  line-height: 33px;
  text-align: left;
}

@media screen and (min-width: 40em) {
  #press_releases_detail h1 {
    font-size: 28px;
  }
}

#press_releases_detail .overlayText {
  width: 100%;
}

#press_releases_detail .overlayText h2 {
  color: #edf1f2;
  font-size: 1rem;
  letter-spacing: .33px;
  line-height: 22px;
  padding-top: 1.75rem;
  text-align: left;
}

#press_releases_detail .longHero {
  background-image: none;
}

#press_releases_detail .pageContent section {
  padding: 4.5rem 0;
}

#press_releases_detail .pageContent section span {
  font-weight: bold;
  padding-right: .5rem;
}

#press_releases_detail .pageContent p {
  font-size: .9375rem;
}

#press_releases_detail .pageContent h3 {
  font-size: 1.0625rem;
  font-weight: bold;
  letter-spacing: .38px;
  line-height: 1.6875rem;
}

#press_releases_detail .pageContent ul {
  list-style-image: url(../img/arrow-right.svg);
  margin-left: 2.5rem;
}

#press_releases_detail .pageContent li,
#press_releases_detail .pageContent li a {
  color: #595959;
}

#press_releases_detail .pageContent li {
  padding-bottom: 2rem;
}

#press_releases_detail .pageContent h2 {
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-weight: bold;
  letter-spacing: 0.44px;
  line-height: 1.6875rem;
  padding: 1.25rem 0;
}

#press_releases_detail hr {
  margin-top: 1.5rem;
}

#press_releases_detail .contact_person {
  padding-bottom: 1rem;
}

#press_releases_detail .contact_person p {
  margin-bottom: 0;
}

#press_releases_detail .contact_person a[href^="tel:"] {
  color: #595959;
  display: inline-block;
}

#press_releases_detail .contact_person a[href^="tel:"]:before {
  background-color: #595959;
}

/* styles specific to press releases listing */
@media screen and (max-width: 40em) {
  .sections_landing#solutions_landing .longHero,
  .sections_landing#services_landing .longHero,
  .sections_landing#compliance_landing .longHero {
    background-image: none;
  }
}

.sections_landing#solutions_landing .longHero .overlayText,
.sections_landing#services_landing .longHero .overlayText,
.sections_landing#compliance_landing .longHero .overlayText {
  width: 100%;
}

.sections_landing#solutions_landing .longHero .overlayText p.tagline,
.sections_landing#services_landing .longHero .overlayText p.tagline,
.sections_landing#compliance_landing .longHero .overlayText p.tagline {
  margin-left: 10%;
  width: 80%;
}

.sections_landing#solutions_landing .pageContent,
.sections_landing#services_landing .pageContent,
.sections_landing#compliance_landing .pageContent {
  background: none;
  padding-bottom: 1rem;
  padding-top: 1rem;
}

@media screen and (min-width: 40em) {
  .sections_landing#solutions_landing .pageContent,
  .sections_landing#services_landing .pageContent,
  .sections_landing#compliance_landing .pageContent {
    padding-bottom: 4rem;
    padding-top: 4rem;
  }
}

.sections_landing#solutions_landing .column, .sections_landing#solutions_landing .columns,
.sections_landing#solutions_landing .columns,
.sections_landing#services_landing .column,
.sections_landing#services_landing .columns,
.sections_landing#services_landing .columns,
.sections_landing#compliance_landing .column,
.sections_landing#compliance_landing .columns,
.sections_landing#compliance_landing .columns {
  padding: 1rem;
}

@media screen and (max-width: 39.9375em) {
  .sections_landing#solutions_landing .column, .sections_landing#solutions_landing .columns,
  .sections_landing#solutions_landing .columns,
  .sections_landing#services_landing .column,
  .sections_landing#services_landing .columns,
  .sections_landing#services_landing .columns,
  .sections_landing#compliance_landing .column,
  .sections_landing#compliance_landing .columns,
  .sections_landing#compliance_landing .columns {
    padding: 1rem 2rem;
  }
}

.sections_landing#solutions_landing .column .section, .sections_landing#solutions_landing .columns .section,
.sections_landing#solutions_landing .columns .section,
.sections_landing#services_landing .column .section,
.sections_landing#services_landing .columns .section,
.sections_landing#services_landing .columns .section,
.sections_landing#compliance_landing .column .section,
.sections_landing#compliance_landing .columns .section,
.sections_landing#compliance_landing .columns .section {
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 1.25rem 1rem 1rem;
  min-height: 200px;
}

@media screen and (min-width: 40em) {
  .sections_landing#solutions_landing .column .section, .sections_landing#solutions_landing .columns .section,
  .sections_landing#solutions_landing .columns .section,
  .sections_landing#services_landing .column .section,
  .sections_landing#services_landing .columns .section,
  .sections_landing#services_landing .columns .section,
  .sections_landing#compliance_landing .column .section,
  .sections_landing#compliance_landing .columns .section,
  .sections_landing#compliance_landing .columns .section {
    padding: 1.25rem 1.5rem 0;
  }
}

.sections_landing#solutions_landing .column .section.multilink, .sections_landing#solutions_landing .columns .section.multilink,
.sections_landing#solutions_landing .columns .section.multilink,
.sections_landing#services_landing .column .section.multilink,
.sections_landing#services_landing .columns .section.multilink,
.sections_landing#services_landing .columns .section.multilink,
.sections_landing#compliance_landing .column .section.multilink,
.sections_landing#compliance_landing .columns .section.multilink,
.sections_landing#compliance_landing .columns .section.multilink {
  padding: 1.25rem 1.5rem 2.5rem;
}

.sections_landing#solutions_landing .column .section.multilink p.title, .sections_landing#solutions_landing .columns .section.multilink p.title,
.sections_landing#solutions_landing .columns .section.multilink p.title,
.sections_landing#services_landing .column .section.multilink p.title,
.sections_landing#services_landing .columns .section.multilink p.title,
.sections_landing#services_landing .columns .section.multilink p.title,
.sections_landing#compliance_landing .column .section.multilink p.title,
.sections_landing#compliance_landing .columns .section.multilink p.title,
.sections_landing#compliance_landing .columns .section.multilink p.title {
  margin-top: 0;
}

.sections_landing#solutions_landing .column .section.multilink .description, .sections_landing#solutions_landing .columns .section.multilink .description,
.sections_landing#solutions_landing .columns .section.multilink .description,
.sections_landing#services_landing .column .section.multilink .description,
.sections_landing#services_landing .columns .section.multilink .description,
.sections_landing#services_landing .columns .section.multilink .description,
.sections_landing#compliance_landing .column .section.multilink .description,
.sections_landing#compliance_landing .columns .section.multilink .description,
.sections_landing#compliance_landing .columns .section.multilink .description {
  margin-top: 0;
  padding-bottom: 0;
}

.sections_landing#solutions_landing .column .section.multilink a, .sections_landing#solutions_landing .columns .section.multilink a,
.sections_landing#solutions_landing .columns .section.multilink a,
.sections_landing#services_landing .column .section.multilink a,
.sections_landing#services_landing .columns .section.multilink a,
.sections_landing#services_landing .columns .section.multilink a,
.sections_landing#compliance_landing .column .section.multilink a,
.sections_landing#compliance_landing .columns .section.multilink a,
.sections_landing#compliance_landing .columns .section.multilink a {
  margin: 0.25rem auto;
}

.sections_landing#solutions_landing .column .section.multilink:hover, .sections_landing#solutions_landing .columns .section.multilink:hover,
.sections_landing#solutions_landing .columns .section.multilink:hover,
.sections_landing#services_landing .column .section.multilink:hover,
.sections_landing#services_landing .columns .section.multilink:hover,
.sections_landing#services_landing .columns .section.multilink:hover,
.sections_landing#compliance_landing .column .section.multilink:hover,
.sections_landing#compliance_landing .columns .section.multilink:hover,
.sections_landing#compliance_landing .columns .section.multilink:hover {
  background-color: #ffffff;
}

.sections_landing#solutions_landing .column .section.multilink:hover p, .sections_landing#solutions_landing .columns .section.multilink:hover p,
.sections_landing#solutions_landing .columns .section.multilink:hover p,
.sections_landing#services_landing .column .section.multilink:hover p,
.sections_landing#services_landing .columns .section.multilink:hover p,
.sections_landing#services_landing .columns .section.multilink:hover p,
.sections_landing#compliance_landing .column .section.multilink:hover p,
.sections_landing#compliance_landing .columns .section.multilink:hover p,
.sections_landing#compliance_landing .columns .section.multilink:hover p {
  color: #595959;
}

.sections_landing#solutions_landing .column .section.multilink:hover p.description, .sections_landing#solutions_landing .columns .section.multilink:hover p.description,
.sections_landing#solutions_landing .columns .section.multilink:hover p.description,
.sections_landing#services_landing .column .section.multilink:hover p.description,
.sections_landing#services_landing .columns .section.multilink:hover p.description,
.sections_landing#services_landing .columns .section.multilink:hover p.description,
.sections_landing#compliance_landing .column .section.multilink:hover p.description,
.sections_landing#compliance_landing .columns .section.multilink:hover p.description,
.sections_landing#compliance_landing .columns .section.multilink:hover p.description {
  color: #82939c;
}

.sections_landing#solutions_landing .column .section.multilink:hover p.description:hover, .sections_landing#solutions_landing .columns .section.multilink:hover p.description:hover,
.sections_landing#solutions_landing .columns .section.multilink:hover p.description:hover,
.sections_landing#services_landing .column .section.multilink:hover p.description:hover,
.sections_landing#services_landing .columns .section.multilink:hover p.description:hover,
.sections_landing#services_landing .columns .section.multilink:hover p.description:hover,
.sections_landing#compliance_landing .column .section.multilink:hover p.description:hover,
.sections_landing#compliance_landing .columns .section.multilink:hover p.description:hover,
.sections_landing#compliance_landing .columns .section.multilink:hover p.description:hover {
  color: #82939c;
}

.sections_landing#solutions_landing .column .section:hover, .sections_landing#solutions_landing .columns .section:hover,
.sections_landing#solutions_landing .columns .section:hover,
.sections_landing#services_landing .column .section:hover,
.sections_landing#services_landing .columns .section:hover,
.sections_landing#services_landing .columns .section:hover,
.sections_landing#compliance_landing .column .section:hover,
.sections_landing#compliance_landing .columns .section:hover,
.sections_landing#compliance_landing .columns .section:hover {
  background-color: #3B454A;
}

.sections_landing#solutions_landing .column .section:hover p, .sections_landing#solutions_landing .columns .section:hover p,
.sections_landing#solutions_landing .columns .section:hover p,
.sections_landing#services_landing .column .section:hover p,
.sections_landing#services_landing .columns .section:hover p,
.sections_landing#services_landing .columns .section:hover p,
.sections_landing#compliance_landing .column .section:hover p,
.sections_landing#compliance_landing .columns .section:hover p,
.sections_landing#compliance_landing .columns .section:hover p {
  color: #ffffff;
}

.sections_landing#solutions_landing .column .section p, .sections_landing#solutions_landing .columns .section p,
.sections_landing#solutions_landing .columns .section p,
.sections_landing#services_landing .column .section p,
.sections_landing#services_landing .columns .section p,
.sections_landing#services_landing .columns .section p,
.sections_landing#compliance_landing .column .section p,
.sections_landing#compliance_landing .columns .section p,
.sections_landing#compliance_landing .columns .section p {
  color: #595959;
  font-size: 1.125rem;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}

.sections_landing#solutions_landing .column .section p.title, .sections_landing#solutions_landing .columns .section p.title,
.sections_landing#solutions_landing .columns .section p.title,
.sections_landing#services_landing .column .section p.title,
.sections_landing#services_landing .columns .section p.title,
.sections_landing#services_landing .columns .section p.title,
.sections_landing#compliance_landing .column .section p.title,
.sections_landing#compliance_landing .columns .section p.title,
.sections_landing#compliance_landing .columns .section p.title {
  font-weight: 600;
  padding-top: 2rem;
}

.sections_landing#solutions_landing .column .section p.description, .sections_landing#solutions_landing .columns .section p.description,
.sections_landing#solutions_landing .columns .section p.description,
.sections_landing#services_landing .column .section p.description,
.sections_landing#services_landing .columns .section p.description,
.sections_landing#services_landing .columns .section p.description,
.sections_landing#compliance_landing .column .section p.description,
.sections_landing#compliance_landing .columns .section p.description,
.sections_landing#compliance_landing .columns .section p.description {
  color: #82939c;
  font-size: 1rem;
  padding-bottom: 2rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.sections_landing#solutions_landing .column .section p.description:hover, .sections_landing#solutions_landing .columns .section p.description:hover,
.sections_landing#solutions_landing .columns .section p.description:hover,
.sections_landing#services_landing .column .section p.description:hover,
.sections_landing#services_landing .columns .section p.description:hover,
.sections_landing#services_landing .columns .section p.description:hover,
.sections_landing#compliance_landing .column .section p.description:hover,
.sections_landing#compliance_landing .columns .section p.description:hover,
.sections_landing#compliance_landing .columns .section p.description:hover {
  color: #ffffff;
}

.sections_landing#solutions_landing .column .section .button, .sections_landing#solutions_landing .columns .section .button,
.sections_landing#solutions_landing .columns .section .button,
.sections_landing#services_landing .column .section .button,
.sections_landing#services_landing .columns .section .button,
.sections_landing#services_landing .columns .section .button,
.sections_landing#compliance_landing .column .section .button,
.sections_landing#compliance_landing .columns .section .button,
.sections_landing#compliance_landing .columns .section .button {
  display: block;
}

.sections_landing#solutions_landing .column .section .sectionText, .sections_landing#solutions_landing .columns .section .sectionText,
.sections_landing#solutions_landing .columns .section .sectionText,
.sections_landing#services_landing .column .section .sectionText,
.sections_landing#services_landing .columns .section .sectionText,
.sections_landing#services_landing .columns .section .sectionText,
.sections_landing#compliance_landing .column .section .sectionText,
.sections_landing#compliance_landing .columns .section .sectionText,
.sections_landing#compliance_landing .columns .section .sectionText {
  padding-top: 2rem;
  padding-bottom: 1rem;
}

.sections_landing#solutions_landing .column .section .sectionText img, .sections_landing#solutions_landing .columns .section .sectionText img,
.sections_landing#solutions_landing .columns .section .sectionText img,
.sections_landing#services_landing .column .section .sectionText img,
.sections_landing#services_landing .columns .section .sectionText img,
.sections_landing#services_landing .columns .section .sectionText img,
.sections_landing#compliance_landing .column .section .sectionText img,
.sections_landing#compliance_landing .columns .section .sectionText img,
.sections_landing#compliance_landing .columns .section .sectionText img {
  height: 3.125rem;
}

.sections_landing#solutions_landing .column .section.sectionCTA, .sections_landing#solutions_landing .columns .section.sectionCTA,
.sections_landing#solutions_landing .columns .section.sectionCTA,
.sections_landing#services_landing .column .section.sectionCTA,
.sections_landing#services_landing .columns .section.sectionCTA,
.sections_landing#services_landing .columns .section.sectionCTA,
.sections_landing#compliance_landing .column .section.sectionCTA,
.sections_landing#compliance_landing .columns .section.sectionCTA,
.sections_landing#compliance_landing .columns .section.sectionCTA {
  background-color: #3B454A;
  padding-top: 1.5rem;
  text-align: left;
}

@media screen and (min-width: 40em) {
  .sections_landing#solutions_landing .column .section.sectionCTA, .sections_landing#solutions_landing .columns .section.sectionCTA,
  .sections_landing#solutions_landing .columns .section.sectionCTA,
  .sections_landing#services_landing .column .section.sectionCTA,
  .sections_landing#services_landing .columns .section.sectionCTA,
  .sections_landing#services_landing .columns .section.sectionCTA,
  .sections_landing#compliance_landing .column .section.sectionCTA,
  .sections_landing#compliance_landing .columns .section.sectionCTA,
  .sections_landing#compliance_landing .columns .section.sectionCTA {
    padding: 2rem 2.5rem;
  }
}

.sections_landing#solutions_landing .column .section.sectionCTA h2, .sections_landing#solutions_landing .columns .section.sectionCTA h2,
.sections_landing#solutions_landing .columns .section.sectionCTA h2,
.sections_landing#services_landing .column .section.sectionCTA h2,
.sections_landing#services_landing .columns .section.sectionCTA h2,
.sections_landing#services_landing .columns .section.sectionCTA h2,
.sections_landing#compliance_landing .column .section.sectionCTA h2,
.sections_landing#compliance_landing .columns .section.sectionCTA h2,
.sections_landing#compliance_landing .columns .section.sectionCTA h2 {
  color: #ffffff;
  font-size: 20px;
  line-height: 26px;
}

@media screen and (min-width: 40em) {
  .sections_landing#solutions_landing .column .section.sectionCTA h2, .sections_landing#solutions_landing .columns .section.sectionCTA h2,
  .sections_landing#solutions_landing .columns .section.sectionCTA h2,
  .sections_landing#services_landing .column .section.sectionCTA h2,
  .sections_landing#services_landing .columns .section.sectionCTA h2,
  .sections_landing#services_landing .columns .section.sectionCTA h2,
  .sections_landing#compliance_landing .column .section.sectionCTA h2,
  .sections_landing#compliance_landing .columns .section.sectionCTA h2,
  .sections_landing#compliance_landing .columns .section.sectionCTA h2 {
    font-size: 24px;
    line-height: 32px;
  }
}

.sections_landing#solutions_landing .column .section.sectionCTA p, .sections_landing#solutions_landing .columns .section.sectionCTA p,
.sections_landing#solutions_landing .columns .section.sectionCTA p,
.sections_landing#services_landing .column .section.sectionCTA p,
.sections_landing#services_landing .columns .section.sectionCTA p,
.sections_landing#services_landing .columns .section.sectionCTA p,
.sections_landing#compliance_landing .column .section.sectionCTA p,
.sections_landing#compliance_landing .columns .section.sectionCTA p,
.sections_landing#compliance_landing .columns .section.sectionCTA p {
  color: #ffffff;
}

@media screen and (min-width: 40em) {
  .sections_landing#solutions_landing .column .section.sectionCTA p, .sections_landing#solutions_landing .columns .section.sectionCTA p,
  .sections_landing#solutions_landing .columns .section.sectionCTA p,
  .sections_landing#services_landing .column .section.sectionCTA p,
  .sections_landing#services_landing .columns .section.sectionCTA p,
  .sections_landing#services_landing .columns .section.sectionCTA p,
  .sections_landing#compliance_landing .column .section.sectionCTA p,
  .sections_landing#compliance_landing .columns .section.sectionCTA p,
  .sections_landing#compliance_landing .columns .section.sectionCTA p {
    max-width: 80%;
  }
}


.sections_landing#services_landing .column .section,
.sections_landing#services_landing .columns .section {
  min-height: 350px;
}

/* styles specific to the section pages */
#products_detail {
  position: relative;
}

#products_detail .pageContent {
  background-color: #ffffff;
  padding-bottom: 0;
}

#products_detail footer {
  padding-top: 0;
}

#products_detail .overlayText {
  padding: 1% 5%;
  width: 100%;
}

#products_detail .overlayText .longHero__content.medium-5.large-4 {
  text-align: left;
}

#products_detail .overlayText h1 {
  padding-bottom: .5rem;
  font-weight: 400;
}

@media screen and (max-width: 39.9375em) {
  #products_detail .overlayText h1 {
    margin-top: 1.875rem;
  }
}

@media screen and (min-width: 40em) {
  #products_detail .overlayText h1 {
    text-align: left;
  }
}

#products_detail .overlayText h1 span {
  font-weight: 300;
}

@media screen and (min-width: 40em) and (max-width: 63.938em) {
  #products_detail .overlayText h1 {
    font-size: 2rem;
  }
}

@media screen and (min-width: 64em) and (max-width: 74.938em) {
  #products_detail .overlayText h1 {
    font-size: 3rem;
  }
}

#products_detail .overlayText h2,
#products_detail .overlayText p {
  color: #cfd9de;
  font-size: 1.375rem;
  line-height: 2rem;
  padding-bottom: 1.5rem;
}

@media screen and (max-width: 64em) {
  #products_detail .overlayText h2,
  #products_detail .overlayText p {
    padding-right: 0;
  }
}

@media screen and (min-width: 40em) {
  #products_detail .overlayText h2,
  #products_detail .overlayText p {
    text-align: left;
  }
}

@media screen and (min-width: 64em) {
  #products_detail .overlayText h2,
  #products_detail .overlayText p {
    text-align: left;
  }
}

@media screen and (max-width: 64em) {
  #products_detail .overlayText h2,
  #products_detail .overlayText p {
    font-size: 1.125rem;
  }
}

#products_detail .overlayText .button {
  margin-bottom: 3rem;
}

@media screen and (max-width: 39.9375em) {
  #products_detail .overlayText .button {
    padding: 0.6rem 1.25rem;
    font-size: 0.875rem;
  }
}

#products_detail #video {
  border: 10px solid #3B454A;
  margin: 0 0 3rem;
}

@media screen and (max-width: 39.9375em) {
  #products_detail #video {
    border-bottom: 0;
    margin-bottom: 0;
  }
}

#products_detail .productStoryIntro {
  background-color: #edf1f2;
  position: relative;
  z-index: 2;
  padding: 3rem 0 0;
  text-align: center;
}

#products_detail .productStoryIntro:after {
  content: "";
  opacity: 0.2;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
}

@media screen and (min-width: 1024px) {
  #products_detail .productStoryIntro:after {
    background: url("../img/left-cube-pattern.png") -100% 60% no-repeat, url("../img/right-cube-pattern.png") 275% 60% no-repeat;
  }
}

@media screen and (min-width: 64em) {
  #products_detail .productStoryIntro:after {
    background: url("../img/left-cube-pattern.png") -50% 60% no-repeat, url("../img/right-cube-pattern.png") 150% 60% no-repeat;
  }
}

@media screen and (min-width: 80em) {
  #products_detail .productStoryIntro:after {
    background: url("../img/left-cube-pattern.png") left 60% no-repeat, url("../img/right-cube-pattern.png") right 60% no-repeat;
  }
}

#products_detail .productStoryIntro h2 {
  font-size: 2.188rem;
  line-height: 35px;
  padding: 1.75rem;
}

@media screen and (min-width: 64em) {
  #products_detail .productStoryIntro h2 {
    font-size: 2.5rem;
    line-height: 50px;
  }
}

#products_detail .productStoryIntro img {
  margin-top: 3rem;
  -webkit-box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.34);
  box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.34);
  max-width: 665px;
}

@media screen and (max-width: 39.9375em) {
  #products_detail .productStoryIntro img {
    margin-top: 1rem;
    width: 100%;
  }
}

#products_detail .productStoryIntro .polygon {
  border-bottom: 2rem #E85E26 solid;
  position: relative;
  margin-top: -2rem;
  z-index: -1;
}

#products_detail .productStoryIntro .polygon:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 200px solid transparent;
  border-right: 275px solid transparent;
  border-bottom: 2rem solid #E85E26;
  position: absolute;
  bottom: 0;
  left: 0;
}

#products_detail .productStoryIntro .polygon:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 200px solid transparent;
  border-right: 275px solid transparent;
  border-bottom: 2rem solid #E85E26;
  position: absolute;
  bottom: 0;
  right: 0;
}

#products_detail .productStoryIntro p {
  margin-left: 23%;
  width: 54%;
}

#products_detail .use-cases {
  text-align: center;
  overflow: hidden;
}

#products_detail .use-cases .use-case {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  z-index: 200;
}

#products_detail .use-cases .use-case .imageWrapper {
  background-color: #ffffff;
  padding: 2.2rem;
  border-radius: 50%;
  border: 12px solid rgba(255, 255, 255, 0.2);
  -moz-background-clip: border;
  /* Firefox 3.6 */
  -webkit-background-clip: border;
  /* Safari 4? Chrome 6? */
  background-clip: padding-box;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 30;
}

@media screen and (max-width: 39.9375em) {
  #products_detail .use-cases .use-case .imageWrapper {
    padding: 1.75rem;
  }
}

#products_detail .use-cases .use-case .imageWrapper img {
  width: 75px;
  height: 75px;
  background: #ffffff;
  vertical-align: middle;
  margin: 0 auto;
  color: #E85E26;
  fill: currentColor;
}

#products_detail .use-cases .use-case:hover {
  transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  /* IE 9 */
}

#products_detail .use-cases .use-case:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: none;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(24, 32, 40, 0.87)), to(rgba(24, 32, 40, 0.7)));
  background: linear-gradient(rgba(24, 32, 40, 0.87), rgba(24, 32, 40, 0.7));
  opacity: .5;
  z-index: 2;
}

@media screen and (max-width: 39.9375em) {
  #products_detail .use-cases .use-case.features1, #products_detail .use-cases .use-case.features2, #products_detail .use-cases .use-case.features3, #products_detail .use-cases .use-case.features4, #products_detail .use-cases .use-case.features5, #products_detail .use-cases .use-case.features6 {
    height: 250px !important;
  }
}

#products_detail .use-cases .use-case-context h4 {
  font-size: 2.188rem;
  line-height: 35px;
}

@media screen and (min-width: 64em) {
  #products_detail .use-cases .use-case-context h4 {
    font-size: 2.5rem;
    line-height: 45px;
  }
}

#products_detail .use-cases .use-case-context ul li {
  list-style-type: disc;
  line-height: 2rem;
  text-align: left;
}

#products_detail .use-cases h4 {
  font-size: 1.125rem;
  line-height: 22px;
  padding: 1.75rem 0;
  text-align: center;
}

@media screen and (min-width: 64em) {
  #products_detail .use-cases h4 {
    font-size: 2.5rem;
    line-height: 50px;
  }
}

#products_detail .use-cases p {
  padding-bottom: 1.75rem;
}

#products_detail .use-cases .defaultText {
  background-color: #ffffff;
  padding: 3rem;
  z-index: 300;
  position: relative;
}

@media screen and (min-width: 64em) {
  #products_detail .use-cases .defaultText {
    padding: 3rem 5rem 3rem;
    min-height: 500px;
  }
}

#products_detail .use-cases .defaultText p {
  color: #82939c;
  line-height: 30px;
}

#products_detail .use-cases .learnMoreText {
  background-color: #3B454A;
  -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
  color: #ffffff;
  display: none;
  padding: 2rem 2rem 2rem;
  text-align: left;
  z-index: 300;
  position: relative;
}

@media screen and (min-width: 64em) {
  #products_detail .use-cases .learnMoreText {
    min-height: 500px;
    padding: 4rem 5rem 3rem;
  }
}

#products_detail .use-cases .learnMoreText h4 {
  color: #bfbfbf;
  font-size: 30px;
  line-height: 30px;
  text-align: left;
  padding: 0;
  margin-bottom: 1.5rem;
}

#products_detail .use-cases .learnMoreText p {
  color: #ffffff;
  padding-bottom: 0;
}

#products_detail .use-cases .learnMoreText p a {
  color: #ffffff;
  text-decoration: underline;
}

#products_detail .use-cases .learnMoreText ul li {
  color: #ffffff;
  font-size: 0.875rem;
  line-height: 25px;
  padding-bottom: .75rem;
}

#products_detail .use-cases .learnMoreText ul li a {
  color: #ffffff;
  text-decoration: underline;
}

#products_detail .use-cases .learnMoreText a.button {
  text-decoration: none;
}

#products_detail .use-cases .learnMoreText .close-button.dark {
  border: 0 !important;
  right: 1.5rem;
  top: 1.5rem;
}

#products_detail.product_features .pageContent {
  background-color: #ffffff;
}

@media screen and (max-width: 39.9375em) {
  #products_detail.product_features .pageContent {
    background-color: #edf1f2;
  }
}

#products_detail.product_features .hero {
  background-image: url("../img/hero-stats.jpg");
}

#products_detail.product_features .overlayText h1 {
  text-align: center;
}

#products_detail.product_features .overlayText h2 {
  text-align: center;
}

#products_detail.product_features .overlayText button {
  float: none;
  padding: 0.6rem 1.25rem;
  font-size: 0.875rem;
  margin-top: 1rem;
}

#products_detail.product_features .spanTitle span {
  font-weight: 500;
}

.featureContainer {
  background-color: #edf1f2;
}

.feature-wrap-block .features-main:first-child {
  border-top: 1px solid #bfbfbf;
}

.feature-wrap-block .features-main .featuresText {
  padding: 0;
}

.feature-wrap-block .features-main .featuresText .featuresDefaultText h4 {
  font-size: 2rem;
  line-height: 2.25rem;
}

@media screen and (min-width: 40em) {
  .feature-wrap-block .features-main .featuresText .featuresDefaultText {
    padding: 5rem 0;
  }
}

.features-main {
  border-bottom: 1px solid #bfbfbf;
  position: relative;
}

.features-main .featuresText .featuresDefaultText {
  background-color: #edf1f2;
  padding: 5rem 1rem;
  text-align: left;
}

@media screen and (max-width: 64em) {
  .features-main .featuresText .featuresDefaultText {
    padding: 3rem 1rem;
  }
}

.features-main .featuresText .featuresDefaultText h4 {
  color: #0a0a0a;
  font-size: 2.188rem;
  line-height: 2rem;
  text-align: left;
  margin-bottom: 1.5rem;
}

@media screen and (min-width: 64em) {
  .features-main .featuresText .featuresDefaultText h4 {
    font-size: 2.5rem;
    line-height: 40px;
  }
}

.features-main .featuresText .featuresDefaultText p {
  line-height: 30px;
}

.features-main .featuresText .featuresDefaultText ul {
  margin: 0.5rem 0 1rem 3rem;
}

.features-main .featuresText .featuresDefaultText ul li {
  list-style-type: disc;
  font-size: 1rem;
  margin: 0.5rem 0;
}

.features-main .featuresText .featuresDefaultText button {
  margin-top: 1.25rem;
  display: block;
}

.features-main .view-icon {
  background: url("../img/right-search.png") no-repeat, url("../img/right-corner.png") no-repeat;
  height: 87px;
  width: 87px;
  top: 0;
  right: 0;
  position: absolute;
}

.features-main .features {
  min-height: 350px;
  position: relative;
  z-index: 200;
}

@media screen and (min-width: 64em) {
  .features-main .features {
    min-height: 0;
  }
}

@media screen and (min-width: 64em) {
  .features-main .features {
    margin-bottom: 5rem;
    margin-top: 5rem;
    max-height: 340px;
    max-width: 340px;
  }
}

.features-main .features .imageWrapper {
  background-color: #ffffff;
  padding: 1.5rem;
  border-radius: 50%;
  border: 10px solid rgba(255, 255, 255, 0.2);
  -moz-background-clip: border;
  /* Firefox 3.6 */
  -webkit-background-clip: border;
  /* Safari 4? Chrome 6? */
  background-clip: padding-box;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 30;
}

.features-main .features .imageWrapper img {
  width: 60px;
  height: 60px;
  background: #ffffff;
  vertical-align: middle;
  margin: 0 auto;
  max-width: auto;
}

.features-main .features:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: none;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(24, 32, 40, 0.87)), to(rgba(24, 32, 40, 0.7)));
  background: linear-gradient(rgba(24, 32, 40, 0.87), rgba(24, 32, 40, 0.7));
  opacity: .5;
  z-index: 2;
}

@media screen and (max-width: 64em) {
  .features-main .features.features1, .features-main .features.features2, .features-main .features.features3, .features-main .features.features4, .features-main .features.features5, .features-main .features.features6 {
    height: 250px !important;
    min-height: 250px !important;
  }
}

#deployment_services .introWithCTAWrap {
  padding-bottom: 5rem;
}

#deployment_services .introWithCTAWrap .introWithCTA {
  background-color: #edf1f2;
  border-bottom: 1px solid #bfbfbf;
}

#products_landing .longHero {
  background-color: #242b2e;
}

@media screen and (max-width: 39.9375em) {
  #products_landing .longHero {
    background-position: center -600px;
  }
}

#products_landing .longHero .overlayText {
  width: 100%;
  padding: 0;
}

#products_landing .longHero .overlayText h2.subtitle {
  font-size: 22px;
  line-height: 25px;
  padding: 0 30px;
}

@media screen and (max-width: 39.9375em) {
  #products_landing .longHero .overlayText h2.subtitle {
    margin-bottom: 0;
  }
}

#products_landing .pageContent {
  background: none;
  padding-bottom: 1rem;
  padding-top: 2rem;
}

@media screen and (min-width: 40em) {
  #products_landing .pageContent {
    padding-bottom: 4rem;
    padding-top: 3rem;
  }
}

#products_landing .column, #products_landing .columns {
  padding: 1rem;
}

@media screen and (max-width: 39.9375em) {
  #products_landing .column, #products_landing .columns {
    padding: 1rem 2rem;
  }
}

#products_landing .column .product, #products_landing .columns .product {
  background-color: #3B454A;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

#products_landing .column .product h2, #products_landing .columns .product h2 {
  color: #ffffff;
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-weight: 700;
  font-size: 20px;
  margin-top: 1.250rem;
  margin-bottom: 0;
  padding-bottom: 0;
}

@media screen and (max-width: 39.9375em) {
  #products_landing .column .product h2, #products_landing .columns .product h2 {
    padding-bottom: 1.5rem;
  }
}

@media screen and (min-width: 40em) {
  #products_landing .column .product h2, #products_landing .columns .product h2 {
    font-size: 32px;
    line-height: 42px;
  }
}

#products_landing .column .product p, #products_landing .columns .product p {
  color: #595959;
  font-size: 1rem;
  margin-bottom: 0;
  margin-top: 1rem;
  position: relative;
  z-index: 2;
}

#products_landing .column .product p a.download, #products_landing .columns .product p a.download {
  display: inline-block;
  padding-bottom: 1rem;
  position: relative;
  z-index: 2;
}

#products_landing .column .product .productText, #products_landing .columns .product .productText {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 2rem 3rem 0;
  position: relative;
  z-index: 2;
}

@media screen and (min-width: 40em) {
  #products_landing .column .product .productText, #products_landing .columns .product .productText {
    min-height: 300px;
    padding: 1.5rem 1.5rem 0;
  }
}

#products_landing .column .product .productText a, #products_landing .columns .product .productText a {
  position: relative;
  z-index: 2;
}

#products_landing .column .product .productHeader, #products_landing .columns .product .productHeader {
  padding: 1rem 1rem .80rem;
  background-color: #394955;
  color: #82939c;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
}

#products_landing .column .product .productHeader:empty, #products_landing .columns .product .productHeader:empty {
  padding: 0;
}

#products_landing .column .product .button, #products_landing .columns .product .button {
  margin-top: 1.5rem;
}

#products_landing .column .product.productBlock, #products_landing .columns .product.productBlock {
  margin-bottom: 30px;
}

@media screen and (max-width: 39.9375em) {
  #products_landing .column .product.productBlock, #products_landing .columns .product.productBlock {
    margin: 0 30px 10px;
  }
}

#products_landing .column .product.productBlock .productText, #products_landing .columns .product.productBlock .productText {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  min-height: 330px;
}

#products_landing .column .product.productBlock .productText:before, #products_landing .columns .product.productBlock .productText:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1a252e+26,666d74+100 */
  background: #1a252e;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(26%, #1a252e), to(#666d74));
  background: linear-gradient(to bottom, #1a252e 26%, #666d74 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a252e', endColorstr='#666d74',GradientType=0 );
  /* IE6-9 */
  -webkit-transition: opacity .25s ease-out;
  transition: opacity .25s ease-out;
  opacity: 0;
}

#products_landing .column .product.productBlock .productText h3.productLogo, #products_landing .columns .product.productBlock .productText h3.productLogo {
  margin: 10px 0 0;
  padding: 0;
}

@media screen and (max-width: 39.9375em) {
  #products_landing .column .product.productBlock .productText h3.productLogo, #products_landing .columns .product.productBlock .productText h3.productLogo {
    margin: 0;
  }
}

#products_landing .column .product.productBlock .productText h3.productLogo img, #products_landing .columns .product.productBlock .productText h3.productLogo img {
  height: 40px;
  max-width: 250px;
}

@media screen and (max-width: 39.9375em) {
  #products_landing .column .product.productBlock .productText h3.productLogo img, #products_landing .columns .product.productBlock .productText h3.productLogo img {
    max-width: 160px;
  }
}

#products_landing .column .product.productBlock .productText h3.productLogo.platform img, #products_landing .columns .product.productBlock .productText h3.productLogo.platform img {
  height: 60px;
  margin-top: 20px;
}

@media screen and (max-width: 39.9375em) {
  #products_landing .column .product.productBlock .productText h3.productLogo.platform img, #products_landing .columns .product.productBlock .productText h3.productLogo.platform img {
    height: auto;
    margin-top: 10px;
  }
}

#products_landing .column .product.productBlock .productText .imgWrapper, #products_landing .columns .product.productBlock .productText .imgWrapper {
  height: 135px;
  position: absolute;
  bottom: 0;
  overflow: hidden;
  z-index: 2;
  margin-top: 70px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#products_landing .column .product.productBlock .productText .imgWrapper img.demo, #products_landing .columns .product.productBlock .productText .imgWrapper img.demo {
  border: 10px solid #3a454b;
  border-width: 10px 10px 0 10px;
  max-width: 270px;
}

@media screen and (max-width: 39.9375em) {
  #products_landing .column .product.productBlock .productText .imgWrapper img.demo, #products_landing .columns .product.productBlock .productText .imgWrapper img.demo {
    max-width: 230px;
  }
}

#products_landing .column .product.productBlock .productText p.download, #products_landing .columns .product.productBlock .productText p.download {
  margin-top: 0;
}

#products_landing .column .product.productBlock .productText p.download a, #products_landing .columns .product.productBlock .productText p.download a {
  margin-bottom: 50%;
  display: inline-block;
}

@media screen and (min-width: 40em) {
  #products_landing .column .product.productBlock .productText p.download a, #products_landing .columns .product.productBlock .productText p.download a {
    margin-bottom: 50%;
  }
}

@media screen and (min-width: 64em) {
  #products_landing .column .product.productBlock .productText p.download a, #products_landing .columns .product.productBlock .productText p.download a {
    margin-bottom: 60%;
  }
}

#products_landing .column .product.productBlock:hover .productText:before, #products_landing .columns .product.productBlock:hover .productText:before {
  opacity: .4;
  -webkit-transition: opacity .25s ease-in;
  transition: opacity .25s ease-in;
}

#products_landing .column .product.productCTA, #products_landing .columns .product.productCTA {
  text-align: left;
}

#products_landing .column .product.productCTA h2, #products_landing .columns .product.productCTA h2 {
  font-size: 20px;
  line-height: 26px;
}

@media screen and (min-width: 40em) {
  #products_landing .column .product.productCTA h2, #products_landing .columns .product.productCTA h2 {
    font-size: 24px;
    line-height: 32px;
  }
}

#products_landing .column .product.productCTA p, #products_landing .columns .product.productCTA p {
  color: #ffffff;
}

@media screen and (min-width: 40em) {
  #products_landing .column .product.productCTA p, #products_landing .columns .product.productCTA p {
    max-width: 80%;
  }
}

#products_landing .column .product.productCTA .productText, #products_landing .columns .product.productCTA .productText {
  padding: 1.75rem 3rem;
}

.product_download .textOnly.introStandard {
  background-color: #edf1f2;
}

@media screen and (min-width: 40em) {
  .product_download .textOnly.introStandard {
    padding-bottom: 0rem;
  }
}

.product_download .textOnly.introStandard h2 {
  font-size: 2rem;
  line-height: 35px;
  text-align: center;
}

@media screen and (min-width: 64em) {
  .product_download .textOnly.introStandard h2 {
    font-size: 2.5rem;
    line-height: 40px;
  }
}

.product_download .textOnly.introStandard p {
  font-size: 1rem;
  line-height: 30px;
  text-align: center;
}

.product_download .downloadCTA {
  padding-bottom: 2rem;
}

.product_download .downloadCTA .button {
  margin-left: .5rem;
  margin-top: 1rem;
}

.product_download#contact footer {
  padding-top: 0;
}

.product_download#contact .hero {
  background-image: url("../img/hero-stats.jpg");
}

.product_download#contact .hero:before {
  opacity: .9;
}

.product_download#contact .downloadCTA {
  padding-bottom: 2rem;
}

.product_download#contact .downloadCTA .button {
  margin-left: 2rem;
  margin-top: 2rem;
}

@media screen and (min-width: 40em) {
  .product_download#contact .downloadCTA .button {
    margin-top: 0;
  }
}

.product_download#contact#contact .trialForm {
  padding-bottom: 5rem;
  padding-top: 2rem;
  background-color: #edf1f2;
}

.product_download#contact#contact .trialForm.trialFormAlt .medium-9 {
  width: 100%;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

@media screen and (min-width: 40em) {
  .product_download#contact#contact .trialForm.trialFormAlt .medium-9 {
    margin-left: 8.3333333333%;
    width: 83.3333333333%;
  }
}

.product_download#contact#contact .trialForm.trialFormAlt .medium-3 {
  display: none;
}

.product_download#contact#contact .trialForm#multiProduct {
  padding-top: 3.5rem;
}

.product_download#contact#contact .trialForm#multiProduct .large-4 {
  padding-right: 0px;
  padding-left: 0px;
}

.product_download#contact#contact .trialForm#multiProduct .formWrap {
  padding: 2rem 2rem;
  min-height: 764px;
}

.product_download#contact#contact .trialForm#multiProduct .formBlock dl {
  width: 100%;
}

.product_download#contact#contact .trialForm#multiProduct .productSelector {
  padding-right: 42px;
}

.product_download#contact#contact .trialForm#multiProduct .productSelector h4 {
  width: 100%;
  background-color: #82939c;
  color: #ffffff;
  text-align: center;
  padding: 0.875rem 0.5rem 0.75rem;
  font-size: 1rem;
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-weight: 600;
  margin-bottom: 0;
}

.product_download#contact#contact .trialForm#multiProduct .productSelector ul {
  list-style-type: none;
  margin-left: 0;
  border: 1px solid #bfbfbf;
}

.product_download#contact#contact .trialForm#multiProduct .productSelector ul li {
  width: 100%;
  padding: 1.75rem 1rem;
  border-bottom: 1px solid #bfbfbf;
  text-align: center;
  cursor: pointer;
  background-color: #edf1f2;
  color: #82939c;
  position: relative;
}

.product_download#contact#contact .trialForm#multiProduct .productSelector ul li.active {
  background-color: #ffffff;
  border-left: 5px solid #E85E26;
  border-right: 5px solid white;
  cursor: default;
}

.product_download#contact#contact .trialForm#multiProduct .productSelector ul li.active::after {
  content: '';
  position: absolute;
  top: 50%;
  right: -19px;
  width: 0;
  margin-top: -15px;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 20px solid white;
}

.product_download#contact#contact .trialForm#multiProduct .productSelector ul li:last-of-type {
  border-bottom: 0px;
}

.product_download#contact#contact .trialForm#multiProduct .productSelector ul li img {
  max-width: 175px;
  width: 90%;
  display: block;
  margin: 0 auto 0.25rem;
}

.product_download#contact#contact .trialForm#multiProduct .formSidebar {
  background: #3B454A;
  padding: 2rem 2rem;
}

.product_download#contact#contact .trialForm#multiProduct .formSidebar h3 {
  color: #ffffff;
  font-size: 1.5rem;
  line-height: 1.75rem;
  font-weight: 500;
  padding-top: 0px;
}

.product_download#contact#contact .trialForm#multiProduct .formSidebar p {
  color: #ffffff;
  font-size: 1rem;
  line-height: 1.5rem;
}

.product_download#contact#contact .trialForm#multiProduct .formSidebar ul li {
  list-style-type: disc;
  color: #ffffff;
}

.product_download#contact#contact .productCTA {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  margin-bottom: 1.5rem;
  min-height: 64px;
  padding: 3rem 0;
}

.product_download#contact#contact .productCTA h2 {
  color: #ffffff;
  font-size: 2rem;
}

.product_download#contact#contact .featureList {
  background-color: #82939c;
  margin-bottom: 1.5rem;
  padding: 1.5rem;
}

.product_download#contact#contact .featureList h2 {
  color: #ffffff;
  padding-bottom: .5rem;
  line-height: 1.5rem;
}

.product_download#contact#contact .featureList p {
  color: #ffffff;
}

.product_download#contact#contact .featureList li {
  color: #ffffff;
  line-height: 1rem;
  list-style-type: disc;
  padding-bottom: .75rem;
}

.product_download#contact#contact .featureList li:last-child {
  padding-bottom: 0;
}

.product_download#contact#contact .quoteContainer {
  padding: 2rem;
}

.product_download#contact#contact .quoteContainer p.quote {
  font-size: 1.375rem;
  line-height: 2.188rem;
}

.product_download#contact#contact .quoteContainer p.quote:before {
  content: url("../img/open-quote-small.png");
}

/* styles specific to the product pages */
.show-if-chat-online {
  display: none;
}

#contact .pageContent {
  padding-bottom: 0;
  background-color: #ffffff;
}

#contact .pageContent .intro .columns {
  padding-top: 1.25rem;
}

#contact .pageContent .intro .columns h2 {
  font-size: 1.125rem;
  line-height: 1.3125rem;
  padding-bottom: 0;
}

#contact .pageContent .intro .columns .instructions {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.125rem;
}

#contact .pageContent .intro .columns button {
  margin-bottom: 4.5rem;
}

#contact .pageContent button#submitBtn {
  margin-bottom: 5rem;
  margin-top: 1rem;
}

#contact .pageContent .productSupport {
  display: none;
}

#contact .pageContent .productSupport.US {
  display: block;
}

#contact .pageContent footer {
  padding-top: 0;
}

#contact .contact__top {
  background: #edf1f2;
  padding-top: 2rem;
}

#contact .contact__top > .row {
  max-width: 76.25rem;
}

#contact .contact__form .formWrap, #contact .contact__form .formBlock {
  background: #edf1f2;
}

#contact .contact__form .formWrap {
  padding: 1.5rem;
}

@media screen and (min-width: 68.75rem) {
  #contact .contact__form .formWrap {
    padding: 3rem 5.5rem 3rem 0;
  }
}

#contact .contact__form .formBlock > div {
  margin: 0;
}

#contact .contact__form .formBlock h2 {
  font-weight: bold;
  padding: 0;
  margin-bottom: 0.9375rem;
  color: #3B454A;
  font-size: 1.25rem;
}

#contact .contact__form .formBlock p {
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-size: 1.125rem;
  margin-bottom: 1.375rem;
}

#contact .contact__form .formBlock dl {
  padding: 0;
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  #contact .contact__form .formBlock dl {
    width: 100%;
  }
}

#contact .contact__form .formBlock dl.expand {
  padding-top: 24px;
  margin-top: -24px;
}

@media screen and (min-width: 64em) {
  #contact .contact__form .formBlock dl:nth-child(odd) {
    padding-left: 0.625rem;
  }
}

@media screen and (min-width: 64em) {
  #contact .contact__form .formBlock dl.expand:nth-child(odd) {
    padding-left: 0;
  }
}

@media screen and (min-width: 64em) {
  #contact .contact__form .formBlock dl:nth-child(even) {
    padding-right: 0.625rem;
  }
}

@media screen and (min-width: 64em) {
  #contact .contact__form .formBlock dl:nth-child(2), #contact .contact__form .formBlock dl:nth-child(3) {
    padding-left: 0px;
    padding-right: 0px;
  }
}

#contact .contact__form .formBlock #thankyouText,
#contact .contact__form .formBlock #errorText {
  background: #ffffff;
}

#contact .contact__general {
  background: #edf1f2;
  padding-top: 1.5rem;
}

@media screen and (min-width: 64em) {
  #contact .contact__general {
    padding-top: 0;
  }
}

#contact .contact__general label, #contact .contact__general .filter-group__label {
  float: right;
  margin-right: 15px;
  font-family: "Roboto", "Roboto-local", sans-serif;
  color: #82939c;
  font-size: 0.875rem;
  line-height: 2.4375rem;
}

#contact .contact__general #countrySelect {
  float: right;
  width: 150px;
  height: 38px;
  padding-left: 1rem;
  padding-right: 2.5rem;
  border: none;
  color: #3B454A;
  font-size: 0.75rem;
  background-position: right -1.3125rem center;
}

#contact .contact__general #countrySelect__wrapper {
  position: absolute;
  left: 1.5625rem;
}

@media screen and (min-width: 40em) {
  #contact .contact__general #countrySelect__wrapper {
    position: relative;
    left: auto;
  }
}

@media screen and (min-width: 40em) {
  #contact .contact__general .columns {
    padding-right: 2rem;
    padding-top: 2rem;
  }
}

#contact .contact__general .contactContainer {
  padding: 3.5rem 0 2rem 0;
}

#contact .contact__general .contactContainer__item {
  display: none;
}

#contact .contact__general .contactContainer__item.active {
  display: initial;
}

#contact .contact__general .contactContainer p {
  font-size: .75rem;
  line-height: 1.25rem;
  margin-bottom: 0;
  color: #242b2e;
}

#contact .contact__general .contactContainer p a {
  color: #242b2e;
}

#contact .contact__general .contactContainer p a:hover {
  text-decoration: underline;
}

#contact .contact__general .contactContainer p a[href^="tel:"] {
  color: #242b2e;
}

#contact .contact__general .contactContainer .contactField {
  padding-bottom: 1.25rem;
  padding-left: 1.125rem;
  padding-right: 1.125rem;
}

@media screen and (min-width: 40em) {
  #contact .contact__general .contactContainer .contactField {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 64em) {
  #contact .contact__general .contactContainer .contactField {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

#contact .contact__general .contactContainer .contactField__title {
  width: 100%;
  background: #242b2e;
  padding: 1rem 0;
}

@media screen and (min-width: 64em) {
  #contact .contact__general .contactContainer .contactField__title {
    width: 13.5625rem;
    padding: 1.625rem 0;
  }
}

#contact .contact__general .contactContainer .contactField__title h2 {
  padding-left: 4.375rem;
  line-height: 1.1;
  font-weight: bold;
  font-size: 1.25rem;
  color: #ffffff;
  margin-bottom: 0px;
}

#contact .contact__general .contactContainer .contactField__title h2.support, #contact .contact__general .contactContainer .contactField__title h2.response, #contact .contact__general .contactContainer .contactField__title h2.inquiries {
  position: relative;
}

#contact .contact__general .contactContainer .contactField__title h2.support:before {
  content: '';
  background: url("../img/contact/icon-support.png");
  background-size: cover;
  width: 20px;
  height: 20px;
  left: 1.375rem;
  top: 0.125rem;
  position: absolute;
}

@media screen and (min-width: 64em) {
  #contact .contact__general .contactContainer .contactField__title h2.support:before {
    top: 0.375rem;
    left: 1rem;
    width: 31px;
    height: 31px;
  }
}

#contact .contact__general .contactContainer .contactField__title h2.response:before {
  content: '';
  background: url("../img/contact/icon-lightning.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  left: 1.3125rem;
  top: 0.125rem;
  position: absolute;
}

@media screen and (min-width: 64em) {
  #contact .contact__general .contactContainer .contactField__title h2.response:before {
    top: 0.375rem;
    width: 23px;
    height: 34px;
  }
}

#contact .contact__general .contactContainer .contactField__title h2.inquiries:before {
  content: '';
  background: url("../img/contact/icon-chat.png");
  background-size: cover;
  background-size: cover;
  width: 34px;
  height: 26px;
  left: 1rem;
  top: -0.125rem;
  position: absolute;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
}

@media screen and (min-width: 64em) {
  #contact .contact__general .contactContainer .contactField__title h2.inquiries:before {
    width: 34px;
    height: 26px;
    left: 1rem;
    top: 0.5rem;
  }
}

#contact .contact__general .contactContainer .contactField__info {
  background: #DEE5E8;
  color: #ffffff;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem;
}

@media screen and (min-width: 64em) {
  #contact .contact__general .contactContainer .contactField__info {
    padding: 1.375rem;
  }
}

#contact .contact__general .contactContainer .contactField__info.orange {
  background: #E85E26;
}

#contact .contact__general .contactContainer .contactField__info.orange a[href^="tel:"] {
  font-family: "Muli", "Muli-local", sans-serif;
  font-weight: 800;
  font-size: 1.375rem;
  color: #ffffff;
  display: block;
  padding: 1rem 0;
}

#contact .contact__general .contactContainer .contactField__info.orange a[href^="tel:"]:hover {
  text-decoration: none;
}

#contact .contact__general .contactContainer .contactField__info a.button {
  font-family: "Roboto", "Roboto-local", sans-serif;
  margin-top: 8px;
  margin-bottom: 0px;
}

@media screen and (max-width: 39.9375em) {
  #contact .contact__general .contactContainer .contactField__other {
    padding: 15px;
  }
}

#contact .contact__general .contactContainer .contactField__other p {
  font-weight: 500;
  color: #82939c;
}

#contact .contact__general .contactContainer .contactField__other a, #contact .contact__general .contactContainer .contactField__other a[href^="tel:"] {
  font-weight: normal;
  color: #82939c;
}

#contact .contact__offices {
  background-color: #519bc8;
  background-size: cover;
  text-align: center;
  padding: 35px 0;
}

@media screen and (min-width: 64em) {
  #contact .contact__offices {
    background-image: url(../img/contact/world-map-opt.jpg);
    padding: 74px 0;
  }
}

#contact .contact__offices-icon {
  width: 60px;
  height: 60px;
  background: url(../img/contact/icon-offices.png);
  background-size: cover;
  margin: auto;
}

@media screen and (min-width: 64em) {
  #contact .contact__offices-icon {
    width: 86px;
    height: 86px;
  }
}

#contact .contact__offices-title {
  font-family: "Muli", "Muli-local", sans-serif;
  font-weight: 500;
  font-size: 2.1875rem;
  line-height: 1;
  color: #ffffff;
  margin: 20px 0;
}

@media screen and (min-width: 64em) {
  #contact .contact__offices-title {
    margin: 40px 0 50px 0;
    font-size: 3.4375rem;
  }
}

#contact .contact__offices .tabsContainer {
  background: none;
  margin-bottom: 20px;
}

#contact .contact__offices .tabsContainer ul.tabs {
  display: inline-block;
}

#contact .contact__offices .tabsContainer ul.tabs li.tabs-title {
  float: none;
}

@media screen and (min-width: 64em) {
  #contact .contact__offices .tabsContainer ul.tabs li.tabs-title {
    float: left;
  }
}

#contact .contact__offices .tabsContainer ul.tabs li.tabs-title:hover {
  background-color: rgba(255, 255, 255, 0.2);
  color: #ffffff;
  border-radius: 3px;
}

#contact .contact__offices .tabsContainer ul.tabs li.tabs-title.is-active a {
  background-color: rgba(255, 255, 255, 0.2);
  color: #ffffff;
  border-radius: 3px;
}

#contact .contact__offices .tabsContainer ul.tabs li.tabs-title.is-active a[aria-selected='true'] {
  background-color: rgba(255, 255, 255, 0.2) !important;
}

#contact .contact__offices .tabsContainer ul.tabs li.tabs-title a {
  min-width: 7.5625rem;
  font-weight: 700;
  font-size: 0.875rem;
  padding: 10px;
}

@media screen and (min-width: 64em) {
  #contact .contact__offices .tabsContainer ul.tabs li.tabs-title a {
    font-size: 1rem;
    padding: 12px 14px;
  }
}

#contact .contact__offices .tabsContainer ul.tabs li.tabs-title a:hover {
  background-color: rgba(255, 255, 255, 0.2);
  color: #ffffff;
}

#contact .contact__offices .tabsContainer ul.tabs li.tabs-title > a[aria-selected='true'] {
  background-color: transparent;
}

#contact .contact__offices .tabsContent .tabs,
#contact .contact__offices .tabsContent .tabs-content {
  background: none;
  padding-top: 0;
}

#contact .contact__offices .tabsContent .tabs label, #contact .contact__offices .tabsContent .tabs .filter-group__label,
#contact .contact__offices .tabsContent .tabs p,
#contact .contact__offices .tabsContent .tabs-content label,
#contact .contact__offices .tabsContent .tabs-content .filter-group__label,
#contact .contact__offices .tabsContent .tabs-content p {
  color: #595959;
  font-size: 0.75rem;
  line-height: 1.5rem;
}

#contact .contact__offices .tabsContent .location {
  background-repeat: no-repeat;
  background-size: 100%;
  background-color: #3B454A;
  position: relative;
  min-height: 300px;
  width: 16.25rem;
  margin: 0 23px 46px;
}

#contact .contact__offices .tabsContent .location__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 76.5rem;
  margin: auto auto;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#contact .contact__offices .tabsContent .location__main {
  background: rgba(89, 89, 89, 0.8);
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  height: 100%;
  text-align: left;
  padding: 1.25rem 2.375rem 1.25rem 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#contact .contact__offices .tabsContent .location__main:hover {
  background: rgba(89, 89, 89, 0.6);
}

#contact .contact__offices .tabsContent .location__main h6 {
  font-size: 1.75rem;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 1.375rem;
}

#contact .contact__offices .tabsContent .location__main *, #contact .contact__offices .tabsContent .location__main p, #contact .contact__offices .tabsContent .location__main a {
  color: #ffffff;
  font-size: 0.875rem;
  line-height: 1.25;
  font-weight: 600;
}

#contact .contact__offices .tabsContent .location__main strong {
  font-weight: 500;
}

#contact .contact__offices .tabsContent .location__bottom a {
  font-size: 1rem;
}

#contact .contact__offices .tabsContent .location__bottom a:hover {
  text-decoration: underline;
}

#contact .contact__offices .tabsContent .location__tel, #contact .contact__offices .tabsContent .location__fax {
  font-size: 1rem;
}

#contact .contact__offices .tabsContent .location__fax {
  min-height: 1.25rem;
  padding-top: 4px;
}

#contact .contact__offices .tabsContent .location__directions {
  height: 1rem;
  margin-top: 1.5rem;
  padding-left: 20px;
  background: url(../img/contact/icon-map.png);
  background-repeat: no-repeat;
  background-size: 9px 13px;
  background-position: left center;
}

#contact .contact__offices .tabsContent .location__country {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 38px;
  background: #242b2e;
  color: #8bbcdb;
}

#contact .contact__offices .tabsContent .location__country span {
  position: absolute;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  left: 2px;
  right: -2px;
  bottom: 15px;
  font-size: 1.75rem;
  font-weight: 700;
  white-space: nowrap;
}

.contactPage {
  padding: 0;
}

.contactPage #intro {
  padding: 0;
}

/* contact */
#longFormContent #hero-img {
  width: 50%;
  margin-top: 40px;
}

#longFormContent .longHero {
  padding-bottom: 4rem;
}

#longFormContent h2, #longFormContent h3 {
  margin: 2rem auto 1rem;
}

#longFormContent .overlayText {
  margin: 3rem 0;
  padding: 0;
  text-align: left;
  width: auto;
}

#longFormContent .overlayText h2 {
  color: #dde5e8;
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 1.125rem;
  line-height: 2.1875rem;
  text-align: inherit;
}

#longFormContent .overlayText h4 {
  color: #cfd9de;
  font-size: 1.375rem;
}

@media screen and (max-width: 39.9375em) {
  #longFormContent .overlayText {
    text-align: center;
  }
}

#longFormContent .headerOffset {
  display: block;
  position: relative;
  height: 50px;
}

@media screen and (max-width: 39.9375em) {
  #longFormContent .headerOffset {
    display: none;
  }
}

#longFormContent .bannerGradientHeader {
  background: #3a485f;
  /* Old browsers */
  background: -webkit-gradient(linear, left top, right top, from(#3a485f), to(#478b7f));
  background: linear-gradient(to right, #3a485f, #478b7f);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1rem;
  min-height: 150px;
  padding: 42px 0;
  color: #ffffff;
}

#longFormContent .bannerGradientHeader .row {
  background: transparent;
}

#longFormContent .longFormToc nav .title {
  color: #0a0a0a;
  font-size: 1.375rem;
  font-weight: 500;
  padding: 0 0 1rem 1rem;
}

#longFormContent .longFormToc nav .button {
  margin: 20px 0 0 20px;
}

#longFormContent .pageContent {
  background-color: #ffffff;
  font-family: "Muli", "Muli-local", sans-serif;
  position: relative;
}

#longFormContent .pageContent ol, #longFormContent .pageContent ul {
  margin-left: 2.25rem;
}

#longFormContent .pageContent ol li, #longFormContent .pageContent ul li {
  font-size: 1rem;
}

#longFormContent .pageContent ol li {
  list-style-type: decimal;
}

#longFormContent .pageContent ul li {
  list-style-type: disc;
}

#longFormContent .no-gutter {
  padding-left: 0;
  padding-right: 0;
}

#longFormContent #longFormContentMenu .longFormBackground {
  background-color: #eff3f4;
  padding-top: 2rem;
  padding-bottom: 3.5rem;
}

@media screen and (max-width: 39.9375em) {
  #longFormContent #longFormContentMenu .longFormBackground {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

#longFormContent .sectionContent {
  margin: 2rem 0 0;
}

#longFormContent .sectionContent .sectionContainerInner h3 {
  color: #0a0a0a;
  font-size: 1.75rem;
  padding-bottom: 1.1875rem;
  font-family: "Muli", "Muli-local", sans-serif;
  font-weight: 500;
  line-height: 30px;
}

#longFormContent .sectionContent .sectionContainerInner h3.introTitle {
  margin-top: -50px;
}

#longFormContent .sectionContent .sectionContainerInner h4 {
  margin: 10px 0 30px;
  font-size: 1.125rem;
  line-height: 35px;
  font-family: "Roboto", "Roboto-local", sans-serif;
  color: #3B454A;
}

#longFormContent .sectionContent .sectionContainerInner p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 35px;
  margin-bottom: 2.5rem;
  color: #3B454A;
}

#longFormContent .sectionContent .sectionContainerInner p:last-child {
  margin-bottom: 40px;
}

#longFormContent .sectionContent .sectionContainerInner ul {
  margin: 0 0 0 3rem;
}

#longFormContent .sectionContent .sectionContainerInner ul li {
  font-size: 1rem;
  line-height: 35px;
  color: #3B454A;
  margin-bottom: 20px;
  list-style-type: disc;
}

#longFormContent .sectionContent .sectionContainerInner hr {
  width: 100%;
  height: 0;
}

#longFormContent .sectionContent .sectionContainerInner img {
  height: auto;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

#longFormContent .sectionContent .figureContainer {
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 0.875rem;
  margin-bottom: 3rem;
}

#longFormContent .sectionContent .figureContainer .figureContainerHeader {
  background: #020303;
  padding: 1rem 1.25rem;
}

#longFormContent .sectionContent .figureContainer .figureContainerInfo {
  margin-bottom: 0;
}

#longFormContent .sectionContent .figureContainer .figureContainerTitle {
  font-weight: 600;
}

#longFormContent .sectionContent .figureContainer.figureContainerMargin {
  margin-top: .5rem;
}

@media screen and (min-width: 64em) {
  #longFormContent .sectionContent .figureContainer.right {
    float: right;
    margin-left: 2.5rem;
    max-width: 450px;
  }
}

@media screen and (min-width: 64em) {
  #longFormContent .sectionContent .figureContainer.left {
    float: left;
    margin-right: 2.5rem;
    max-width: 450px;
  }
}

#longFormContent .sectionContent .highlightBar {
  background: #132b3b;
  margin: 3rem 0;
  padding: 5rem 0;
}

@media screen and (max-width: 39.9375em) {
  #longFormContent .sectionContent .highlightBar {
    padding: 1.75rem 0 1rem;
  }
}

#longFormContent .sectionContent .highlightBar .highlightBarText p {
  color: #edf1f2;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 2.5rem;
  padding-left: 4.5rem;
  padding-right: 4.5rem;
  text-align: center;
}

@media screen and (max-width: 39.9375em) {
  #longFormContent .sectionContent .highlightBar .highlightBarText p {
    padding-left: 2rem;
    padding-right: 2rem;
    font-size: 1.375rem;
    line-height: 1.75rem;
  }
}

#longFormContent .sectionContent .ctaBlock, #longFormContent .sectionContent .ctaBlockDark, #longFormContent .sectionContent .quiz {
  padding: 2.5rem;
  position: relative;
  margin: 0.5rem 0 3rem;
}

@media screen and (min-width: 64em) {
  #longFormContent .sectionContent .ctaBlock.right, #longFormContent .sectionContent .right.ctaBlockDark, #longFormContent .sectionContent .right.quiz {
    margin: 0.5rem 0 3rem 3rem;
    width: 340px;
    float: right;
  }
  #longFormContent .sectionContent .ctaBlock.left, #longFormContent .sectionContent .left.ctaBlockDark, #longFormContent .sectionContent .left.quiz {
    width: 340px;
    float: left;
    margin: 0.5rem 3rem 3rem 0;
  }
}

@media screen and (max-width: 63.9375em) {
  #longFormContent .sectionContent .ctaBlock, #longFormContent .sectionContent .ctaBlockDark, #longFormContent .sectionContent .quiz {
    float: none;
    margin: 3rem 0;
    width: 100%;
  }
}

#longFormContent .sectionContent .ctaBlock .flag, #longFormContent .sectionContent .ctaBlockDark .flag, #longFormContent .sectionContent .quiz .flag {
  background-color: #31739C;
  color: #fff;
  height: 1.25rem;
  display: inline-block;
  font-size: 0.625rem;
  font-weight: 500;
  position: absolute;
  top: 0;
  right: 0;
  padding: 2px 10px 0 9px;
  font-family: "Muli", "Muli-local", sans-serif;
  text-transform: uppercase;
  z-index: 3;
}

#longFormContent .sectionContent .ctaBlock .flag:before, #longFormContent .sectionContent .ctaBlockDark .flag:before, #longFormContent .sectionContent .quiz .flag:before {
  content: '';
  width: 0;
  height: 0;
  border-top: 20px solid #31739C;
  border-left: 6px solid transparent;
  display: inline-block;
  position: absolute;
  margin-left: -15px;
  margin-top: -2px;
}

#longFormContent .sectionContent .ctaBlock h3, #longFormContent .sectionContent .ctaBlockDark h3, #longFormContent .sectionContent .quiz h3 {
  color: #0a0a0a;
  padding: 0;
  text-transform: uppercase;
  font-size: 1rem;
  line-height: 22px;
}

#longFormContent .sectionContent .ctaBlock p, #longFormContent .sectionContent .ctaBlockDark p, #longFormContent .sectionContent .quiz p {
  color: #0a0a0a;
  font-size: 0.875rem;
  line-height: 25px;
  font-weight: 400;
  margin-bottom: 0;
}

#longFormContent .sectionContent .ctaBlock p:last-child, #longFormContent .sectionContent .ctaBlockDark p:last-child, #longFormContent .sectionContent .quiz p:last-child {
  margin-bottom: 0;
}

#longFormContent .sectionContent .ctaBlock button, #longFormContent .sectionContent .ctaBlockDark button, #longFormContent .sectionContent .quiz button {
  margin: 1rem 0 0;
}

#longFormContent .sectionContent .ctaBlockDark {
  background-color: #242b2e;
}

#longFormContent .sectionContent .ctaBlockDark h3 {
  color: #ffffff;
}

#longFormContent .sectionContent .ctaBlockDark p {
  color: #ffffff;
}

#longFormContent .sectionContent .quiz .button {
  margin: 0.75rem 0.75rem 0 0;
}

#longFormContent .sectionContent .quiz.answer {
  display: none;
  text-align: center;
}

#longFormContent .sectionSubTitle {
  color: #0a0a0a;
  font-size: 1.75rem;
  font-weight: 400;
  padding-top: 3.8125rem;
  padding-bottom: 1.1875rem;
}

#longFormContent .sectionSubTitle.no-top {
  padding-top: 0;
}

#longFormContent .sectionTitle {
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 2.5rem;
  color: #ffffff;
}

@media screen and (max-width: 63.9375em) {
  #longFormContent .sectionTitle {
    font-size: 2.188rem;
  }
}

#longFormContent .sectionSubtitle h2 {
  margin-top: 0;
  margin-bottom: 0;
}

.prettycode {
  margin-bottom: 1rem;
}

.prettycode pre.prettyprint {
  padding: 16px;
}

/*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */
.prettyprint {
  background: #333;
  font-family: Menlo,Bitstream Vera Sans Mono,DejaVu Sans Mono,Monaco,Consolas,monospace;
  border: 0 !important;
}

.pln {
  color: #c5c8c6;
}

ol.linenums {
  margin-top: 0;
  margin-bottom: 0;
  color: #969896;
}

li.L0, li.L1, li.L2, li.L3, li.L4, li.L5, li.L6, li.L7, li.L8, li.L9 {
  padding-left: 1em;
  background-color: #1d1f21;
  list-style-type: decimal;
}

@media screen {
  .str {
    color: #b5bd68;
  }
  .kwd {
    color: #b294bb;
  }
  .com {
    color: #969896;
  }
  .typ {
    color: #81a2be;
  }
  .lit {
    color: #de935f;
  }
  .pun {
    color: #c5c8c6;
  }
  .opn {
    color: #c5c8c6;
  }
  .clo {
    color: #c5c8c6;
  }
  .tag {
    color: #c66;
  }
  .atn {
    color: #de935f;
  }
  .atv {
    color: #8abeb7;
  }
  .dec {
    color: #de935f;
  }
  .var {
    color: #c66;
  }
  .fun {
    color: #81a2be;
  }
}

code {
  padding: 0.125rem 0 0.0625rem;
}

#free_products_tools a:before {
  content: none;
}

#free_products_tools h2 {
  font-size: 3rem;
  text-align: center;
  margin: 0 0 4rem;
}

#free_products_tools #free_tools .callToActionDark:hover {
  background: #242b2e;
}

#free_products_tools #free_tools .callToActionDark {
  margin-bottom: 1.5rem;
}

#free_products_tools #free_tools .callToActionDark h3 {
  color: #ffffff;
  font-size: 1.25rem;
}

#free_products_tools #free_tools .callToActionDark p {
  color: #DEE5E8;
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.4rem;
}

#free_products_tools #free_tools .callToActionDark .button {
  margin-top: 1.5rem;
  line-height: 1rem;
}

#free_products_tools #free_tools .callToActionDark.last {
  background: #242b2e;
  text-align: center;
}

#free_products_tools #free_tools .callToActionDark.last h3 {
  font-size: 1.625rem;
  line-height: 1.875rem;
}

#free_products_tools #free_tools .callToActionDark.last p {
  text-align: center;
}

#free_products_tools #download_items {
  margin: 6rem 0 2rem;
  padding-top: 6rem;
  border-top: 1px solid #bfbfbf;
}

#free_products_tools #download_items .item {
  text-align: center;
  background: #ffffff;
  padding: 1rem 1.5rem;
  margin-bottom: 1.5rem;
}

#free_products_tools #download_items .item p {
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.4rem;
  text-align: center;
  margin-top: 1rem;
}

#free_products_tools #download_items .item .button {
  margin-top: 1.5rem;
  line-height: 1rem;
}

/* Free Tools */
#news_section #newsContainer h2, #news_section #featuredContainer h2 {
  font-size: 2.5rem;
  line-height: 2.5rem;
  color: #0a0a0a;
  font-family: "Muli", "Muli-local", sans-serif;
  font-weight: 800;
  margin-top: 5rem;
}

@media screen and (max-width: 39.9375em) {
  #news_section #newsContainer h2, #news_section #featuredContainer h2 {
    margin-top: 2.5rem;
    text-align: center;
  }
}

#news_section #newsContainer .newsItem, #news_section #featuredContainer .newsItem {
  border-bottom: 1px solid #bfbfbf;
  margin: 2.5rem 0 0;
  padding-bottom: 2.5rem;
  clear: both;
}

#news_section #newsContainer .newsItem .thumb, #news_section #featuredContainer .newsItem .thumb {
  width: 100px;
  height: 100px;
  background: #ffffff;
  float: left;
  margin-right: 1.25rem;
  margin-bottom: 2.5rem;
  padding: 0.313rem;
}

#news_section #newsContainer .newsItem .thumb .thumb_wrapper, #news_section #featuredContainer .newsItem .thumb .thumb_wrapper {
  width: 90px;
  height: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#news_section #newsContainer .newsItem .thumb .thumb_wrapper a:hover:before, #news_section #featuredContainer .newsItem .thumb .thumb_wrapper a:hover:before {
  display: none;
}

#news_section #newsContainer .newsItem .thumb .thumb_wrapper img, #news_section #featuredContainer .newsItem .thumb .thumb_wrapper img {
  max-width: 90px;
  max-height: 90px;
}

#news_section #newsContainer .newsItem .thumb_date, #news_section #featuredContainer .newsItem .thumb_date {
  max-height: 129px;
}

#news_section #newsContainer .newsItem .thumb_date .thumb_base, #news_section #featuredContainer .newsItem .thumb_date .thumb_base {
  background: #3B454A;
  text-align: center;
  color: #82939c;
  font-size: 1rem;
  padding: 0.313rem 0;
  margin: 0.313rem 0 -0.313rem -0.313rem;
  width: 100px;
}

#news_section #newsContainer .newsItem .content, #news_section #featuredContainer .newsItem .content {
  font-size: 1rem;
  overflow: hidden;
}

#news_section #newsContainer .newsItem .content p, #news_section #featuredContainer .newsItem .content p {
  margin: 0;
}

#news_section #newsContainer .newsItem .content .source, #news_section #featuredContainer .newsItem .content .source {
  color: #595959;
  font-family: "Muli", "Muli-local", sans-serif;
  margin-top: 0.313rem;
  line-height: 22px;
}

#news_section #newsContainer .newsItem .content h3, #news_section #featuredContainer .newsItem .content h3 {
  font-size: 1.75rem;
  font-family: "Muli", "Muli-local", sans-serif;
  font-weight: 800;
  line-height: 2.188rem;
  color: #0a0a0a;
  margin-bottom: 0;
  padding: 0.313rem 0;
}

@media screen and (max-width: 39.9375em) {
  #news_section #newsContainer .newsItem .content h3, #news_section #featuredContainer .newsItem .content h3 {
    font-size: 1.25rem;
    line-height: 1.563rem;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
}

#news_section #newsContainer .newsItem .content .date, #news_section #featuredContainer .newsItem .content .date {
  color: #82939c;
  font-family: "Muli", "Muli-local", sans-serif;
}

#news_section #newsContainer .featuredItem .thumb, #news_section #featuredContainer .featuredItem .thumb {
  width: 220px;
  height: 220px;
  background: #ffffff;
  float: left;
  margin-bottom: 2.5rem;
  margin-right: 0;
  padding: 0.625rem;
}

@media screen and (max-width: 39.9375em) {
  #news_section #newsContainer .featuredItem .thumb, #news_section #featuredContainer .featuredItem .thumb {
    width: 100%;
    height: auto;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

#news_section #newsContainer .featuredItem .thumb .thumb_wrapper, #news_section #featuredContainer .featuredItem .thumb .thumb_wrapper {
  width: 200px;
  height: 200px;
}

@media screen and (max-width: 39.9375em) {
  #news_section #newsContainer .featuredItem .thumb .thumb_wrapper, #news_section #featuredContainer .featuredItem .thumb .thumb_wrapper {
    max-height: 150px;
  }
}

#news_section #newsContainer .featuredItem .thumb .thumb_wrapper img, #news_section #featuredContainer .featuredItem .thumb .thumb_wrapper img {
  max-width: 200px;
  max-height: 200px;
}

@media screen and (max-width: 39.9375em) {
  #news_section #newsContainer .featuredItem .thumb .thumb_wrapper img, #news_section #featuredContainer .featuredItem .thumb .thumb_wrapper img {
    height: auto;
  }
}

#news_section #newsContainer .featuredItem .content, #news_section #featuredContainer .featuredItem .content {
  background: #3B454A;
  padding: 1.875rem;
  overflow: hidden;
}

#news_section #newsContainer .featuredItem .content p, #news_section #featuredContainer .featuredItem .content p {
  font-size: 1rem;
  color: #ffffff;
  margin: 0 0 1.875rem;
}

#news_section #newsContainer .featuredItem .content a, #news_section #featuredContainer .featuredItem .content a {
  color: #ffffff;
  font-family: "Muli", "Muli-local", sans-serif;
  margin-top: 0.313rem;
}

#news_section #newsContainer .featuredItem .content h3, #news_section #featuredContainer .featuredItem .content h3 {
  font-size: 1.75rem;
  font-family: "Muli", "Muli-local", sans-serif;
  line-height: 2.188rem;
  color: #ffffff;
  margin-bottom: 0;
  padding: 0.313rem 0;
}

@media screen and (max-width: 39.9375em) {
  #news_section #newsContainer .featuredItem .content h3, #news_section #featuredContainer .featuredItem .content h3 {
    font-size: 1.25rem;
    line-height: 1.563rem;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
}

#news_section #newsContainer .featuredItem .content .date, #news_section #featuredContainer .featuredItem .content .date {
  color: #82939c;
  font-family: "Muli", "Muli-local", sans-serif;
}

#news_section #newsContainer .show_more_content, #news_section #featuredContainer .show_more_content {
  clear: both;
  text-align: center;
}

#news_section #newsContainer .show_more_content .button, #news_section #featuredContainer .show_more_content .button {
  margin: 3rem 0 5rem;
}

#news_section #newsContainer #hidden_items_container, #news_section #featuredContainer #hidden_items_container {
  clear: both;
}

#news_section #newsContainer #hidden_items_container .newsItem:last-child, #news_section #featuredContainer #hidden_items_container .newsItem:last-child {
  border-bottom: none;
  margin-bottom: 3.125rem;
}

/* News */
#about_section .aboutContainer,
#resources .aboutContainer {
  border-bottom: 1px solid #bfbfbf;
  padding-bottom: 3.125rem;
}

#about_section .aboutContainer:last-child,
#resources .aboutContainer:last-child {
  border-bottom: none;
}

@media screen and (max-width: 39.9375em) {
  #about_section .aboutContainer,
  #resources .aboutContainer {
    padding-bottom: 0.625rem;
  }
}

#about_section .aboutContainer h2,
#resources .aboutContainer h2 {
  font-size: 2.5rem;
  line-height: 2.5rem;
  font-family: "Muli", "Muli-local", sans-serif;
  text-align: center;
  color: #0a0a0a;
  margin-top: 5rem;
  margin-bottom: 3.125rem;
}

@media screen and (max-width: 39.9375em) {
  #about_section .aboutContainer h2,
  #resources .aboutContainer h2 {
    margin-top: 2.5rem;
    margin-bottom: 1.875rem;
    text-align: center;
  }
}

#about_section .aboutContainer .team_member,
#resources .aboutContainer .team_member {
  padding-left: 0;
  padding-right: 1.250rem;
  margin-bottom: 2.500rem;
}

@media screen and (max-width: 39.9375em) {
  #about_section .aboutContainer .team_member,
  #resources .aboutContainer .team_member {
    padding: 0 0.938rem;
  }
}

#about_section .aboutContainer .team_member .image_shot,
#resources .aboutContainer .team_member .image_shot {
  float: left;
  background: #242b2e;
}

#about_section .aboutContainer .team_member .image_shot img,
#resources .aboutContainer .team_member .image_shot img {
  max-height: 220px;
}

@media screen and (max-width: 39.9375em) {
  #about_section .aboutContainer .team_member .image_shot,
  #resources .aboutContainer .team_member .image_shot {
    float: none;
    padding-top: 1.875rem;
    background: #3B454A;
  }
  #about_section .aboutContainer .team_member .image_shot img,
  #resources .aboutContainer .team_member .image_shot img {
    margin: 0 auto;
    display: block;
    max-width: 200px;
  }
}

#about_section .aboutContainer .team_member .bio_content,
#resources .aboutContainer .team_member .bio_content {
  background: #3B454A;
  overflow: hidden;
  padding: 1.875rem 1.875rem 0;
}

#about_section .aboutContainer .team_member .bio_content h3,
#resources .aboutContainer .team_member .bio_content h3 {
  font-size: 1.75rem;
  line-height: 1.875rem;
  font-weight: 400;
  color: #ffffff;
  padding: 0;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

#about_section .aboutContainer .team_member .bio_content p,
#resources .aboutContainer .team_member .bio_content p {
  font-size: 1rem;
  line-height: 1.250rem;
  color: #82939c;
  font-weight: 400;
  margin-bottom: 1.250rem;
}

@media screen and (max-width: 39.9375em) {
  #about_section .aboutContainer .team_member .bio_content,
  #resources .aboutContainer .team_member .bio_content {
    text-align: center;
    padding-bottom: 1.875rem;
  }
}

/* News */
/* Video Player Styles */
.video-thumb {
  width: calc(50% - 1.25rem);
  height: auto;
  margin: 0 0.625rem 1rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 0.66;
}

.video-thumb:hover {
  opacity: 1;
  cursor: pointer;
}

.video-thumb.active {
  opacity: 1;
  border: 4px solid #E85E26;
}

@media screen and (min-width: 64em) {
  .video-thumb.fullWidth {
    width: 100%;
    margin: 0 auto 1rem;
    max-width: 160px;
    display: block;
  }
}

@media screen and (min-width: 40em) and (max-width: 64em) {
  .video-thumb {
    width: calc(25% - 1.25rem);
  }
}

.video-thumb-wrap {
  width: 100%;
  position: relative;
}

.video-thumb-wrap p {
  color: #82939c;
  margin: 0.625rem 0.313rem;
}

.callToActionDark.videoGallery,
.callToActionMedium.videoGallery {
  padding: 3.5rem 0 4rem;
}

@media screen and (max-width: 39.9375em) {
  .callToActionDark.videoGallery,
  .callToActionMedium.videoGallery {
    padding: 2rem 1rem 2rem;
  }
}

.callToActionDark.videoGallery h2,
.callToActionMedium.videoGallery h2 {
  text-align: center;
  margin-top: 2rem;
  line-height: 3rem;
  margin-bottom: 0;
}

@media screen and (max-width: 39.9375em) {
  .callToActionDark.videoGallery h2,
  .callToActionMedium.videoGallery h2 {
    font-size: 2rem;
    line-height: 35px;
    margin-top: 1rem;
  }
}

.callToActionDark.videoGallery p,
.callToActionMedium.videoGallery p {
  text-align: center;
  margin: 2rem auto 3rem;
  font-size: 1rem;
  line-height: 28px;
  max-width: 690px;
}

@media screen and (max-width: 39.9375em) {
  .callToActionDark.videoGallery p,
  .callToActionMedium.videoGallery p {
    margin: 2rem auto 2rem;
  }
}

.callToActionDark.videoGallery .videoEmbed.mini,
.callToActionMedium.videoGallery .videoEmbed.mini {
  background-color: #ffffff;
  padding: 2rem 1.5rem;
  margin-bottom: 2.5rem;
}

@media screen and (max-width: 39.9375em) {
  .callToActionDark.videoGallery .videoEmbed.mini,
  .callToActionMedium.videoGallery .videoEmbed.mini {
    padding: 1.5rem .5rem;
    margin: 0 .125rem 2rem;
  }
}

.callToActionDark.videoGallery .videoEmbed.mini .video-caption,
.callToActionMedium.videoGallery .videoEmbed.mini .video-caption {
  padding: 1rem .5rem;
}

@media screen and (max-width: 39.9375em) {
  .callToActionDark.videoGallery .videoEmbed.mini .video-caption,
  .callToActionMedium.videoGallery .videoEmbed.mini .video-caption {
    padding: 1rem 0;
  }
  .callToActionDark.videoGallery .videoEmbed.mini .video-caption h3,
  .callToActionMedium.videoGallery .videoEmbed.mini .video-caption h3 {
    padding: .5rem 0 0;
  }
}

.video-caption,
.textOnly.standardText .video-caption,
#landing-page .pageContent .video-caption,
.callToActionDark.videoGallery .video-caption,
.callToActionMedium.videoGallery .video-caption {
  background-color: #ffffff;
  padding: 1.875rem;
  color: #595959;
}

.video-caption h3,
.textOnly.standardText .video-caption h3,
#landing-page .pageContent .video-caption h3,
.callToActionDark.videoGallery .video-caption h3,
.callToActionMedium.videoGallery .video-caption h3 {
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-size: 1.375rem;
  font-weight: 600;
  color: #0a0a0a;
  margin-bottom: 0.625rem;
  padding: 0;
}

.video-caption p,
.textOnly.standardText .video-caption p,
#landing-page .pageContent .video-caption p,
.callToActionDark.videoGallery .video-caption p,
.callToActionMedium.videoGallery .video-caption p {
  font-size: 0.875rem;
  line-height: 25px;
  color: #0a0a0a;
  text-align: left;
  margin: 0;
  max-width: none;
}

.video-caption span,
.textOnly.standardText .video-caption span,
#landing-page .pageContent .video-caption span,
.callToActionDark.videoGallery .video-caption span,
.callToActionMedium.videoGallery .video-caption span {
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 0.875rem;
}

.video-caption.dark,
.textOnly.standardText .video-caption.dark,
#landing-page .pageContent .video-caption.dark,
.callToActionDark.videoGallery .video-caption.dark,
.callToActionMedium.videoGallery .video-caption.dark {
  background-color: #3B454A;
}

.video-caption.dark h3, .video-caption.dark p,
.textOnly.standardText .video-caption.dark h3,
.textOnly.standardText .video-caption.dark p,
#landing-page .pageContent .video-caption.dark h3,
#landing-page .pageContent .video-caption.dark p,
.callToActionDark.videoGallery .video-caption.dark h3,
.callToActionDark.videoGallery .video-caption.dark p,
.callToActionMedium.videoGallery .video-caption.dark h3,
.callToActionMedium.videoGallery .video-caption.dark p {
  color: #ffffff;
}

.video-caption.dark span,
.textOnly.standardText .video-caption.dark span,
#landing-page .pageContent .video-caption.dark span,
.callToActionDark.videoGallery .video-caption.dark span,
.callToActionMedium.videoGallery .video-caption.dark span {
  color: #82939c;
}

/* Video Player style */
:lang(ja) p.quote:before {
  content: "「 " !important;
  font-weight: bold;
  color: #5c6368;
  font-size: 30px;
}

:lang(ja) p.quote:after {
  content: " 」" !important;
  font-weight: bold;
  color: #5c6368;
  font-size: 30px;
}

:lang(ja) .en-only,
:lang(ja) .de-only {
  display: none;
}

:lang(ja) .ja-only {
  display: inherit;
}

:lang(ja) .ja-hide {
  display: none;
}

:lang(ja) h1, :lang(ja) h2, :lang(ja) h3, :lang(ja) h4, :lang(ja) h5, :lang(ja) h6, :lang(ja) p, :lang(ja) ul, :lang(ja) li, :lang(ja) a, :lang(ja) .pageContent, :lang(ja) .button {
  font-family: "Noto Sans JP", sans-serif !important;
}

:lang(ja) h1 {
  font-weight: 500 !important;
}

:lang(ja) h2, :lang(ja) h3, :lang(ja) h4, :lang(ja) h5, :lang(ja) h6, :lang(ja) ul, :lang(ja) li, :lang(ja) a, :lang(ja) .pageContent, :lang(ja) .button, :lang(ja) p {
  font-weight: 400 !important;
}

:lang(ja) #products_detail_new .key-item {
  text-align: left;
  padding: 2rem 3rem 2rem 8rem;
  position: relative;
  min-height: 225px;
}

:lang(ja) #products_detail_new .key-item h2 {
  padding-bottom: 0.25rem;
}

:lang(ja) #products_detail_new .key-item img {
  position: absolute;
  left: 2rem;
  margin-top: 2rem;
  height: 80px;
}

:lang(ja) #products_detail_new .services-block__headline {
  text-align: left;
}

:lang(ja) #products_detail_new .services-block__item-title {
  font-weight: 400;
}

:lang(de) p.quote:before {
  content: "« " !important;
  font-weight: bold;
  color: #5c6368;
  font-size: 50px;
}

:lang(de) p.quote:after {
  content: " »" !important;
  font-weight: bold;
  color: #5c6368;
  font-size: 50px;
}

:lang(de) .en-only,
:lang(de) .ja-only {
  display: none;
}

:lang(de) .de-only {
  display: inherit;
}

:lang(de) .de-hide {
  display: none;
}

:lang(en) .ja-only,
:lang(en) .de-only {
  display: none;
}

:lang(en) .en-hide {
  display: none;
}

.iti-flag {
  width: 20px;
  height: 15px;
  -webkit-box-shadow: 0px 0px 1px 0px #888;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url("../img/flags.png");
  background-repeat: no-repeat;
  background-color: #DBDBDB;
  background-position: 20px 0;
}

.iti-flag.ac {
  height: 10px;
  background-position: 0px 0px;
}

.iti-flag.ad {
  height: 14px;
  background-position: -22px 0px;
}

.iti-flag.ae {
  height: 10px;
  background-position: -44px 0px;
}

.iti-flag.af {
  height: 14px;
  background-position: -66px 0px;
}

.iti-flag.ag {
  height: 14px;
  background-position: -88px 0px;
}

.iti-flag.ai {
  height: 10px;
  background-position: -110px 0px;
}

.iti-flag.al {
  height: 15px;
  background-position: -132px 0px;
}

.iti-flag.am {
  height: 10px;
  background-position: -154px 0px;
}

.iti-flag.ao {
  height: 14px;
  background-position: -176px 0px;
}

.iti-flag.aq {
  height: 14px;
  background-position: -198px 0px;
}

.iti-flag.ar {
  height: 13px;
  background-position: -220px 0px;
}

.iti-flag.as {
  height: 10px;
  background-position: -242px 0px;
}

.iti-flag.at {
  height: 14px;
  background-position: -264px 0px;
}

.iti-flag.au {
  height: 10px;
  background-position: -286px 0px;
}

.iti-flag.aw {
  height: 14px;
  background-position: -308px 0px;
}

.iti-flag.ax {
  height: 13px;
  background-position: -330px 0px;
}

.iti-flag.az {
  height: 10px;
  background-position: -352px 0px;
}

.iti-flag.ba {
  height: 10px;
  background-position: -374px 0px;
}

.iti-flag.bb {
  height: 14px;
  background-position: -396px 0px;
}

.iti-flag.bd {
  height: 12px;
  background-position: -418px 0px;
}

.iti-flag.be {
  height: 15px;
  background-position: -440px 0px;
}

.iti-flag.bf {
  height: 14px;
  background-position: -460px 0px;
}

.iti-flag.bg {
  height: 12px;
  background-position: -482px 0px;
}

.iti-flag.bh {
  height: 12px;
  background-position: -504px 0px;
}

.iti-flag.bi {
  height: 12px;
  background-position: -526px 0px;
}

.iti-flag.bj {
  height: 14px;
  background-position: -548px 0px;
}

.iti-flag.bl {
  height: 14px;
  background-position: -570px 0px;
}

.iti-flag.bm {
  height: 10px;
  background-position: -592px 0px;
}

.iti-flag.bn {
  height: 10px;
  background-position: -614px 0px;
}

.iti-flag.bo {
  height: 14px;
  background-position: -636px 0px;
}

.iti-flag.bq {
  height: 14px;
  background-position: -658px 0px;
}

.iti-flag.br {
  height: 14px;
  background-position: -680px 0px;
}

.iti-flag.bs {
  height: 10px;
  background-position: -702px 0px;
}

.iti-flag.bt {
  height: 14px;
  background-position: -724px 0px;
}

.iti-flag.bv {
  height: 15px;
  background-position: -746px 0px;
}

.iti-flag.bw {
  height: 14px;
  background-position: -768px 0px;
}

.iti-flag.by {
  height: 10px;
  background-position: -790px 0px;
}

.iti-flag.bz {
  height: 14px;
  background-position: -812px 0px;
}

.iti-flag.ca {
  height: 10px;
  background-position: -834px 0px;
}

.iti-flag.cc {
  height: 10px;
  background-position: -856px 0px;
}

.iti-flag.cd {
  height: 15px;
  background-position: -878px 0px;
}

.iti-flag.cf {
  height: 14px;
  background-position: -900px 0px;
}

.iti-flag.cg {
  height: 14px;
  background-position: -922px 0px;
}

.iti-flag.ch {
  height: 15px;
  background-position: -944px 0px;
}

.iti-flag.ci {
  height: 14px;
  background-position: -961px 0px;
}

.iti-flag.ck {
  height: 10px;
  background-position: -983px 0px;
}

.iti-flag.cl {
  height: 14px;
  background-position: -1005px 0px;
}

.iti-flag.cm {
  height: 14px;
  background-position: -1027px 0px;
}

.iti-flag.cn {
  height: 14px;
  background-position: -1049px 0px;
}

.iti-flag.co {
  height: 14px;
  background-position: -1071px 0px;
}

.iti-flag.cp {
  height: 14px;
  background-position: -1093px 0px;
}

.iti-flag.cr {
  height: 12px;
  background-position: -1115px 0px;
}

.iti-flag.cu {
  height: 10px;
  background-position: -1137px 0px;
}

.iti-flag.cv {
  height: 12px;
  background-position: -1159px 0px;
}

.iti-flag.cw {
  height: 14px;
  background-position: -1181px 0px;
}

.iti-flag.cx {
  height: 10px;
  background-position: -1203px 0px;
}

.iti-flag.cy {
  height: 13px;
  background-position: -1225px 0px;
}

.iti-flag.cz {
  height: 14px;
  background-position: -1247px 0px;
}

.iti-flag.de {
  height: 12px;
  background-position: -1269px 0px;
}

.iti-flag.dg {
  height: 10px;
  background-position: -1291px 0px;
}

.iti-flag.dj {
  height: 14px;
  background-position: -1313px 0px;
}

.iti-flag.dk {
  height: 15px;
  background-position: -1335px 0px;
}

.iti-flag.dm {
  height: 10px;
  background-position: -1357px 0px;
}

.iti-flag.do {
  height: 13px;
  background-position: -1379px 0px;
}

.iti-flag.dz {
  height: 14px;
  background-position: -1401px 0px;
}

.iti-flag.ea {
  height: 14px;
  background-position: -1423px 0px;
}

.iti-flag.ec {
  height: 14px;
  background-position: -1445px 0px;
}

.iti-flag.ee {
  height: 13px;
  background-position: -1467px 0px;
}

.iti-flag.eg {
  height: 14px;
  background-position: -1489px 0px;
}

.iti-flag.eh {
  height: 10px;
  background-position: -1511px 0px;
}

.iti-flag.er {
  height: 10px;
  background-position: -1533px 0px;
}

.iti-flag.es {
  height: 14px;
  background-position: -1555px 0px;
}

.iti-flag.et {
  height: 10px;
  background-position: -1577px 0px;
}

.iti-flag.eu {
  height: 14px;
  background-position: -1599px 0px;
}

.iti-flag.fi {
  height: 12px;
  background-position: -1621px 0px;
}

.iti-flag.fj {
  height: 10px;
  background-position: -1643px 0px;
}

.iti-flag.fk {
  height: 10px;
  background-position: -1665px 0px;
}

.iti-flag.fm {
  height: 11px;
  background-position: -1687px 0px;
}

.iti-flag.fo {
  height: 15px;
  background-position: -1709px 0px;
}

.iti-flag.fr {
  height: 14px;
  background-position: -1731px 0px;
}

.iti-flag.ga {
  height: 15px;
  background-position: -1753px 0px;
}

.iti-flag.gb {
  height: 10px;
  background-position: -1775px 0px;
}

.iti-flag.gd {
  height: 12px;
  background-position: -1797px 0px;
}

.iti-flag.ge {
  height: 14px;
  background-position: -1819px 0px;
}

.iti-flag.gf {
  height: 14px;
  background-position: -1841px 0px;
}

.iti-flag.gg {
  height: 14px;
  background-position: -1863px 0px;
}

.iti-flag.gh {
  height: 14px;
  background-position: -1885px 0px;
}

.iti-flag.gi {
  height: 10px;
  background-position: -1907px 0px;
}

.iti-flag.gl {
  height: 14px;
  background-position: -1929px 0px;
}

.iti-flag.gm {
  height: 14px;
  background-position: -1951px 0px;
}

.iti-flag.gn {
  height: 14px;
  background-position: -1973px 0px;
}

.iti-flag.gp {
  height: 14px;
  background-position: -1995px 0px;
}

.iti-flag.gq {
  height: 14px;
  background-position: -2017px 0px;
}

.iti-flag.gr {
  height: 14px;
  background-position: -2039px 0px;
}

.iti-flag.gs {
  height: 10px;
  background-position: -2061px 0px;
}

.iti-flag.gt {
  height: 13px;
  background-position: -2083px 0px;
}

.iti-flag.gu {
  height: 11px;
  background-position: -2105px 0px;
}

.iti-flag.gw {
  height: 10px;
  background-position: -2127px 0px;
}

.iti-flag.gy {
  height: 12px;
  background-position: -2149px 0px;
}

.iti-flag.hk {
  height: 14px;
  background-position: -2171px 0px;
}

.iti-flag.hm {
  height: 10px;
  background-position: -2193px 0px;
}

.iti-flag.hn {
  height: 10px;
  background-position: -2215px 0px;
}

.iti-flag.hr {
  height: 10px;
  background-position: -2237px 0px;
}

.iti-flag.ht {
  height: 12px;
  background-position: -2259px 0px;
}

.iti-flag.hu {
  height: 10px;
  background-position: -2281px 0px;
}

.iti-flag.ic {
  height: 14px;
  background-position: -2303px 0px;
}

.iti-flag.id {
  height: 14px;
  background-position: -2325px 0px;
}

.iti-flag.ie {
  height: 10px;
  background-position: -2347px 0px;
}

.iti-flag.il {
  height: 15px;
  background-position: -2369px 0px;
}

.iti-flag.im {
  height: 10px;
  background-position: -2391px 0px;
}

.iti-flag.in {
  height: 14px;
  background-position: -2413px 0px;
}

.iti-flag.io {
  height: 10px;
  background-position: -2435px 0px;
}

.iti-flag.iq {
  height: 14px;
  background-position: -2457px 0px;
}

.iti-flag.ir {
  height: 12px;
  background-position: -2479px 0px;
}

.iti-flag.is {
  height: 15px;
  background-position: -2501px 0px;
}

.iti-flag.it {
  height: 14px;
  background-position: -2523px 0px;
}

.iti-flag.je {
  height: 12px;
  background-position: -2545px 0px;
}

.iti-flag.jm {
  height: 10px;
  background-position: -2567px 0px;
}

.iti-flag.jo {
  height: 10px;
  background-position: -2589px 0px;
}

.iti-flag.jp {
  height: 14px;
  background-position: -2611px 0px;
}

.iti-flag.ke {
  height: 14px;
  background-position: -2633px 0px;
}

.iti-flag.kg {
  height: 12px;
  background-position: -2655px 0px;
}

.iti-flag.kh {
  height: 13px;
  background-position: -2677px 0px;
}

.iti-flag.ki {
  height: 10px;
  background-position: -2699px 0px;
}

.iti-flag.km {
  height: 12px;
  background-position: -2721px 0px;
}

.iti-flag.kn {
  height: 14px;
  background-position: -2743px 0px;
}

.iti-flag.kp {
  height: 10px;
  background-position: -2765px 0px;
}

.iti-flag.kr {
  height: 14px;
  background-position: -2787px 0px;
}

.iti-flag.kw {
  height: 10px;
  background-position: -2809px 0px;
}

.iti-flag.ky {
  height: 10px;
  background-position: -2831px 0px;
}

.iti-flag.kz {
  height: 10px;
  background-position: -2853px 0px;
}

.iti-flag.la {
  height: 14px;
  background-position: -2875px 0px;
}

.iti-flag.lb {
  height: 14px;
  background-position: -2897px 0px;
}

.iti-flag.lc {
  height: 10px;
  background-position: -2919px 0px;
}

.iti-flag.li {
  height: 12px;
  background-position: -2941px 0px;
}

.iti-flag.lk {
  height: 10px;
  background-position: -2963px 0px;
}

.iti-flag.lr {
  height: 11px;
  background-position: -2985px 0px;
}

.iti-flag.ls {
  height: 14px;
  background-position: -3007px 0px;
}

.iti-flag.lt {
  height: 12px;
  background-position: -3029px 0px;
}

.iti-flag.lu {
  height: 12px;
  background-position: -3051px 0px;
}

.iti-flag.lv {
  height: 10px;
  background-position: -3073px 0px;
}

.iti-flag.ly {
  height: 10px;
  background-position: -3095px 0px;
}

.iti-flag.ma {
  height: 14px;
  background-position: -3117px 0px;
}

.iti-flag.mc {
  height: 15px;
  background-position: -3139px 0px;
}

.iti-flag.md {
  height: 10px;
  background-position: -3160px 0px;
}

.iti-flag.me {
  height: 10px;
  background-position: -3182px 0px;
}

.iti-flag.mf {
  height: 14px;
  background-position: -3204px 0px;
}

.iti-flag.mg {
  height: 14px;
  background-position: -3226px 0px;
}

.iti-flag.mh {
  height: 11px;
  background-position: -3248px 0px;
}

.iti-flag.mk {
  height: 10px;
  background-position: -3270px 0px;
}

.iti-flag.ml {
  height: 14px;
  background-position: -3292px 0px;
}

.iti-flag.mm {
  height: 14px;
  background-position: -3314px 0px;
}

.iti-flag.mn {
  height: 10px;
  background-position: -3336px 0px;
}

.iti-flag.mo {
  height: 14px;
  background-position: -3358px 0px;
}

.iti-flag.mp {
  height: 10px;
  background-position: -3380px 0px;
}

.iti-flag.mq {
  height: 14px;
  background-position: -3402px 0px;
}

.iti-flag.mr {
  height: 14px;
  background-position: -3424px 0px;
}

.iti-flag.ms {
  height: 10px;
  background-position: -3446px 0px;
}

.iti-flag.mt {
  height: 14px;
  background-position: -3468px 0px;
}

.iti-flag.mu {
  height: 14px;
  background-position: -3490px 0px;
}

.iti-flag.mv {
  height: 14px;
  background-position: -3512px 0px;
}

.iti-flag.mw {
  height: 14px;
  background-position: -3534px 0px;
}

.iti-flag.mx {
  height: 12px;
  background-position: -3556px 0px;
}

.iti-flag.my {
  height: 10px;
  background-position: -3578px 0px;
}

.iti-flag.mz {
  height: 14px;
  background-position: -3600px 0px;
}

.iti-flag.na {
  height: 14px;
  background-position: -3622px 0px;
}

.iti-flag.nc {
  height: 10px;
  background-position: -3644px 0px;
}

.iti-flag.ne {
  height: 15px;
  background-position: -3666px 0px;
}

.iti-flag.nf {
  height: 10px;
  background-position: -3686px 0px;
}

.iti-flag.ng {
  height: 10px;
  background-position: -3708px 0px;
}

.iti-flag.ni {
  height: 12px;
  background-position: -3730px 0px;
}

.iti-flag.nl {
  height: 14px;
  background-position: -3752px 0px;
}

.iti-flag.no {
  height: 15px;
  background-position: -3774px 0px;
}

.iti-flag.np {
  height: 15px;
  background-position: -3796px 0px;
  background-color: transparent;
}

.iti-flag.nr {
  height: 10px;
  background-position: -3811px 0px;
}

.iti-flag.nu {
  height: 10px;
  background-position: -3833px 0px;
}

.iti-flag.nz {
  height: 10px;
  background-position: -3855px 0px;
}

.iti-flag.om {
  height: 10px;
  background-position: -3877px 0px;
}

.iti-flag.pa {
  height: 14px;
  background-position: -3899px 0px;
}

.iti-flag.pe {
  height: 14px;
  background-position: -3921px 0px;
}

.iti-flag.pf {
  height: 14px;
  background-position: -3943px 0px;
}

.iti-flag.pg {
  height: 15px;
  background-position: -3965px 0px;
}

.iti-flag.ph {
  height: 10px;
  background-position: -3987px 0px;
}

.iti-flag.pk {
  height: 14px;
  background-position: -4009px 0px;
}

.iti-flag.pl {
  height: 13px;
  background-position: -4031px 0px;
}

.iti-flag.pm {
  height: 14px;
  background-position: -4053px 0px;
}

.iti-flag.pn {
  height: 10px;
  background-position: -4075px 0px;
}

.iti-flag.pr {
  height: 14px;
  background-position: -4097px 0px;
}

.iti-flag.ps {
  height: 10px;
  background-position: -4119px 0px;
}

.iti-flag.pt {
  height: 14px;
  background-position: -4141px 0px;
}

.iti-flag.pw {
  height: 13px;
  background-position: -4163px 0px;
}

.iti-flag.py {
  height: 11px;
  background-position: -4185px 0px;
}

.iti-flag.qa {
  height: 8px;
  background-position: -4207px 0px;
}

.iti-flag.re {
  height: 14px;
  background-position: -4229px 0px;
}

.iti-flag.ro {
  height: 14px;
  background-position: -4251px 0px;
}

.iti-flag.rs {
  height: 14px;
  background-position: -4273px 0px;
}

.iti-flag.ru {
  height: 14px;
  background-position: -4295px 0px;
}

.iti-flag.rw {
  height: 14px;
  background-position: -4317px 0px;
}

.iti-flag.sa {
  height: 14px;
  background-position: -4339px 0px;
}

.iti-flag.sb {
  height: 10px;
  background-position: -4361px 0px;
}

.iti-flag.sc {
  height: 10px;
  background-position: -4383px 0px;
}

.iti-flag.sd {
  height: 10px;
  background-position: -4405px 0px;
}

.iti-flag.se {
  height: 13px;
  background-position: -4427px 0px;
}

.iti-flag.sg {
  height: 14px;
  background-position: -4449px 0px;
}

.iti-flag.sh {
  height: 10px;
  background-position: -4471px 0px;
}

.iti-flag.si {
  height: 10px;
  background-position: -4493px 0px;
}

.iti-flag.sj {
  height: 15px;
  background-position: -4515px 0px;
}

.iti-flag.sk {
  height: 14px;
  background-position: -4537px 0px;
}

.iti-flag.sl {
  height: 14px;
  background-position: -4559px 0px;
}

.iti-flag.sm {
  height: 15px;
  background-position: -4581px 0px;
}

.iti-flag.sn {
  height: 14px;
  background-position: -4603px 0px;
}

.iti-flag.so {
  height: 14px;
  background-position: -4625px 0px;
}

.iti-flag.sr {
  height: 14px;
  background-position: -4647px 0px;
}

.iti-flag.ss {
  height: 10px;
  background-position: -4669px 0px;
}

.iti-flag.st {
  height: 10px;
  background-position: -4691px 0px;
}

.iti-flag.sv {
  height: 12px;
  background-position: -4713px 0px;
}

.iti-flag.sx {
  height: 14px;
  background-position: -4735px 0px;
}

.iti-flag.sy {
  height: 14px;
  background-position: -4757px 0px;
}

.iti-flag.sz {
  height: 14px;
  background-position: -4779px 0px;
}

.iti-flag.ta {
  height: 10px;
  background-position: -4801px 0px;
}

.iti-flag.tc {
  height: 10px;
  background-position: -4823px 0px;
}

.iti-flag.td {
  height: 14px;
  background-position: -4845px 0px;
}

.iti-flag.tf {
  height: 14px;
  background-position: -4867px 0px;
}

.iti-flag.tg {
  height: 13px;
  background-position: -4889px 0px;
}

.iti-flag.th {
  height: 14px;
  background-position: -4911px 0px;
}

.iti-flag.tj {
  height: 10px;
  background-position: -4933px 0px;
}

.iti-flag.tk {
  height: 10px;
  background-position: -4955px 0px;
}

.iti-flag.tl {
  height: 10px;
  background-position: -4977px 0px;
}

.iti-flag.tm {
  height: 14px;
  background-position: -4999px 0px;
}

.iti-flag.tn {
  height: 14px;
  background-position: -5021px 0px;
}

.iti-flag.to {
  height: 10px;
  background-position: -5043px 0px;
}

.iti-flag.tr {
  height: 14px;
  background-position: -5065px 0px;
}

.iti-flag.tt {
  height: 12px;
  background-position: -5087px 0px;
}

.iti-flag.tv {
  height: 10px;
  background-position: -5109px 0px;
}

.iti-flag.tw {
  height: 14px;
  background-position: -5131px 0px;
}

.iti-flag.tz {
  height: 14px;
  background-position: -5153px 0px;
}

.iti-flag.ua {
  height: 14px;
  background-position: -5175px 0px;
}

.iti-flag.ug {
  height: 14px;
  background-position: -5197px 0px;
}

.iti-flag.um {
  height: 11px;
  background-position: -5219px 0px;
}

.iti-flag.us {
  height: 11px;
  background-position: -5241px 0px;
}

.iti-flag.uy {
  height: 14px;
  background-position: -5263px 0px;
}

.iti-flag.uz {
  height: 10px;
  background-position: -5285px 0px;
}

.iti-flag.va {
  height: 15px;
  background-position: -5307px 0px;
}

.iti-flag.vc {
  height: 14px;
  background-position: -5324px 0px;
}

.iti-flag.ve {
  height: 14px;
  background-position: -5346px 0px;
}

.iti-flag.vg {
  height: 10px;
  background-position: -5368px 0px;
}

.iti-flag.vi {
  height: 14px;
  background-position: -5390px 0px;
}

.iti-flag.vn {
  height: 14px;
  background-position: -5412px 0px;
}

.iti-flag.vu {
  height: 12px;
  background-position: -5434px 0px;
}

.iti-flag.wf {
  height: 14px;
  background-position: -5456px 0px;
}

.iti-flag.ws {
  height: 10px;
  background-position: -5478px 0px;
}

.iti-flag.xk {
  height: 15px;
  background-position: -5500px 0px;
}

.iti-flag.ye {
  height: 14px;
  background-position: -5522px 0px;
}

.iti-flag.yt {
  height: 14px;
  background-position: -5544px 0px;
}

.iti-flag.za {
  height: 14px;
  background-position: -5566px 0px;
}

.iti-flag.zm {
  height: 14px;
  background-position: -5588px 0px;
}

.iti-flag.zw {
  height: 10px;
  background-position: -5610px 0px;
}

/* Video Player style */
#wrapper #main #wrapper #logo {
  display: none;
}

#wrapper #main #wrapper p:first-child {
  display: none;
}

#wrapper #main #app_body #header {
  padding-right: 0;
}

#wrapper #main #wrapper h1#board_title,
#wrapper #main #app_body #header h1.app-title {
  margin: 40px 0 30px;
}

#wrapper #main #application {
  max-width: 100%;
}

#wrapper #main #app_body {
  padding-left: 0;
  max-width: 100%;
}

#wrapper #main #application #main_fields .field label, #wrapper #main #application #main_fields .field .filter-group__label,
#wrapper #main #application #eeoc_fields .field label,
#wrapper #main #application #eeoc_fields .field .filter-group__label,
#wrapper #main #application #eeoc_fields .eeoc_form_data,
#wrapper #main #application #disability_status_header,
#wrapper #main #application #submit_buttons {
  text-align: left;
}

#wrapper #main #application #submit_buttons #submit_app {
  background: #2199e8;
  color: #ffffff;
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 14px;
  text-shadow: none;
  font-weight: 400;
}

#wrapper #main #app_body .iCIMS_InfoMsg.iCIMS_InfoMsg_Job,
#wrapper #main #application,
#wrapper #main #app_body #content {
  font-size: 16px;
}

#application_form [type=checkbox]:checked,
#application_form [type=checkbox]:not(:checked) {
  position: relative;
  left: 0;
}

/* Jobs styles - iframe for now */
/**** MODALS ****/
html.is-reveal-open {
  overflow-y: scroll;
  height: auto !important;
}

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

.reveal-overlay {
  background-color: rgba(59, 69, 74, 0.6);
  overflow-y: hidden;
}

.reveal-overlay.dark {
  background-color: rgba(59, 69, 74, 0.95);
}

.reveal-overlay#menuOverlay {
  z-index: 14;
  overflow: hidden;
}

.reveal.hasHeader, .reveal.hasSidebar, .reveal.hasInfo {
  width: 64%;
  max-width: 940px;
}

@media screen and (min-width: 39.9375em) and (max-width: 64em) {
  .reveal.hasHeader, .reveal.hasSidebar, .reveal.hasInfo {
    width: 80%;
  }
}

@media screen and (max-width: 39.9375em) {
  .reveal.hasHeader, .reveal.hasSidebar, .reveal.hasInfo {
    width: 100%;
  }
}

.reveal.noPadding {
  max-width: 70rem;
  background: none;
  width: 100%;
  height: auto;
  min-height: auto;
}

@media screen and (max-width: 39.9375em) {
  .reveal.noPadding {
    max-width: 100%;
  }
}

.reveal {
  z-index: 900;
  padding: 2rem;
}

.reveal p {
  font-size: .875rem;
  font-weight: 300;
  line-height: 1.125rem;
  padding-bottom: 1rem;
}

.reveal p.instructions {
  font-size: 1rem;
  margin-bottom: 0;
  padding-bottom: 0;
}

.reveal h2 {
  padding-bottom: 2rem;
  font-size: 1.5rem;
  padding-bottom: 1rem;
}

.reveal h3 {
  padding: 0;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 32px;
  margin-top: -.25rem;
}

.reveal h4 {
  font-size: 1.125rem;
  padding-bottom: .25rem;
}

.reveal .close-button {
  border: none;
  width: 41px;
  height: 41px;
  top: 0;
  right: 0;
  position: absolute;
  background-position: 12px 12px;
  background-size: 17px 17px;
  background-repeat: no-repeat;
  background-position: center center;
}

.reveal .close-button:hover {
  opacity: 0.8;
}

.reveal .close-button.large {
  width: 50px;
  height: 50px;
}

@media screen and (min-width: 64em) {
  .reveal .close-button.large {
    width: 60px;
    height: 60px;
  }
}

.reveal.noPadding {
  padding: 0;
  border: none;
  overflow: hidden;
}

.reveal.noPadding .videoEmbed {
  padding-bottom: 0;
}

.reveal.noPadding img.modal-img {
  display: block;
  margin: auto;
  width: 100%;
}

.reveal.hasHeader {
  padding: 0;
  border: none;
  overflow: hidden;
}

.reveal.hasHeader .row.header {
  padding: 1.5rem 2rem;
  font-size: 1.375rem;
  font-family: "Muli", "Muli-local", sans-serif;
}

.reveal.hasHeader .row.header .close-button {
  top: 1.125rem;
  right: 1.5rem;
}

.reveal.hasHeader .row.hasForm {
  padding-top: 2rem;
}

.reveal.hasHeader .row.hasForm .columns {
  padding: 0;
}

.reveal.hasHeader .row.hasForm .formWrap {
  padding: 0;
  background-color: inherit;
}

.reveal.hasHeader .row.hasForm .formWrap #intro {
  display: none;
}

.reveal.hasHeader .row.hasForm .formWrap .formBlock {
  min-height: 460px;
  padding: 0 2rem 2rem;
  background: inherit;
}

.reveal.hasHeader .row.hasForm .formWrap .formBlock input[type="text"],
.reveal.hasHeader .row.hasForm .formWrap .formBlock select {
  background: inherit;
}

.reveal.hasHeader .row.hasForm .formWrap .formBlock .instructions {
  padding-bottom: 1.5rem;
}

.reveal.hasHeader .row.hasForm .large-4 {
  position: relative;
}

.reveal.hasHeader .row.hasForm .large-4 img {
  position: absolute;
  bottom: 0;
  right: 0;
}

.reveal.hasSidebar {
  padding: 0;
}

.reveal.hasSidebar .sidebar {
  background-position: center bottom;
  background-repeat: no-repeat;
  padding: 2rem;
}

.reveal.hasSidebar .sidebar a.view_more {
  color: #519bc8 !important;
  font-weight: 500;
}

.reveal.hasSidebar .sidebar img.logo {
  margin-bottom: 2rem;
  margin-top: .75rem;
}

.reveal.hasSidebar .sidebar p {
  padding-bottom: 0;
  font-size: 13px;
  margin-bottom: 0;
}

.reveal.hasSidebar .sidebar h2 {
  font-size: 28px;
  font-weight: 500;
  margin-bottom: .5rem;
}

.reveal.hasSidebar .sidebar h3 {
  font-size: 13px !important;
  font-weight: 600 !important;
  margin-bottom: 0;
}

.reveal.hasSidebar .sidebar p {
  font-size: 13px;
  margin-bottom: 0;
}

.reveal.hasSidebar .sidebar button {
  margin-top: 1rem;
}

.reveal.hasInfo {
  border: none;
  padding: 0;
}

.reveal.hasInfo .photo_container {
  max-width: 244px;
  float: left;
  margin-left: -0.625rem;
}

@media screen and (max-width: 39.9375em) {
  .reveal.hasInfo .photo_container {
    max-width: 100%;
    max-height: 330px;
    float: none;
    margin-left: 0;
  }
}

.reveal.hasInfo .photo_container .photo {
  text-align: center;
}

@media screen and (max-width: 39.9375em) {
  .reveal.hasInfo .photo_container .photo {
    max-width: 200px;
    margin: 0 auto;
    padding-top: 1.875rem;
  }
}

.reveal.hasInfo .photo_container .photo .button {
  margin: 1.875rem 1.250rem;
  line-height: 0.938rem;
  padding: 0.500rem 0.625rem;
}

.reveal.hasInfo .photo_container .photo__wrap {
  text-align: center;
  background-color: #ffffff;
  padding: 40px 20px;
  border: 10px solid #dcdbdb;
  border-width: 10px 0 0 0;
}

.reveal.hasInfo .photo_container .photo__title {
  font-weight: 400;
  color: #93a2a5;
  margin-top: 1.5rem;
}

.reveal.hasInfo .photo_container .photo__button.button {
  margin-top: .75em;
}

.reveal.hasInfo .bio_container .bio_content {
  padding: 2.500rem 2.500rem 3.125rem;
  overflow: hidden;
}

.reveal.hasInfo .bio_container .bio_content h3 {
  font-size: 1.75rem;
  line-height: 2.000rem;
  font-weight: 400;
}

.reveal.hasInfo .bio_container .bio_content h4 {
  font-size: 1rem;
  line-height: 1.250rem;
  margin-bottom: 1.250rem;
}

.reveal.hasInfo .bio_container .bio_content h4.pin {
  padding-left: 20px;
  background: transparent url(../img/icon-map-pin.png) no-repeat left 1px;
}

.reveal.hasInfo .bio_container .bio_content p {
  font-size: 1rem;
  line-height: 1.563rem;
  margin-bottom: 0;
  padding-bottom: 0;
}

.reveal.hasInfo .bio_container .bio_content_links {
  margin: -1rem 0 1.25rem;
  font-size: 0.875rem;
}

.reveal.hasInfo .bio_container .bio_content_links span {
  color: #595959;
  display: inline-block;
  margin: 0 5px;
}

.reveal.hasInfo .columns {
  padding-left: 0;
  padding-right: 0;
}

.reveal.fullscreen {
  width: 100%;
  max-width: none;
  height: 100vh;
  min-height: 100vh;
  padding: 0px;
  border: none;
}

.reveal.fullscreen .modal-content {
  position: relative;
  top: 40px;
  opacity: 0;
  -webkit-transition: opacity 500ms ease-in-out;
  transition: opacity 500ms ease-in-out;
  padding: 20px;
}

@media screen and (min-width: 40em) {
  .reveal.fullscreen .modal-content {
    top: 10vh;
  }
}

@media screen and (min-width: 64em) {
  .reveal.fullscreen .modal-content {
    top: 20vh;
  }
}

.reveal.fullscreen .modal-content .modal-title {
  margin-bottom: 4rem;
}

.reveal.fullscreen .modal-content .modal-title h2 {
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 1.375rem;
  line-height: 1.2;
  margin-bottom: 14px;
  padding-bottom: 0px;
}

@media screen and (min-width: 64em) {
  .reveal.fullscreen .modal-content .modal-title h2 {
    font-size: 2.188rem;
  }
}

.reveal.fullscreen .modal-content .modal-title p {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

@media screen and (min-width: 64em) {
  .reveal.fullscreen .modal-content .modal-title p {
    font-size: 1.125rem;
  }
}

.reveal.dark.fullscreen {
  background-color: rgba(0, 0, 0, 0.75);
}

.reveal.dark.fullscreen .close-button {
  background-color: #3B454A;
}

.reveal.light {
  background-color: #ffffff;
}

.reveal.light p, .reveal.light h1, .reveal.light h2, .reveal.light h3, .reveal.light h4 {
  color: #595959;
}

.reveal.light .close-button {
  background-image: url(/includes/img/modal_close.svg);
}

.reveal.light.noPadding .close-button {
  background-color: #ffffff;
}

.reveal.light.hasInfo {
  background-color: #edf1f2;
}

.reveal.light.hasInfo h3, .reveal.light.hasInfo p {
  color: #595959;
}

.reveal.light.hasInfo h4 {
  color: #82939c;
}

.reveal.light.hasInfo .photo_container {
  background: #3B454A;
}

.reveal.light.hasInfo .bio_content_links {
  color: #82939c;
}

.reveal.light.hasHeader .header {
  background-color: #edf1f2;
  color: #3B454A;
}

.reveal.light.hasSidebar .sidebar {
  background-color: #edf1f2;
}

.reveal.light.hasSidebar .sidebar a {
  color: #595959;
}

.reveal.medDark .close-button, .reveal.dark .close-button {
  background-image: url(/includes/img/close_white.svg);
}

.reveal.medDark h2, .reveal.medDark p {
  color: #ffffff;
}

.reveal.dark {
  background-color: #242b2e;
  border-color: #242b2e;
}

.reveal.dark p, .reveal.dark h1, .reveal.dark h2, .reveal.dark h3, .reveal.dark h4 {
  color: #edf1f2;
}

.reveal.dark.noPadding .close-button {
  background-color: #0a0a0a;
}

.reveal.dark.hasHeader .header {
  background-color: #242b2e;
  color: #ffffff;
}

.reveal.dark.hasSidebar .sidebar {
  background-color: #242b2e;
  color: #ffffff;
}

.reveal.dark.hasSidebar .sidebar a {
  color: #edf1f2;
}

.reveal.dark.hasInfo h3, .reveal.dark.hasInfo p {
  color: #ffffff;
}

.reveal.dark.hasInfo h4 {
  color: #82939c;
}

.reveal.dark.hasInfo .photo_container {
  background: #3B454A;
}

.reveal.dark.hasInfo .bio_content_links {
  color: #dcdbdb;
}

.reveal.dark .hasForm input[type="text"],
.reveal.dark .hasForm select {
  border-color: #5d6d75;
  color: #ffffff;
}

.reveal.dark .hasForm .checkboxContainer,
.reveal.dark .hasForm .checkboxContainer label,
.reveal.dark .hasForm .checkboxContainer .filter-group__label,
.reveal.dark .hasForm .checkboxContainer a {
  color: #ffffff;
}

.reveal .modal-list {
  background-color: #ffffff;
  padding: 2rem 3rem 3rem;
}

.reveal .modal-list ul {
  max-height: 413px;
  overflow: scroll;
}

.reveal .modal-list ul li {
  width: 48%;
  float: left;
  margin-left: 2%;
}

@media screen and (max-width: 39.9375em) {
  .reveal .modal-list ul li {
    width: 100%;
  }
}

.reveal__help-content {
  background: #fff;
}

.reveal__help-content h3 {
  font-weight: 400;
  font-size: 1.375rem;
}

.reveal__help-content p {
  font-size: 1rem;
}

.reveal__help-content p:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

.reveal__help-content hr {
  background-color: #bfbfbf;
  height: 1px;
  margin: .5rem 0 2rem;
  width: 100%;
}

.reveal__help .close-button {
  background-image: url(/includes/img/modal_close.svg);
}

.form-modal.reveal {
  overflow: visible;
  padding: 2.5rem;
}

.form-modal.reveal .formBlock {
  padding: 0;
}

.form-modal.reveal .formBlock dl.expand #submit {
  margin-top: 1rem;
}

.form-modal.reveal .formBlock p.instructions {
  font-size: 0.75rem;
  color: #82939c;
}

.form-modal.reveal .form-title {
  font-family: "Muli", "Muli-local", sans-serif;
  color: #242b2e;
  font-size: 2rem;
}

.form-modal.reveal .form-subtitle {
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-weight: 400;
  color: #3B454A;
  font-size: 1.125rem;
  margin: 0.5rem 0;
}

#startTrial.light .reveal__footer {
  position: relative;
  border: none;
  padding-bottom: 40px;
}

#startTrial.light .reveal__footer::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
}

@media screen and (min-width: 64em) {
  #startTrial.light .reveal__footer::after {
    background: url(/includes/img/modal-footer.svg) bottom center;
    background-width: 100%;
    background-repeat: repeat-x;
    height: 30px;
    margin-top: -30px;
  }
}

@media screen and (max-width: 63.9375em) {
  #startTrial.light .reveal__footer::after {
    border-bottom: #E85E26 10px solid;
    margin-top: -10px;
  }
}

#trialModal {
  text-align: center;
}

@media screen and (max-width: 63.9375em) {
  #trialModal .modal-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media screen and (min-width: 64em) {
  #trialModal .modal-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

#trialModal .modal-grid__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #ffffff;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 18px rgba(0, 0, 0, 0.3);
  box-shadow: 0 5px 18px rgba(0, 0, 0, 0.3);
  padding: 20px;
  max-width: 400px;
}

@media screen and (min-width: 64em) {
  #trialModal .modal-grid__block {
    max-width: 300px;
    padding: 40px 20px;
  }
}

#trialModal .modal-grid__block:first-child {
  margin-bottom: 20px;
}

@media screen and (min-width: 64em) {
  #trialModal .modal-grid__block:first-child {
    margin-bottom: 0px;
    margin-right: 40px;
  }
}

#trialModal .modal-grid__block p {
  color: #3B454A;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

#trialModal .modal-grid__block a.button {
  margin-bottom: 15px;
  margin-top: 25px;
}

@media screen and (max-width: 63.9375em) {
  #trialModal .modal-grid__block a.button {
    width: 75%;
    margin-bottom: 24px;
  }
}

#trialModal .modal-grid__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-bottom: 14px;
}

@media screen and (min-width: 64em) {
  #trialModal .modal-grid__icon {
    margin-bottom: 30px;
  }
}

#trialModal .modal-grid__icon img {
  height: 100%;
}

/* Modal reveal and reveal-overlay */
/** GDP-Argh **/
/* All pages that load Google Tag Manager */
#gdprAlert.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(59, 69, 74, 0.6);
  z-index: 1000;
}

#gdprAlert .gdpr-modal {
  margin: 150px auto;
  background: #fff;
  border: 1px solid #666;
  width: 100%;
  max-width: 428px;
  -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
  position: relative;
}

@media screen and (max-width: 39.9375em) {
  #gdprAlert .gdpr-modal {
    margin-top: 20px;
  }
}

#gdprAlert .gdpr-modal > div {
  margin: 2rem;
}

#gdprAlert .gdpr-modal h2 {
  font-size: 1.5rem;
  margin: 0 0 1.5rem;
}

#gdprAlert .gdpr-modal hr {
  width: 100%;
  margin: 1rem 0 0;
}

#gdprAlert .gdpr-modal p {
  font-size: 0.875rem;
  margin-bottom: 1.5rem;
}

#gdprAlert .gdpr-modal p.fineprint {
  font-size: 0.75rem;
  margin: 1rem 0;
}

/* Landing pages & pages with just Google Analytics */
#gdprBanner {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #3B454A;
  padding: 16px 24px 16px 16px;
  z-index: 1000;
}

#gdprBanner p {
  padding-right: 22px;
  color: #ffffff;
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 0;
}

#gdprBanner #gdprClose {
  cursor: pointer;
  position: absolute;
  right: 16px;
  top: 16px;
  text-align: center;
  width: 14px;
  height: 14px;
}

/* Modal & Banner for GDPR */
body.noscroll {
  overflow: hidden;
}

@media screen and (max-width: 39.9375em) {
  body.noscroll {
    overflow: visible;
  }
}

#demo {
  background-color: #242b2e;
  background-image: url("/explore/insightidr/img/idr-main-bg.jpg");
  background-position: center;
  background-repeat: repeat;
  background-size: cover;
}

#demo .simpleHeader {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 600;
}

@media screen and (max-width: 39.9375em) {
  #demo .simpleHeader .brand {
    text-align: center;
  }
}

#demo .simpleHeader .brand .logo {
  float: left;
  display: inline-block;
  margin-left: 20px;
}

@media screen and (max-width: 39.9375em) {
  #demo .simpleHeader .brand .logo {
    float: none;
    display: inline;
  }
}

#demo .simpleHeader .brand .logo img {
  width: 147px;
}

#demo .simpleHeader #productName {
  max-width: 200px;
  margin: 0 auto;
  text-align: center;
}

@media screen and (max-width: 39.9375em) {
  #demo .simpleHeader #productName {
    display: none;
  }
}

#demo .simpleHeader #productName a {
  font-size: 20px;
  font-family: "Muli", "Muli-local", sans-serif;
  color: #ffffff;
  text-align: center;
}

#demo .simpleHeader #productName a span {
  font-weight: 500;
}

#demo .simpleHeader .socialLinks {
  float: right;
  margin-top: 15px;
  margin-right: 20px;
}

@media screen and (max-width: 39.9375em) {
  #demo .simpleHeader .socialLinks {
    display: none;
  }
}

#demo .simpleHeader .socialLinks a {
  float: right;
}

#demo .simpleHeader .socialLinks a.orange {
  margin-right: 15px;
  border: 1px solid #E95F26;
}

#demo .content .mainPage .headingSection {
  text-align: center;
  margin: 140px 20px 20px;
}

@media screen and (max-width: 39.9375em) {
  #demo .content .mainPage .headingSection {
    margin: 100px 20px 30px;
  }
}

#demo .content .mainPage .headingSection h1 {
  color: #ffffff;
  font-size: 40px;
  line-height: 45px;
  margin-bottom: 30px;
  font-weight: 400;
  font-family: "Muli", "Muli-local", sans-serif;
}

#demo .content .mainPage .headingSection h2 {
  color: #dcdbdb;
  font-size: 18px;
  line-height: 25px;
  font-weight: 400;
  font-family: "Roboto", "Roboto-local", sans-serif;
}

#demo .content .mainPage .iconblock .iconContent {
  margin-bottom: 20px;
  background: #ffffff;
  padding: 2.5rem 2rem;
  text-align: center;
}

#demo .content .mainPage .iconblock .iconContent p.meta {
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 20px;
}

#demo .content .mainPage .iconblock .iconContent:hover {
  background: #edf1f2;
}

#demo .content .mainPage .iconblock .iconContent:hover p {
  color: #595959;
}

#demo .content .mainPage .iconblock .icons {
  margin: 40px 0;
}

@media screen and (max-width: 39.9375em) {
  #demo .content .mainPage .iconblock .icons {
    margin: 0 20px;
  }
}

#demo .content .mainPage .iconblock .icons .icon {
  height: 50px;
  margin-bottom: 20px;
}

#demo .content .mainPage .afterContainer {
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  z-index: 100;
  top: 65px;
  left: 0;
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
}

#demo .content .mainPage .overlayContainer {
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  z-index: 500;
  top: 65px;
  left: 0;
  background-color: rgba(21, 30, 37, 0.85);
}

#demo .content .mainPage #navBarRow {
  position: fixed;
  top: 65px;
  z-index: 550;
  background: #dde5e8;
  padding: 15px 20px;
  width: 100%;
  -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
}

#demo .content .mainPage #navBarRow a {
  color: #82939c;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  padding: 0;
}

#demo .content .mainPage #navBarRow .prev {
  float: left;
}

#demo .content .mainPage #navBarRow .next {
  float: right;
}

#demo .content .mainPage #navBarRow .all_use_cases, #demo .content .mainPage #navBarRow .all_use_cases_m {
  margin: 0 auto;
  width: 16px;
  height: 16px;
  display: block;
  text-align: center;
  margin-bottom: -14px;
  cursor: pointer;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#demo .content .mainPage #navBarRow .all_use_cases:hover, #demo .content .mainPage #navBarRow .all_use_cases_m:hover {
  opacity: .6;
}

#demo .content .mainPage #navBarRow.loading {
  display: none;
}

#demo .content .mainPage #navBarRow #navBarRowViewAll {
  display: none;
  margin-top: 30px;
  margin-bottom: 10px;
}

#demo .content .mainPage #navBarRow #navBarRowViewAll .blockArea .iconContent {
  width: 100%;
  min-height: 160px;
  display: block;
  background: #ffffff;
  padding: 30px 30px 20px;
  color: #0a0a0a;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
}

#demo .content .mainPage #navBarRow #navBarRowViewAll .blockArea .iconContent img {
  width: 50px;
  height: 50px;
}

#demo .content .mainPage #navBarRow #navBarRowViewAll .blockArea .iconContent:hover {
  background: #edf1f2;
}

#demo .content .mainPage #navBarRow #navBarRowViewAll .blockArea .iconContent .meta {
  margin-top: 10px;
}

#demo .content .mainPage #navBarRow #navBarRowViewAll .prev-arrow, #demo .content .mainPage #navBarRow #navBarRowViewAll .next-arrow {
  margin-top: 30px;
  padding: 0;
  text-align: center;
  vertical-align: center;
  cursor: pointer;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#demo .content .mainPage #navBarRow #navBarRowViewAll .prev-arrow:hover, #demo .content .mainPage #navBarRow #navBarRowViewAll .next-arrow:hover {
  opacity: .6;
}

#demo .content .mainPage .overlayStartBox {
  display: none;
  position: relative;
  z-index: 400;
  top: 215px;
}

@media screen and (max-width: 39.9375em) {
  #demo .content .mainPage .overlayStartBox {
    top: 145px;
  }
}

#demo .content .mainPage .overlayStartBox #overlayContainer {
  background: rgba(58, 69, 75, 0.93);
  text-align: center;
  color: #ffffff;
  padding: 50px 60px 40px;
}

@media screen and (max-width: 39.9375em) {
  #demo .content .mainPage .overlayStartBox #overlayContainer {
    padding: 40px 30px 30px;
  }
}

#demo .content .mainPage .overlayStartBox #overlayContainer h1 {
  font-size: 40px;
  line-height: 45px;
  margin-bottom: 40px;
  font-weight: 400;
}

@media screen and (max-width: 39.9375em) {
  #demo .content .mainPage .overlayStartBox #overlayContainer h1 {
    font-size: 28px;
    line-height: 35px;
    margin-bottom: 20px;
  }
}

#demo .content .mainPage .overlayStartBox #overlayContainer h2 {
  font-size: 18px;
  line-height: 25px;
  color: #82939c;
  font-weight: 600;
  margin-bottom: 20px;
  font-family: "Roboto", "Roboto-local", sans-serif;
}

@media screen and (max-width: 39.9375em) {
  #demo .content .mainPage .overlayStartBox #overlayContainer h2 {
    font-size: 16px;
    margin-bottom: 10px;
  }
}

#demo .content .mainPage .stepContent {
  margin-top: 119px;
  background: #ffffff;
  width: 100%;
  min-height: 900px;
  background: white;
  /* Old browsers */
}

@media screen and (min-width: 39.9375em) {
  #demo .content .mainPage .stepContent {
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(white), color-stop(25%, white), color-stop(25%, #eaedf2), to(#eaedf2));
    background: linear-gradient(to right, white 0%, white 25%, #eaedf2 25%, #eaedf2 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  }
}

#demo .content .mainPage .stepContent #contentSection {
  margin-left: -10px;
  margin-right: -10px;
  position: relative;
  height: 100%;
}

#demo .content .mainPage .stepContent #contentSection .contentRow {
  padding: 40px 0 20px;
}

#demo .content .mainPage .stepContent #contentSection .contentWell {
  padding: 0 0 0 40px !important;
}

#demo .content .mainPage .stepContent #contentSection .contentWell h1 {
  font-size: 18px;
  line-height: 25px;
  font-weight: 600;
  margin-bottom: 10px;
  font-family: "Roboto", "Roboto-local", sans-serif;
}

#demo .content .mainPage .stepContent #contentSection .contentWell p {
  font-size: 14px;
  line-height: 22px;
}

#demo .content .mainPage .stepContent #contentSection .contentWell:focus {
  outline: none;
}

#demo .content .mainPage .stepContent #contentSection .contentWell .highlight {
  border-bottom: dotted 1px #8a8a8a;
  font-weight: 700;
  cursor: pointer;
}

#demo .content .mainPage .stepContent #contentSection .contentWell .highlight:before {
  content: '•';
  color: #E85E26;
  font-weight: 700;
  padding-right: 5px;
  font-size: 20px;
}

#demo .content .mainPage .stepContent #contentSection .contentWellOther p {
  line-height: 30px;
}

#demo .content .mainPage .stepContent #contentSection .contentWellOther h3 {
  font-size: 28px;
  font-weight: 600;
  line-height: 35px;
  padding: 0;
}

#demo .content .mainPage .stepContent #contentSection .contentWellOther .button {
  margin-right: 10px;
}

#demo .content .mainPage .stepContent #imageSection {
  padding-left: 0;
  padding-right: 0;
}

#demo .content .mainPage .stepContent #imageSection.imageSectionOther {
  padding-left: 10px;
}

#demo .content .mainPage .stepContent #imagePane {
  position: relative;
  height: 100%;
  width: 100%;
  background-color: #eaedf2;
  margin: 0;
  padding: 0;
}

#demo .content .mainPage .stepContent #imagePane .dotsWrapper {
  position: absolute;
}

#demo .content .mainPage .stepContent #imagePaneOther {
  position: relative;
  height: 100%;
  width: 100%;
  background-color: #eaedf2;
  padding: 0;
  margin: 0;
}

#demo .content .mainPage .stepContent #imagePaneOther .spacer {
  height: 500px;
}

#demo .content .mainPage .stepContent #imagePaneOther .finalHeader h1 {
  font-size: 40px;
  line-height: 45px;
  font-weight: 500;
  color: #ffffff;
  padding: 50px 0 30px;
  text-align: center;
}

#demo .content .mainPage .stepContent #imagePaneOther.final_img {
  background-image: url("/explore/insightidr/img/idr-main-bg.jpg");
  background-color: #242b2e;
  background-repeat: repeat;
  height: 100%;
}

@media screen and (max-width: 39.9375em) {
  #demo .content .mainPage .stepContent #imagePaneOther.final_img {
    height: 1400px;
  }
}

#demo .content .mainPage .stepContent #imagePaneOther .iconblock {
  padding-top: 1rem;
  text-align: center;
}

#demo .content .mainPage .stepContent #imagePaneOther .iconblock .iconContent {
  margin-bottom: 20px;
}

#demo .content .mainPage .stepContent #imagePaneOther .iconblock .icons {
  margin-bottom: 20px;
}

@media screen and (max-width: 39.9375em) {
  #demo .content .mainPage .stepContent #imagePaneOther .iconblock .icons {
    margin: 0;
  }
}

#demo .content .mainPage #stepNavigator {
  position: fixed;
  bottom: 40px;
  z-index: 490;
  background: #ffffff;
  border-top: 1px solid #dcdbdb;
  padding: 15px;
  width: 25%;
  text-align: center;
  margin-left: -1px;
}

@media screen and (max-width: 39.9375em) {
  #demo .content .mainPage #stepNavigator {
    width: 100%;
  }
}

#demo .content .mainPage #stepNavigator .prevStep a, #demo .content .mainPage #stepNavigator .nextStep a {
  margin-bottom: 0;
  cursor: pointer;
}

#demo .content .mainPage #stepNavigator .prevStep a.disabled, #demo .content .mainPage #stepNavigator .nextStep a.disabled {
  cursor: inherit;
}

#demo .content .mainPage #stepNavigator .prevStep a.disabled:hover, #demo .content .mainPage #stepNavigator .nextStep a.disabled:hover {
  background: none;
  border-color: #bfbfbf;
  color: #3B454A;
}

#demo .content .mainPage #stepNavigator .prevStep {
  float: left;
  display: inline-block;
}

#demo .content .mainPage #stepNavigator .nextStep {
  display: inline-block;
  float: right;
}

#demo .content .mainPage #stepNavigator .currentStep {
  text-align: center;
  max-width: 100px;
  margin: 0 auto;
  color: #82939c;
  font-size: 13px;
  font-family: "Muli", "Muli-local", sans-serif;
  line-height: 33px;
}

#demo.stepsPage {
  background-color: #eaedf2;
  background-image: none;
  overflow: none;
}

#demo .reveal-overlay {
  z-index: 1500 !important;
  background-color: rgba(21, 30, 37, 0.85);
}

#demo .reveal-overlay .reveal {
  z-index: 1500 !important;
  background: none;
  padding: 0;
  border: none;
}

#demo .reveal-overlay .reveal .close-button {
  right: 0;
  top: 0;
}

#demo .reveal-overlay .reveal img {
  margin: 0 auto;
  display: block;
}

#demo .reveal-overlay.large {
  width: 80%;
}

#demo .gate_cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow-y: scroll;
  z-index: 1500 !important;
  background-color: rgba(21, 30, 37, 0.85);
}

#demo .reveal-other {
  display: none;
  text-align: center;
  background: #ffffff;
  min-height: 500px;
  padding: 50px 40px 50px 70px;
}

@media screen and (max-width: 39.9375em) {
  #demo .reveal-other {
    padding: 50px 10px 50px 40px;
  }
}

#demo .reveal-other h2 {
  font-weight: 500;
  font-size: 30px;
  line-height: 35px;
  margin-right: 40px;
  margin-top: 20px;
}

#demo .reveal-other p {
  font-size: 16px;
  line-height: 25px;
  margin-right: 40px;
  padding: 0 20px 10px;
}

@media screen and (max-width: 64em) {
  #demo .reveal-other p {
    padding: 0 10px 10px;
  }
}

#demo #gate_box {
  display: none;
  position: absolute;
  z-index: 1500 !important;
  border: none;
  text-align: center;
  background: #fff;
  min-height: 500px;
  padding: 50px 40px 50px 70px;
  width: 50%;
  max-width: 90rem;
  border-radius: 0;
  margin-right: auto;
  margin-left: auto;
  overflow-y: auto;
  left: 50%;
  top: 35%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 39.9375em) {
  #demo #gate_box {
    padding: 20px 10px 50px 30px;
  }
}

@media screen and (max-width: 64em) {
  #demo #gate_box {
    width: 80%;
  }
}

@media screen and (max-width: 39.9375em) {
  #demo #gate_box {
    width: 95%;
  }
}

#demo #gate_box .mktoForm .mktoButton {
  width: 150px;
  margin: 0 auto;
  display: block;
}

#demo #gate_box .mktoForm input.mktoField {
  line-height: 34px;
  padding-left: 10px;
}

#demo #gate_box .mktoForm select.mktoField {
  line-height: 32px;
  padding-left: 10px;
}

#demo #gate_box .mktoForm label[for="explicitOptOut"], #demo #gate_box .mktoForm .filter-group__label[for="explicitOptOut"] {
  padding-left: 25px;
}

#demo #gate_box .mktoForm label[for="explicitOptOut"]:before, #demo #gate_box .mktoForm .filter-group__label[for="explicitOptOut"]:before, #demo #gate_box .mktoForm label[for="explicitOptOut"]:after, #demo #gate_box .mktoForm .filter-group__label[for="explicitOptOut"]:after {
  display: none;
}

#demo #gate_box .mktoForm input#explicitOptOut {
  left: 0;
  top: -32px;
  width: 18px;
  height: 18px;
}

.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -50px;
  margin-top: -50px;
}

.loadingIcon {
  display: none;
}

.loadingIcon .loader {
  background: #fff;
  border-radius: 115px;
  height: 105px;
  width: 105px;
  padding: 0;
  margin: 0;
}

.loadingIcon .loader svg#loader-1 {
  margin-left: -18px;
  margin-top: -18px;
  height: 140px;
  width: 140px;
}

.loadingIcon .loading-icon {
  height: 89px;
  width: 89px;
  background: #fff;
  border-radius: 90px;
  margin-top: -97px;
  margin-left: 8px;
  text-align: center;
  z-index: 200;
  position: relative;
}

.loadingIcon .loading-icon img {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-top: -1px;
  height: 50px;
  width: 50px;
}

.dot-container {
  position: absolute;
  display: none;
  width: 50px;
  height: 50px;
  cursor: pointer;
}

@media screen and (max-width: 39.9375em) {
  .dot-container {
    display: none;
  }
}

.dot-container .dot {
  width: 16px;
  height: 16px;
  left: -8px;
  top: -8px;
  border: 8px solid #e95f26;
  border-radius: 30px;
  z-index: 11;
  position: absolute;
}

.dot-container .pulse {
  border: 20px solid #e95f26;
  background: 0 0;
  border-radius: 60px;
  position: absolute;
  top: -20px;
  left: -20px;
  z-index: 10;
  opacity: .2;
}

.protip-container {
  z-index: 1000 !important;
}

@media screen and (max-width: 39.9375em) {
  .protip-container {
    width: 250px;
  }
}

.protip-container .protip-content {
  padding: 10px;
  line-height: 20px;
}

.protip-container .protip-content h3 {
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 10px;
  padding: 0;
  color: #ffffff;
}

.protip-container .protip-content p {
  font-size: 14px;
  line-height: 18px;
  color: #ffffff;
  margin: 0;
  padding: 0;
}

.protip-container .protip-content a {
  color: #ffffff;
  text-decoration: underline;
}

.protip-container .protip-content .button {
  margin: 0;
  text-decoration: none;
}

.tooltipContent {
  display: none;
}

/* Demo Styles */
/* filters */
.filterable .textOnly.introStandard {
  border-bottom: 1px solid #bfbfbf;
}

.filterable .textOnly.introStandard p {
  font-weight: 400;
  text-align: center;
}

.filterContainer {
  color: #0a0a0a;
  background-color: #ffffff;
}

.filterContainer.columns, .filterContainer.column, .filterContainer.columns {
  padding: 2.5rem;
}

@media screen and (max-width: 39.9375em) {
  .filterContainer.columns, .filterContainer.column, .filterContainer.columns {
    padding: 0 1.75rem 2.5rem;
  }
}

.filterContainer p.note {
  font-size: 0.75rem;
  padding-left: 13px;
  margin-top: -1rem;
}

.filterContainer .subtitle {
  display: inline-block;
  font-size: 1.375rem;
  font-family: "Muli", "Muli-local", sans-serif;
  font-weight: 800;
}

.filterContainer .filter-title {
  font-size: 1rem;
  font-family: "Muli", "Muli-local", sans-serif;
  font-weight: 800;
  margin: 1.5rem 0 1.125rem;
  border-left: 3px solid #E85E26;
  padding-left: 0.625rem;
}

.filterContainer .button-wrap {
  text-align: center;
  margin: 0.75rem 0 1rem;
}

.filterContainer .button-wrap button {
  margin: 0 0.25rem;
}

@media screen and (min-width: 40em) {
  .filterContainer button {
    float: right;
  }
}

@media screen and (max-width: 39.9375em) {
  .filterContainer button {
    margin: 0 auto;
    display: inline-block;
  }
}

.filterContainer fieldset {
  width: 100%;
  color: #595959;
  /* checkbox styles -- overrides _forms.scss styles */
}

.filterContainer fieldset button {
  border: none;
}

.filterContainer fieldset label, .filterContainer fieldset .filter-group__label {
  display: inline-block;
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  margin: 0.625rem 0.75rem .125rem 2.2rem;
  float: left;
  width: 80%;
  line-height: 22px;
  cursor: pointer;
}

.filterContainer fieldset label:first-of-type, .filterContainer fieldset .filter-group__label:first-of-type {
  margin-top: 0;
}

.filterContainer fieldset label:last-of-type, .filterContainer fieldset .filter-group__label:last-of-type {
  margin-bottom: 1.25rem;
}

.filterContainer fieldset [type="checkbox"]:not(:checked),
.filterContainer fieldset [type="checkbox"]:checked {
  position: relative;
  left: 0;
  width: 14px;
  height: 14px;
  margin-left: -1.3rem;
  margin-bottom: 0;
  cursor: pointer;
}

.filterContainer hr {
  width: 100%;
  margin: 0.375rem 0;
  height: 0;
  border-bottom: 1px solid #bfbfbf;
}

/* Mobile Fiter Menu */
.mobile-filter-menu {
  text-align: center;
  padding: 0.75rem 0;
  background-color: #ffffff;
  cursor: pointer;
}

.mobile-filter-menu .menu-icon {
  margin: -5px 0.25rem 0 0;
}

.mobile-filter-menu .menu-icon::after {
  background-color: #595959;
  -webkit-box-shadow: 0 7px 0 #55585a, 0 14px 0 #55585a;
  box-shadow: 0 7px 0 #55585a, 0 14px 0 #55585a;
}

.mobile-filter-menu .menu-title {
  display: inline-block;
  font-family: "Muli", "Muli-local", sans-serif;
  font-weight: 800;
  font-size: 1rem;
}

.filterMain {
  padding: 0;
  /* Applied Filters */
}

.filterMain .block-section {
  padding: 2.25rem 3.125rem 3.5rem;
  /* removes foundation clear all for nth elements to work with mixitup, because all elements are the same size */
}

@media screen and (max-width: 64em) {
  .filterMain .block-section {
    padding: 1rem;
  }
}

@media screen and (min-width: 64em) {
  .filterMain .block-section .large-up-3 > .column:nth-of-type(3n+1), .filterMain .block-section .large-up-3 > .columns:nth-of-type(3n+1), .filterMain .block-section .large-up-3 > .columns:nth-of-type(3n+1) {
    clear: none;
  }
}

.filterMain .block-section--slim {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.filterMain .block-section--slim a.back {
  position: relative;
}

.filterMain .block-section--slim a.back img {
  width: 3rem;
  position: absolute;
  position: absolute;
  left: -50px;
  top: -12px;
}

.filterMain .block-section__meta {
  font-size: 14px;
  margin-bottom: 1em;
  color: #0a0a0a;
}

.filterMain .block-section__meta-title {
  font-weight: bold;
  color: #0a0a0a;
}

.filterMain .block-section__meta-sep {
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
  color: #82939c;
}

.filterMain .filter-footer {
  padding: 2.25rem 3.125rem 1.5rem;
}

@media screen and (max-width: 39.9375em) {
  .filterMain .filter-footer {
    padding: 2.25rem 1rem 1.5rem;
  }
}

.filterMain .filter-footer h2 {
  font-size: 28px;
  font-family: "Muli", "Muli-local", sans-serif;
  font-weight: 800;
  color: #0a0a0a;
}

.filterMain .applied-filters {
  padding: 2rem 2rem 1.5rem;
  border-bottom: 1px solid #bfbfbf;
}

.filterMain .applied-filters .applied-filters-title {
  height: 2.125rem;
  font-family: "Muli", "Muli-local", sans-serif;
  font-weight: 800;
  font-size: 1rem;
  color: #0a0a0a;
  display: inline-block;
  margin-right: 0.25rem;
}

.filterMain .applied-filters__btn {
  display: inline-block;
  margin-top: 11px;
  margin-left: 10px;
  float: right;
}

.filterMain .applied-filters button {
  margin-top: .25rem;
  margin-bottom: 0.5rem;
  margin-right: 10px;
  cursor: default;
  position: relative;
  padding-right: 1.563rem;
}

.filterMain .applied-filters button:hover, .filterMain .applied-filters button:active, .filterMain .applied-filters button:focus {
  background: none !important;
  color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
}

.filterMain .applied-filters button:hover:after, .filterMain .applied-filters button:active:after, .filterMain .applied-filters button:focus:after {
  background-image: none;
  background-color: transparent;
  opacity: 0;
}

.filterMain .applied-filters button span {
  color: #595959;
  font: 18px/100% arial, sans-serif;
  position: absolute;
  font-weight: 500;
  right: 0;
  text-decoration: none;
  text-shadow: 0 1px 0 #fff;
  top: 0;
  padding: 0.500rem 0.500rem 0.500rem 0.313rem;
}

.filterMain .applied-filters button span:hover {
  cursor: pointer;
  color: #82939c;
}

.filterMain .applied-filters button span:after {
  content: '×';
}

.filterMain .applied-filters button.all-resources {
  padding-right: 0.625rem;
}

.filterMain .section-heading {
  margin: 1rem 0 2rem;
}

@media screen and (max-width: 63.938em) {
  .filterMain .section-heading h2 {
    font-size: 22px;
    line-height: 20px;
  }
}

.filterMain .section-heading h2 {
  color: #0a0a0a;
  font-size: 40px;
  line-height: 36px;
  font-weight: normal;
}

.filterMain .section-footnote p {
  font-size: 14px;
}

.filterBar {
  padding: 25px 0;
}

.filterBar .countTotal {
  float: left;
  line-height: 42px;
  font-weight: 500;
}

.filterBar .filters {
  width: 335px;
}

@media screen and (max-width: 39.9375em) {
  .filterBar .filters {
    width: 100%;
    padding: 0 10px;
  }
}

.filterBar .filters select {
  width: 140px;
  margin: 0 10px;
  display: inline-block;
}

@media screen and (max-width: 39.9375em) {
  .filterBar .filters select {
    display: block;
    width: 100%;
    margin: 0 0 20px;
  }
  .filterBar .filters select:last-child {
    margin-bottom: 0;
  }
}

.filterBar .filters.center {
  text-align: center;
  margin: 0 auto;
}

.filterBar.dark {
  background: #3B454A;
}

.filterBar.dark .countTotal {
  color: #ffffff;
}

/* Filter styles */
#landing-page .pageContent {
  overflow: visible;
}

#landing-page .pageContent h2 {
  font-size: 1.75rem;
  margin-bottom: 1.25rem;
  line-height: 35px;
  font-weight: 500;
}

#landing-page .pageContent h3 {
  color: #595959;
  font-size: 1.375rem;
  line-height: 28px;
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-weight: bold;
}

#landing-page .pageContent p {
  line-height: 1.75rem;
}

#landing-page .pageContent ul {
  margin-left: 2.75rem;
  margin-bottom: 2rem;
}

#landing-page .pageContent ul li {
  font-size: 1rem;
  padding: 0.5rem 0;
  list-style-type: disc;
}

#landing-page .pageContent ul.checklist {
  margin-left: 0;
}

#landing-page .pageContent ul.checklist li {
  padding: 0.75rem 0;
  list-style-type: none;
}

#landing-page .pageContent ul.checklist li::before {
  display: inline-block;
  width: 18px;
  height: 14px;
  margin-right: 1rem;
  content: url(/includes/img/check.svg);
}

#landing-page .pageContent .featured-image {
  max-width: 260px;
  width: 30%;
  float: right;
  margin-left: 2rem;
  margin-bottom: 1rem;
  border: 10px solid #ffffff;
}

@media screen and (max-width: 39.9375em) {
  #landing-page .pageContent .featured-image {
    max-width: 150px;
  }
}

@media screen and (min-width: 40em) and (max-width: 64em) {
  #landing-page .pageContent .featured-image {
    display: none;
  }
}

#landing-page .pageContent .featured-image#featuredImg {
  display: none;
}

#landing-page .pageContent .featured-image#featuredImg[src] {
  display: inline-block;
}

#landing-page .pageContent .block {
  border-top: solid 1px #bfbfbf;
  padding: 3.625rem 0;
}

@media screen and (max-width: 39.9375em) {
  #landing-page .pageContent .block {
    text-align: center;
    padding: 2.250rem 0;
  }
}

#landing-page .pageContent .block .row {
  margin-left: 0;
  margin-right: 0;
}

#landing-page .pageContent .block.speakers .speaker-item {
  margin-bottom: 1rem;
}

#landing-page .pageContent .block.speakers .speaker-item .image_shot {
  float: left;
  background: #242b2e;
}

@media screen and (max-width: 64em) {
  #landing-page .pageContent .block.speakers .speaker-item .image_shot {
    width: 100%;
    text-align: center;
    padding: 0.5rem 0;
  }
}

#landing-page .pageContent .block.speakers .speaker-item .image_shot img {
  max-height: 180px;
}

@media screen and (max-width: 64em) {
  #landing-page .pageContent .block.speakers .speaker-item .image_shot img {
    max-height: 100px;
  }
}

#landing-page .pageContent .block.speakers .speaker-item .bio_content {
  background: #3B454A;
  overflow: hidden;
  padding: 1.875rem 1.875rem 0;
}

@media screen and (max-width: 64em) {
  #landing-page .pageContent .block.speakers .speaker-item .bio_content {
    width: 100%;
  }
}

#landing-page .pageContent .block.speakers .speaker-item .bio_content h4 {
  font-size: 1.75rem;
  line-height: 1.875rem;
  font-weight: 600;
  color: #ffffff;
  padding: 0;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  font-family: "Roboto", "Roboto-local", sans-serif;
  color: #ffffff;
}

#landing-page .pageContent .block.speakers .speaker-item .bio_content p {
  color: #82939c;
  font-size: 1rem;
  line-height: 1.25rem;
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 1rem;
  margin-bottom: 1.25rem;
  font-weight: 400;
}

@media screen and (max-width: 39.9375em) {
  #landing-page .pageContent .block.speakers .speaker-item h4 {
    font-size: 1.25rem;
    line-height: 1.375rem;
    text-align: center;
  }
  #landing-page .pageContent .block.speakers .speaker-item p {
    font-size: 0.875rem;
    line-height: 1rem;
    text-align: center;
  }
}

#landing-page .pageContent .block.toolkit .content-thumbnail {
  float: left;
  margin-right: 2rem;
  width: 10rem;
}

#landing-page .pageContent .block.toolkit .content-thumbnail + .content-info {
  margin-left: 12rem;
}

@media screen and (max-width: 64em) {
  #landing-page .pageContent .block.toolkit .content-thumbnail + .content-info {
    margin-left: 0;
  }
}

@media screen and (max-width: 64em) {
  #landing-page .pageContent .block.toolkit .content-thumbnail {
    float: none;
    margin: 0 auto 1rem;
  }
}

#landing-page .pageContent .block.toolkit .video-thumbnail {
  float: left;
  width: 16rem;
  margin-right: 2rem;
}

#landing-page .pageContent .block.toolkit .video-thumbnail + .content-info {
  margin-left: 18rem;
}

@media screen and (max-width: 64em) {
  #landing-page .pageContent .block.toolkit .video-thumbnail + .content-info {
    margin-left: 0;
  }
}

@media screen and (max-width: 64em) {
  #landing-page .pageContent .block.toolkit .video-thumbnail {
    float: none;
    margin: 0 auto 1rem;
  }
}

#landing-page .pageContent .block.toolkit span {
  color: #82939c;
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 14px;
}

#landing-page .pageContent .block.toolkit h4 {
  color: #0a0a0a;
  font-size: 1.375rem;
  font-family: "Roboto", "Roboto-local", sans-serif;
  line-height: 28px;
  font-weight: 600;
}

#landing-page .pageContent .block.toolkit.featured {
  background-color: #3B454A;
  padding: 2rem;
  border-top: none;
  margin-top: 2rem;
}

#landing-page .pageContent .block.toolkit.featured h4 {
  color: #ffffff;
}

#landing-page .pageContent .block.toolkit.featured p {
  color: #ffffff;
}

@media screen and (min-width: 64em) {
  #landing-page .pageContent .block.takeaway .columns:first-child {
    padding-left: 0;
  }
  #landing-page .pageContent .block.takeaway .columns:last-child {
    padding-right: 0;
  }
}

#landing-page .pageContent .block.takeaway .light {
  background-color: #ffffff;
  text-align: center;
  padding: 2.5rem 2.5rem 1.5rem;
}

#landing-page .pageContent .block.takeaway .light h4 {
  font-size: 1.125rem;
  margin-bottom: 24px;
}

#landing-page .pageContent .block.takeaway .light p {
  text-align: center;
}

@media screen and (max-width: 64em) {
  #landing-page .pageContent .block.takeaway .light:nth-child(n+1) {
    margin-top: 1rem;
  }
}

#landing-page .pageContent .block.takeaway .dark {
  background-color: #3B454A;
  text-align: center;
  margin-top: 1.25rem;
  color: #ffffff;
  padding: 0.5rem 0;
}

#landing-page .pageContent .block.takeaway .dark button {
  margin: 0.25rem 1rem;
}

#landing-page .github:after {
  background-image: url("../img/github.png");
  background-size: 16px 16px;
  background-repeat: no-repeat;
  position: relative;
  top: 2px;
  width: 16px;
  height: 16px;
  margin: 0 0 0 5px;
  content: "";
  display: inline-block;
}

#landing-page .formBlock {
  padding: 2rem;
  position: relative;
  z-index: 3000;
}

@media screen and (max-width: 39.9375em) {
  #landing-page .formBlock {
    margin-top: 3.125rem;
  }
}

#landing-page .formBlock h2 {
  font-size: 1.75rem;
  padding-bottom: 0;
}

#landing-page .formBlock dl {
  width: 100%;
}

#landing-page .formBlock dl:nth-of-type(even) {
  padding-left: 0;
}

#landing-page .formBlock dl.expand #submit {
  width: 100%;
  margin-top: 0;
}

#landing-page .formBlock [type='text'],
#landing-page .formBlock select,
#landing-page .formBlock #fieldInstruction {
  font-size: 0.875rem;
  line-height: 16px;
  font-family: "Roboto", "Roboto-local", sans-serif;
}

#landing-page .sidebar .block {
  padding: 2.500rem;
  margin-bottom: 2.5rem;
}

#landing-page .sidebar .block h4 {
  font-size: 1.375rem;
  font-weight: 400;
  margin-bottom: 1rem;
  line-height: 28px;
}

#landing-page .sidebar .block button {
  margin-bottom: 0;
}

#landing-page .sidebar .block.light {
  background-color: #ffffff;
}

#landing-page .sidebar .block.light h4 {
  color: #0a0a0a;
}

#landing-page .sidebar .block.dark {
  background-color: #3B454A;
}

#landing-page .sidebar .block.dark h4 {
  color: #ffffff;
}

#landing-page .sidebar .block.dark p {
  color: #ffffff;
  line-height: 24px;
}

#landing-page .sidebar .block.dark p:last-of-type::after {
  content: '';
  display: block;
  border-bottom: 1px solid #ffffff;
  width: 85%;
  margin: 2rem 0;
}

#landing-page .sidebar .block.links p {
  line-height: 24px;
}

#landing-page .sidebar .block.links a {
  font-weight: normal;
  display: block;
  padding: 0.75rem 0 1.75rem;
  line-height: 22px;
}

#landing-page .sidebar .block.links a + a {
  border-top: 1px solid #bfbfbf;
  padding: 1.75rem 0;
}

#landing-page .simpleFooter {
  padding: 1rem 1.5rem !important;
}

/* override marketo defaults */
.mktoGen.mktoImg#mkto_gen_featuredImg {
  display: inline;
}

.mktoGen.mktoImg#mkto_gen_heroIcon {
  display: inline-block;
}

/* Marketo and campaign landing page styles */
.training .filterMain {
  padding-bottom: 0;
}

.training .trainingContainer .training-item {
  padding: 3.5rem 3.125rem;
  border-bottom: 1px solid #bfbfbf;
}

@media screen and (max-width: 39.9375em) {
  .training .trainingContainer .training-item {
    padding: 2rem 1rem;
  }
}

.training .trainingContainer .training-item__last {
  border-bottom: none;
}

.training .trainingContainer .training-item .training-text h3 {
  font-family: "Muli", "Muli-local", sans-serif;
  font-weight: 400;
  color: #0a0a0a;
  font-size: 1.750rem;
  line-height: 2rem;
  padding-bottom: 0;
}

.training .trainingContainer .training-item .training-text h3.slim {
  padding-top: 0;
}

.training .trainingContainer .training-item .training-text .price {
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-size: 1.375rem;
  font-weight: 600;
  padding-bottom: 0;
}

.training .trainingContainer .training-item .training-text .subtitle {
  font-size: 0.75rem;
  text-transform: uppercase;
  color: #82939c;
  font-weight: 600;
}

.training .trainingContainer .training-item .training-text .date-time {
  color: #0a0a0a;
  font-size: 1rem;
  padding-bottom: 0;
  vertical-align: middle;
}

.training .trainingContainer .training-item .training-text .date-time:before {
  content: url("../img/calendar.svg");
  width: 18px;
  margin-right: 6px;
  height: 17px;
  vertical-align: -3px;
}

.training .trainingContainer .training-item .training-text p {
  color: #0a0a0a;
}

.training .trainingContainer .training-item .training-text p:last-of-type {
  margin-bottom: 1.5rem;
}

.training .trainingContainer .training-item .training-text span.sold-out {
  display: block;
  font-size: 0.875rem;
  margin-bottom: 0.5rem;
}

@media screen and (max-width: 63.9375em) {
  .training .trainingContainer .training-item .training-text a.hide-for-large + a {
    margin-left: 0.875rem;
  }
}

.training .trainingContainer .training-item .training-ecom button {
  float: right;
  margin-top: 20px;
}

.training .training-detail .bio_block .bio_container .bio_content p {
  color: #ffffff;
}

.training .training-detail .bio_block .bio_container .bio_content h3 {
  margin-bottom: 0.75rem;
  padding-top: 0;
}

.training .training-detail .bio_block .bio_container .bio_content h4 {
  margin-bottom: 2.5rem;
}

.training .training-detail .textOnly.standardText {
  border-bottom: 1px solid #bfbfbf;
}

.training .training-detail .textOnly.standardText h2 {
  font-family: "Muli", "Muli-local", sans-serif;
  font-weight: 800;
  font-size: 2.5rem;
  line-height: 2.75rem;
  margin-bottom: 1rem;
}

.training .training-detail .textOnly.standardText h3 {
  font-family: "Muli", "Muli-local", sans-serif;
  font-weight: 800;
  font-size: 1.75rem;
  margin-bottom: 1.5rem;
  font-weight: 500;
}

.training .training-detail .textOnly.standardText p {
  color: #595959;
}

.training .training-detail .textOnly.standardText ul {
  margin: 1rem 0 0 2.5rem;
}

.training .training-detail .textOnly.standardText ul li {
  list-style-type: disc;
  color: #595959;
  margin: 0.5rem 0;
}

.training .training-detail .course-listing {
  background: #ffffff;
  padding: 2.5rem;
}

.training .training-detail .course-listing .price {
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 1.875rem;
  color: #0a0a0a;
  margin-bottom: 1.75rem;
}

.training .training-detail .course-listing h4 {
  color: #0a0a0a;
  font-family: "Muli", "Muli-local", sans-serif;
  font-weight: 800;
  font-size: 1.875rem;
  line-height: 2rem;
}

.training .training-detail .course-listing .region-title {
  color: #0a0a0a;
  font-size: 1rem;
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-weight: 400;
}

.training .training-detail .course-listing select#region {
  font-size: 0.875rem;
  font-family: "Roboto", "Roboto-local", sans-serif;
}

.training .training-detail .course-listing form {
  margin-top: 1rem;
}

.training .training-detail .course-listing form label, .training .training-detail .course-listing form .filter-group__label {
  font-size: 0.875rem;
  font-family: "Roboto", "Roboto-local", sans-serif;
  padding-left: 1.5rem;
  line-height: 1rem;
  margin-bottom: 1rem;
}

.training .training-detail .course-listing form label input, .training .training-detail .course-listing form .filter-group__label input {
  margin-right: 0.75rem;
  margin-bottom: 0;
  margin-left: -1.5rem;
}

.training .training-detail .course-listing form #submit {
  display: block;
  margin: 2rem 0 0 0;
}

.training .training-detail .course-listing .unavailable {
  color: #82939c;
  font-style: italic;
}

.training .training-detail .agenda {
  background-color: #ffffff;
}

.training .training-detail .agenda .row {
  padding: 2rem 2.5rem;
  margin: 0;
}

@media screen and (max-width: 39.9375em) {
  .training .training-detail .agenda .row {
    padding: 1rem;
  }
}

.training .training-detail .agenda .row:nth-of-type(even) {
  background-color: #fcfdfd;
}

.training .training-detail .agenda .row .agenda-title {
  font-weight: 400;
}

.training .training-detail .agenda .row .agenda-description {
  font-size: 0.875rem;
}

.training .training-detail .agenda .row .agenda-description ul {
  margin-top: 0;
}

.training .training-detail .agenda .row .agenda-description ul li {
  font-size: inherit;
}

.training .training-detail .agenda .row .agenda-description ul li:first-of-type {
  margin-top: 0;
}

/* Training and Certification page styles */
#maintenance-bar {
  background: #edf1f2;
  padding: 0.75rem 1rem;
  margin: 0 !important;
  width: 100%;
  min-height: 56px;
  -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
  text-align: center;
}

#maintenance-bar div {
  max-width: 940px;
  width: 100%;
  margin: 0 auto;
  font-size: 0.875rem;
  line-height: 1rem;
}

#maintenance-bar div span {
  font-weight: 700;
}

#maintenanceText {
  background: #E9EDF0;
  padding: 0.85rem 1rem;
  margin: 0 auto 2rem;
  line-height: 1.5rem;
  max-width: 600px;
  color: #595959;
}

#maintenanceText h4 {
  font-size: 1.25rem;
  margin: 0 0 1rem 0;
  padding: 0;
  display: inline-block;
}

#maintenanceText p {
  font-weight: 400;
  font-style: normal;
  color: #595959;
}

#maintenanceText p a {
  color: #519bc8;
  text-decoration: none;
}

#maintenanceText p a:hover {
  text-decoration: underline;
}

#maintenanceText img {
  height: 30px;
}

/* Under maintenance messages for downtime */
.job-testimonials {
  padding: 80px 0;
}

.job-testimonials__item {
  text-align: center;
  margin: 40px 10px 0;
}

.job-testimonials__item img {
  display: inline-block;
}

.job-testimonials__item .reveal {
  padding: 0;
}

.job-testimonials__slider .slick-arrow {
  width: 100px;
  height: 100px;
  text-indent: 9999px;
  border: none;
  z-index: 40;
}

.job-testimonials__slider .slick-next {
  background: transparent url(../img/next.png) center center no-repeat;
  right: -80px;
}

.job-testimonials__slider .slick-prev {
  background: transparent url(../img/previous.png) center center no-repeat;
  left: -80px;
}

.job-testimonials__slider .slick-disabled {
  display: none !important;
}

/* Career pages */
.job-benefits {
  text-align: center;
}

.job-benefits__content {
  padding: 80px 0 0;
}

.job-benefits__content--benefits {
  background-color: black;
  background-size: cover;
  background-position: center center;
}

.job-benefits__content--manifesto {
  background-color: #ea642d;
  background-image: url(../img/manifesto-bg.png);
  background-position: center 10px;
  background-repeat: no-repeat;
}

.job-benefits__title {
  color: #ffffff;
  font-size: 2.5rem;
  line-height: 40px;
  margin-bottom: 1.6875rem;
  font-weight: 500;
}

.job-benefits__subtitle {
  color: #ffffff;
  line-height: 30px;
  max-width: 65%;
  margin-left: auto;
  margin-right: auto;
}

.job-benefits__icons {
  max-width: 500px;
  margin: 30px auto;
}

.job-benefits__icon {
  display: inline-block;
  border-radius: 50%;
  background-color: #ffffff;
  width: 100px;
  height: 100px;
  line-height: 100px;
  margin: 10px 10px 20px 10px;
}

.job-benefits__icon img {
  max-width: 50px;
  max-height: 50px;
}

.job-benefits ul.job-benefits__blocks {
  height: 100px;
  background-color: #ea642d;
  padding: 0;
  margin: 5rem 0 0;
  width: 100%;
  text-align: left;
}

@media screen and (max-width: 39.9375em) {
  .job-benefits ul.job-benefits__blocks {
    height: 100%;
  }
}

.job-benefits ul.job-benefits__blocks li {
  color: #ffffff;
  display: inline-block;
  width: 25%;
  vertical-align: middle;
  line-height: 100px;
  text-align: center;
  height: 100px;
  font-size: 1.125rem;
  font-weight: 400;
  font-family: "Muli", "Muli-local", sans-serif;
  background-color: rgba(255, 255, 255, 0.1);
}

@media screen and (max-width: 39.9375em) {
  .job-benefits ul.job-benefits__blocks li {
    width: 100%;
  }
}

.job-benefits ul.job-benefits__blocks li:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.1);
}

/* Career pages */
.icon-callout {
  text-align: center;
  background-size: cover;
  background-repeat: no-repeat;
  color: #ffffff;
  padding-top: 100px;
  padding-bottom: 100px;
  background-color: #3B454A;
}

@media screen and (max-width: 39.9375em) {
  .icon-callout {
    padding: 60px 20px;
  }
}

.icon-callout__icon {
  margin-bottom: 25px;
}

.icon-callout__icon img {
  max-width: 68px;
}

.icon-callout__title {
  font-size: 2.5rem;
  line-height: 45px;
  font-weight: 500;
  margin-bottom: 20px;
  font-family: "Muli", "Muli-local", sans-serif;
}

.icon-callout__txt {
  color: #ffffff;
  margin-bottom: 30px;
}

.icon-callout__list {
  margin-bottom: 30px;
}

.icon-callout__list ul {
  display: inline-block;
  margin: 0;
  padding: 0;
}

.icon-callout__list ul li {
  display: inline-block;
}

@media screen and (max-width: 39.9375em) {
  .icon-callout__list ul li {
    display: block;
  }
}

.icon-callout__list ul li:after {
  content: '•';
  padding-left: 5px;
  padding-right: 5px;
  display: inline-block;
  color: #ffffff;
  font-size: 1.125rem;
}

@media screen and (max-width: 39.9375em) {
  .icon-callout__list ul li:after {
    content: none;
  }
}

.icon-callout__list ul li a {
  color: #ffffff;
  font-weight: 500;
  font-size: 1.125rem;
  position: relative;
  display: inline-block;
}

@media screen and (max-width: 39.9375em) {
  .icon-callout__list ul li a {
    margin-bottom: 20px;
  }
}

.icon-callout__list ul li a:hover:after {
  content: '';
  height: 2px;
  background-color: #E85E26;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.icon-callout__list ul li:last-of-type:after {
  display: none;
}

.icon-callout--map {
  background-color: #0a0a0a;
  background-image: url(/includes/img/bg-abstract-map.png);
  background-size: contain;
  background-position: left top;
  padding-bottom: 0;
}

.icon-callout--slim {
  padding-top: 60px;
  padding-bottom: 60px;
}

.icon-callout--slim .icon-callout__icon {
  margin-bottom: 1rem;
}

.icon-callout--slim .icon-callout__icon img {
  max-width: 50px;
}

.icon-callout--slim .icon-callout__title {
  font-size: 1.875rem;
}

/* Career pages */
.world-map {
  position: relative;
}

.world-map__pin {
  position: absolute;
  color: #ffffff;
  font-size: 0.75rem;
  line-height: 1;
  padding-left: 15px;
  text-shadow: 1px 1px 1px black;
}

@media screen and (max-width: 64em) {
  .world-map__pin {
    display: none;
  }
}

.world-map__pin:after {
  content: '';
  border-radius: 50%;
  display: inline-block;
  width: 9px;
  height: 9px;
  background-color: #82939c;
  position: absolute;
  left: 0;
  top: 1px;
}

.world-map__pin:hover, .world-map__pin:focus {
  color: #ffffff;
}

.world-map__pin--no-icon {
  padding-left: 0;
}

.world-map__pin--no-icon:after {
  display: none;
}

.world-map__pin--right {
  padding-left: 0;
  padding-right: 15px;
}

.world-map__pin--right:after {
  left: auto;
  right: 0;
}

/* Career pages */
.list-block {
  padding-top: 5rem;
  padding-bottom: 3rem;
}

@media screen and (max-width: 39.9375em) {
  .list-block {
    padding-top: 3rem;
  }
}

.list-block__title {
  color: #0a0a0a;
  font-size: 2.5rem;
  line-height: 45px;
  font-weight: 500;
  font-family: "Muli", "Muli-local", sans-serif;
  margin-bottom: 10px;
}

@media screen and (max-width: 39.9375em) {
  .list-block__title {
    margin: 0 20px;
  }
}

.list-block__subtitle {
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 1.75rem;
  font-weight: 400;
  margin-top: 20px;
}

.list-block__table {
  margin-top: 3rem;
}

@media screen and (max-width: 39.9375em) {
  .list-block__table {
    margin-top: 2rem;
  }
}

.list-block__table thead {
  border: none;
}

.list-block__table thead tr td {
  background-color: #82939c;
  font-size: 0.875rem;
  color: #ffffff;
  padding-top: 0.5rem;
  padding-bottom: 0.25rem;
  padding-left: 20px;
}

@media screen and (max-width: 39.9375em) {
  .list-block__table thead tr {
    display: none;
  }
}

.list-block__table tbody {
  border: none;
}

.list-block__table tbody tr:nth-child(even) {
  background-color: #ffffff;
}

.list-block__table tbody tr {
  border-bottom: 1px solid #dde5e8;
}

.list-block__table tbody td {
  padding: 22px 20px 20px;
  color: #595959;
  font-size: 0.875rem;
  vertical-align: top;
}

.list-block__table tbody td span {
  color: #82939c;
}

.list-block__table tbody td span a {
  color: #82939c;
}

.list-block__table tbody td:first-of-type {
  font-size: 1rem;
}

.list-block__table tbody td.job-title {
  width: 60%;
  font-weight: 500;
}

@media screen and (max-width: 39.9375em) {
  .list-block__table tbody td.job-title {
    width: 100%;
    display: block;
    padding: 20px 20px 0;
  }
}

.list-block__table tbody td.job-title a {
  color: #595959;
}

.list-block__table tbody td.job-location {
  width: 20%;
}

@media screen and (max-width: 39.9375em) {
  .list-block__table tbody td.job-location {
    width: 100%;
    display: block;
    padding: 10px 20px 0;
  }
}

.list-block__table tbody td.job-team {
  width: 20%;
}

@media screen and (max-width: 39.9375em) {
  .list-block__table tbody td.job-team {
    width: 100%;
    display: block;
    padding: 10px 20px 20px;
  }
}

.list-block__table tbody .list-block__table-section td {
  background-color: #dde5e8;
  color: #82939c;
  padding-top: 0.5rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
}

.list-block__table td:first-of-type {
  padding-left: 30px;
}

@media screen and (max-width: 39.9375em) {
  .list-block__table td:first-of-type {
    padding-left: 20px;
  }
}

.list-block__header select {
  margin-bottom: 0;
  max-width: 150px;
  float: right;
  margin: 0 0 10px 20px;
}

@media screen and (max-width: 39.9375em) {
  .list-block__header select {
    display: block;
    width: 100%;
    float: none;
    margin: 20px 0 0;
  }
}

/* Career pages */
.cardsWrapper {
  padding: 80px 0;
}

@media screen and (max-width: 39.9375em) {
  .cardsWrapper {
    padding: 30px 0;
  }
}

.cardsWrapper.dark {
  background: #0a0a0a;
}

.cardsWrapper.dark .no-cards-results p {
  color: #ffffff;
}

.cardsWrapper .card {
  margin-bottom: 20px;
}

.cardsWrapper .card.vuln {
  color: #ffffff;
}

.cardsWrapper .card.vuln .cardTop {
  background: #3B454A;
  overflow: hidden;
  height: 60px;
  padding-right: 10px;
}

.cardsWrapper .card.vuln .cardTop h3 {
  padding: 0;
  margin: 0;
  line-height: 58px;
  display: inline;
  color: #ffffff;
  font-size: 16px;
  font-family: "Muli", "Muli-local", sans-serif;
  text-overflow: ellipsis;
  height: 55px;
}

.cardsWrapper .card.vuln .cardTop img {
  max-height: 60px;
  max-width: 60px;
  margin-right: 15px;
  border: none;
}

.cardsWrapper .card.vuln .cardBottom {
  background: #2d363b;
  padding: 30px 30px 25px;
}

.cardsWrapper .card.vuln .cardBottom h4 {
  font-size: 18px;
  line-height: 22px;
  color: #ffffff;
  margin-bottom: 15px;
}

.cardsWrapper .card.vuln .cardBottom h4 a {
  color: #ffffff;
}

.cardsWrapper .card.vuln .cardBottom .date {
  color: #82939c;
  float: right;
  font-size: 14px;
  margin-left: 10px;
}

.cardsWrapper .card.vuln .cardBottom p {
  color: #ffffff;
  font-size: 18px;
  line-height: 25px;
  margin-bottom: 5px;
}

.cardsWrapper .card.vuln .cardBottom p a {
  color: #ffffff;
  text-decoration: underline;
}

.cardsWrapper .card.vuln .cardBottom .type {
  color: #82939c;
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom: 0;
  font-weight: 600;
}

.cardsWrapper .card.vuln .cardBottom .number {
  margin-bottom: 0;
  font-size: 14px;
}

.cardsWrapper .card.vuln .cardBottom .number a {
  color: #ffffff;
  text-decoration: none;
}

.cardsWrapper .no-cards-results {
  display: none;
}

.cardsWrapper .no-cards-results p {
  text-align: center;
  padding: 0 30px;
  margin: 0;
}

/* Under maintenance messages for downtime */
.iconblock {
  padding-bottom: 2rem;
  padding-top: 1rem;
  text-align: center;
}

@media screen and (min-width: 40em) {
  .iconblock {
    padding-bottom: 4rem;
    padding-top: 4rem;
  }
}

.iconblock__item {
  padding-bottom: 2rem;
  display: inline-block;
}

.iconblock__item-icon {
  background-color: #ffffff;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  line-height: 100px;
  margin: 0 auto;
  position: relative;
  text-align: center;
  -webkit-transition: background-color 200ms linear;
  transition: background-color 200ms linear;
}

.iconblock__item-icon img {
  max-width: 50px;
  max-height: 50px;
}

.iconblock__item-icon-txt {
  display: inline-block;
  background-color: #82939c;
  font-size: 0.875rem;
  width: 32px;
  height: 32px;
  line-height: 35px;
  position: absolute;
  top: 0;
  right: -10px;
  max-height: 32px;
  color: #ffffff;
  border-radius: 50%;
  font-weight: 500;
  vertical-align: middle;
}

.iconblock__item-icon:hover {
  background-color: #3B454A;
  -webkit-transition: background-color 200ms linear;
  transition: background-color 200ms linear;
}

.iconblock__item-txt {
  margin-top: 10px;
  font-size: 1rem;
  font-family: "Muli", "Muli-local", sans-serif;
  color: #0a0a0a;
  width: 80%;
  margin: 0 auto;
}

.iconblock__row {
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.iconblock__column {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  max-width: 25%;
}

@media screen and (min-width: 40em) {
  .iconblock__column {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}

@media screen and (min-width: 40em) and (max-width: 64em) {
  .iconblock__column {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    max-width: 50%;
  }
}

@media screen and (min-width: 40em) and (max-width: 64em) and (min-width: 40em) {
  .iconblock__column {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}

@media screen and (max-width: 39.9375em) {
  .iconblock__column {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    max-width: 100%;
  }
}

@media screen and (max-width: 39.9375em) and (min-width: 40em) {
  .iconblock__column {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}

.iconblock h2 {
  color: #0a0a0a;
  font-size: 40px;
  line-height: 45px;
  padding-bottom: 2rem;
  font-weight: 500;
}

.iconblock p.meta {
  font-size: 1.375rem;
  line-height: 2.188rem;
}

.iconblock .icons {
  color: #242b2e;
}

.iconblock .icons .column, .iconblock .icons .columns {
  padding: .75rem;
}

.iconblock .icons .column:last-child, .iconblock .icons .columns:last-child {
  border-right: none;
}

.iconblock .icons .column .iconContent, .iconblock .icons .columns .iconContent {
  background-color: #ffffff;
  min-height: 230px;
  padding: 2.5rem 1.5rem;
}

@media screen and (min-width: 64.1em) and (max-width: 1430px) {
  .iconblock .icons .column .iconContent, .iconblock .icons .columns .iconContent {
    min-height: 270px;
  }
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .iconblock .icons .column .iconContent, .iconblock .icons .columns .iconContent {
    min-height: 235px;
    padding: 2.5rem 1rem;
  }
}

.iconblock .icons .column .iconContent:hover, .iconblock .icons .columns .iconContent:hover {
  background-color: #3B454A;
  cursor: pointer;
}

.iconblock .icons .column .iconContent:hover p, .iconblock .icons .columns .iconContent:hover p {
  color: #ffffff;
}

.iconblock .icons .column .icon, .iconblock .icons .columns .icon {
  max-height: 50px;
  max-width: 100%;
  margin-bottom: 1.5rem;
}

.share-bar {
  text-align: center;
  width: 100%;
  margin: 0 auto;
  margin-left: 20px;
}

.share-bar__title {
  text-transform: uppercase;
  font-size: 0.875rem;
  color: #0a0a0a;
  font-weight: 500;
}

.share-bar ul {
  list-style-position: outside;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.share-bar ul li a {
  display: block;
  position: relative;
  height: 50px;
  width: 50px;
  border-radius: 40px;
  margin: 0 auto;
  -webkit-transition: background-color .35s ease-out;
  transition: background-color .35s ease-out;
}

.share-bar ul li a:hover {
  background: #ffffff;
  -webkit-transition: background-color .35s ease-in;
  transition: background-color .35s ease-in;
}

.share-bar ul li a img {
  text-align: center;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.event-block__img {
  position: relative;
}

@media screen and (max-width: 39.9375em) {
  .event-block__img {
    margin-bottom: 30px;
  }
}

.event-block__featured {
  background-color: #519bc8;
  color: #ffffff;
  height: 20px;
  display: inline-block;
  font-size: 0.625rem;
  font-weight: 500;
  position: absolute;
  top: 14px;
  right: 0;
  padding: 3px 10px 0 9px;
  font-family: "Muli", "Muli-local", sans-serif;
  text-transform: uppercase;
  z-index: 3;
}

.event-block__featured:before {
  content: '';
  width: 0;
  height: 0;
  border-top: 20px solid #519bc8;
  border-left: 6px solid transparent;
  display: inline-block;
  position: absolute;
  margin-left: -15px;
  margin-top: -3px;
}

.event-block__meta span {
  font-weight: 600;
}

.event-block .date-box {
  border: 1px solid #DEE5E8;
  margin: 0 auto;
  color: #595959;
  text-align: center;
  display: inline-block;
  background-color: #ffffff;
}

.event-block .date-box__month {
  font-size: 1.125rem;
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 1;
  padding-top: 5px;
}

.event-block .date-box__day {
  padding-left: 10px;
  padding-right: 10px;
  line-height: 1;
  padding-bottom: 5px;
}

.event-block .date-box__year {
  background-color: #DEE5E8;
  color: #82939c;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 27px;
  vertical-align: middle;
  padding-top: 3px;
}

.integrations-block {
  background-color: #242b2e;
  padding-top: 5rem;
  padding-bottom: 5rem;
  color: #ffffff;
}

@media screen and (max-width: 39.9375em) {
  .integrations-block {
    padding: 3rem 20px;
  }
}

.integrations-block h2 {
  color: #ffffff;
  font-size: 2.5rem;
  margin-bottom: 2rem;
}

.integrations-block p {
  color: #ffffff;
  font-size: 0.875rem;
  line-height: 28px;
  margin-bottom: 2rem;
}

.integrations-block__subtitle {
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 25px;
}

.integrations-block ul.integrations-block__bullets {
  margin-bottom: 2rem;
}

.integrations-block ul.integrations-block__bullets li {
  font-size: 1.125rem;
  color: #ffffff;
  list-style-type: disc;
  margin-top: 1rem;
  color: #ffffff;
}

@media screen and (max-width: 39.9375em) {
  .integrations-block__list {
    margin-top: 30px;
  }
}

.integrations-block__list a {
  display: block;
  height: 125px;
  position: relative;
  float: left !important;
  background-color: #ffffff;
}

@media screen and (max-width: 39.9375em) {
  .integrations-block__list a {
    float: none !important;
  }
}

@media screen and (min-width: 40em) {
  .integrations-block__list a {
    width: 50%;
    float: left;
    border-bottom: 1px solid #ccc;
  }
  .integrations-block__list a:last-child:not(:first-child) {
    float: right;
  }
  .integrations-block__list a:nth-child(odd) {
    border-right: 1px solid #ccc;
  }
  .integrations-block__list a:last-child {
    border-bottom: none;
  }
}

@media screen and (max-width: 39.9375em) {
  .integrations-block__list a {
    border-bottom: 1px solid #ccc;
  }
}

.integrations-block__list a img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 150px;
}

@media screen and (max-width: 63.9375em) {
  .integrations-block__list a img {
    max-width: 100px;
  }
}

.integrations-block__list a span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 30px;
  color: #595959;
}

.integrations-block__list-mini a {
  margin: 1%;
  border-bottom: none;
  borer-right: none;
}

@media screen and (min-width: 64em) {
  .integrations-block__list-mini a {
    width: 18%;
  }
}

@media screen and (max-width: 63.9375em) {
  .integrations-block__list-mini a {
    width: 48%;
  }
}

.services-block {
  background-color: #3B454A;
  padding-top: 5rem;
  padding-bottom: 5rem;
}

@media screen and (max-width: 39.9375em) {
  .services-block {
    padding: 3rem 20px 1rem;
  }
}

.services-block__headline {
  color: #ffffff;
  font-size: 2.5rem;
  line-height: 45px;
  padding-bottom: 2rem;
  font-weight: 400;
  text-align: center;
}

.services-block__item {
  background: #ffffff;
  padding: 2.5rem 1.5rem;
  text-align: center;
  margin-bottom: 1rem;
}

@media screen and (min-width: 40em) {
  .services-block__item {
    margin-bottom: 0;
  }
}

.services-block__item-icon img {
  max-width: 50px;
  max-height: 50px;
  display: inline-block;
}

.services-block__item-icon.left {
  position: relative;
}

.services-block__item-icon.left img {
  position: absolute;
  left: 0;
}

.services-block__item-title {
  color: #0a0a0a;
  font-weight: 600;
  font-size: 1.75rem;
  padding-bottom: 0;
  margin-bottom: 2rem;
  margin-top: 2rem;
}

.services-block__item-content {
  text-align: left;
  padding-left: 3.75rem;
}

.services-block__item-content .services-block__item-title {
  margin: 1rem auto 0.875rem;
}

.services-block__item-content .services-block__item-txt {
  margin-bottom: 0px;
}

.services-block__item-txt {
  color: #3B454A;
}

.services-block__item .button {
  margin-top: 1rem;
}

.resources-block {
  background-color: #edf1f2;
  padding-top: 5rem;
  padding-bottom: 5rem;
}

@media screen and (max-width: 39.9375em) {
  .resources-block {
    padding: 3rem 20px 1rem;
  }
}

.resources-block__headline {
  color: #242b2e;
  font-size: 2.5rem;
  line-height: 45px;
  padding-bottom: 2rem;
  font-weight: 400;
  text-align: center;
}

.resources-block__items {
  padding: 0;
  position: relative;
}

.resources-block__item {
  margin-bottom: 1.125rem;
  min-height: 300px;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.resources-block__item:hover a {
  cursor: pointer !important;
}

.resources-block__item:hover .resources-block__item-text {
  background-color: #3B454A;
}

.resources-block__item:hover .resources-block__item-text h3,
.resources-block__item:hover .resources-block__item-text .resources-block__item-type {
  display: none;
}

.resources-block__item:hover .resources-block__item-text p {
  font-size: 14px;
  line-height: 20px;
  display: block;
  text-overflow: ellipsis;
  margin-bottom: -40px;
  position: relative;
  z-index: 100;
}

.resources-block__item:hover .resources-block__item-text p:after {
  content: '';
  width: 100%;
  bottom: 5px;
  left: 0;
  height: 65px;
  background-color: #3B454A;
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(58, 69, 75, 0)), color-stop(1%, rgba(58, 69, 75, 0)), color-stop(50%, #3a454b));
  background: linear-gradient(to bottom, rgba(58, 69, 75, 0) 0%, rgba(58, 69, 75, 0) 1%, #3a454b 50%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003a454b', endColorstr='#3a454b',GradientType=0 );
  /* IE6-9 */
  position: absolute;
  z-index: 300;
}

.resources-block__item:hover .resources-block__item-overlay {
  background: rgba(0, 0, 0, 0.6);
}

.resources-block__item:hover .resources-block__item-overlay button.clear {
  color: #ffffff;
}

.resources-block__item:hover .resources-block__item-overlay-content button {
  display: block;
  text-align: center;
}

.resources-block__item-image-wrap {
  position: relative;
  cursor: pointer;
}

.resources-block__item-image {
  background-image: url("../img/resources-default-image.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  width: 100%;
  overflow: hidden;
}

.resources-block__item-image:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.resources-block__item-text {
  overflow: hidden;
  margin: auto;
  background-color: #ffffff;
  padding: 1.125rem 1.25rem;
  cursor: pointer;
}

.resources-block__item-text .resources-block__item-type {
  color: #82939c;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.75rem;
  line-height: 0.875rem;
}

.resources-block__item-text p {
  color: #ffffff;
  display: none;
  font-size: 0.875rem;
  line-height: 1rem;
}

.resources-block__item-text h3 {
  font-size: 1.125rem;
  line-height: 22px;
  color: #242b2e;
  font-weight: 600;
  margin-bottom: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.resources-block__item-overlay {
  position: absolute;
  width: 100%;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.1);
  z-index: 2;
}

.resources-block__item-overlay:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.resources-block__item-overlay-content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.resources-block__item-overlay-content div {
  display: table;
  width: 100%;
  height: 100%;
}

.resources-block__item-overlay-content button {
  text-align: center;
  vertical-align: middle;
  margin: 45% auto;
  display: none;
}

.resources-block .slick-arrow {
  width: 100px;
  height: 100px;
  text-indent: 9999px;
  border: none;
  z-index: 40;
}

.resources-block .slick-next {
  background: transparent url(../img/next.png) center center no-repeat;
  margin-top: 150px;
  right: -100px;
  top: 0;
  position: absolute;
}

.resources-block .slick-prev {
  background: transparent url(../img/previous.png) center center no-repeat;
  margin-top: 150px;
  left: -100px;
  position: absolute;
}

.resources-block .slick-disabled {
  display: none !important;
}

.resources-block .slick-dots {
  display: block;
  text-align: center;
  margin-left: 0;
}

.resources-block .slick-dots li {
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
}

.resources-block .slick-dots li button {
  width: 10px;
  height: 10px;
  background-color: #82939c;
  border-radius: 50%;
  position: relative;
  text-indent: -9999px;
}

.resources-block .slick-dots li.slick-active button {
  background-color: #242b2e;
}

.customer-block {
  background-color: #ffffff;
  display: block;
  margin-top: 40px;
  position: relative;
}

.customer-block__img {
  padding-bottom: 85%;
  position: relative;
}

.customer-block__img img {
  max-width: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.customer-block__content {
  padding: 20px;
  border-top: 1px solid #dcdbdb;
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-size: 0.875rem;
}

.customer-block__title {
  color: #242b2e;
  font-weight: 600;
  line-height: 1.25em;
}

.customer-block__subtitle {
  color: #82939c;
  font-weight: 600;
  line-height: 1.25rem;
  text-transform: uppercase;
  margin-top: 10px;
}

.customer-block__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(10, 10, 10, 0.5);
  display: none;
}

:hover > .customer-block__overlay {
  display: block;
}

.customer-block__overlay .button {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.logoBlock {
  max-width: none;
}

.logoBlock .customerText {
  background-color: #3B454A;
  background-image: url("../img/dotmap-clear.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 2.5rem;
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .logoBlock .customerText {
    padding: 1rem;
  }
}

@media screen and (min-width: 64em) {
  .logoBlock .customerText {
    padding: 3.5rem 3.5rem 3.75rem;
  }
}

@media screen and (min-width: 94em) {
  .logoBlock .customerText {
    padding: 4rem 4.5rem 3.5rem;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .logoBlock .customerText {
    padding: 2rem;
  }
}

.logoBlock .customerText p {
  color: #82939c;
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 20px;
  line-height: 30px;
}

@media screen and (min-width: 64em) {
  .logoBlock .customerText p {
    font-size: 1.75rem;
    line-height: 60px;
    margin-top: -2rem;
    padding-top: 1rem;
  }
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .logoBlock .customerText p {
    margin-bottom: .5rem;
  }
}

.logoBlock .customerText p.intro {
  color: #ffffff;
  margin-top: 0;
  padding-top: 0;
  margin-top: 1.5rem;
}

.logoBlock .customerText p.intro img {
  max-width: 200px;
  max-height: 30px;
  padding-right: 1rem;
  padding-bottom: .25rem;
  display: block;
}

.logoBlock .customerText p.number {
  color: #ffffff;
  font-size: 2.188rem;
  line-height: 40px;
  font-weight: 600;
  margin-bottom: 0;
  margin-top: 0;
  padding-top: 0;
}

@media screen and (max-width: 64em) {
  .logoBlock .customerText p.number {
    margin-top: 1.250rem;
  }
}

@media screen and (min-width: 64em) {
  .logoBlock .customerText p.number {
    font-size: 4.063rem;
    line-height: 5rem;
  }
}

@media screen and (min-width: 84em) {
  .logoBlock .customerText p.number {
    font-size: 80px;
    line-height: 96px;
  }
}

@media screen and (max-width: 39.938em) {
  .logoBlock .customerText .button.darkClear {
    margin-bototm: 2rem;
  }
}

@media screen and (min-width: 64em) {
  .logoBlock .customerText .button.darkClear {
    margin-top: 2rem;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1436px) {
  .logoBlock .customerText .button.darkClear {
    margin-top: 1rem;
  }
}

.logoBlock .logos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

@media screen and (max-width: 39.938em) {
  .logoBlock .logos {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

.logoBlock .logos .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row no-wrap;
  flex-flow: row no-wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.logoBlock .logoBox {
  display: block;
  text-align: center;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.logoBlock .logoBox img {
  vertical-align: middle;
}

.logo-blocks {
  background-color: #ffffff;
}

.logo-blocks__slider {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 100px;
  padding-right: 100px;
}

.logo-blocks__slider-item {
  position: relative;
  display: block;
  height: 174px;
  width: 100%;
}

.logo-blocks__slider-item img {
  max-width: 90%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.logo-blocks__slider .slick-arrow {
  display: none;
  width: 100px;
  height: 100px;
  display: inline-block;
  position: absolute;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-indent: -9999px;
}

.logo-blocks__slider .slick-prev {
  background-image: url(../img/previous.png);
  left: 0;
}

.logo-blocks__slider .slick-next {
  background-image: url(../img/next.png);
  right: 0;
}

.logo-blocks__slider .slick-disabled {
  opacity: .2;
}

.mr-blocks__header {
  text-align: center;
  background-size: 100% auto;
  background-position: center top;
  background-repeat: repeat-x;
  background-image: url(../img/research-tabbed-heading-bg.jpg);
}

.mr-blocks__header-title {
  color: #0a0a0a;
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 40px;
  margin: 0;
  padding: 0;
  padding: 77px 20px 52px;
}

.mr-blocks__content h1,
.mr-blocks__content h2,
.mr-blocks__content h3 {
  margin-bottom: 2rem;
  color: #0a0a0a;
  font-size: 1.75rem;
  font-weight: 500;
}

.mr-blocks__content p {
  color: #82939c;
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 2.188rem;
}

.mr-blocks .tabs {
  display: block;
  text-align: center;
}

.mr-blocks .tabs li.tabs-title {
  display: inline-block;
  width: 16.667%;
}

@media screen and (max-width: 39.9375em) {
  .mr-blocks .tabs li.tabs-title {
    width: 100%;
    border-bottom: 1px solid #5f6b71;
  }
}

.mr-blocks .tabs li.tabs-title a {
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  background-color: #3B454A;
  color: #dcdbdb;
  padding-top: 28px;
  padding-bottom: 28px;
  line-height: 18px;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-left: 1px solid #5f6b71;
}

.mr-blocks .tabs li.tabs-title a:hover {
  background-color: #586166;
  color: #dcdbdb;
}

.mr-blocks .tabs li.tabs-title.is-active {
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-size: 1rem;
  font-weight: 400;
}

.mr-blocks .tabs li.tabs-title.is-active a {
  background-color: #ffffff;
  color: #0a0a0a;
  border-left: 1px solid #ffffff;
}

.mr-blocks .tabs li.tabs-title.is-active a:hover {
  background-color: #ffffff;
  color: #0a0a0a;
  cursor: text;
}

.mr-blocks .tabs li.tabs-title.is-active a:hover:before {
  display: none;
}

.mr-blocks .tabs-content {
  background-color: #ffffff;
  background-size: 100% auto;
  background-position: center bottom;
  background-repeat: repeat-x;
  background-image: url(../img/research-tabbed-section-bottom-bg.jpg);
}

@media screen and (max-width: 39.9375em) {
  .mr-blocks .tabs-content {
    text-align: center;
  }
}

.blog-research-block__title {
  color: #0a0a0a;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 40px;
  font-family: "Muli", "Muli-local", sans-serif;
  margin: 0 auto;
  margin-bottom: 29px;
}

.blog-research-block__title ~ .blog-research-block__subtitle {
  margin-top: -24px;
  margin-bottom: 29px;
}

.blog-research-block__subtitle {
  color: #82939c;
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 2.188rem;
  margin: 0 auto;
  margin-bottom: 29px;
}

.blog-research-block__header {
  padding-top: 78px;
  padding-bottom: 60px;
  text-align: center;
}

.blog-research-block__item {
  background-color: #ffffff;
  margin-bottom: 80px;
}

.blog-research-block__item-img {
  height: 125px;
  background-position: center center;
  background-size: cover;
}

.blog-research-block__item-content {
  padding: 38px;
}

.blog-research-block__item-title {
  color: #242b2e;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5rem;
  font-family: "Muli", "Muli-local", sans-serif;
}

.blog-research-block__item-meta {
  color: #82939c;
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 2.188rem;
  margin-top: 14px;
  margin-bottom: 15px;
}

.blog-research-block__item-txt {
  color: #242b2e;
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin-bottom: 27px;
}

.blog-research-block__item-txt ~ .button {
  margin-bottom: 0;
}

.blog-research-block__slider {
  padding: 0 17%;
}

.blog-research-block__slider .blog-research-block__item {
  margin-left: 10px;
  margin-right: 10px;
}

.blog-research-block__slider .slick-arrow {
  display: none;
  width: 100px;
  height: 100px;
  display: inline-block;
  position: absolute;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-indent: -9999px;
  border: none;
}

.blog-research-block__slider .slick-prev {
  background-image: url(../img/previous.png);
  background-position: -15px center;
  left: 0;
}

.blog-research-block__slider .slick-next {
  background-image: url(../img/next.png);
  background-position: 14px center;
  right: 0;
}

.blog-research-block__slider .slick-disabled {
  opacity: .2;
}

.industries-block {
  background-color: #0a0a0a;
}

.industries-block__title {
  color: #ffffff;
  font-size: 2.5rem;
  font-weight: 400;
  font-family: "Muli", "Muli-local", sans-serif;
  line-height: 40px;
  margin-bottom: 20px;
}

.industries-block__subtitle {
  color: #82939c;
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 2.188rem;
  margin: 0 3rem;
}

.industries-block__header {
  padding-top: 78px;
  text-align: center;
  margin-bottom: -50px;
  position: relative;
  z-index: 3;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+4,000000+100&1+70,0+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(4%, black), color-stop(70%, black), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to bottom, black 4%, black 70%, rgba(0, 0, 0, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );
  /* IE6-9 */
}

.industries-block .fullWidth {
  max-width: none;
}

.industry-block {
  position: relative;
  min-height: 440px;
  background-position: center center;
  background-size: cover;
  text-align: center;
}

@media screen and (max-width: 64em) {
  .industry-block {
    min-height: 500px;
  }
}

@media screen and (max-width: 39.9375em) {
  .industry-block {
    min-height: 350px;
  }
}

.industry-block:before {
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(10, 10, 10, 0.7);
}

.industry-block:hover, .industry-block:active {
  text-align: left;
}

.industry-block:hover .industry-block__icon, .industry-block:active .industry-block__icon {
  display: none;
}

.industry-block:hover .industry-block__title, .industry-block:active .industry-block__title {
  font-size: 1.375rem;
}

.industry-block:hover .industry-block__txt, .industry-block:active .industry-block__txt {
  display: block;
}

.industry-block:hover .industry-block__txt ~ .button, .industry-block:active .industry-block__txt ~ .button {
  display: inline-block;
}

.industry-block__icon {
  margin-bottom: 27px;
  text-align: center;
}

.industry-block__icon img {
  height: 60px;
}

.industry-block__content {
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0;
  padding-left: 50px;
  padding-right: 50px;
}

@media screen and (max-width: 64em) {
  .industry-block__content {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.industry-block__title {
  color: #ffffff;
  font-size: 1.75rem;
  font-weight: 400;
  font-family: "Muli", "Muli-local", sans-serif;
  line-height: 1.75rem;
}

.industry-block__txt {
  color: #82939c;
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin-top: 19px;
  display: none;
}

.industry-block__txt ~ .button {
  margin-top: 29px;
  margin-bottom: 0;
  display: none;
}

.researchers-block {
  background-color: #242b2e;
  padding-bottom: 40px;
  background-size: 100% auto;
  background-position: center top;
  background-repeat: repeat-x;
  background-image: url(../img/research-researchers-bg-img.png);
}

.researchers-block__title {
  color: #ffffff;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 40px;
  font-family: "Muli", "Muli-local", sans-serif;
  width: 90%;
  margin: 0 auto;
  margin-bottom: 29px;
}

.researchers-block__header {
  padding-top: 106px;
  padding-bottom: 60px;
  text-align: center;
}

.researchers-block__item {
  width: 80%;
  margin: 0 auto;
  margin-bottom: 40px;
}

.researchers-block__item img {
  background-size: contain;
  background-position: center center;
  text-align: center;
  display: block;
  margin: 0 auto;
}

.researchers-block__item-content {
  padding-top: 39px;
}

.researchers-block__item-title {
  color: #ffffff;
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 22px;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}

.researchers-block__item-subtitle {
  color: #93a2a5;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.75rem;
  margin-bottom: 29px;
}

.researchers-block__item .button {
  margin-bottom: 39px;
}

.key-features-block {
  background-color: #ffffff;
  position: relative;
  z-index: 2;
  padding: 5rem 0;
  text-align: left;
}

@media screen and (max-width: 39.9375em) {
  .key-features-block {
    padding: 40px 20px 0;
  }
}

.key-features-block--dark {
  background-color: #edf1f2;
}

.key-features-block h2 {
  font-size: 2.188rem;
  line-height: 35px;
  margin-bottom: 2rem;
  font-weight: 500;
}

@media screen and (min-width: 64em) {
  .key-features-block h2 {
    font-size: 2.5rem;
    line-height: 50px;
  }
}

.key-features-block img {
  max-width: none;
  border: 10px solid #f2f2f2;
  position: relative;
}

@media screen and (max-width: 39.9375em) {
  .key-features-block img {
    position: none;
    margin-top: 2rem;
    text-align: center;
    width: 100%;
    border-bottom: none;
  }
}

.key-features-block p {
  color: #82939c;
}

.key-features-block ul {
  margin: 2rem 0;
  position: relative;
}

.key-features-block ul li {
  line-height: 1.5625rem;
  margin-bottom: 30px;
  padding-left: 35px;
  position: relative;
  font-size: 1.125rem;
  font-weight: 600;
}

.key-features-block ul li:before {
  content: '';
  background-image: url("../img/icon-checked.svg");
  background-size: 24px 24px;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  left: 0;
}

.key-features-block ul li a {
  font-size: 1.125rem;
  font-weight: 600;
}

.key-features-block .button {
  margin-top: 30px;
}

@media screen and (max-width: 39.9375em) {
  .key-features-block .button {
    margin-top: 0;
  }
}

.key-features-block .button.clear {
  margin-left: 15px;
}

@media screen and (max-width: 39.9375em) {
  .key-features-block .button.clear {
    margin-left: 0;
  }
}

.tooltip {
  background-color: #242b2e;
  max-width: 20rem !important;
  padding: 1rem 1.125rem;
  font-size: 0.75rem;
  line-height: 18px;
}

.tooltip::before, .tooltip::after {
  border-color: transparent transparent #242b2e;
}

@media screen and (max-width: 40em) {
  .tooltip {
    max-width: 100%;
  }
}

.tooltip.white {
  background-color: #ffffff;
  border-radius: 5px;
  padding: 20px;
  color: #132b3b;
}

.tooltip.white:before {
  content: '';
  width: 10px;
  height: 8px;
  border: none;
  background-image: url("/includes/img/icons/tooltip-point-white.svg");
  background-position: bottom center;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform: none;
  transform: none;
}

.tooltip.white a {
  color: #31739C;
  -webkit-transition: color 200ms ease-in-out;
  transition: color 200ms ease-in-out;
}

.tooltip.white a:hover {
  color: #519bc8;
}

.tooltip .close {
  position: absolute;
  right: 5px;
  top: 5px;
  background-image: url("/includes/img/icons/icon-close-thin-ltgray.svg");
  width: 20px;
  height: 20px;
  background-size: 10px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.infographic-block.box {
  position: relative;
  z-index: 3;
}

.infographic-block.first {
  min-height: 500px;
  margin-top: -550px;
}

.infographic-block.first .inner .right {
  text-align: center;
  padding: 40px 35px 30px;
}

.infographic-block.first .inner .right h3 {
  color: #519bc8;
  font-size: 48px;
  font-weight: 600;
  margin-bottom: 10px;
}

.infographic-block.first .inner .right h3 span {
  color: #5d6d75;
  font-size: 26px;
  margin: 0 8px -15px;
  display: inline-block;
}

.infographic-block.first .inner .right p {
  text-align: center;
  font-size: 14px;
  line-height: 18px;
}

.infographic-block.first .inner .right p.footnote {
  text-align: center;
  font-size: 10px;
  line-height: 12px;
  padding: 0 20px;
}

.infographic-block.first .inner .left {
  padding: 10px 10px 0;
  -webkit-box-shadow: 4px 0px 15px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 4px 0px 15px 0px rgba(0, 0, 0, 0.12);
}

.infographic-block.first .inner .left img {
  padding: 20px 20px 0px;
}

@media screen and (max-width: 63.9375em) {
  .infographic-block.first .inner .left {
    text-align: center;
  }
  .infographic-block.first .inner .left img {
    padding: 10px 10px 0;
  }
}

.infographic-block.first .inner .left p {
  padding: 30px 34px 20px;
  font-size: 18px;
  line-height: 28px;
}

@media screen and (max-width: 39.9375em) {
  .infographic-block.first .inner .left p {
    padding: 20px 20px 10px;
  }
}

.infographic-block.first .inner .shadowed-box {
  display: table;
  overflow: hidden;
}

.infographic-block.blue-grey-box {
  background: #132b3b;
  padding: 20px;
}

.infographic-block.blue-grey-box:after {
  content: " ";
  border: 12px solid #edf1f2;
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 20px;
}

.infographic-block.blue-grey-box:before {
  content: " ";
  border: 8px solid #DEE5E8;
  position: absolute;
  top: 32px;
  left: 32px;
  right: 32px;
  bottom: 32px;
}

.infographic-block.blue-grey-box .inner {
  background: #edf1f2;
  min-height: 500px;
  padding: 20px 27px;
}

.infographic-block.grey-white-box {
  background: #ffffff;
  padding: 10px;
}

.infographic-block.grey-white-box:after {
  content: " ";
  border: 8px solid #DEE5E8;
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
}

.infographic-block.grey-white-box .inner {
  background: #ffffff;
  padding: 22px;
}

.infographic-block.grey-white-box .inner .heading {
  padding: 40px 50px 30px;
}

.infographic-block.grey-white-box .inner .heading h2 {
  font-size: 42px;
  font-weight: 500;
  line-height: 42px;
  color: #5d6d75;
}

.infographic-block.grey-white-box .inner .heading h2 span.green {
  color: #19a586;
}

@media screen and (max-width: 39.9375em) {
  .infographic-block.grey-white-box .inner .heading h2 {
    font-size: 28px;
    line-height: 30px;
  }
}

.infographic-block.grey-grey-box {
  background: #cfd9de;
  padding: 10px;
}

.infographic-block.grey-grey-box:after {
  content: " ";
  border: 8px solid #DEE5E8;
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
}

.infographic-block.grey-grey-box .inner {
  background: #cfd9de;
  padding: 22px;
}

.infographic-block.grey-grey-box .inner .heading {
  text-align: center;
  padding: 20px 40px 10px;
}

.infographic-block.grey-grey-box .inner .heading h2 {
  font-size: 26px;
  line-height: 35px;
  font-weight: 500;
  color: #132b3b;
}

@media screen and (max-width: 39.9375em) {
  .infographic-block.grey-grey-box .inner .heading h2 {
    font-size: 28px;
    line-height: 30px;
  }
}

.infographic-block.grey-grey-box a {
  z-index: 10;
}

.infographic-block.blue-blue-box {
  background: #132b3b;
  padding: 10px;
}

.infographic-block.blue-blue-box:after {
  content: " ";
  border: 8px solid #132b3b;
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
}

.infographic-block.blue-blue-box .inner {
  background: #132b3b;
  padding: 22px;
}

@media screen and (max-width: 39.9375em) {
  .infographic-block.blue-blue-box .inner {
    padding: 0;
  }
}

.infographic-block.blue-blue-box .inner .heading {
  padding: 40px 50px 20px;
}

.infographic-block.blue-blue-box .inner .heading h2 {
  font-size: 42px;
  line-height: 42px;
  font-weight: 500;
  color: #ffffff;
}

@media screen and (max-width: 39.9375em) {
  .infographic-block.blue-blue-box .inner .heading h2 {
    font-size: 28px;
    line-height: 30px;
  }
}

.infographic-block.blue-blue-box .inner .heading p {
  color: #ffffff;
  line-height: 24px;
}

.infographic-block.blue-box {
  background: #132b3b;
  padding: 20px;
}

.infographic-block .intro {
  background: #fcfdfd;
}

.infographic-block .boxes {
  padding: 30px 50px 10px;
}

.infographic-block .boxes .box {
  border: 6px solid #cfd9de;
  text-align: center;
  padding: 5px 10px 10px;
  margin-bottom: 20px;
  background: #edf1f2;
}

.infographic-block .boxes .box h3 {
  font-size: 26px;
  font-weight: 500;
  margin-bottom: 10px;
  line-height: 14px;
  color: #82939c;
}

.infographic-block .boxes .box h3 span {
  font-size: 14px;
}

.infographic-block .boxes .box h4 {
  font-size: 14px;
  font-weight: 500;
  color: #82939c;
  text-transform: uppercase;
  line-height: 14px;
}

.infographic-block .boxes.green {
  padding: 10px 50px;
}

.infographic-block .boxes.green .box h3 {
  color: #19a586;
  -webkit-transition: color 0.75s;
  -webkit-transition: color 0.7udmk5s;
  transition: color 0.7udmk5s;
}

.infographic-block .boxes.green .box h3.loading {
  color: #edf1f2;
}

.infographic-block .boxes.green .box h4 {
  color: #3B454A;
}

.infographic-block .boxes.dark {
  padding: 10px 50px;
}

.infographic-block .boxes.dark .box h3 {
  color: #519bc8;
}

.infographic-block .boxes.dark .box h4 {
  color: #3B454A;
}

.infographic-block .calculator {
  padding: 30px 50px 10px;
}

.infographic-block .calculator h4 {
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 20px;
  margin-top: 20px;
}

.infographic-block .calculator h4:last-child {
  margin-bottom: 0;
}

.infographic-block .calculator .slider-row {
  border-bottom: 1px solid #cfd9de;
  margin-bottom: 10px;
}

.infographic-block .calculator .slider-row p.title {
  line-height: 20px;
  font-size: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 12px 0 20px;
}

.infographic-block .calculator .slider-row .slider {
  background-color: #DEE5E8;
  height: 5px;
  margin-bottom: 0;
}

.infographic-block .calculator .slider-row .slider:before {
  content: " ";
  position: absolute;
  left: 0;
  height: 15px;
  margin: -5px 0 0 -3px;
  border-right: 3px solid #82939c;
}

.infographic-block .calculator .slider-row .slider:after {
  content: " ";
  position: absolute;
  right: 0;
  height: 15px;
  margin: -5px -3px 0 0;
  border-right: 3px solid #82939c;
}

.infographic-block .calculator .slider-row .slider .slider-handle {
  width: 10px;
  height: 20px;
  background-color: #519bc8;
}

.infographic-block .calculator .slider-row .slider .slider-handle:before {
  content: " ";
  position: relative;
  top: 26px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #519bc8;
}

.infographic-block .calculator .slider-row .slider .slider-fill {
  background-color: #DEE5E8;
  height: 5px;
}

.infographic-block .calculator .slider-row .output input[type='number'] {
  text-align: right;
  border: none;
  margin-right: -10px;
  padding: 0;
  margin-bottom: 0;
  -moz-appearance: textfield;
}

.infographic-block .calculator .slider-row .output input[type='number']::-webkit-inner-spin-button, .infographic-block .calculator .slider-row .output input[type='number'] ::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.infographic-block .calculator .slider-row.last {
  border-bottom: none;
}

.infographic-block .cta-wp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 39.9375em) {
  .infographic-block .cta-wp {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
  }
}

.infographic-block .cta-wp a {
  z-index: 10;
}

.infographic-block .cta-wp img {
  max-height: 102px;
  max-width: 87px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0 30px 0 80px;
}

@media screen and (max-width: 63.9375em) {
  .infographic-block .cta-wp img {
    margin: 0 30px 10px;
  }
}

.infographic-block .cta-wp h2 {
  font-size: 22px;
  line-height: 28px;
  font-weight: 500;
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
  margin: 10px 0 0;
}

@media screen and (max-width: 39.9375em) {
  .infographic-block .cta-wp h2 {
    margin: 0 30px;
  }
}

.infographic-block .cta-wp .button {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  line-height: 16px;
  padding: 10px;
  margin: 0 80px 0 20px;
}

@media screen and (max-width: 63.9375em) {
  .infographic-block .cta-wp .button {
    margin: 0 30px 0 10px;
  }
}

@media screen and (max-width: 39.9375em) {
  .infographic-block .cta-wp .button {
    margin: 10px 0 20px;
  }
}

.infographic-block .tabbed-area a {
  z-index: 10;
}

@media screen and (max-width: 39.9375em) {
  .infographic-block .tabbed-area .tabs {
    display: none;
  }
}

.infographic-block .tabbed-area .tabs .tabs-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
  cursor: pointer;
}

@media screen and (max-width: 39.9375em) {
  .infographic-block .tabbed-area .tabs .tabs-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.infographic-block .tabbed-area .tabs .tabs-title a {
  background-color: #132b3b;
  color: #ffffff;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  padding: 12px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-weight: 600;
}

.infographic-block .tabbed-area .tabs .tabs-title a:hover {
  background-color: #242b2e;
}

.infographic-block .tabbed-area .tabs .tabs-title img {
  max-width: 34px;
  max-height: 34px;
  margin-right: 15px;
}

.infographic-block .tabbed-area .tabs .tabs-title.is-active a {
  background-color: #519bc8;
}

.infographic-block .tabbed-area .tabs-content {
  border: 8px solid #519bc8;
  padding: 8px;
  margin-bottom: 50px;
}

@media screen and (max-width: 39.9375em) {
  .infographic-block .tabbed-area .tabs-content {
    margin: 0 20px;
    z-index: 100;
    position: relative;
  }
}

.infographic-block .tabbed-area .tabs-content .tabs-panel {
  border: 5px solid #132b3b;
  background: #132b3b;
  padding: 30px;
}

@media screen and (max-width: 39.9375em) {
  .infographic-block .tabbed-area .tabs-content .tabs-panel {
    display: block;
  }
}

.infographic-block .tabbed-area .tabs-content .tabs-panel h3 {
  color: #ffffff;
  font-size: 20px;
  line-height: 22px;
  text-align: center;
  border-bottom: 1px solid #132b3b;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.infographic-block .tabbed-area .tabs-content .tabs-panel p {
  color: #ffffff;
  text-align: center;
  font-size: 16px;
  line-height: 22px;
}

.infographic-block .tabbed-area .tabs-content .tabs-panel .btn-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.infographic-block .tabbed-area .tabs-content .tabs-panel .btn-wrapper .button {
  margin: 5px 0 0;
  line-height: 16px;
  padding: 10px;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}

.infographic-block .bottom-logo {
  text-align: center;
}

.infographic-block .bottom-logo img {
  height: 22px;
}

.infographic-block .footnote {
  font-size: 12px;
  line-height: 12px;
  padding: 0 50px 20px;
}

.sticky-nav {
  z-index: 800;
  min-width: 100%;
  display: none;
}

.sticky-nav.is-stuck {
  display: block;
  z-index: 900;
}

.sticky-nav__main {
  height: 50px;
  line-height: 50px;
  background-color: #242b2e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.34);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.34);
  position: relative;
}

.sticky-nav__logo {
  background-color: #5d6d75;
  display: inline-block;
  height: 50px;
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 20px;
}

@media screen and (min-width: 40em) {
  .sticky-nav__logo {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 133px;
    text-align: center;
    padding-left: 0;
  }
}

.sticky-nav__logo img {
  width: 100px;
  height: 17px;
  display: block;
  display: inline-block;
}

.sticky-nav__title {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 20px;
  vertical-align: top;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 40px;
}

.sticky-nav__title span {
  font-weight: bold;
}

.sticky-nav__title a {
  color: #ffffff;
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.sticky-nav__share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  vertical-align: top;
}

@media screen and (max-width: 39.9375em) {
  .sticky-nav__share--options {
    width: 100%;
    height: 50px;
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    background-color: #242b2e;
    z-index: 20;
    margin: 0;
    text-align: center;
    display: none;
  }
}

.share-open .sticky-nav__share--options {
  display: block;
}

.sticky-nav__share-title {
  color: #ffffff;
  /*font-family: "Hind - Semi Bold";*/
  font-size: 14px;
  font-weight: 600;
  min-width: 54px;
  text-align: center;
  display: inline-block;
}

.sticky-nav__share-title img {
  width: 15px;
}

.sticky-nav__share ul {
  padding: 0;
  margin: 0;
  margin: 0 5px 0 0;
  display: inline-block;
}

.sticky-nav__share ul li {
  display: inline-block;
  height: 50px;
  margin: 0 5px;
}

.sticky-nav__share ul li img {
  width: 14px;
  height: 14px;
}

.sticky-nav__share ul a {
  display: block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  line-height: 33px;
  text-align: center;
  border-radius: 50%;
  margin-top: 7px;
}

.sticky-nav__share ul a:hover {
  background-color: #434a51;
}

.sticky-nav__cta {
  display: inline-block;
}

.sticky-nav__cta .button {
  height: 50px;
  margin: 0;
  border-radius: 0;
}

.sticky-nav__cta .button:after, .sticky-nav__cta .button:hover:after {
  border-radius: 0;
}

.sticky-nav__links {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.34), 0 0 10px rgba(0, 0, 0, 0.34);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.34), 0 0 10px rgba(0, 0, 0, 0.34);
  background-color: #3B454A;
  text-align: center;
  height: 50px;
}

.sticky-nav__links-menu {
  margin-top: -2px;
}

.sticky-nav__links ul {
  margin: 0;
  background-color: #3B454A;
}

@media screen and (max-width: 39.9375em) {
  .sticky-nav__links ul {
    margin: .938rem 0;
  }
}

@media screen and (max-width: 39.9375em) {
  .sticky-nav__links ul {
    margin: 0.938rem 0;
  }
}

.sticky-nav__links ul li {
  display: block;
}

@media screen and (min-width: 40em) {
  .sticky-nav__links ul li {
    display: inline;
  }
}

@media screen and (min-width: 40em) {
  .sticky-nav__links ul li:last-child a {
    border-right: 1px solid #4e585d;
  }
}

.sticky-nav__links ul li a {
  display: inline-block;
  font-weight: 500;
  font-size: 14px;
  padding: 1.14rem 1.5rem;
  color: #edf1f2;
  -webkit-transition: background-color 200ms linear;
  transition: background-color 200ms linear;
}

@media screen and (min-width: 40em) {
  .sticky-nav__links ul li a {
    border-left: 1px solid #4e585d;
  }
}

@media screen and (max-width: 55rem) {
  .sticky-nav__links ul li a {
    padding: 1.14rem .55rem;
  }
}

@media screen and (min-width: 55rem) {
  .sticky-nav__links ul li a {
    padding: 1.14rem 1.25rem;
  }
}

@media screen and (max-width: 39.9375em) {
  .sticky-nav__links ul li a {
    display: block;
  }
}

.sticky-nav__links ul li a:hover, .sticky-nav__links ul li a.active {
  background: #000000;
  color: #ffffff;
  -webkit-transition: background-color 300ms linear;
  transition: background-color 300ms linear;
}

.sticky-nav__links .mobile-sub-menu {
  padding-top: 13px;
}

.sticky-nav__links .title-bar-title {
  font-weight: 700;
  color: #ffffff;
  margin-left: 5px;
  cursor: pointer;
}

.sticky-nav__links .menu-icon::after {
  background: #55585a;
  -webkit-box-shadow: 0 7px 0 #55585a, 0 14px 0 #55585a;
  box-shadow: 0 7px 0 #55585a, 0 14px 0 #55585a;
}

#it-ecosystem {
  position: relative;
  min-height: 500px;
  margin-top: -550px;
}

@media screen and (max-width: 64em) {
  #it-ecosystem .columns {
    width: 100%;
  }
}

#it-ecosystem .section {
  margin: 0 auto;
  position: relative;
}

#it-ecosystem .section .layerItem {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  max-width: 100%;
}

#it-ecosystem .section .itemLink {
  position: absolute;
  display: block;
  z-index: 3;
}

#it-ecosystem #on-premises {
  height: 352px;
  width: 340px;
}

#it-ecosystem #on-premises .layerItem {
  height: 340px;
  width: 352px;
}

#it-ecosystem #on-premises .itemLink#on-premises-main {
  height: 30px;
  width: 140px;
  top: 260px;
  left: 100px;
}

#it-ecosystem #on-premises .itemLink#firewall {
  height: 25px;
  width: 85px;
  top: 0;
  left: 135px;
}

#it-ecosystem #on-premises .itemLink#on-prem-web-apps {
  height: 60px;
  width: 80px;
  top: 100px;
  right: 0;
}

#it-ecosystem #on-premises .itemLink#servers {
  height: 125px;
  width: 86px;
  top: 100px;
  left: 50px;
}

#it-ecosystem #on-premises .itemLink#network {
  height: 143px;
  width: 86px;
  top: 83px;
  left: 140px;
}

#it-ecosystem #on-premises .itemLink#desktops {
  height: 63px;
  width: 68px;
  top: 155px;
  right: 40px;
}

#it-ecosystem #external-services {
  width: 94px;
  height: 140px;
  margin-left: 0;
}

@media screen and (max-width: 64em) {
  #it-ecosystem #external-services {
    margin-top: -70px;
  }
}

#it-ecosystem #external-services .layerItem {
  width: 94px;
  height: 140px;
}

#it-ecosystem #external-services .layerItem#external-services {
  width: 94px;
  height: 140px;
  top: 0;
  left: 0;
}

#it-ecosystem #cloud {
  height: 326px;
  width: 443px;
}

@media screen and (max-width: 39.9375em) {
  #it-ecosystem #cloud {
    margin-left: -70px;
  }
}

#it-ecosystem #cloud .layerItem {
  height: 326px;
  width: 443px;
}

#it-ecosystem #cloud .itemLink#cloud-main {
  height: 30px;
  width: 80px;
  top: 235px;
  left: 208px;
}

#it-ecosystem #cloud .itemLink#containers {
  height: 102px;
  width: 85px;
  top: 78px;
  left: 149px;
}

#it-ecosystem #cloud .itemLink#cloud-instances {
  height: 176px;
  width: 117px;
  top: 0;
  right: 92px;
}

#it-ecosystem #cloud .itemLink#cloud-web-apps {
  height: 69px;
  width: 89px;
  top: 52px;
  right: 0;
}

#it-ecosystem #cloud .itemLink#external-services {
  width: 45px;
  height: 61px;
  top: 266px;
  left: 36px;
}

#it-ecosystem #remote {
  height: 415px;
  width: 335px;
}

@media screen and (max-width: 39.9375em) {
  #it-ecosystem #remote {
    margin-left: -20px;
  }
}

#it-ecosystem #remote .layerItem {
  height: 415px;
  width: 335px;
}

#it-ecosystem #remote .itemLink#remote-main {
  height: 240px;
  width: 252px;
  top: 42px;
  left: 58px;
}

#it-ecosystem #remote .itemLink#external-services {
  width: 40px;
  height: 63px;
  top: 300px;
  left: 30px;
}

.content-section {
  margin-top: 50px;
  margin-top: 100px;
}

.content-section h2, .content-section h3, .content-section h4, .content-section p, .content-section ul, .content-section li {
  color: #ffffff !important;
}

.content-section h3 {
  font-size: 22px !important;
}

.content-section h4 {
  font-size: 18px !important;
}

.content-section hr {
  margin: 50px 0 !important;
}

/* Plugins -- reskinned styles will be moved here */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-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;
  padding: 0 5rem;
}

@media screen and (max-width: 39.9375em) {
  .slick-slider {
    padding: 0;
  }
}

.slick-slider.no-pad {
  padding: 0px;
}

.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);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  -webkit-transition-delay: 80ms !important;
  transition-delay: 80ms !important;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.callToActionDark.slick-slide {
  padding: 0 !important 20px;
  margin: 0 !important;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  display: none;
}

@media screen and (max-width: 39.9375em) {
  .slick-slide {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

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

.slick-arrow.white-arrow {
  position: absolute;
  cursor: pointer;
  width: 30px;
  height: 100%;
  top: 0px;
  background-image: url("/includes/img/icons/icon-right-arrow-white-thick.svg");
  background-size: 16px 30px;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 1;
}

.slick-arrow.white-arrow.slick-next {
  right: -30px;
  -webkit-transition: -webkit-transform 200ms ease-in-out;
  transition: -webkit-transform 200ms ease-in-out;
  transition: transform 200ms ease-in-out;
  transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
}

@media screen and (min-width: 40em) {
  .slick-arrow.white-arrow.slick-next {
    right: 40px;
  }
}

@media screen and (min-width: 64em) {
  .slick-arrow.white-arrow.slick-next {
    right: 0px;
  }
}

.slick-arrow.white-arrow > span {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  left: -180px;
  color: #ffffff;
  text-transform: uppercase;
  font-family: "Muli", "Muli-local", sans-serif;
  font-weight: 800;
  font-size: 12px;
  letter-spacing: 2px;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

.slick-arrow.white-arrow > span:hover {
  text-shadow: 1px 1px 5px rgba(255, 255, 255, 0.75);
}

/* Highlight JS */
.code-snippet {
  /*body {
        margin: 0;
        padding: 0;
        background: #000;
        //color: #444;
        font: normal normal normal 100%/1.4 georgia, serif;
    }

    main {
        display: block;
        width: 95%;
        min-width: 18em;
        margin: 2em auto;
    }*/
  /* additional focus rules to provide a visual cue */
  /* double-up the syntax elements for cross-browser RTF-keystroke support */
}

.code-snippet figure {
  display: block;
  margin: 0;
  width: 100%;
}

.code-snippet figure figcaption {
  display: block;
  font-family: sans-serif;
  padding: 5px 10px 4px 10px;
  font-weight: bold;
  font-variant: small-caps;
}

.code-snippet .numbers {
  cursor: context-menu;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.code-snippet pre,
.code-snippet pre * {
  font-family: "Inconsolata", monospace;
  font-size: 0.875rem;
  line-height: 1.875rem;
}

.code-snippet pre {
  font-size: 0.8em;
}

.code-snippet pre,
.code-snippet pre code,
.code-snippet pre samp {
  display: block;
  margin: 0;
  cursor: text;
}

.code-snippet pre code,
.code-snippet pre samp {
  /* enforce white-space for IE7 */
  white-space: pre;
  /* enforce word-wrap for mobile safari */
  word-wrap: normal;
  padding: 10px;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  overflow-x: auto;
  background-color: transparent;
  border: none;
}

.code-snippet pre [contenteditable]:focus {
  outline: none;
}

.code-snippet pre.line-numbers {
  position: relative;
  height: 250px;
  overflow: hidden;
  transition: height 400ms ease-in-out;
  -webkit-transition: height 400ms ease-in-out;
}

.code-snippet pre.line-numbers code,
.code-snippet pre.line-numbers samp {
  position: relative;
  margin-left: 35px;
}

.code-snippet pre.line-numbers > div {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  counter-reset: line;
}

.code-snippet pre.line-numbers > div > span {
  display: block;
  width: 100%;
  padding: 0 0.5em 0 0;
  text-align: left;
  color: #519bc8;
  overflow: hidden;
  counter-increment: line;
}

.code-snippet pre.line-numbers > div > span:nth-child(odd) {
  background-color: rgba(237, 241, 242, 0.38);
}

.code-snippet pre.line-numbers > div > span:before {
  margin-left: 8px;
}

.code-snippet pre.line-numbers > div > span:nth-child(0):before, .code-snippet pre.line-numbers > div > span:nth-child(1):before, .code-snippet pre.line-numbers > div > span:nth-child(2):before, .code-snippet pre.line-numbers > div > span:nth-child(3):before, .code-snippet pre.line-numbers > div > span:nth-child(4):before, .code-snippet pre.line-numbers > div > span:nth-child(5):before, .code-snippet pre.line-numbers > div > span:nth-child(6):before, .code-snippet pre.line-numbers > div > span:nth-child(7):before, .code-snippet pre.line-numbers > div > span:nth-child(8):before, .code-snippet pre.line-numbers > div > span:nth-child(9):before {
  margin-left: 12px;
}

.code-snippet pre.line-numbers > div > span::before {
  content: counter(line);
}

.code-snippet pre.line-numbers > div > span:first-child {
  margin-top: 10px;
}

@media print {
  .code-snippet pre code {
    overflow-x: visible;
    white-space: pre-wrap;
  }
  .code-snippet pre.line-numbers div {
    display: none;
  }
  .code-snippet pre.line-numbers > code,
  .code-snippet pre.line-numbers > samp {
    margin-left: 0;
  }
}

.code-snippet code.hljs {
  padding-top: 10px;
  padding-bottom: 0px;
  background: none;
  border: none;
}

.code-snippet pre b,
.code-snippet pre strong {
  font-weight: normal;
}

.code-snippet pre u,
.code-snippet pre u b,
.code-snippet pre u strong {
  text-decoration: none;
}

.code-snippet pre i,
.code-snippet pre em,
.code-snippet pre i *,
.code-snippet pre em *,
.code-snippet pre i * *,
.code-snippet pre em * * {
  letter-spacing: -0.1em;
  text-decoration: none;
  font-style: normal;
}

.code-snippet .hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
}

.code-snippet .hljs-number,
.code-snippet .hljs-literal,
.code-snippet .hljs-symbol,
.code-snippet .hljs-bullet {
  color: #402ECB;
}

.code-snippet .hljs-keyword,
.code-snippet .hljs-selector-tag,
.code-snippet .hljs-deletion {
  color: #E75F31;
}

.code-snippet .hljs-variable,
.code-snippet .hljs-template-variable,
.code-snippet .hljs-link {
  color: #E75F31;
}

.code-snippet .hljs-comment,
.code-snippet .hljs-quote {
  color: #18A568;
}

.code-snippet .hljs-emphasis {
  font-style: italic;
}

.code-snippet .hljs-strong {
  font-weight: bold;
}

.resultblock {
  display: block;
  position: relative;
  background-color: #ffffff;
  padding: 15px;
  border-radius: 4px;
  margin-bottom: 20px;
  cursor: pointer;
  -webkit-transition: -webkit-box-shadow 250ms ease;
  transition: -webkit-box-shadow 250ms ease;
  transition: box-shadow 250ms ease;
  transition: box-shadow 250ms ease, -webkit-box-shadow 250ms ease;
}

@media screen and (min-width: 64em) {
  .resultblock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 26px;
  }
}

.resultblock:hover {
  -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
}

.resultblock__title {
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 1.5rem;
  line-height: 1.8125rem;
  font-weight: 500;
  color: #3B454A;
  text-transform: uppercase;
  margin-bottom: 42px;
}

@media screen and (min-width: 64em) {
  .resultblock__title {
    padding-right: 12px;
  }
}

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

.resultblock__logo-image, .marketplace__plugin .plugin__logo {
  width: 42px;
  height: 42px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 26px;
}

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

.resultblock__info-title {
  font-size: 1rem;
  line-height: 1.25rem;
  color: #5d6d75;
  margin-bottom: 4px;
  font-weight: 700;
}

@media screen and (min-width: 40em) {
  .resultblock__info-title {
    padding-right: 2rem;
  }
}

.resultblock__info-meta {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #82939c;
}

.resultblock__cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 245px;
  flex: 0 1 245px;
  margin-top: 20px;
}

@media screen and (min-width: 64em) {
  .resultblock__cta {
    margin-top: 0px;
  }
}

.resultblock__cta-divider {
  display: none;
  width: 2px;
  height: 31px;
  margin: 0 24px 0 24px;
  background: #b1c1c9;
}

@media screen and (min-width: 64em) {
  .resultblock__cta-divider {
    display: block;
  }
}

.resultblock__cta-item, .featuredblocks .featuredblock__type, .featuredblocks .featuredblock__cta {
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  margin-right: 20px;
  margin-bottom: 0px;
}

@media screen and (min-width: 64em) {
  .resultblock__cta-item, .featuredblocks .featuredblock__type, .featuredblocks .featuredblock__cta {
    margin-right: 0px;
  }
}

.resultblock__cta-item:last-child, .featuredblocks .featuredblock__type:last-child, .featuredblocks .featuredblock__cta:last-child {
  margin-right: 0px;
}

.resultblock__cta-item.red, .featuredblocks .red.featuredblock__type, .featuredblocks .red.featuredblock__cta {
  color: #E75F31;
}

.resultblock__cta-item.green, .featuredblocks .green.featuredblock__type, .featuredblocks .green.featuredblock__cta {
  color: #18A568;
}

.resultblock__cta-item.gray, .featuredblocks .gray.featuredblock__type, .featuredblocks .featuredblock__cta {
  padding: 5px 17px 3px 19px;
  font-weight: 400 !important;
  border: 1px solid #D1D1D1;
  color: #5d6d75;
  -webkit-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}

.resultblock__cta-item.gray:hover, .featuredblocks .gray.featuredblock__type:hover, .featuredblocks .featuredblock__cta:hover {
  background: #DEE5E8;
  color: #5d6d75;
}

.searchblock {
  margin-top: 1.875rem;
  margin-bottom: 1rem;
}

.searchblock__wrapper {
  max-width: 62.5rem;
}

@media screen and (min-width: 64em) {
  .searchblock__wrapper {
    padding: 0 32px;
  }
}

@media screen and (min-width: 64em) {
  .searchblock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (min-width: 64em) {
  .searchblock input, .searchblock select {
    margin-right: 20px;
  }
}

.searchblock input.nomargin, .searchblock select.nomargin {
  margin-right: 0;
}

.searchblock .search-query {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 520px;
  flex: 0 1 520px;
  height: 60px;
  background: #ffffff;
  border-radius: 4px;
  margin-bottom: 20px;
}

@media screen and (min-width: 64em) {
  .searchblock .search-query {
    margin-right: 20px;
    margin-bottom: 0px;
  }
}

.searchblock .search-query input {
  height: 60px;
  margin: 0;
  padding: 15px;
  border-radius: 4px;
  font-size: 0.875rem;
  margin-bottom: 0px;
}

@media screen and (min-width: 64em) {
  .searchblock .search-query input {
    padding: 10px 26px;
    font-size: 1.25rem;
  }
}

.searchblock .search-query input::-webkit-input-placeholder {
  color: #3B454A;
}

.searchblock .search-query input::-moz-placeholder {
  color: #3B454A;
}

.searchblock .search-query input:-ms-input-placeholder {
  color: #3B454A;
}

.searchblock .search-query input::-ms-input-placeholder {
  color: #3B454A;
}

.searchblock .search-query input::placeholder {
  color: #3B454A;
}

.searchblock .search-query .search-icons {
  position: absolute;
  right: 26px;
  top: 0;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.searchblock select {
  height: 60px;
  margin-bottom: 0px;
  padding: 15px;
  border-radius: 4px;
  font-size: 1rem;
  -webkit-appearance: none;
  -moz-appearance: none;
}

@media screen and (min-width: 64em) {
  .searchblock select {
    padding: 20px 26px;
  }
}

.searchblock .search-submit {
  width: 34px;
  height: 34px;
  background-image: url("../img/icon-search-gray.svg");
  background-size: 24px 24px;
  background-position: center;
  background-repeat: no-repeat;
  border: none;
  margin-left: 20px;
  padding: 5px;
  cursor: pointer;
}

.searchblock .search-submit:hover {
  background-image: url("../img/icon-search-dkgray.svg");
}

.searchblock .search-help {
  display: block;
  width: 34px;
  height: 34px;
  background-image: url("../img/icon-help-blue.png");
  background-size: 21px 21px;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: 20px;
}

.searchblock .search-type {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.searchblock .search-popularity {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.results-info {
  margin: 2.5rem 0;
}

.results-info .results-count {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: #242b2e;
  margin-bottom: 4px;
}

.results-info .results-count span {
  font-weight: 600;
}

.results-info .results-search {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1;
  color: #242b2e;
}

.results-info .results-search span {
  color: #E75F31;
}

.tableblock {
  display: block;
  margin-bottom: 32px;
  border: 3px solid #edf1f2;
  padding: 12px;
}

@media screen and (min-width: 64em) {
  .tableblock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #edf1f2;
    padding: 0;
  }
}

.tableblock.small {
  font-size: 0.875rem;
}

.tableblock .table-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (min-width: 64em) {
  .tableblock .table-col {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

.tableblock .table-col header, .tableblock .table-col .table-cell {
  padding: 4px 0;
}

@media screen and (min-width: 64em) {
  .tableblock .table-col header, .tableblock .table-col .table-cell {
    padding: 12px 14px;
    border: 2px solid #edf1f2;
  }
}

.tableblock .table-col header {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  font-weight: 700;
}

@media screen and (min-width: 64em) {
  .tableblock .table-col header {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
  }
}

.tableblock .table-col header:after {
  content: ": ";
  display: inline-block;
  margin-right: 8px;
}

@media screen and (min-width: 64em) {
  .tableblock .table-col header:after {
    display: none;
  }
}

.tableblock .table-col .table-cell {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media screen and (min-width: 64em) {
  .tableblock .table-col .table-cell {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
  }
}

.pagination ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pagination ul li {
  margin: 0 6px;
}

.pagination ul li a {
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 1rem;
}

.pagination ul li.disabled {
  display: none;
}

.pagination ul li.active {
  border-bottom: 2px solid #E85E26;
}

.pagination ul li.active a {
  color: #E85E26;
}

.pagination ul li.active:hover {
  border-bottom: 2px solid #E85E26;
}

.pagination ul li.active:hover a {
  color: #E85E26;
}

.pagination ul li:hover a {
  color: #82939c;
  background: transparent;
}

.pagination__prev, .pagination__next {
  display: block;
  width: 10px;
  height: 20px;
  padding: 10px;
  background-image: url(../img/icon-arrow-left-gray.svg);
  background-size: 10px 20px;
  background-repeat: no-repeat;
  background-position: left center;
}

.pagination__prev:hover, .pagination__next:hover {
  background-image: url(../img/icon-arrow-left-orange.svg);
}

.pagination__prev {
  margin-right: 22px;
}

.pagination__next {
  margin-left: 54px;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.featuredblocks__title {
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.8125rem;
  color: #3B454A;
  margin-bottom: 20px;
}

@media screen and (min-width: 64em) {
  .featuredblocks__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-right: -20px;
  }
}

.featuredblocks__divider {
  height: 2px;
  background-color: #cfd9de;
  margin: 10px 0 30px 0;
}

@media screen and (min-width: 64em) {
  .featuredblocks__divider {
    margin: 30px 0 50px 0;
  }
}

.featuredblocks .featuredblock {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 33%;
  flex: 1 1 33%;
  padding: 0 20px 20px;
}

.featuredblocks .featuredblock__content {
  background-color: #ffffff;
  padding: 26px 26px 18px;
  cursor: pointer;
  -webkit-transition: -webkit-box-shadow 250ms ease;
  transition: -webkit-box-shadow 250ms ease;
  transition: box-shadow 250ms ease;
  transition: box-shadow 250ms ease, -webkit-box-shadow 250ms ease;
}

.featuredblocks .featuredblock__content:hover {
  -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
}

.featuredblocks .featuredblock__type {
  line-height: 1;
  margin-bottom: 20px;
}

.featuredblocks .featuredblock__type.red {
  color: #E75F31;
}

.featuredblocks .featuredblock__type.green {
  color: #18A568;
}

.featuredblocks .featuredblock__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375rem;
  color: #3B454A;
  margin-bottom: 20px;
}

.featuredblocks .featuredblock__logo {
  width: 42px;
  height: 42px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 26px;
}

.featuredblocks .featuredblock__description {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.25rem;
  color: #3B454A;
  margin-bottom: 13px;
}

.featuredblocks .featuredblock__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.featuredblocks .featuredblock__info {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #3B454A;
}

.accordion-filters {
  padding: 50px 20px;
  background-color: #242b2e;
  color: #3B454A;
}

@media screen and (min-width: 64em) {
  .accordion-filters {
    width: 230px;
    height: 100%;
    float: right;
  }
}

.accordion-filters__title {
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.8125rem;
  color: #cfd9de;
  text-transform: uppercase;
  margin-bottom: 42px;
}

.accordion-filters .accordion-filter {
  margin-bottom: 20px;
}

.accordion-filters .accordion-filter__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 39px;
  overflow: hidden;
  padding: 10px 0;
  cursor: pointer;
}

.accordion-filters .accordion-filter__title {
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 1rem;
  line-height: 1.1875rem;
  color: #cfd9de;
  text-transform: uppercase;
}

.accordion-filters .accordion-filter__toggle {
  width: 13px;
  height: 13px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("/includes/img/icon-accordion-expand.svg");
}

.accordion-filters .accordion-filter.expand .accordion-filter__content {
  padding-top: 5px;
  padding-bottom: 5px;
}

.accordion-filters .accordion-filter.expand .accordion-filter__toggle {
  background-image: url("/includes/img/icon-accordion-collapse.svg");
}

.accordion-filters .accordion-filter__content {
  height: 0;
  transition: height 300ms ease;
  -webkit-transition: height 300ms ease;
  overflow: hidden;
  background: #3B454A;
  padding-right: 5px;
}

.accordion-filters .accordion-filter__list {
  padding: 5px 20px;
  background-color: #3B454A;
  border-radius: 4px;
  max-height: 200px;
  overflow-y: scroll;
}

.accordion-filters .accordion-filter__list::-webkit-scrollbar {
  width: 3px;
}

.accordion-filters .accordion-filter__list::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #3B454A;
  margin-right: 3px;
}

.accordion-filters .accordion-filter__list::-webkit-scrollbar-thumb:window-inactive {
  background: #3B454A;
}

.accordion-filters .accordion-filter__list-item input[type="checkbox"] {
  margin-bottom: 0;
}

.accordion-filters .accordion-filter__list-item label, .accordion-filters .accordion-filter__list-item .filter-group__label {
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-size: 1rem;
  line-height: 1.875rem;
  color: #edf1f2;
  margin-left: 10px;
}

.heroVideo {
  display: none;
  position: absolute;
  width: 100%;
  top: 0px;
}

@media screen and (min-width: 64em) {
  .heroVideo {
    display: block;
  }
}

.heroVideo__play {
  width: 84px;
  opacity: 0.75;
  -webkit-transition: opacity 300ms ease-in-out;
  transition: opacity 300ms ease-in-out;
  cursor: pointer;
}

@media screen and (min-width: 64em) {
  .heroVideo__play {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 120px;
    margin-top: -16px;
  }
}

.heroVideo__play:hover {
  opacity: 1;
}

.quizBlock .quiz {
  position: relative;
  max-width: 937px;
  background: #ffffff;
  border-radius: 15px;
  -webkit-box-shadow: 0 40px 30px rgba(19, 43, 59, 0.62);
  box-shadow: 0 40px 30px rgba(19, 43, 59, 0.62);
  padding: 36px 23px;
}

@media screen and (max-width: 39.9375em) {
  .quizBlock .quiz {
    min-height: 510px;
  }
}

@media screen and (min-width: 40em) {
  .quizBlock .quiz {
    max-width: 382px;
    height: 510px;
    padding: 40px 25px;
  }
}

@media screen and (min-width: 64em) {
  .quizBlock .quiz {
    max-width: 937px;
    height: 381px;
    padding: 50px 50px;
  }
}

.quizBlock .quiz.cardFlip__back {
  position: absolute;
}

.quizBlock .quiz--front {
  display: -ms-grid;
  display: grid;
  grid-template-rows: auto;
  grid-template-areas: "subtitle" "question" "choices" "progress";
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (min-width: 64em) {
  .quizBlock .quiz--front {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(5, 1fr);
    grid-template-areas: "question question subtitle subtitle subtitle" "question question choices choices choices" "progress progress choices choices choices";
  }
}

.quizBlock .quiz__title {
  grid-area: title;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  -ms-grid-row: 1;
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: 900;
  color: #82939c;
  text-transform: uppercase;
  letter-spacing: 1px;
}

@media screen and (max-width: 63.9375em) {
  .quizBlock .quiz__title {
    margin-bottom: 10px;
  }
}

.quizBlock .quiz__subtitle {
  grid-area: subtitle;
  -ms-grid-column: 4;
  -ms-grid-column-span: 2;
  -ms-grid-row: 1;
  padding-right: 30px;
  font-size: 1rem;
  line-height: 1.125rem;
  color: #b1c1c9;
  font-weight: 700;
  background-image: url("/includes/img/icons/icon-arrow-down.svg");
  background-size: 10px 26px;
  background-position: 145px center;
  background-repeat: no-repeat;
}

@media screen and (max-width: 63.9375em) {
  .quizBlock .quiz__subtitle {
    margin-bottom: 12px;
  }
}

@media screen and (min-width: 64em) {
  .quizBlock .quiz__subtitle {
    text-align: right;
    background-position: right center;
  }
}

.quizBlock .quiz__question, .quizBlock .quiz--finish .quiz__finish-title, .uth-quiz .quiz--finish .quizBlock .quiz__finish-title {
  grid-area: question;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  -ms-grid-row: 2;
  font-family: "Muli", "Muli-local", sans-serif;
  color: #3B454A;
  font-size: 2.188rem;
  line-height: 2.5rem;
  font-weight: 900;
  margin-bottom: 15px;
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .quizBlock .quiz__question, .quizBlock .quiz--finish .quiz__finish-title, .uth-quiz .quiz--finish .quizBlock .quiz__finish-title {
    margin-bottom: 25px;
  }
}

@media screen and (min-width: 64em) {
  .quizBlock .quiz__question, .quizBlock .quiz--finish .quiz__finish-title, .uth-quiz .quiz--finish .quizBlock .quiz__finish-title {
    font-size: 2.5rem;
    line-height: 3rem;
  }
}

.quizBlock .quiz__choices {
  grid-area: choices;
  -ms-grid-column: 3;
  -ms-grid-column-span: 3;
  -ms-grid-row: 2;
  -ms-grid-row-span: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

@media screen and (max-width: 63.9375em) {
  .quizBlock .quiz__choices {
    margin-bottom: 25px;
  }
}

@media screen and (min-width: 75em) {
  .quizBlock .quiz__choices {
    padding-top: 53px;
  }
}

.quizBlock .quiz__choices a.button {
  width: 100%;
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-weight: 700;
  text-transform: none;
  letter-spacing: 0px;
}

@media screen and (max-width: 63.9375em) {
  .quizBlock .quiz__choices a.button {
    font-size: 1.125rem;
    line-height: 1.625rem;
    padding: 28px 16px 28px 16px;
  }
}

@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  .quizBlock .quiz__choices a.button {
    font-size: 24px;
  }
}

.quizBlock .quiz__choices a.button:last-child {
  margin-bottom: 0px;
}

.quizBlock .quiz__progress {
  grid-area: progress;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  -ms-grid-row: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (min-width: 64em) {
  .quizBlock .quiz__progress {
    padding-top: 60px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
}

.quizBlock .quiz__progress .question {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 28px;
  flex: 0 0 28px;
  text-align: center;
  margin-right: 13px;
  padding-top: 40px;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.625rem;
  color: #b1c1c9;
  background-size: 28px 28px;
  background-position: top center;
  background-repeat: no-repeat;
}

.quizBlock .quiz__progress .question.active {
  color: #E85E26;
}

.quizBlock .quiz__progress .question1 {
  background-image: url("/includes/img/careers/benefits-icons_q1-icon.svg");
}

.quizBlock .quiz__progress .question1.active {
  background-image: url("/includes/img/careers/benefits-icons_q1-icon-a.svg");
}

.quizBlock .quiz__progress .question2 {
  background-image: url("/includes/img/careers/benefits-icons_q2-icon.svg");
}

.quizBlock .quiz__progress .question2.active {
  background-image: url("/includes/img/careers/benefits-icons_q2-icon-a.svg");
}

.quizBlock .quiz__progress .question3 {
  background-image: url("/includes/img/careers/benefits-icons_q3-icon.svg");
}

.quizBlock .quiz__progress .question3.active {
  background-image: url("/includes/img/careers/benefits-icons_q3-icon-a.svg");
}

.quizBlock .quiz__progress .question4 {
  background-image: url("/includes/img/careers/benefits-icons_q4-icon.svg");
}

.quizBlock .quiz__progress .question4.active {
  background-image: url("/includes/img/careers/benefits-icons_q4-icon-a.svg");
}

.quizBlock .quiz__progress .question5 {
  background-image: url("/includes/img/careers/benefits-icons_q5-icon.svg");
}

.quizBlock .quiz__progress .question5.active {
  background-image: url("/includes/img/careers/benefits-icons_q5-icon-a.svg");
}

@media screen and (max-width: 63.9375em) {
  .quizBlock .quiz--back {
    background: #3B454A;
    border: 4px solid #ffffff;
  }
}

@media screen and (min-width: 64em) {
  .quizBlock .quiz--back {
    display: block;
    /*-ms-grid-row-align: center;
                -ms-grid-columns: 1fr 1fr;
                grid-template-columns: repeat(2, 1fr);
                grid-template-areas: "question navigation" "answer navigation" "description navigation";*/
  }
}

@media screen and (max-width: 63.9375em) {
  .quizBlock .quiz__background {
    display: none;
  }
}

@media screen and (min-width: 64em) {
  .quizBlock .quiz__background {
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    top: 10px;
    left: 10px;
    border-radius: 10px;
  }
}

.quizBlock .quiz__requestion {
  position: relative;
  font-family: "Muli", "Muli-local", sans-serif;
  font-weight: 900;
  font-size: 2.0625rem;
  line-height: 2.5rem;
  color: #ffffff;
  margin-bottom: 15px;
}

@media screen and (min-width: 64em) {
  .quizBlock .quiz__requestion {
    font-size: 2.188rem;
    line-height: 2.5rem;
    margin-bottom: 12px;
  }
}

.quizBlock .quiz__answer {
  position: relative;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.75rem;
  color: #6de9ce;
  margin-bottom: 30px;
}

@media screen and (min-width: 64em) {
  .quizBlock .quiz__answer {
    /*grid-area: answer;
                -ms-grid-column: 1;
                -ms-grid-column-span: 1;
                -ms-grid-row: 2;*/
    margin-bottom: 30px;
  }
}

.quizBlock .quiz__description {
  position: relative;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.875rem;
  color: #ffffff;
}

@media screen and (min-width: 64em) {
  .quizBlock .quiz__description {
    width: 50%;
    font-size: 1.375rem;
    line-height: 2rem;
  }
}

.quizBlock .quiz__navigation {
  position: absolute;
  bottom: 36px;
  left: 23px;
  right: 23px;
  text-align: center;
}

@media screen and (min-width: 64em) {
  .quizBlock .quiz__navigation {
    position: absolute;
    left: auto;
    right: 43px;
    bottom: 34px;
    /*grid-area: navigation;
                -ms-grid-column: 2;
                -ms-grid-column-span: 1;
                -ms-grid-row: 3;*/
  }
}

.quizBlock .quiz__navigation > a.button {
  width: 100%;
  max-width: 355px;
  margin: 0px;
  padding: 24px 44px 25px 28px;
  background-color: rgba(0, 0, 0, 0.25);
  background-image: url("/includes/img/icons/icon-right-arrow-white-thick.svg");
  background-size: 9px 16px;
  background-position: calc(100% - 54px) center;
  background-repeat: no-repeat;
  border: 3px solid #ffffff;
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.5rem;
  text-transform: none;
  letter-spacing: 0px;
}

@media screen and (min-width: 40em) {
  .quizBlock .quiz__navigation > a.button {
    background-position: calc(100% - 80px) center;
  }
}

@media screen and (min-width: 64em) {
  .quizBlock .quiz__navigation > a.button {
    width: 352px;
    padding: 24px 68px 25px 29px;
    border: 5px solid #ffffff;
    font-size: 1.75rem;
    line-height: 1.625rem;
    background-size: 12px 21px;
    background-position: calc(100% - 62px) center;
  }
}

.quizBlock .quiz__navigation > a.button:after {
  display: none;
}

.quizBlock .quiz__navigation > a.button:hover {
  background-color: rgba(0, 0, 0, 0.4);
}

.quizBlock .quiz--finish {
  display: none;
  padding: 26px 23px;
}

@media screen and (min-width: 64em) {
  .quizBlock .quiz--finish {
    padding: 40px 45px;
  }
}

.quizBlock .quiz--finish .quiz__subtitle {
  position: absolute;
  background-size: 20px 20px;
  right: 22px;
  top: 29px;
  font-size: 13px;
  padding-right: 31px;
  height: 31px;
  line-height: 31px;
  background-image: url("/includes/img/careers/icon-restart.svg");
  background-position: right center;
}

@media screen and (min-width: 64em) {
  .quizBlock .quiz--finish .quiz__subtitle {
    right: 45px;
    top: 52px;
    padding-right: 44px;
    font-size: 1rem;
    background-size: 31px 31px;
  }
}

.quizBlock .quiz--finish .quiz__finish-title {
  font-size: 1.75rem;
  margin-bottom: 15px;
}

@media screen and (min-width: 64em) {
  .quizBlock .quiz--finish .quiz__finish-title {
    font-size: 2.188rem;
    margin-bottom: 22px;
  }
}

.quizBlock .quiz--finish p {
  color: #82939c;
  font-size: 1rem;
  line-height: 1.375rem;
  font-weight: 700;
  margin-bottom: 1.375rem;
}

@media screen and (min-width: 64em) {
  .quizBlock .quiz--finish p {
    font-size: 1.125rem;
    line-height: 1.625rem;
    margin-bottom: 1.5rem;
  }
}

.quizBlock .quiz--finish .quiz__disclaimer {
  display: inline-block;
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: #3B454A;
  font-weight: 700;
  font-style: italic;
}

@media screen and (min-width: 64em) {
  .quizBlock .quiz--finish .quiz__disclaimer {
    font-size: 1rem;
    line-height: 1.125rem;
  }
}

@keyframes stayvisible {
  from {
    visibility: visible;
  }
  to {
    visibility: visible;
  }
}

@-webkit-keyframes stayvisible {
  from {
    visibility: visible;
  }
  to {
    visibility: visible;
  }
}.cardFlip {
  display: block;
  text-align: center;
  perspective: 1000px;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  -o-perspective: 1000px;
  -ms-perspective: 1000px;
}

.cardFlip__content {
  display: inline-block;
  position: relative;
  text-align: left;
  height: 100%;
  transition: 0.5s ease-out;
  -webkit-transition: 0.5s ease-out;
  -moz-transition: 0.5s ease-out;
  -o-transition: 0.5s ease-out;
  -ms-transition: 0.5s ease-out;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  /* content backface is visible so that static content still appears */
  backface-visibility: visible;
  -webkit-backface-visibility: visible;
  -moz-backface-visibility: visible;
  -o-backface-visibility: visible;
  -ms-backface-visibility: visible;
}

.cardFlip__front, .cardFlip__back {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  /* Backface visibility works great for all but IE. As such, we mark the backface visible in IE and manage visibility ourselves */
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -ms-backface-visibility: visible;
}

.cardFlip__back {
  position: absolute;
}

.cardFlip.flipped .cardFlip__content {
  transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
}

.cardFlip__front, .cardFlip.flipped .cardFlip__front {
  transform: rotateX(0deg);
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
}

.cardFlip__back, .cardFlip.flipped .cardFlip__back {
  transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
}

.cardFlip__front, .cardFlip.flipped .cardFlip__back {
  /* IE Hack. Halfway through the card flip, set visibility. Keep other browsers visible throughout the card flip. */
  animation: stayvisible 0.5s both;
  -webkit-animation: stayvisible 0.5s both;
  -moz-animation: stayvisible 0.5s both;
  -o-animation: stayvisible 0.5s both;
  -ms-animation: donothing 0.5s;
  -ms-transition: visibility 0s linear 0.17s;
  visibility: visible;
}

.cardFlip.flipped .cardFlip__front, .cardFlip__back {
  /* IE Hack. Halfway through the card flip, set visibility. Keep other browsers visible throughout the card flip. */
  animation: stayvisible 0.5s both;
  -webkit-animation: stayvisible 0.5s both;
  -moz-animation: stayvisible 0.5s both;
  -o-animation: stayvisible 0.5s both;
  -ms-animation: donothing 0.5s;
  -ms-transition: visibility 0s linear 0.17s;
  visibility: hidden;
}

.parallax-container {
  position: relative;
  /*width: 100%;
	height: 100%;
	*/
  overflow: hidden;
  -webkit-perspective: 8px;
  perspective: 8px;
  -webkit-perspective-origin: 0%;
  perspective-origin: 0%;
}

.parallax-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  -webkit-transform: translateZ(0px);
  transform: translateZ(0px);
}

.parallax-content {
  -webkit-transform-origin: 0;
  transform-origin: 0;
  -webkit-transform: translateZ(3px) scale(0.625);
  transform: translateZ(3px) scale(0.625);
}

/* VulnDB Styles */
.searchblock select, .vulndb__code-arrow, .vulndb__related .down-arrow {
  background-image: url("../img/icon-arrow-down-gray.svg");
  /* add custom arrow */
  background-size: 13px 7px;
  background-position: right center;
}

@media screen and (min-width: 64em) {
  .vulndb .longHero {
    padding-bottom: 110px;
  }
}

@media screen and (min-width: 64em) {
  .vulndb .longHero h1 {
    font-size: 3.5rem;
  }
}

@media screen and (min-width: 40em) {
  .vulndb .pageContent {
    overflow: visible;
    margin-top: -136px;
  }
}

.vulndb__wrapper {
  position: relative;
  padding: 0 20px 40px 20px;
  max-width: 940px;
  margin: 0 auto;
  z-index: 2;
}

@media screen and (max-width: 39.9375em) {
  .vulndb__wrapper {
    padding: 0;
  }
}

@media screen and (min-width: 64em) {
  .vulndb__wrapper {
    padding: 0 0 94px 0;
  }
}

.vulndb__wrapper.collapse-mobile {
  padding: 0;
}

@media screen and (min-width: 64em) {
  .vulndb__wrapper.collapse-mobile {
    padding: 76px 0;
  }
}

.vulndb__wrapper .bottom-border {
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #b1c1c9;
}

.vulndb__intro {
  z-index: 5;
  background: transparent;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
  text-align: center;
}

.vulndb__intro > div {
  padding: 36px;
  background: white;
}

.vulndb__intro > div:last-of-type {
  border-radius: 0 0 5px 5px;
}

.vulndb__intro > div:first-of-type {
  background: #3B454A;
  border-radius: 5px 5px 0 0;
  padding: 10px 35px 20px;
}

@media screen and (max-width: 39.9375em) {
  .vulndb__intro > div:first-of-type {
    border-radius: 0;
  }
}

.vulndb__intro h3 {
  margin-bottom: 2rem;
}

.vulndb__promo {
  position: relative;
  width: 219px;
  height: 238px;
  margin: 3rem auto;
  padding: 20px 34px;
  border-radius: 4px;
  overflow: hidden;
  text-align: center;
  background-image: url("../img/vulndb-promo-bg.png");
  background-size: cover;
  display: none;
}

@media screen and (min-width: 64em) {
  .vulndb__promo {
    display: block;
    margin: 0 0 0 60px;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 220px;
    flex: 0 1 220px;
  }
}

.vulndb__promo img {
  position: absolute;
  top: 0;
  left: 0;
}

.vulndb__promo-title, .vulndb__promo-subtitle, .vulndb__promo .button {
  position: relative;
  color: #ffffff;
}

.vulndb__promo-title {
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 1.125rem;
  line-height: 1.3;
}

.vulndb__promo-subtitle {
  font-size: 0.875rem;
  line-height: 1.125rem;
  margin-top: 34px;
}

.vulndb__promo span.button {
  margin: 14px 0 0 0;
}

.vulndb__search select {
  margin-right: 0;
}

.vulndb__results .pagination {
  margin-top: 65px;
}

.vulndb__back, .marketplace__back {
  position: absolute;
  top: 25px;
  left: 25px;
  /*@media screen and (min-width: 40em) {
            background: $slateDark;
            border-radius: 5px 5px 0 0;
            padding: 10px 35px 20px;
            top: 0;
            left: 0;
            width: 100%
            
        }*/
}

.vulndb__back a, .marketplace__back a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-size: 0.875rem;
  color: #020303;
}

.vulndb__back a:hover, .marketplace__back a:hover {
  color: #5d6d75;
}

.vulndb__back a:hover .icon-back, .marketplace__back a:hover .icon-back {
  opacity: 0.7;
}

.vulndb__back a .icon-back, .marketplace__back a .icon-back {
  display: block;
  width: 27px;
  height: 27px;
  background-image: url("../img/icon-left-arrow-circle.svg");
  background-size: 27px 27px;
  margin-right: 12px;
}

.vulndb__detail .longHero {
  min-height: auto;
}

.vulndb__detail .longHero .overlayText {
  padding-top: 0;
  padding-bottom: 3rem;
}

.vulndb__detail .longHero .overlayText h1 {
  font-size: 3rem;
  line-height: 3.75rem;
  max-width: 940px;
  margin: 0 auto;
}

@media screen and (max-width: 39.9375em) {
  .vulndb__detail .longHero .overlayText h1 {
    font-size: 2rem;
    line-height: 2.75rem;
  }
}

.vulndb__detail-main {
  background-color: #ffffff;
  margin-bottom: 2rem;
  padding: 50px 15px 40px;
  border: 10px solid #DEE5E8;
  border-radius: 8px;
  color: #3B454A;
  margin-bottom: 5rem;
}

@media screen and (min-width: 64em) {
  .vulndb__detail-main {
    margin-bottom: 5rem;
    padding: 60px 40px;
    border: 20px solid #DEE5E8;
  }
}

.vulndb__detail h3 {
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 1.5rem;
  line-height: 1.2;
}

.vulndb__detail h4 {
  font-size: 1.25rem;
  margin-bottom: 1rem;
  line-height: 1.2;
}

.vulndb__detail p {
  font-size: 1rem;
  line-height: 1.875rem;
}

@media screen and (min-width: 64em) {
  .vulndb__detail-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (min-width: 64em) {
  .vulndb__detail-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

.vulndb__detail .vulndb__promo {
  height: 311px;
  padding: 36px 26px 28px 26px;
  background-image: url("../img/vulndb-promo-bg-tall.jpg");
  background-size: cover;
}

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

.vulndb__detail .vulndb__promo-subtitle {
  margin-top: 48px;
  line-height: 1.25rem;
}

.vulndb__detail .vulndb__promo .button {
  margin-top: 28px;
  border: none;
  font-size: 0.75rem;
}

.vulndb__code {
  margin-bottom: 2rem;
}

.vulndb__code-loadmore {
  background-color: #edf1f2;
  width: 100%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 32px;
  cursor: pointer;
}

.vulndb__code-text {
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-size: 0.875rem;
  padding: 0 20px;
}

.vulndb__code-arrow {
  width: 13px;
  height: 7px;
}

.vulndb__code.fullview .vulndb__code-arrow {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.vulndb__related {
  margin-bottom: 30px;
}

.vulndb__related a {
  display: block;
  line-height: 1.25;
  margin-bottom: 10px;
  color: #31739C;
}

.vulndb__related.fullview .down-arrow {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.vulndb__related-content {
  overflow: hidden;
  transition: height 400ms ease-in-out;
  -webkit-transition: height 400ms ease-in-out;
}

.vulndb__related-list ul {
  margin-left: 0;
}

.vulndb__related-list ul li {
  margin-bottom: 0.5rem;
}

.vulndb__related-list ul li a {
  margin-bottom: 0;
  color: #31739C;
}

.vulndb__related .view-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 10px;
  cursor: pointer;
}

.vulndb__related .down-arrow {
  display: block;
  width: 13px;
  height: 7px;
  margin-top: -4px;
  margin-left: 10px;
}

.vulndb__references ul {
  margin-left: 0px;
}

.vulndb__references ul li {
  display: inline-block;
  line-height: 1.875rem;
}

.vulndb__references ul li a {
  color: #31739C;
}

.vulndb__references ul li:after {
  content: " | ";
  color: #DEE5E8;
  padding: 0 4px 0 7px;
}

.vulndb__references ul li:last-child:after {
  display: none;
}

.vulndb__insightvm {
  position: relative;
  overflow: hidden;
  padding: 0px;
  border-radius: 5px;
  background-color: #ffffff;
}

@media screen and (min-width: 64em) {
  .vulndb__insightvm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
  }
}

.vulndb__insightvm-features {
  padding: 20px;
}

@media screen and (min-width: 64em) {
  .vulndb__insightvm-features {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    padding-right: 6%;
    padding-left: 50px;
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

.vulndb__insightvm-features h3 img {
  width: 200px;
}

.vulndb__insightvm-features .description {
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-size: 1.25rem;
  line-height: 1.5625rem;
  color: #3B454A;
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #cfd9de;
}

.vulndb__insightvm-features .list-title {
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  color: #3B454A;
  line-height: 1;
  margin-bottom: 20px;
}

.vulndb__insightvm-features ul {
  margin-left: 38px;
  margin-bottom: 38px;
}

.vulndb__insightvm-features ul li {
  margin-bottom: 18px;
  color: #3B454A;
}

.vulndb__insightvm-features ul li:before {
  background-size: 21px 21px;
}

.vulndb__insightvm-features ul li a {
  position: relative;
  font-size: 1rem;
}

.vulndb__insightvm-features ul li a:before {
  content: '';
  left: -38px;
}

.vulndb__insightvm-features a.button.mdBtn {
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 0.75rem;
  margin-right: 14px;
}

.vulndb__insightvm-testimonial {
  background: #132b3b;
}

@media screen and (min-width: 64em) {
  .vulndb__insightvm-testimonial {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
  }
}

.vulndb__insightvm-image {
  height: 340px;
  background-size: cover;
  background-position: left center;
  display: none;
}

@media screen and (min-width: 64em) {
  .vulndb__insightvm-image {
    display: block;
  }
}

.vulndb__insightvm-quote {
  overflow: hidden;
  padding: 20px;
}

@media screen and (min-width: 64em) {
  .vulndb__insightvm-quote {
    padding: 40px;
  }
}

.vulndb__insightvm-quote p.quote {
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-size: 1.25rem;
  line-height: 1.4;
  color: #ffffff;
  margin-bottom: 1.5rem;
}

.vulndb__insightvm-quote p.source {
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-size: 0.875rem;
  line-height: 1.4;
  color: #edf1f2;
  margin-bottom: 0;
  padding-right: 45px;
}

.vulndb .blog-research-block {
  background-color: #edf1f2;
}

.marketplace--home.pageContent {
  background-color: transparent;
}

@media screen and (min-width: 64em) {
  .marketplace--home.pageContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.marketplace__filter {
  background-color: #edf1f2;
}

@media screen and (min-width: 64em) {
  .marketplace__filter {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 240px;
    flex: 1 0 240px;
    padding-left: 32px;
  }
}

.marketplace__search {
  position: relative;
  width: 100%;
  padding: 32px 20px;
  margin: 0 auto;
  background-color: #edf1f2;
}

@media screen and (min-width: 64em) {
  .marketplace__search {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 990px;
    flex: 1 1 990px;
    padding: 50px 0;
  }
}

.marketplace__search .searchblock {
  margin-top: 0;
}

.marketplace__search.collapse-mobile {
  padding: 0;
}

@media screen and (min-width: 64em) {
  .marketplace__search.collapse-mobile {
    padding: 94px 0;
  }
}

.marketplace__search .bottom-border {
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #3B454A;
}

.marketplace__plugin {
  position: relative;
  padding: 70px 20px 40px 20px;
  max-width: 940px;
  margin: 0 auto;
}

@media screen and (min-width: 64em) {
  .marketplace__plugin {
    padding: 94px 0;
  }
}

.marketplace__plugin .line-numbers {
  margin-bottom: 1rem;
  display: block;
}

.marketplace__back {
  left: 20px;
}

.marketplace .resultblock__logo {
  display: inline-block;
  padding: 6px;
  background: #242b2e;
  margin-right: 26px;
  border-radius: 3px;
}

.marketplace .resultblock__logo-image, .marketplace .marketplace__plugin .plugin__logo, .marketplace__plugin .marketplace .plugin__logo {
  margin-right: 0;
}

.marketplace__plugin .plugin {
  background-color: #ffffff;
  padding: 40px;
  margin-bottom: 44px;
}

@media screen and (min-width: 64em) {
  .marketplace__plugin .plugin {
    padding: 46px 66px;
  }
}

@media screen and (min-width: 64em) {
  .marketplace__plugin .plugin.hasCarousel {
    padding-top: 128px;
  }
}

.marketplace__plugin .plugin__logo {
  width: 54px;
  height: 54px;
  background-size: 42px 42px;
  background-color: #242b2e;
  margin-bottom: 20px;
}

@media screen and (max-width: 63.9375em) {
  .marketplace__plugin .plugin__logo {
    display: none;
  }
}

.marketplace__plugin .plugin__top {
  padding: 20px 0;
  border-bottom: 1px solid #3B454A;
  margin-bottom: 30px;
}

@media screen and (min-width: 64em) {
  .marketplace__plugin .plugin__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.marketplace__plugin .plugin__top h3 {
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1;
  color: #3B454A;
}

.marketplace__plugin .plugin__download .button {
  margin-bottom: 5px;
}

.marketplace__plugin .plugin__download span {
  display: block;
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #3B454A;
  text-align: right;
}

.marketplace__plugin .plugin__tabs .tabs-title {
  margin-right: 10px;
  margin-left: 10px;
}

.marketplace__plugin .plugin__tabs .tabs-title:first-child {
  margin-left: 0px;
}

.marketplace__plugin .plugin__tabs .tabs-title:last-child a:after {
  display: none;
}

.marketplace__plugin .plugin__tabs .tabs-title.is-active {
  color: #E85E26;
}

.marketplace__plugin .plugin__tabs .tabs-title.is-active a {
  border-bottom: 2px solid #E85E26;
}

.marketplace__plugin .plugin__tabs .tabs-title > a {
  padding: 0 0 5px 0px;
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  color: #3B454A;
  text-transform: uppercase;
}

.marketplace__plugin .plugin__tabs .tabs-title > a:after {
  content: '';
  border-right: 1px solid #DEE5E8;
  margin-left: 10px;
  position: absolute;
  height: 14px;
}

.marketplace__plugin .plugin__tabs .tabs-title > a:hover {
  color: #3B454A;
  border-bottom: 2px solid #DEE5E8;
}

.marketplace__plugin .plugin__tabs .tabs-title > a[aria-selected='true'] {
  background: none;
}

.marketplace__plugin .plugin__tabs .tabs-content {
  padding-bottom: 0;
}

.marketplace__plugin .plugin__tabs .tabs-panel {
  padding: 30px 0 0;
}

.marketplace__plugin .plugin__content {
  position: relative;
}

.marketplace__plugin .plugin__content-info {
  margin-bottom: 30px;
}

@media screen and (min-width: 64em) {
  .marketplace__plugin .plugin__content-info {
    position: absolute;
    right: 66px;
    text-align: right;
  }
}

.marketplace__plugin .plugin__content-title {
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 5px;
}

.marketplace__plugin .plugin__content p, .marketplace__plugin .plugin__content ul li {
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-size: 1rem;
  line-height: 1.875rem;
}

.marketplace__plugin .plugin__content p {
  max-width: 460px;
}

.marketplace__plugin .plugin__content ul li {
  list-style-type: disc;
}

.marketplace__plugin .plugin__content hr {
  width: 100%;
  border: none;
  margin: 20px 0;
}

.marketplace__plugin .plugin__code.code-snippet.fullview pre.line-numbers {
  height: auto;
}

@media screen and (min-width: 64em) {
  .marketplace__plugin .plugin__slider {
    margin-bottom: -128px;
  }
}

.marketplace__plugin .plugin__slider .slick-arrows {
  position: relative;
  height: 40px;
  bottom: 0;
  margin: 16px auto;
}

.marketplace__plugin .plugin__slider .slick-prev, .marketplace__plugin .plugin__slider .slick-next {
  position: absolute;
  bottom: 20px;
  width: 10px;
  height: 18px;
  bottom: 11px;
  cursor: pointer;
}

.marketplace__plugin .plugin__slider .slick-prev.slick-disabled, .marketplace__plugin .plugin__slider .slick-next.slick-disabled {
  display: none !important;
}

.marketplace__plugin .plugin__slider .slick-next {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  right: 0;
}

.marketplace__plugin .plugin__slider ul.slick-dots {
  display: inline-block;
  position: absolute;
  z-index: 1;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-left: 0;
  margin-top: 20px;
}

.marketplace__plugin .plugin__slider ul.slick-dots li {
  display: inline-block;
  margin-right: 10px;
}

.marketplace__plugin .plugin__slider ul.slick-dots li:last-child {
  margin-right: 0;
}

.marketplace__plugin .plugin__slider ul.slick-dots button.slider-thumbnail {
  width: 32px;
  height: 32px;
  background-size: cover;
  background-position: center;
}

.marketplace__plugin .plugin__slide .videoEmbed {
  padding-bottom: 0;
}

.marketplace__plugin .plugin__slide-image {
  background-size: cover;
  height: 438px;
  width: 100%;
}

body.pg-id-9211 .longHero {
  overflow: hidden;
}

@media screen and (min-width: 75em) {
  body.pg-id-9211 .longHero {
    height: 657px;
  }
}

@media screen and (min-width: 64em) {
  body.pg-id-9211 .overlayText {
    padding: 9.375rem 0;
    /*position: absolute;
            padding: 0;
            @include center-y;*/
  }
}

body.pg-id-9211 .promoBarBlock .button {
  margin: 0px;
}

body.pg-id-9211 .instagramBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (min-width: 75em) {
  body.pg-id-9211 .instagramBlock {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}

body.pg-id-9211 .instagramBlock a, body.pg-id-9211 .instagramBlock a:visited {
  color: #ffffff;
}

body.pg-id-9211 .instagramBlock a:hover, body.pg-id-9211 .instagramBlock a:visited:hover {
  text-decoration: underline;
}

body.pg-id-9211 .instagramBlock__image, body.pg-id-9211 .instagramBlock__follow {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 33%;
  flex: 1 0 33%;
}

@media screen and (min-width: 75em) {
  body.pg-id-9211 .instagramBlock__image, body.pg-id-9211 .instagramBlock__follow {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
  }
}

body.pg-id-9211 .instagramBlock__image {
  position: relative;
}

@media screen and (min-width: 64em) {
  body.pg-id-9211 .instagramBlock__image:hover .instagramBlock__description {
    opacity: 1;
  }
}

body.pg-id-9211 .instagramBlock__description {
  opacity: 0;
  position: absolute;
  width: 100%;
  top: 0px;
  bottom: 0px;
  background-color: rgba(226, 171, 0, 0.85);
  -webkit-transition: opacity 200ms ease-in-out;
  transition: opacity 200ms ease-in-out;
  font-size: 1rem;
  line-height: 1.375rem;
  font-weight: 700;
  color: #ffffff;
}

body.pg-id-9211 .instagramBlock__description > div {
  display: block;
  position: absolute;
  padding: 8% 6%;
}

body.pg-id-9211 .instagramBlock__follow {
  position: relative;
  background-color: #E85E26;
  text-align: right;
  -ms-grid-column: 6;
}

body.pg-id-9211 .instagramBlock__follow span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  color: #ffffff;
  font-size: 1rem;
  line-height: 1.125rem;
  font-weight: 700;
  width: 100px;
}

@media screen and (min-width: 40em) {
  body.pg-id-9211 .instagramBlock__follow span {
    width: 170px;
    font-size: 1.75rem;
    line-height: 2rem;
  }
}

@media screen and (min-width: 75em) {
  body.pg-id-9211 .instagramBlock__follow span {
    width: 177px;
  }
}

body.pg-id-9211 .richTextBlock blockquote {
  font-weight: 700;
}

body.pg-id-9211 .richTextBlock img {
  display: block;
  margin: 0 auto;
  border-radius: 5px;
  width: 200px;
  height: 200px;
}

@media screen and (min-width: 40em) {
  body.pg-id-9211 .richTextBlock img {
    float: right;
    margin-top: 35px;
    margin-left: 12px;
  }
}

body.pg-id-9211 .bringYou {
  background-color: #3B454A;
}

@media screen and (min-width: 40em) {
  body.pg-id-9211 .bringYou {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
  }
}

@media screen and (min-width: 64em) {
  body.pg-id-9211 .bringYou {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(4, 1fr);
    -ms-grid-rows: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
  }
}

body.pg-id-9211 .bringYou__title {
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 4.063rem;
  line-height: 4.5rem;
  font-weight: 900;
  color: #ffffff;
}

body.pg-id-9211 .bringYou__content, body.pg-id-9211 .bringYou__content p {
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: #ffffff;
}

body.pg-id-9211 .bringYou__item {
  position: relative;
}

body.pg-id-9211 .bringYou__item.flipped {
  z-index: 1;
}

body.pg-id-9211 .bringYou__item .cardFlip__content {
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-align: center;
}

body.pg-id-9211 .bringYou__item .cardFlip__front, body.pg-id-9211 .bringYou__item .cardFlip__back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

@media screen and (max-width: 63.9375em) {
  body.pg-id-9211 .bringYou__item .cardFlip__front {
    display: none;
  }
}

@media screen and (max-width: 63.9375em) {
  body.pg-id-9211 .bringYou__item .cardFlip__back {
    visibility: visible;
    -webkit-transform: none;
    transform: none;
  }
}

@media screen and (min-width: 40em) {
  body.pg-id-9211 .bringYou__item.double {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-column: 1 / span 2;
    grid-row: 1 / span 1;
  }
}

@media screen and (min-width: 64em) {
  body.pg-id-9211 .bringYou__item.double {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-column: 1 / span 2;
    grid-row: span 2;
  }
}

body.pg-id-9211 .bringYou__item.double .bringYou__title {
  font-size: 2.188rem;
  line-height: 2.5rem;
}

@media screen and (min-width: 64em) {
  body.pg-id-9211 .bringYou__item.double .bringYou__title {
    font-size: 3.125rem;
    line-height: 4.063rem;
  }
}

@media screen and (min-width: 75em) {
  body.pg-id-9211 .bringYou__item.double .bringYou__title {
    font-size: 4.063rem;
    line-height: 4.5rem;
  }
}

body.pg-id-9211 .bringYou__item.double .cardFlip__front {
  background-image: url("/includes/img/careers/bringyou1.jpg");
}

body.pg-id-9211 .bringYou__item.double .cardFlip__front .bringYou__title {
  font-size: 4.063rem;
  line-height: 4.5rem;
}

body.pg-id-9211 .bringYou__item.double .cardFlip__back {
  background-color: #E85E26;
  padding: 10%;
}

@media screen and (max-width: 63.9375em) {
  body.pg-id-9211 .bringYou__item.double .cardFlip__back {
    background-image: url("/includes/img/careers/bringyou1-mobile@2x.jpg");
  }
}

body.pg-id-9211 .bringYou__item.double .cardFlip__back .bringYou__title {
  margin-bottom: 1rem;
}

body.pg-id-9211 .bringYou__item.double .cardFlip__back p {
  font-size: 1rem;
  line-height: 1.75rem;
  font-weight: 700;
  margin-bottom: 0px;
}

@media screen and (min-width: 64em) {
  body.pg-id-9211 .bringYou__item.double .cardFlip__back p {
    font-size: 1.375rem;
    line-height: 1.75rem;
  }
}

@media screen and (min-width: 75em) {
  body.pg-id-9211 .bringYou__item.double .cardFlip__back p {
    font-size: 1.625rem;
    line-height: 2.5rem;
  }
}

body.pg-id-9211 .bringYou__item.single .bringYou__title {
  font-size: 2.188rem;
  line-height: 2.5rem;
  margin-bottom: 0.8rem;
}

@media screen and (min-width: 64em) {
  body.pg-id-9211 .bringYou__item.single .bringYou__title {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }
}

@media screen and (min-width: 90em) {
  body.pg-id-9211 .bringYou__item.single .bringYou__title {
    font-size: 2.188rem;
    line-height: 2.5rem;
    margin-bottom: 1rem;
  }
}

body.pg-id-9211 .bringYou__item.single .cardFlip__back {
  padding: 18px;
}

@media screen and (min-width: 75em) {
  body.pg-id-9211 .bringYou__item.single .cardFlip__back {
    padding: 30px;
  }
}

body.pg-id-9211 .bringYou__item.single .cardFlip__back p {
  font-size: 1rem;
  line-height: 1.75rem;
  font-weight: 700;
  margin-bottom: 0px;
}

@media screen and (min-width: 64em) {
  body.pg-id-9211 .bringYou__item.single .cardFlip__back p {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}

@media screen and (min-width: 90em) {
  body.pg-id-9211 .bringYou__item.single .cardFlip__back p {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}

@media screen and (min-width: 40em) {
  body.pg-id-9211 .bringYou__item.single:nth-child(2) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-column: 1 / span 1;
    grid-row: 2 / span 1;
  }
}

@media screen and (min-width: 64em) {
  body.pg-id-9211 .bringYou__item.single:nth-child(2) {
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-column: 3 / span 1;
    grid-row: 1 / span 1;
  }
}

body.pg-id-9211 .bringYou__item.single:nth-child(2) .cardFlip__front {
  background-image: url("/includes/img/careers/bringyou2.jpg");
}

body.pg-id-9211 .bringYou__item.single:nth-child(2) .cardFlip__back {
  background-color: #31739C;
}

@media screen and (max-width: 63.9375em) {
  body.pg-id-9211 .bringYou__item.single:nth-child(2) .cardFlip__back {
    background-image: url("/includes/img/careers/bringyou2-mobile@2x.jpg");
  }
}

@media screen and (min-width: 40em) {
  body.pg-id-9211 .bringYou__item.single:nth-child(3) {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-column: 2 / span 1;
    grid-row: 2 / span 1;
  }
}

@media screen and (min-width: 64em) {
  body.pg-id-9211 .bringYou__item.single:nth-child(3) {
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-column: 4 / span 1;
    grid-row: 1 / span 1;
  }
}

body.pg-id-9211 .bringYou__item.single:nth-child(3) .cardFlip__front {
  background-image: url("/includes/img/careers/bringyou3.jpg");
}

body.pg-id-9211 .bringYou__item.single:nth-child(3) .cardFlip__back {
  background-color: #1CBB98;
}

@media screen and (max-width: 63.9375em) {
  body.pg-id-9211 .bringYou__item.single:nth-child(3) .cardFlip__back {
    background-image: url("/includes/img/careers/bringyou3-mobile@2x.jpg");
  }
}

@media screen and (min-width: 40em) {
  body.pg-id-9211 .bringYou__item.single:nth-child(4) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-column: 1 / span 1;
    grid-row: 3 / span 1;
  }
}

@media screen and (min-width: 64em) {
  body.pg-id-9211 .bringYou__item.single:nth-child(4) {
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-column: 3 / span 1;
    grid-row: 2 / span 1;
  }
}

body.pg-id-9211 .bringYou__item.single:nth-child(4) .cardFlip__front {
  background-image: url("/includes/img/careers/bringyou4.jpg");
}

body.pg-id-9211 .bringYou__item.single:nth-child(4) .cardFlip__back {
  background-color: #21B3CD;
}

@media screen and (max-width: 63.9375em) {
  body.pg-id-9211 .bringYou__item.single:nth-child(4) .cardFlip__back {
    background-image: url("/includes/img/careers/bringyou4-mobile@2x.jpg");
  }
}

@media screen and (min-width: 40em) {
  body.pg-id-9211 .bringYou__item.single:nth-child(5) {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-column: 2 / span 1;
    grid-row: 3 / span 1;
  }
}

@media screen and (min-width: 64em) {
  body.pg-id-9211 .bringYou__item.single:nth-child(5) {
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-column: 4 / span 1;
    grid-row: 2 / span 1;
  }
}

body.pg-id-9211 .bringYou__item.single:nth-child(5) .cardFlip__front {
  background-image: url("/includes/img/careers/bringyou5.jpg");
}

body.pg-id-9211 .bringYou__item.single:nth-child(5) .cardFlip__back {
  background-color: #ffc716;
}

@media screen and (max-width: 63.9375em) {
  body.pg-id-9211 .bringYou__item.single:nth-child(5) .cardFlip__back {
    background-image: url("/includes/img/careers/bringyou5-mobile@2x.jpg");
  }
}

body.pg-id-9211 .counterBlock {
  background-image: url("/includes/img/careers/counter-bg-mobile@2x.jpg");
  background-size: cover;
  background-position: center center;
}

@media screen and (min-width: 64em) {
  body.pg-id-9211 .counterBlock {
    background-image: url("/includes/img/careers/counter-bg@2x.jpg");
  }
}

@media screen and (min-width: 64em) {
  body.pg-id-9211 .counterBlock__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

body.pg-id-9211 .counterBlock__item {
  text-align: center;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0%;
  flex: 1 1 0%;
}

@media screen and (max-width: 63.9375em) {
  body.pg-id-9211 .counterBlock__item {
    margin-bottom: 40px;
  }
}

body.pg-id-9211 .counterBlock__item:last-child {
  margin-bottom: 0px;
}

body.pg-id-9211 .counterBlock__item:nth-child(1) .counterBlock__image {
  background-image: url("/includes/img/careers/counter-office.svg");
}

body.pg-id-9211 .counterBlock__item:nth-child(2) .counterBlock__image {
  background-image: url("/includes/img/careers/counter-employees.svg");
}

body.pg-id-9211 .counterBlock__item:nth-child(3) .counterBlock__image {
  background-image: url("/includes/img/careers/counter-growth.svg");
}

body.pg-id-9211 .counterBlock__item:nth-child(4) .counterBlock__image {
  background-image: url("/includes/img/careers/counter-managers.svg");
}

body.pg-id-9211 .counterBlock__item:nth-child(5) .counterBlock__image {
  background-image: url("/includes/img/careers/counter-hours.svg");
}

body.pg-id-9211 .counterBlock__image {
  width: 100%;
  height: 50px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  margin-bottom: 20px;
}

body.pg-id-9211 .counterBlock__number {
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 4.063rem;
  line-height: 4.063rem;
  font-weight: 900;
  color: #ffffff;
  margin-bottom: 15px;
}

@media screen and (min-width: 64em) {
  body.pg-id-9211 .counterBlock__number {
    font-size: 3.625rem;
    line-height: 3.625rem;
  }
}

@media screen and (min-width: 75em) {
  body.pg-id-9211 .counterBlock__number {
    font-size: 4.063rem;
    line-height: 4.063rem;
  }
}

body.pg-id-9211 .counterBlock__category {
  font-size: 1rem;
  line-height: 1.375rem;
  font-weight: 700;
  color: #FFD349;
}

body.pg-id-9211 .benefitsBlock__grid {
  display: block;
}

@media screen and (min-width: 40em) {
  body.pg-id-9211 .benefitsBlock__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

body.pg-id-9211 .benefitsBlock__item {
  margin: 0 0 9px 0;
}

@media screen and (min-width: 40em) {
  body.pg-id-9211 .benefitsBlock__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 9px;
    width: 47%;
  }
}

@media screen and (min-width: 64em) {
  body.pg-id-9211 .benefitsBlock__item {
    width: 31%;
  }
}

@media screen and (min-width: 75em) {
  body.pg-id-9211 .benefitsBlock__item {
    width: 31.4%;
  }
}

@media screen and (min-width: 90em) {
  body.pg-id-9211 .benefitsBlock__item {
    width: 31.75%;
  }
}

body.pg-id-9211 .benefitsBlock__item:nth-child(1) .benefitsBlock__image {
  background-image: url("/includes/img/careers/benefits-icons_health.png");
}

body.pg-id-9211 .benefitsBlock__item:nth-child(2) .benefitsBlock__image {
  background-image: url("/includes/img/careers/benefits-icons_money.png");
}

body.pg-id-9211 .benefitsBlock__item:nth-child(3) .benefitsBlock__image {
  background-image: url("/includes/img/careers/benefits-icons_pto.png");
}

body.pg-id-9211 .benefitsBlock__item:nth-child(4) .benefitsBlock__image {
  background-image: url("/includes/img/careers/benefits-icons_philanthropy.png");
}

body.pg-id-9211 .benefitsBlock__item:nth-child(5) .benefitsBlock__image {
  background-image: url("/includes/img/careers/benefits-icons_membership-discounts.png");
}

body.pg-id-9211 .benefitsBlock__item:nth-child(6) .benefitsBlock__image {
  background-image: url("/includes/img/careers/benefits-icons_food.png");
}

body.pg-id-9211 .benefitsBlock__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  border-radius: 5px;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  -webkit-transition: -webkit-box-shadow 200ms ease-in-out;
  transition: -webkit-box-shadow 200ms ease-in-out;
  transition: box-shadow 200ms ease-in-out;
  transition: box-shadow 200ms ease-in-out, -webkit-box-shadow 200ms ease-in-out;
  background-color: #ffffff;
  padding: 30px 30px;
}

body.pg-id-9211 .benefitsBlock__content:hover {
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16);
}

body.pg-id-9211 .benefitsBlock__image {
  width: 60px;
  height: 60px;
  margin-bottom: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

body.pg-id-9211 .benefitsBlock__title {
  font-size: 1.375rem;
  line-height: 1.625rem;
  font-weight: 700;
  color: #E85E26;
  margin-bottom: 15px;
}

body.pg-id-9211 .benefitsBlock__description, body.pg-id-9211 .benefitsBlock__description p {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  color: #3B454A;
}

body.pg-id-9211 .callToActionDark.largeCta {
  /*background-image: url('/includes/img/careers/cta-bg-mobile.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;

        @include breakpoint(large) {
            background-image: url('/includes/img/careers/cta-bg.jpg');
        }*/
}

.uth-videos-item, .uth-player .next-video__image {
  -webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
  -webkit-transition: all 200ms ease-in-out;
  -webkit-transition: -webkit-box-shadow 300ms ease-in-out 100ms, -webkit-transform 200ms ease-in-out;
  transition: -webkit-box-shadow 300ms ease-in-out 100ms, -webkit-transform 200ms ease-in-out;
  transition: box-shadow 300ms ease-in-out 100ms, transform 200ms ease-in-out;
  transition: box-shadow 300ms ease-in-out 100ms, transform 200ms ease-in-out, -webkit-box-shadow 300ms ease-in-out 100ms, -webkit-transform 200ms ease-in-out;
}

.uth-videos-item:hover, .uth-player .next-video__image:hover {
  -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, 0.2);
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.2);
  -webkit-transform: scale(1.025);
  transform: scale(1.025);
}

.uth .fullwidthBlock.resourceCtaBlock .resourceCta__image {
  width: 400px;
}

@media screen and (min-width: 1240px) and (max-height: 692px) {
  .uth .longHero {
    min-height: 100vh;
  }
  .uth .longHero h1 {
    font-size: 2rem;
  }
}

@media screen and (min-width: 64em) {
  .uth .longHero {
    height: calc(100vh - 90px);
  }
  .uth .longHero h1 {
    font-size: 4.0625rem;
    line-height: 3.5rem;
    margin-bottom: 3rem;
  }
}

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

@media screen and (max-width: 63.9375em) {
  .uth .longHero__content {
    margin-bottom: 2rem;
  }
}

.uth .bgOutlinePeople {
  background: url(/includes/img/uth/outline.png);
  background-repeat: no-repeat;
  background-size: 40% auto;
  background-position: bottom right;
}

.uth-videos {
  margin-top: 1.5rem;
  margin-bottom: 2rem;
}

@media screen and (min-width: 64em) {
  .uth-videos {
    margin-top: 4rem;
    margin-bottom: 0px;
  }
}

@media screen and (max-height: 870px) {
  .uth-videos {
    margin-top: 0 !important;
  }
}

@media screen and (max-height: 790px) {
  .uth-videos .uth-videos-item {
    height: 100px !important;
  }
}

.uth-videos-wrapper {
  padding: 0 5rem 0 0;
  margin-left: -20px;
}

@media screen and (max-width: 39.9375em) {
  .uth-videos-wrapper {
    max-width: 220px;
    margin: auto;
  }
}

.uth-videos-item {
  height: 140px;
  background-size: cover;
  background-position: bottom left;
  margin: 0px;
  cursor: pointer;
}

@media screen and (min-width: 40em) {
  .uth-videos-item {
    margin: 0 20px;
    height: 170px;
  }
}

@media screen and (min-width: 64em) {
  .uth-videos-item {
    height: 188px;
    margin: 20px;
  }
}

.uth-player .videoEmbed {
  position: relative;
}

.uth-player .next-video {
  position: absolute;
  right: 2rem;
  bottom: 15%;
}

.uth-player .next-video span {
  color: #ffffff;
  text-transform: uppercase;
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: 1px;
  display: block;
  margin-bottom: 5px;
}

.uth-player .next-video__image {
  width: 200px;
  height: 113px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 5px;
  cursor: pointer;
}

.uth-ctas {
  margin-top: 60px;
  font-size: 18px;
}

.uth-ctas a.uth-ctas-item {
  padding: 20px 20px 56px 20px;
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: #82939c;
  font-weight: 700;
  background-image: url(/includes/img/down-caret.svg);
  background-size: 28px 13px;
  background-position: center bottom 20px;
  background-repeat: no-repeat;
}

.uth-ctas a.uth-ctas-item:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #82939c;
  background-image: url(/includes/img/down-caret.svg);
  background-size: 28px 13px;
  background-position: center bottom 20px;
  background-repeat: no-repeat;
}

.uth-quiz {
  padding: 1rem 0 5rem;
}

.uth-quiz .quiz {
  position: relative;
  margin: 0 auto;
  height: 300px;
  padding: 30px;
  max-width: 937px;
  background: #DEE5E8;
  border-radius: 15px;
  -webkit-box-shadow: 0 40px 30px rgba(19, 43, 59, 0.62);
  box-shadow: 0 40px 30px rgba(19, 43, 59, 0.62);
  /*&__requestion {
            position: relative;
            font-family: $font__primary;
            font-weight: 900;
            font-size: rem-calc(33px);
            line-height: $font--xdouble;
            color: $white;
            margin-bottom: 15px;

            @include breakpoint(large) {
                font-size: $font--double;
                line-height: $font--xdouble;
                margin-bottom: 12px;
            }
        }*/
}

@media screen and (max-width: 39.9375em) {
  .uth-quiz .quiz {
    min-height: 510px;
  }
}

@media screen and (min-width: 40em) {
  .uth-quiz .quiz {
    max-width: 382px;
    height: 510px;
  }
}

@media screen and (min-width: 64em) {
  .uth-quiz .quiz {
    max-width: 937px;
    height: 381px;
  }
}

.uth-quiz .quiz.cardFlip__back {
  position: absolute;
}

.uth-quiz .quiz__cardWrapper {
  width: 100%;
}

.uth-quiz .quiz__title {
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: 900;
  color: #82939c;
  text-transform: uppercase;
  letter-spacing: 1px;
}

@media screen and (max-width: 63.9375em) {
  .uth-quiz .quiz__title {
    margin-bottom: 10px;
  }
}

.uth-quiz .quiz__subtitle {
  padding-right: 30px;
  font-size: 1rem;
  line-height: 1.125rem;
  color: #82939c !important;
  font-weight: 700;
  background-image: url("/includes/img/icons/icon-arrow-down.svg");
  background-size: 10px 26px;
  background-position: 145px center;
  background-repeat: no-repeat;
}

@media screen and (max-width: 63.9375em) {
  .uth-quiz .quiz__subtitle {
    margin-bottom: 12px;
  }
}

@media screen and (min-width: 64em) {
  .uth-quiz .quiz__subtitle {
    text-align: right;
    background-position: right center;
  }
}

.uth-quiz .quiz__question, .quizBlock .quiz--finish .uth-quiz .quiz__finish-title, .uth-quiz .quiz--finish .quiz__finish-title {
  font-family: "Muli", "Muli-local", sans-serif;
  color: #3B454A;
  font-size: 1.125rem;
  line-height: 1.25rem;
  font-weight: 900;
  margin-bottom: 15px;
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .uth-quiz .quiz__question, .quizBlock .quiz--finish .uth-quiz .quiz__finish-title, .uth-quiz .quiz--finish .quiz__finish-title {
    margin-bottom: 25px;
  }
}

@media screen and (min-width: 64em) {
  .uth-quiz .quiz__question, .quizBlock .quiz--finish .uth-quiz .quiz__finish-title, .uth-quiz .quiz--finish .quiz__finish-title {
    font-size: 1.25rem;
    line-height: 1.375rem;
    margin-bottom: 30px;
  }
}

.uth-quiz .quiz__choices {
  /*a.button {
                width: 100%;
                font-family: $font__secondary;
                font-weight: 700;
                text-transform: none;
                letter-spacing: 0px;

                @include breakpoint(medium down) {
                    font-size: $font--large;
                    line-height: $font--xxxxlarge;
                    padding: 28px 16px 28px 16px;
                }

                &:last-child {
                    margin-bottom: 0px;
                }
            }*/
}

@media screen and (max-width: 63.9375em) {
  .uth-quiz .quiz__choices {
    margin-bottom: 25px;
  }
}

@media screen and (min-width: 64em) {
  .uth-quiz .quiz__choices.hasImages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

@media screen and (min-width: 64em) {
  .uth-quiz .quiz__choices.hasImages .quiz__choice {
    padding: 20px;
    width: 50%;
  }
}

@media screen and (min-width: 64em) {
  .uth-quiz .quiz__choices.hasImages.manyImages .quiz__choice {
    max-width: 25%;
  }
}

@media screen and (min-width: 64em) {
  .uth-quiz .quiz__choices.hasImages.manyImages .quiz__choice-content {
    font-size: 0.875rem;
  }
}

.uth-quiz .quiz__choices.hasImages.manyImages .quiz__image, .uth-quiz .quiz__choices.hasImages.manyImages .quiz__image--small {
  max-width: 100px;
}

.uth-quiz .quiz__choices .quiz__choice {
  color: #3B454A;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  font-size: 1rem;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

@media screen and (min-width: 64em) {
  .uth-quiz .quiz__choices .quiz__choice {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-right: 30px;
    padding: 10px;
    border-radius: 5px;
  }
}

@media screen and (min-width: 64em) {
  .uth-quiz .quiz__choices .quiz__choice:last-child {
    margin-right: 0px;
  }
}

.uth-quiz .quiz__choices .quiz__choice:hover {
  background-color: rgba(0, 0, 0, 0.1);
  /*text-decoration: underline;

                    .quiz__image {
                        box-shadow: 0 0 10px rgba(0,0,0,0.25);
                    }*/
}

.uth-quiz .quiz__choices .quiz__choice-label {
  margin-right: 10px;
}

.uth-quiz .quiz__image, .uth-quiz .quiz__image--small {
  display: block;
  width: 100%;
  max-width: 200px;
  -webkit-transition: -webkit-box-shadow 300ms ease-in-out;
  transition: -webkit-box-shadow 300ms ease-in-out;
  transition: box-shadow 300ms ease-in-out;
  transition: box-shadow 300ms ease-in-out, -webkit-box-shadow 300ms ease-in-out;
}

.uth-quiz .quiz__image--small {
  max-width: 80px;
}

@media screen and (min-width: 64em) {
  .uth-quiz .quiz--back {
    display: block;
  }
}

.uth-quiz .quiz__background {
  /*@include breakpoint(medium down) {
                display: none;
            }

            @include breakpoint(large) {
                position: absolute;
                background-size: cover;
                background-repeat: no-repeat;
                width: calc(100% - 20px);
                height: calc(100% - 20px);
                top: 10px;
                left: 10px;
                border-radius: 10px;
            }*/
}

.uth-quiz .quiz__answer {
  position: relative;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.25rem;
  color: #3B454A;
  margin-bottom: 30px;
}

@media screen and (min-width: 64em) {
  .uth-quiz .quiz__answer {
    font-size: 1.25rem;
    line-height: 1.375rem;
    margin-bottom: 30px;
  }
}

.uth-quiz .quiz__description {
  position: relative;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #3B454A;
}

@media screen and (min-width: 64em) {
  .uth-quiz .quiz__description {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}

.uth-quiz .quiz__navigation {
  position: absolute;
  bottom: 36px;
  left: 23px;
  right: 23px;
  text-align: center;
}

@media screen and (min-width: 64em) {
  .uth-quiz .quiz__navigation {
    position: absolute;
    left: auto;
    right: 43px;
    bottom: 34px;
  }
}

.uth-quiz .quiz__navigation > a.button span {
  background-image: url("/includes/img/icons/icon-right-arrow-white-thick.svg");
  background-size: 9px 16px;
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 30px;
}

.uth-quiz .quiz--finish {
  display: none;
  padding: 26px 23px;
  background-image: url("/includes/img/backgrounds/answercard1.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

@media screen and (min-width: 64em) {
  .uth-quiz .quiz--finish {
    padding: 40px 45px;
  }
}

.uth-quiz .quiz--finish .quiz__finish-title, .uth-quiz .quiz--finish .quiz__subtitle, .uth-quiz .quiz--finish .quiz__finish-nickname, .uth-quiz .quiz--finish p {
  color: #ffffff !important;
}

.uth-quiz .quiz--finish .quiz__finish-title {
  font-size: 1.75rem;
  line-height: 1.875rem;
  margin-bottom: 15px;
  color: #ffffff;
}

@media screen and (min-width: 64em) {
  .uth-quiz .quiz--finish .quiz__finish-title {
    font-size: 2.188rem;
    margin-bottom: 22px;
  }
}

.uth-quiz .quiz--finish .quiz__subtitle {
  position: relative;
  width: 105px;
  display: block;
  background-size: 20px 20px;
  font-size: 13px;
  padding-right: 31px;
  height: 31px;
  line-height: 31px;
  background-image: url("/includes/img/careers/icon-restart.svg");
  background-position: right center;
}

@media screen and (min-width: 64em) {
  .uth-quiz .quiz--finish .quiz__subtitle {
    position: absolute;
    right: 45px;
    top: 52px;
    width: 135px;
    padding-right: 44px;
    font-size: 1rem;
    background-size: 31px 31px;
  }
}

.uth-quiz .quiz--finish .quiz__finish-nickname {
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.375rem;
  margin-bottom: 15px;
}

.uth-quiz .quiz--finish p {
  font-size: 1rem !important;
  line-height: 1.375rem !important;
  font-weight: 700;
  margin-bottom: 1.375rem;
}

@media screen and (min-width: 64em) {
  .uth-quiz .quiz--finish p {
    font-size: 1.125rem;
    line-height: 1.625rem;
    margin-bottom: 1.5rem;
  }
}

.uth-quiz .quiz--finish .quiz__disclaimer {
  display: inline-block;
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: #3B454A;
  font-weight: 700;
  font-style: italic;
}

@media screen and (min-width: 64em) {
  .uth-quiz .quiz--finish .quiz__disclaimer {
    font-size: 1rem;
    line-height: 1.125rem;
  }
}

#customer-success .section {
  padding: 80px 0;
}

@media screen and (max-width: 39.9375em) {
  #customer-success .section {
    padding: 40px 20px;
  }
}

#customer-success .section h3 {
  font-size: 1.125rem;
  line-height: 28px;
  color: #5d6d75;
  font-weight: 400;
  margin-bottom: 60px;
}

@media screen and (max-width: 39.9375em) {
  #customer-success .section h3 {
    margin-bottom: 30px;
  }
}

#customer-success #customer-intro-jump-links {
  background: url("/includes/img/backgrounds/blue-graident-bg.jpg") no-repeat;
  background-size: cover;
}

#customer-success #customer-intro-jump-links h2 {
  color: #ffffff;
  font-size: 1.75rem;
  line-height: 40px;
  font-weight: 800;
}

@media screen and (max-width: 39.9375em) {
  #customer-success #customer-intro-jump-links #jump-links {
    padding: 30px 0 0;
  }
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  #customer-success #customer-intro-jump-links #jump-links {
    padding: 30px 30px;
  }
}

@media screen and (min-width: 64em) {
  #customer-success #customer-intro-jump-links #jump-links {
    padding: 70px 0 50px;
  }
}

#customer-success #customer-intro-jump-links #jump-links .jump-box {
  background: #ffffff;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top: 5px solid #E85E26;
  padding: 20px 0 0;
  position: relative;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  -webkit-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s;
  margin-bottom: 20px;
}

#customer-success #customer-intro-jump-links #jump-links .jump-box.aqua {
  border-top: 5px solid #6dd5e7;
}

#customer-success #customer-intro-jump-links #jump-links .jump-box.yellow {
  border-top: 5px solid #FFD349;
}

#customer-success #customer-intro-jump-links #jump-links .jump-box h4 {
  font-size: 1.125rem;
  line-height: 22px;
  font-family: "Muli", "Muli-local", sans-serif;
  font-weight: 800;
}

#customer-success #customer-intro-jump-links #jump-links .jump-box h4 a {
  display: block;
  padding: 5px 20px 25px;
  color: #3B454A;
}

#customer-success #customer-intro-jump-links #jump-links .jump-box .image-icon {
  height: 44px;
}

#customer-success #customer-intro-jump-links #jump-links .jump-box .image-icon a {
  display: block;
}

@media screen and (min-width: 40em) {
  #customer-success #customer-intro-jump-links #jump-links .jump-box:before {
    content: " ";
    width: 0;
    height: 0;
    margin-left: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 15px solid #ffffff;
    font-size: 0;
    line-height: 0;
    position: absolute;
    bottom: -14px;
  }
  #customer-success #customer-intro-jump-links #jump-links .jump-box:hover {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
  }
}

@media screen and (min-width: 40em) {
  #customer-success #customer-intro-jump-links #jump-links:after {
    content: " ";
    background-image: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(40%, #fff), color-stop(40%, transparent), to(transparent));
    background-image: linear-gradient(90deg, #fff, #fff 40%, transparent 40%, transparent 100%);
    background-size: 30px 4px;
    opacity: .4;
    border-radius: 5px;
    border: none;
    position: relative;
    z-index: 10;
    width: 100%;
    height: 3px;
    bottom: -41px;
  }
  #customer-success #customer-intro-jump-links #jump-links .dot-marker {
    width: 14px;
    height: 14px;
    bottom: -50px;
    text-align: center;
    display: block;
    margin: 0 auto;
    position: relative;
    border-radius: 7px;
    background-color: #31739C;
    z-index: 20;
  }
}

#customer-success #getting-started {
  background: #cfd9de;
  padding-bottom: 0;
}

#customer-success #getting-started h2 {
  font-size: 2.188rem;
  line-height: 2.5rem;
  position: relative;
  display: inline-block;
  margin-bottom: 40px;
  /* font-size, line-height, underline color */
}

#customer-success #getting-started h2:after {
  content: ' ';
  position: absolute;
  bottom: -20px;
  height: 5px;
  background: #E85E26;
  text-align: center;
  margin: 0 auto;
  left: 0;
  right: 0;
  width: 100%;
}

#customer-success #getting-started .card {
  background: #ffffff;
  border-radius: 5px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  overflow: hidden;
  margin-bottom: 80px;
  /*transition: transform .2s;*/
  /*&:hover {
                transform: scale(1.02);
                @media screen and (max-width: 39.9375em) {
                    transform: none;
                }
            }*/
}

@media screen and (max-width: 39.9375em) {
  #customer-success #getting-started .card {
    margin-bottom: 30px;
  }
}

#customer-success #getting-started .card .card-img {
  min-height: 150px;
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  position: relative;
  background-color: #182028;
  z-index: 3;
  display: block;
}

#customer-success #getting-started .card .content {
  padding: 30px 20px 30px 0;
}

#customer-success #getting-started .card .content h4 {
  font-size: 1.125rem;
  line-height: 22px;
  font-family: "Muli", "Muli-local", sans-serif;
  font-weight: 800;
}

#customer-success #getting-started .card .content h4 a {
  color: #3B454A;
}

#customer-success #getting-started .card .content p {
  font-size: 0.875rem;
  line-height: 22px;
}

#customer-success #getting-started .card .content p a {
  color: #3B454A;
}

#customer-success #getting-started .card.other {
  /*&:hover {
                    transform: none;
                }     */
}

#customer-success #getting-started .card.other .content {
  padding: 30px 30px 10px;
}

#customer-success #getting-started .card.other .content a {
  font-weight: 700;
  color: #519bc8;
}

#customer-success #getting-started .img-item {
  position: relative;
}

#customer-success #getting-started .img-item img {
  position: relative;
  z-index: 20;
  margin-left: 4px;
}

#customer-success #getting-started .img-item:before {
  content: " ";
  width: 14px;
  height: 14px;
  top: -255px;
  left: 2px;
  text-align: center;
  display: block;
  margin: 0 auto;
  position: relative;
  border-radius: 7px;
  background-color: #31739C;
  z-index: 20;
}

#customer-success #getting-started .img-item:after {
  content: " ";
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #b1c1c9), color-stop(50%, transparent));
  background-image: linear-gradient(to bottom, #b1c1c9 50%, transparent 50%);
  background-position: center;
  background-size: 4px 30px;
  position: absolute;
  z-index: 10;
  width: 3px;
  height: 220%;
  bottom: -20px;
  left: 50%;
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  #customer-success #getting-started .center-item {
    display: none;
  }
}

@media screen and (max-width: 39.9375em) {
  #customer-success #getting-started .center-item {
    display: none;
  }
}

#customer-success #support-success {
  background: #edf1f2;
  padding-bottom: 15px;
}

#customer-success #support-success h2 {
  font-size: 2.188rem;
  line-height: 2.5rem;
  position: relative;
  display: inline-block;
  margin-bottom: 40px;
  /* font-size, line-height, underline color */
}

#customer-success #support-success h2:after {
  content: ' ';
  position: absolute;
  bottom: -20px;
  height: 5px;
  background: #6dd5e7;
  text-align: center;
  margin: 0 auto;
  left: 0;
  right: 0;
  width: 100%;
}

#customer-success #support-success .dashed-line {
  position: relative;
  height: 100%;
}

#customer-success #support-success .dashed-line:before {
  content: " ";
  width: 14px;
  height: 14px;
  top: 15px;
  left: 2px;
  text-align: center;
  display: block;
  margin: 0 auto;
  position: relative;
  border-radius: 7px;
  background-color: #31739C;
  z-index: 20;
}

#customer-success #support-success .dashed-line:after {
  content: " ";
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #cfd9de), color-stop(50%, transparent));
  background-image: linear-gradient(to bottom, #cfd9de 50%, transparent 50%);
  background-position: center;
  background-size: 4px 30px;
  position: absolute;
  z-index: 10;
  width: 3px;
  height: 100%;
  bottom: 0;
  top: 15px;
  left: 50%;
}

#customer-success #support-success .item {
  padding: 20px 20px 0 50px;
  margin-bottom: 10px;
  position: relative;
  -webkit-transition: background-color .25s ease-in-out;
  transition: background-color .25s ease-in-out;
}

@media screen and (max-width: 39.9375em) {
  #customer-success #support-success .item {
    padding: 20px 20px 0 30px;
  }
}

#customer-success #support-success .item:before {
  content: " ";
  background: url("/includes/img/aqua-circle-bullet.svg") no-repeat;
  background-size: 15px 15px;
  height: 15px;
  width: 15px;
  position: absolute;
  top: 23px;
  left: 20px;
}

@media screen and (max-width: 39.9375em) {
  #customer-success #support-success .item:before {
    left: 0;
  }
}

@media screen and (min-width: 40em) {
  #customer-success #support-success .item.external-link:hover {
    background-color: #DEE5E8;
    border-radius: 5px;
  }
}

#customer-success #support-success .item.external-link h4 span {
  content: " ";
  background: url("/includes/img/external-link-dark.svg") no-repeat;
  background-size: 10px 10px;
  height: 10px;
  width: 10px;
  display: inline-block;
  top: 25px;
  margin-left: 10px;
}

#customer-success #support-success .item h4 {
  font-size: 1.125rem;
  line-height: 22px;
  font-family: "Muli", "Muli-local", sans-serif;
  font-weight: 800;
}

#customer-success #support-success .item p {
  font-size: 0.875rem;
  line-height: 22px;
}

#customer-success #support-success .card {
  padding: 30px;
  border-radius: 5px;
  margin-bottom: 80px;
}

#customer-success #support-success .card.gray {
  background-color: #DEE5E8;
}

#customer-success #support-success .card.gray p {
  font-size: 0.875rem;
  line-height: 22px;
  margin: 0;
}

#customer-success #consulting-services {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

@media screen and (max-width: 39.9375em) {
  #customer-success #consulting-services {
    background-position: right;
  }
}

#customer-success #consulting-services .heading-section {
  margin-top: 200px;
}

@media screen and (max-width: 39.9375em) {
  #customer-success #consulting-services .heading-section {
    margin-top: 0;
  }
}

#customer-success #consulting-services h2 {
  color: #ffffff;
  font-size: 2.188rem;
  line-height: 2.5rem;
  position: relative;
  display: inline-block;
  margin-bottom: 40px;
  /* font-size, line-height, underline color */
}

#customer-success #consulting-services h2:after {
  content: ' ';
  position: absolute;
  bottom: -20px;
  height: 5px;
  background: #FFD349;
  text-align: center;
  margin: 0 auto;
  left: 0;
  right: 0;
  width: 100%;
}

#customer-success #consulting-services h3 {
  color: #fcfdfd;
}

#customer-success #consulting-services h4 {
  font-size: 1.375rem;
  font-family: "Muli", "Muli-local", sans-serif;
  font-weight: 800;
  line-height: 22px;
  color: #ffffff;
  text-align: center;
  margin-bottom: 20px;
}

#customer-success #consulting-services ul {
  margin-left: 0;
}

#customer-success #consulting-services ul li a {
  text-decoration: none;
  padding: 20px;
  display: block;
  background: #519bc8;
  font-size: 1.125rem;
  font-family: "Muli", "Muli-local", sans-serif;
  font-weight: 800;
  line-height: 22px;
  color: #ffffff;
  margin-bottom: 15px;
  text-align: center;
  border-radius: 5px;
  -webkit-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s;
}

#customer-success #consulting-services ul li a:hover {
  background: #31739C;
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}

#customer-success #consulting-services ul.second-links a {
  background: #31739C;
}

#customer-success #consulting-services ul.second-links a:hover {
  background: #255675;
}

#customer-success #consulting-services .image-badge {
  position: relative;
}

#customer-success #consulting-services .image-badge img {
  width: 85px;
  margin: 40px 0;
  z-index: 20;
  position: relative;
}

#customer-success #consulting-services .image-badge:before {
  content: " ";
  background-image: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(40%, #fff), color-stop(40%, transparent), to(transparent));
  background-image: linear-gradient(90deg, #fff, #fff 40%, transparent 40%, transparent 100%);
  background-size: 30px 4px;
  opacity: .4;
  border: none;
  position: absolute;
  z-index: 10;
  width: 70%;
  height: 4px;
  top: 70px;
  left: -28%;
}

#customer-success #consulting-services .image-badge:after {
  content: " ";
  width: 14px;
  height: 14px;
  top: 65px;
  left: -30%;
  text-align: center;
  display: block;
  margin: 0 auto;
  position: absolute;
  border-radius: 7px;
  background-color: #31739C;
  z-index: 20;
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  #customer-success #consulting-services .image-badge:after {
    left: -32%;
  }
}

/* Animations */
.animate-up {
  -webkit-animation: straightLine 2.5s ease-in-out forwards;
  animation: straightLine 2.5s ease-in-out forwards;
}

@-webkit-keyframes straightLine {
  100% {
    -webkit-transform: translateY(-250px);
    transform: translateY(-250px);
  }
}

@keyframes straightLine {
  100% {
    -webkit-transform: translateY(-250px);
    transform: translateY(-250px);
  }
}

#products_detail_new {
  position: relative;
}

#products_detail_new .pageContent {
  background-color: #ffffff;
  padding-bottom: 0;
}

#products_detail_new footer {
  padding-top: 0;
}

#products_detail_new .overlayText {
  padding: 0 5%;
  width: 100%;
}

@media screen and (max-width: 39.9375em) {
  #products_detail_new .overlayText {
    padding: 20px 5% 0;
  }
}

#products_detail_new .overlayText h1 {
  padding-bottom: .5rem;
  font-weight: 400;
}

@media screen and (max-width: 39.9375em) {
  #products_detail_new .overlayText h1 {
    margin-top: 1.875rem;
  }
}

#products_detail_new .overlayText h1 span {
  font-weight: 300;
}

@media screen and (min-width: 64em) and (max-width: 74.938em) {
  #products_detail_new .overlayText h1 {
    font-size: 3rem;
  }
}

#products_detail_new .overlayText h2 {
  margin: 10px 0;
}

#products_detail_new .overlayText h2,
#products_detail_new .overlayText p {
  color: #cfd9de;
  font-size: 1.375rem;
  line-height: 2rem;
  padding-bottom: 1.5rem;
}

@media screen and (max-width: 64em) {
  #products_detail_new .overlayText h2,
  #products_detail_new .overlayText p {
    padding-right: 0;
    padding-bottom: .5rem;
    line-height: 1.5rem;
  }
}

@media screen and (max-width: 64em) {
  #products_detail_new .overlayText h2,
  #products_detail_new .overlayText p {
    font-size: 1.125rem;
  }
}

#products_detail_new .overlayText a.button {
  margin-bottom: 3rem;
}

@media screen and (max-width: 39.9375em) {
  #products_detail_new .overlayText a.button {
    padding: 0.6rem 1.25rem;
    font-size: 0.875rem;
  }
}

#products_detail_new .overlayText a.button:nth-of-type(2) button {
  margin-left: 20px;
}

@media screen and (max-width: 39.9375em) {
  #products_detail_new .overlayText a.button:nth-of-type(2) button {
    margin-left: 0;
    display: block;
    margin: 0 auto;
    margin-top: -2rem;
    margin-bottom: 2rem;
  }
}

#products_detail_new .overlayText #video {
  border: 10px solid #3B454A;
  margin: 0 0 -3.25rem;
}

@media screen and (max-width: 39.9375em) {
  #products_detail_new .overlayText #video {
    border-bottom: 0;
    margin-bottom: 0;
  }
}

#products_detail_new .key-item {
  min-height: 220px;
  padding: 2.5rem 2rem 2rem;
  text-align: center;
}

@media screen and (min-width: 39.9375em) and (max-width: 64em) {
  #products_detail_new .key-item {
    min-height: 300px;
  }
}

@media screen and (min-width: 64em) {
  #products_detail_new .key-item {
    min-height: 355px;
    padding: 4rem 3.5rem;
  }
}

#products_detail_new .key-item h2 {
  font-size: 1.25rem;
  line-height: 24px;
  font-weight: 500;
  padding: 1.75rem 0;
}

@media screen and (min-width: 64em) {
  #products_detail_new .key-item h2 {
    font-size: 30px;
    line-height: 40px;
  }
}

#products_detail_new .key-item p {
  color: #82939c;
}

#products_detail_new .key-item img {
  height: 100px;
}

#products_detail_new .key-item.key-item-2 {
  border-left: 1px solid #cfd9de;
  border-right: 1px solid #cfd9de;
}

#products_detail_new .featuresList {
  background-color: #edf1f2;
  position: relative;
  z-index: 2;
  padding: 5rem 0;
  text-align: left;
}

@media screen and (max-width: 39.9375em) {
  #products_detail_new .featuresList {
    padding: 40px 20px 0;
  }
}

#products_detail_new .featuresList h2 {
  font-size: 2.188rem;
  line-height: 35px;
  margin-bottom: 2rem;
  font-weight: 500;
}

@media screen and (min-width: 64em) {
  #products_detail_new .featuresList h2 {
    font-size: 2.5rem;
    line-height: 50px;
  }
}

#products_detail_new .featuresList img {
  max-width: none;
  border: 10px solid #f2f2f2;
  position: relative;
}

@media screen and (max-width: 39.9375em) {
  #products_detail_new .featuresList img {
    position: none;
    margin-top: 2rem;
    text-align: center;
    width: 100%;
  }
}

#products_detail_new .featuresList .polygon {
  position: relative;
  margin-top: 7rem;
  z-index: -1;
}

#products_detail_new .featuresList .polygon:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 250px solid transparent;
  border-right: 355px solid transparent;
  border-bottom: 2.75rem solid #E85E26;
  position: absolute;
  bottom: 0;
  left: 0;
}

#products_detail_new .featuresList .polygon:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 250px solid transparent;
  border-right: 355px solid transparent;
  border-bottom: 2.75rem solid #E85E26;
  position: absolute;
  bottom: 0;
  right: 0;
}

#products_detail_new .featuresList p {
  color: #82939c;
}

#products_detail_new .featuresList ul {
  margin: 2rem 0;
  position: relative;
  float: left;
}

#products_detail_new .featuresList ul li {
  width: 50%;
  list-style-type: none;
  float: left;
  padding-right: 20px;
  line-height: 1.5625rem;
  margin-bottom: 30px;
  padding-left: 35px;
  position: relative;
}

@media screen and (max-width: 53.75em) {
  #products_detail_new .featuresList ul li {
    width: 100%;
  }
}

#products_detail_new .featuresList ul li:before {
  content: '';
}

#products_detail_new .featuresList ul li a {
  font-size: 1.125rem;
  font-weight: 600;
}

#products_detail_new .featuresList .button {
  margin-top: 30px;
}

@media screen and (max-width: 39.9375em) {
  #products_detail_new .featuresList .button {
    margin-top: 0;
  }
}

#products_detail_new .featuresList .button.clear {
  margin-left: 15px;
}

@media screen and (max-width: 39.9375em) {
  #products_detail_new .featuresList .button.clear {
    margin-left: 0;
  }
}

@media screen and (max-width: 39.9375em) {
  #products_detail_new .use-cases {
    padding: 0 20px;
  }
}

#products_detail_new .use-cases__header {
  padding-top: 5rem;
}

@media screen and (max-width: 39.9375em) {
  #products_detail_new .use-cases__header {
    padding-top: 3rem;
  }
}

#products_detail_new .use-cases__header h2 {
  font-size: 2.188rem;
  line-height: 35px;
  font-weight: 500;
}

@media screen and (min-width: 64em) {
  #products_detail_new .use-cases__header h2 {
    font-size: 2.5rem;
    line-height: 45px;
  }
}

#products_detail_new .use-cases__header p {
  color: #82939c;
}

#products_detail_new .use-cases__header .button {
  float: right;
}

@media screen and (max-width: 39.9375em) {
  #products_detail_new .use-cases__header .button {
    float: left;
  }
}

#products_detail_new .use-cases .use-case {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 3;
  padding-top: 4rem;
  padding-bottom: 4rem;
  border-top: 1px solid #dee6e9;
}

@media screen and (max-width: 39.9375em) {
  #products_detail_new .use-cases .use-case {
    padding-top: 2rem;
    padding-bottom: 3rem;
  }
}

#products_detail_new .use-cases .use-case__first {
  margin-top: 0;
  border-top: none;
}

#products_detail_new .use-cases .use-case__icon {
  max-width: 50px;
  max-height: 50px;
  position: absolute;
  left: 0;
}

#products_detail_new .use-cases .use-case__img {
  border: 10px solid #f2f2f2;
  -webkit-transition: .5s;
  transition: .5s;
}

#products_detail_new .use-cases .use-case__img:hover {
  opacity: .9;
}

#products_detail_new .use-cases .use-case__reveal {
  max-width: 800px;
}

#products_detail_new .use-cases .use-case__reveal-content {
  padding: 3rem;
}

#products_detail_new .use-cases .use-case__reveal h4 {
  margin-bottom: 2rem;
  font-size: 2.188rem;
}

#products_detail_new .use-cases .use-case h4 {
  font-size: 28px;
  line-height: 35px;
  font-weight: 500;
  font-family: "Roboto", "Roboto-local", sans-serif;
  color: #0a0a0a;
}

#products_detail_new .use-cases .use-case .defaultText {
  background-color: #ffffff;
  padding: 10px 5rem 0 0;
  z-index: 3;
  position: relative;
}

@media screen and (max-width: 39.9375em) {
  #products_detail_new .use-cases .use-case .defaultText {
    padding: 10px 0 2rem 0;
  }
}

#products_detail_new .use-cases .use-case .defaultText p {
  color: #82939c;
  line-height: 30px;
  padding-bottom: 1.75rem;
}

@media screen and (max-width: 39.9375em) {
  #products_detail_new .use-cases .use-case .defaultText p {
    padding-bottom: 0;
  }
}

#products_detail_new .featureContainer {
  background-color: #edf1f2;
}

#products_detail_new .feature-wrap-block .features-main:first-child {
  border-top: 1px solid #bfbfbf;
}

#products_detail_new .feature-wrap-block .features-main .featuresText {
  padding: 0;
}

#products_detail_new .feature-wrap-block .features-main .featuresText .featuresDefaultText h4 {
  font-size: 2rem;
  line-height: 2.25rem;
}

@media screen and (min-width: 40em) {
  #products_detail_new .feature-wrap-block .features-main .featuresText .featuresDefaultText {
    padding: 5rem 0 !important;
  }
}

#products_detail_new .features-main-new {
  border-bottom: 1px solid #bfbfbf;
  position: relative;
}

#products_detail_new .features-main-new:last-child {
  border-bottom: none;
}

@media screen and (max-width: 39.9375em) {
  #products_detail_new .features-main-new {
    padding: 0 30px;
  }
}

@media screen and (max-width: 56.25em) {
  #products_detail_new .features-main-new .featuresText {
    width: 85%;
  }
}

@media screen and (max-width: 39.9375em) {
  #products_detail_new .features-main-new .featuresText {
    width: 100%;
  }
}

#products_detail_new .features-main-new .featuresText .featuresDefaultText {
  background-color: #edf1f2;
  padding: 5rem 0 5rem 20px;
  text-align: left;
}

@media screen and (max-width: 56.25em) {
  #products_detail_new .features-main-new .featuresText .featuresDefaultText {
    padding: 3rem 0 1rem;
  }
}

@media screen and (max-width: 39.9375em) {
  #products_detail_new .features-main-new .featuresText .featuresDefaultText {
    padding: 2rem 0 1rem;
    text-align: center;
  }
}

#products_detail_new .features-main-new .featuresText .featuresDefaultText h2 {
  color: #0a0a0a;
  font-size: 2.5rem;
  margin-bottom: 3.125rem;
  font-weight: 500;
}

#products_detail_new .features-main-new .featuresText .featuresDefaultText h4 {
  color: #0a0a0a;
  font-size: 1.75rem;
  line-height: 2.25rem;
  margin-bottom: 1.5rem;
  font-weight: 500;
  margin-bottom: 15px;
}

#products_detail_new .features-main-new .featuresText .featuresDefaultText p {
  line-height: 30px;
  margin-bottom: 30px;
}

#products_detail_new .features-main-new .featuresText .featuresDefaultText ul {
  margin: 0.5rem 0 1rem 3rem;
}

#products_detail_new .features-main-new .featuresText .featuresDefaultText ul li {
  list-style-type: disc;
  font-size: 1rem;
  margin: 0.5rem 0;
}

#products_detail_new .features-main-new .featuresText .featuresDefaultText button {
  margin-top: 1.25rem;
  display: block;
}

#products_detail_new .features-main-new .view-icon {
  background: url("../img/right-search.png") no-repeat, url("../img/right-corner.png") no-repeat;
  height: 87px;
  width: 87px;
  top: 0;
  right: 0;
  position: absolute;
}

#products_detail_new .features-main-new .features {
  margin-bottom: 5rem;
  margin-top: 5rem;
  position: relative;
  overflow: hidden;
  z-index: 3;
  height: 350px;
  padding-left: 0;
  padding-right: 0;
  background-repeat: no-repeat !important;
  background-position: 10px 10px !important;
  background-size: auto 350px !important;
  -webkit-transition: .5s;
  transition: .5s;
}

#products_detail_new .features-main-new .features:before {
  border: 10px solid #ffffff;
  border-right: none;
  content: '';
  display: block;
  position: relative;
  height: 100%;
}

@media screen and (max-width: 56.25em) {
  #products_detail_new .features-main-new .features {
    width: 85%;
    margin-bottom: 3rem !important;
    margin-top: 0rem;
    background-size: 100% !important;
    height: 250px;
  }
  #products_detail_new .features-main-new .features:before {
    border-right: 10px solid #ffffff;
  }
}

@media screen and (max-width: 39.9375em) {
  #products_detail_new .features-main-new .features {
    width: 100%;
    min-height: 100px;
    margin-bottom: 0 !important;
  }
  #products_detail_new .features-main-new .features:before {
    content: none;
  }
}

#products_detail_new .features-main-new .features:hover {
  opacity: .9;
}

#products_detail_new.product_features .pageContent {
  background-color: #ffffff;
}

@media screen and (max-width: 39.9375em) {
  #products_detail_new.product_features .pageContent {
    background-color: #edf1f2;
  }
}

#products_detail_new.product_features .hero {
  background-image: url("../img/hero-stats.jpg");
}

#products_detail_new.product_features .overlayText h1 {
  text-align: center;
}

#products_detail_new.product_features .overlayText h2 {
  text-align: center;
}

#products_detail_new.product_features .overlayText button {
  float: none;
  padding: 0.6rem 1.25rem;
  font-size: 0.875rem;
  margin: 1rem 0 4rem;
}

@media screen and (max-width: 39.9375em) {
  #products_detail_new.product_features .overlayText button {
    margin: 1rem 0 2.5rem;
  }
}

#products_detail_new.product_features .spanTitle {
  margin-bottom: .25rem;
}

#products_detail_new.product_features .spanTitle span {
  font-weight: 500;
}

#products_detail_new.product_features .featuresText .featuresDefaultTextDetail {
  padding: 5rem 0 0;
}

#products_detail_new.product_features .featuresText .featuresDefaultTextDetail h2 {
  font-size: 40px;
  font-weight: 500;
  line-height: 45px;
  margin-bottom: 30px;
  color: #0a0a0a;
  padding-bottom: 0;
}

@media screen and (max-width: 39.9375em) {
  #products_detail_new.product_features .featuresText .featuresDefaultTextDetail h2 {
    font-size: 1.75rem;
    line-height: 2rem;
    font-weight: 500;
    margin-bottom: 20px;
  }
}

#products_detail_new.product_features .featuresText .featuresDefaultTextDetail .imgWrapper {
  max-height: 350px;
  overflow: hidden;
  -webkit-transition: .5s;
  transition: .5s;
}

#products_detail_new.product_features .featuresText .featuresDefaultTextDetail .imgWrapper img {
  margin-top: 30px;
  border: 10px solid #ffffff;
  border-width: 10px 10px 0 10px;
}

#products_detail_new.product_features .featuresText .featuresDefaultTextDetail .imgWrapper:hover {
  opacity: .9;
}

@media screen and (max-width: 63.938em) {
  #products_detail_new.product_features .featuresText .featuresDefaultTextDetail {
    padding: 3rem 2rem 0;
  }
}

@media screen and (max-width: 39.9375em) {
  #products_detail_new.product_features .featuresText .featuresDefaultTextDetail {
    padding: 2rem 1.5rem 0;
  }
}

#products_detail_new.product_features .featuresText .featuresDefaultTextOther {
  margin: 3rem 0 5rem;
  padding: 0 20px;
}

#products_detail_new.product_features .featuresText .featuresDefaultTextOther h3 {
  color: #0a0a0a;
  font-size: 1.625rem;
  line-height: 30px;
  font-weight: 500;
  padding: 0;
}

#products_detail_new.product_features .featuresText .featuresDefaultTextOther p {
  margin-bottom: 50px;
}

#products_detail_new .feature-item {
  margin-top: 3rem;
  padding: 0 20px;
}

@media screen and (max-width: 63.938em) {
  #products_detail_new .feature-item {
    padding: 0 2rem;
  }
}

@media screen and (max-width: 39.9375em) {
  #products_detail_new .feature-item {
    text-align: center;
  }
}

#products_detail_new .feature-item__title {
  color: #0a0a0a;
  font-size: 1.625rem;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 0;
  padding-bottom: 1rem;
  overflow: hidden;
}

#products_detail_new .feature-item__title img {
  max-width: 60px;
  max-height: 60px;
  margin-right: 1.25rem;
  float: left;
  margin-top: -15px;
}

@media screen and (max-width: 39.9375em) {
  #products_detail_new .feature-item__title img {
    float: none;
    display: block;
    margin: 0 auto;
    margin-bottom: 15px;
  }
}

#products_detail_new .feature-item p {
  color: #555555;
  line-height: 30px;
}

#products_detail_new #deployment_services .introWithCTAWrap {
  padding-bottom: 5rem;
}

#products_detail_new #deployment_services .introWithCTAWrap .introWithCTA {
  background-color: #edf1f2;
  border-bottom: 1px solid #bfbfbf;
}

#products_detail_new #products_landing .longHero {
  background-color: #242b2e;
}

#products_detail_new #products_landing .longHero .overlayText {
  width: 100%;
}

#products_detail_new #products_landing .pageContent {
  background: none;
  padding-bottom: 1rem;
  padding-top: 3rem;
}

@media screen and (min-width: 40em) {
  #products_detail_new #products_landing .pageContent {
    padding-bottom: 4rem;
    padding-top: 5rem;
  }
}

#products_detail_new #products_landing .column, #products_detail_new #products_landing .columns {
  padding: 1rem;
}

@media screen and (max-width: 39.9375em) {
  #products_detail_new #products_landing .column, #products_detail_new #products_landing .columns {
    padding: 1rem 2rem;
  }
}

#products_detail_new #products_landing .column .product, #products_detail_new #products_landing .columns .product {
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 2rem 3rem 1rem;
}

@media screen and (min-width: 40em) {
  #products_detail_new #products_landing .column .product, #products_detail_new #products_landing .columns .product {
    min-height: 300px;
    padding: 1.5rem 4.5rem 0;
  }
}

#products_detail_new #products_landing .column .product h2, #products_detail_new #products_landing .columns .product h2 {
  color: #595959;
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-weight: 700;
  font-size: 20px;
  margin-top: 1.250rem;
  margin-bottom: 0;
  padding-bottom: 0;
}

@media screen and (max-width: 39.9375em) {
  #products_detail_new #products_landing .column .product h2, #products_detail_new #products_landing .columns .product h2 {
    padding-bottom: 1.5rem;
  }
}

@media screen and (min-width: 40em) {
  #products_detail_new #products_landing .column .product h2, #products_detail_new #products_landing .columns .product h2 {
    font-size: 32px;
    line-height: 42px;
  }
}

#products_detail_new #products_landing .column .product p, #products_detail_new #products_landing .columns .product p {
  color: #595959;
  font-size: 1rem;
  margin-bottom: 0;
  margin-top: 1rem;
}

#products_detail_new #products_landing .column .product p a.download, #products_detail_new #products_landing .columns .product p a.download {
  display: inline-block;
  padding-bottom: 1rem;
  padding-top: 2rem;
}

#products_detail_new #products_landing .column .product .productText, #products_detail_new #products_landing .columns .product .productText {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

#products_detail_new #products_landing .column .product .button, #products_detail_new #products_landing .columns .product .button {
  margin-top: 1.5rem;
}

#products_detail_new #products_landing .column .product.productCTA, #products_detail_new #products_landing .columns .product.productCTA {
  background-color: #3B454A;
  padding: 1.75rem 3rem;
  text-align: left;
}

#products_detail_new #products_landing .column .product.productCTA h2, #products_detail_new #products_landing .columns .product.productCTA h2 {
  color: #ffffff;
  font-size: 20px;
  line-height: 26px;
}

@media screen and (min-width: 40em) {
  #products_detail_new #products_landing .column .product.productCTA h2, #products_detail_new #products_landing .columns .product.productCTA h2 {
    font-size: 24px;
    line-height: 32px;
  }
}

#products_detail_new #products_landing .column .product.productCTA p, #products_detail_new #products_landing .columns .product.productCTA p {
  color: #ffffff;
}

@media screen and (min-width: 40em) {
  #products_detail_new #products_landing .column .product.productCTA p, #products_detail_new #products_landing .columns .product.productCTA p {
    max-width: 80%;
  }
}

#products_detail_new .product_download .textOnly.introStandard {
  background-color: #edf1f2;
}

@media screen and (min-width: 40em) {
  #products_detail_new .product_download .textOnly.introStandard {
    padding-bottom: 0rem;
  }
}

#products_detail_new .product_download .textOnly.introStandard h2 {
  font-size: 2rem;
  line-height: 35px;
  text-align: center;
}

@media screen and (min-width: 64em) {
  #products_detail_new .product_download .textOnly.introStandard h2 {
    font-size: 2.5rem;
    line-height: 40px;
  }
}

#products_detail_new .product_download .textOnly.introStandard p {
  font-size: 1rem;
  line-height: 30px;
  text-align: center;
}

#products_detail_new .product_download .downloadCTA {
  padding-bottom: 2rem;
}

#products_detail_new .product_download .downloadCTA .button {
  margin-left: .5rem;
  margin-top: 1rem;
}

#products_detail_new .product_download#contact footer {
  padding-top: 0;
}

#products_detail_new .product_download#contact .hero {
  background-image: url("../img/hero-stats.jpg");
}

#products_detail_new .product_download#contact .hero:before {
  opacity: .9;
}

#products_detail_new .product_download#contact .downloadCTA {
  padding-bottom: 2rem;
}

#products_detail_new .product_download#contact .downloadCTA .button {
  margin-left: 2rem;
  margin-top: 2rem;
}

@media screen and (min-width: 40em) {
  #products_detail_new .product_download#contact .downloadCTA .button {
    margin-top: 0;
  }
}

#products_detail_new .product_download#contact#contact .trialForm {
  padding-bottom: 5rem;
  background-color: #edf1f2;
}

#products_detail_new .product_download#contact#contact .trialForm.trialFormAlt .medium-9 {
  width: 100%;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

@media screen and (min-width: 40em) {
  #products_detail_new .product_download#contact#contact .trialForm.trialFormAlt .medium-9 {
    margin-left: 8.3333333333%;
    width: 83.3333333333%;
  }
}

#products_detail_new .product_download#contact#contact .trialForm.trialFormAlt .medium-3 {
  display: none;
}

#products_detail_new .product_download#contact#contact .productCTA {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  margin-bottom: 1.5rem;
  min-height: 64px;
  padding: 3rem 0;
}

#products_detail_new .product_download#contact#contact .productCTA h2 {
  color: #ffffff;
  font-size: 2rem;
}

#products_detail_new .product_download#contact#contact .featureList {
  background-color: #82939c;
  margin-bottom: 1.5rem;
  padding: 1.5rem;
}

#products_detail_new .product_download#contact#contact .featureList h2 {
  color: #ffffff;
  padding-bottom: .5rem;
  line-height: 1.5rem;
}

#products_detail_new .product_download#contact#contact .featureList p {
  color: #ffffff;
}

#products_detail_new .product_download#contact#contact .featureList li {
  color: #ffffff;
  line-height: 1rem;
  list-style-type: disc;
  padding-bottom: .75rem;
}

#products_detail_new .product_download#contact#contact .featureList li:last-child {
  padding-bottom: 0;
}

#products_detail_new .product_download#contact#contact .quoteContainer {
  padding: 2rem;
}

#products_detail_new .product_download#contact#contact .quoteContainer p.quote {
  font-size: 1.375rem;
  line-height: 2.188rem;
}

#products_detail_new .product_download#contact#contact .quoteContainer p.quote:before {
  content: url("../img/open-quote-small.png");
}

/* Modules -- reskinned styles will be moved here */
/* Placeholders */
footer .footer__search .sb-search-input, .utility .nav__main-links.dropdown.menu > li.megamenu .megamenu__search .sb-search-input, #offCanvas .off-canvas__search .searchContainer .sb-search-input {
  position: relative;
  max-width: none;
  height: auto;
  margin: 0;
  padding: 15px 10px 15px 25px;
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  background-color: #5d6d75;
  border-bottom: 1px solid rgba(130, 147, 156, 0.5);
  -webkit-box-shadow: none;
  box-shadow: none;
  caret-color: #82939c;
}

footer .footer__search .sb-search-input:-webkit-autofill, .utility .nav__main-links.dropdown.menu > li.megamenu .megamenu__search .sb-search-input:-webkit-autofill, #offCanvas .off-canvas__search .searchContainer .sb-search-input:-webkit-autofill, footer .footer__search .sb-search-input:-webkit-autofill:hover, .utility .nav__main-links.dropdown.menu > li.megamenu .megamenu__search .sb-search-input:-webkit-autofill:hover, #offCanvas .off-canvas__search .searchContainer .sb-search-input:-webkit-autofill:hover, footer .footer__search .sb-search-input:-webkit-autofill:focus, .utility .nav__main-links.dropdown.menu > li.megamenu .megamenu__search .sb-search-input:-webkit-autofill:focus, #offCanvas .off-canvas__search .searchContainer .sb-search-input:-webkit-autofill:focus, footer .footer__search .sb-search-input:-webkit-autofill:active, .utility .nav__main-links.dropdown.menu > li.megamenu .megamenu__search .sb-search-input:-webkit-autofill:active, #offCanvas .off-canvas__search .searchContainer .sb-search-input:-webkit-autofill:active {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  -webkit-text-fill-color: #ffffff !important;
}

footer .footer__search .sb-search-input::-webkit-input-placeholder, .utility .nav__main-links.dropdown.menu > li.megamenu .megamenu__search .sb-search-input::-webkit-input-placeholder, #offCanvas .off-canvas__search .searchContainer .sb-search-input::-webkit-input-placeholder, footer .footer__search .sb-search-input::-webkit-input-placeholder, .utility .nav__main-links.dropdown.menu > li.megamenu .megamenu__search .sb-search-input::-webkit-input-placeholder, #offCanvas .off-canvas__search .searchContainer .sb-search-input::-webkit-input-placeholder {
  color: #b1c1c9 !important;
  opacity: 1;
}

footer .footer__search .sb-search-input::placeholder, .utility .nav__main-links.dropdown.menu > li.megamenu .megamenu__search .sb-search-input::placeholder, #offCanvas .off-canvas__search .searchContainer .sb-search-input::placeholder, footer .footer__search .sb-search-input::-webkit-input-placeholder, .utility .nav__main-links.dropdown.menu > li.megamenu .megamenu__search .sb-search-input::-webkit-input-placeholder, #offCanvas .off-canvas__search .searchContainer .sb-search-input::-webkit-input-placeholder {
  color: #b1c1c9 !important;
  opacity: 1;
}

footer .footer__search .sb-search-submit, .utility .nav__main-links.dropdown.menu > li.megamenu .megamenu__search .sb-search-submit, .utility .nav__main-links.dropdown.menu > li.megamenu .megamenu__search .sb-icon-search, #offCanvas .off-canvas__search .searchContainer .sb-search-submit, #offCanvas .off-canvas__search .searchContainer .sb-icon-search {
  width: 0.875rem;
  height: 0.875rem;
  opacity: 1;
  padding: 0;
  left: 0px;
  top: 19px;
}

footer .footer__search .sb-search-submit, .utility .nav__main-links.dropdown.menu > li.megamenu .megamenu__search .sb-search-submit, #offCanvas .off-canvas__search .searchContainer .sb-search-submit, .contentHero form input[type="submit"] {
  position: absolute;
  background-image: url("/includes/img/search-gray.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #5d6d75;
  background-size: cover;
  z-index: 90;
  color: transparent;
  border: none;
  outline: none;
}

.utility .nav__main-links.dropdown.menu > li.megamenu .megamenu__search .sb-icon-search, #offCanvas .off-canvas__search .searchContainer .sb-icon-search {
  position: absolute;
  background-image: url("/includes/img/search-gray.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #5d6d75;
  background-size: cover;
  z-index: 89;
}

footer .footer__breach-contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

footer .footer__breach-icon, .utility .nav__main-links.dropdown.menu > li.megamenu .megamenu__response-icon {
  width: 34px;
  height: 34px;
  background-color: #0a0a0a;
  border-radius: 2px 0 0 2px;
  -moz-border-radius: 2px 0 0 2px;
  -webkit-border-radius: 2px 0 0 2px;
}

footer .footer__breach-icon:after, .utility .nav__main-links.dropdown.menu > li.megamenu .megamenu__response-icon:after {
  content: '';
  display: block;
  opacity: 0.6;
  width: 34px;
  height: 34px;
  background-image: url(../img/response.svg);
  background-size: 21px 21px;
  background-position: center center;
  background-repeat: no-repeat;
}

footer .footer__breach-phone a, .utility .nav__main-links.dropdown.menu > li.megamenu .megamenu__response-phone a {
  display: block;
  padding: 7px 13px 7px 10px;
  border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  -webkit-border-radius: 0 2px 2px 0;
  background-color: #E85E26;
  color: #ffffff !important;
  font-size: 0.8125rem;
  font-weight: 500;
}

.search-links {
  padding: 20px;
}

.search-links header {
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 0.75rem;
  color: #82939c;
  text-transform: uppercase;
  margin-bottom: 1rem;
}

.search-links a {
  display: block;
  font-size: 0.875rem;
  line-height: 1;
  color: #ffffff;
  margin-bottom: 1rem;
}

/* puts utility menu above the overlay */
.utility {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  -ms-align-content: center;
  padding: 1.25rem;
  z-index: 15;
  max-width: 78.125rem;
}

@media screen and (min-width: 64em) {
  .utility {
    display: block;
    padding: 0px 2rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    -ms-align-content: flex-start;
  }
}

.utility .nav__main {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media screen and (min-width: 64em) {
  .utility .nav__main {
    margin-top: 3.75rem;
  }
}

.utility .nav__main-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.utility .nav__main-top .top-bar, .utility .nav__main-top .top-bar > ul {
  background-color: transparent;
}

.utility .nav__main-top .top-bar {
  display: none;
  padding: 0;
}

@media screen and (min-width: 64em) {
  .utility .nav__main-top .top-bar {
    display: block;
  }
}

.utility .nav__main-logo {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
}

@media screen and (min-width: 64em) {
  .utility .nav__main-logo {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-right: 25px;
  }
}

@media screen and (max-width: 39.9375em) {
  .utility .nav__main-logo {
    margin-left: 12%;
  }
}

.utility .nav__main-logo img {
  padding: 0px;
  max-width: 9.375rem;
  max-height: 1.5625rem;
}

.utility .nav__main-links.dropdown.menu {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.utility .nav__main-links.dropdown.menu > li > a {
  position: relative;
  font-family: "Muli", "Muli-local", sans-serif;
  font-weight: 800;
  color: #ffffff;
  margin-right: 5px;
  border: none !important;
  padding: 11px 15px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
}

.utility .nav__main-links.dropdown.menu > li > a:hover {
  background: #ffffff;
  color: #0a0a0a;
}

.utility .nav__main-links.dropdown.menu > li.is-active > a {
  background: #ffffff;
  color: #0a0a0a;
}

.utility .nav__main-links.dropdown.menu > li > ul.menu.is-dropdown-submenu {
  background-color: #ffffff;
  border: none;
  padding: 14px 0;
  min-width: 250px;
  border-radius: 3px;
  margin-top: 20px;
}

.utility .nav__main-links.dropdown.menu > li > ul.menu.is-dropdown-submenu > li > a {
  font-family: "Muli", "Muli-local", sans-serif;
  font-weight: 900;
  font-size: 0.875rem;
  padding: 14px 0 14px 30px;
  color: #595959;
}

.utility .nav__main-links.dropdown.menu > li > ul.menu.is-dropdown-submenu > li > a:hover {
  color: #519bc8;
}

.utility .nav__main-links.dropdown.menu > li.is-dropdown-submenu-parent > a,
.utility .nav__main-links.dropdown.menu > li.megamenu > a {
  padding-right: 2.1875rem;
}

.utility .nav__main-links.dropdown.menu > li.is-dropdown-submenu-parent > a:after,
.utility .nav__main-links.dropdown.menu > li.megamenu > a:after {
  content: "";
  background: url("/includes/img/ltgray-down-caret.png");
  background-size: 14px 10px;
  display: block;
  position: absolute;
  width: 14px;
  height: 10px;
  top: 24px;
  right: 12px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  margin-top: -4px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.utility .nav__main-links.dropdown.menu > li.is-dropdown-submenu-parent > a[aria-expanded="true"]:after,
.utility .nav__main-links.dropdown.menu > li.megamenu > a[aria-expanded="true"]:after {
  top: 18px;
  -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
  transform: matrix(1, 0, 0, -1, 0, 0);
}

.utility .nav__main-links.dropdown.menu > li.is-dropdown-submenu-parent[aria-expanded="true"] a:after {
  top: 18px;
  -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
  transform: matrix(1, 0, 0, -1, 0, 0);
}

.utility .nav__main-links.dropdown.menu > li.megamenu > a.hover {
  background: #ffffff;
  color: #0a0a0a;
}

.utility .nav__main-links.dropdown.menu > li.megamenu .dropdown-pane {
  margin: 20px 32px;
}

.utility .nav__main-links.dropdown.menu > li.megamenu .megamenu__wrapper {
  width: 100% !important;
  margin: 0 auto;
  padding: 20px 32px;
  left: 0% !important;
  right: 0% !important;
  background: transparent;
  border: none;
}

.utility .nav__main-links.dropdown.menu > li.megamenu .megamenu__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);
  background-color: #5d6d75;
  border-radius: 3px;
}

.utility .nav__main-links.dropdown.menu > li.megamenu .megamenu__header {
  font-family: "Muli", "Muli-local", sans-serif;
  font-weight: 800;
  color: #3B454A;
  font-size: 1rem;
  line-height: 1.25rem;
  margin-bottom: 14px;
  padding-right: 5px;
}

.utility .nav__main-links.dropdown.menu > li.megamenu .megamenu__subheader {
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 0.75rem;
  font-weight: 800;
  color: #b1c1c9;
  text-transform: uppercase;
  margin-bottom: 0.875rem;
  width: 100%;
  min-height: 19px;
}

.utility .nav__main-links.dropdown.menu > li.megamenu .megamenu__info {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 220px;
  flex: 0 1 220px;
  padding: 30px;
  background: #edf1f2;
  font-size: 0.75rem;
  color: #5d6d75;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.utility .nav__main-links.dropdown.menu > li.megamenu .megamenu__info img {
  margin-bottom: 20px;
}

.utility .nav__main-links.dropdown.menu > li.megamenu .megamenu__info p {
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: #5d6d75;
}

.utility .nav__main-links.dropdown.menu > li.megamenu .megamenu__info a:not(.xsmBtn) {
  font-weight: 700;
  color: #519bc8;
}

.utility .nav__main-links.dropdown.menu > li.megamenu .megamenu__info .button {
  margin-top: 18px;
}

.utility .nav__main-links.dropdown.menu > li.megamenu .megamenu__response {
  margin-top: 34px;
}

.utility .nav__main-links.dropdown.menu > li.megamenu .megamenu__response header {
  margin-bottom: 5px;
  padding: 0;
  color: #595959;
}

.utility .nav__main-links.dropdown.menu > li.megamenu .megamenu__response-contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.utility .nav__main-links.dropdown.menu > li.megamenu .megamenu__items {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background: #ffffff;
}

.utility .nav__main-links.dropdown.menu > li.megamenu .megamenu__items-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.utility .nav__main-links.dropdown.menu > li.megamenu .megamenu__items-left, .utility .nav__main-links.dropdown.menu > li.megamenu .megamenu__items-right {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 30px 30px 0 30px;
  min-height: 335px;
}

.utility .nav__main-links.dropdown.menu > li.megamenu .megamenu__items-left {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
}

.utility .nav__main-links.dropdown.menu > li.megamenu .megamenu__items-cols-two {
  -webkit-box-flex: 5;
  -ms-flex: 5;
  flex: 5;
}

@media screen and (min-width: 64em) and (max-width: 75em) {
  .utility .nav__main-links.dropdown.menu > li.megamenu .megamenu__items-cols-two {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
  }
}

.utility .nav__main-links.dropdown.menu > li.megamenu .megamenu__items-right {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
  border-left: 1px solid #bfbfbf;
}

.utility .nav__main-links.dropdown.menu > li.megamenu .megamenu__items-col {
  -webkit-columns: 2 200px;
  -moz-columns: 2 200px;
  columns: 2 200px;
}

.utility .nav__main-links.dropdown.menu > li.megamenu .megamenu__items-links {
  border-top: 1px solid #bfbfbf;
  padding: 1.125rem;
  font-size: 0.875rem;
}

.utility .nav__main-links.dropdown.menu > li.megamenu .megamenu__items a {
  color: #519bc8;
}

.utility .nav__main-links.dropdown.menu > li.megamenu .megamenu__item {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 200px;
  flex: 0 1 200px;
  margin-bottom: 24px;
  padding-right: 10px;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
  break-inside: avoid;
}

.utility .nav__main-links.dropdown.menu > li.megamenu .megamenu__item.compact {
  margin-bottom: 20px;
}

.utility .nav__main-links.dropdown.menu > li.megamenu .megamenu__item.compact .megamenu__item-title {
  font-size: 0.875rem;
  line-height: 1.4;
  margin-bottom: 0;
}

.utility .nav__main-links.dropdown.menu > li.megamenu .megamenu__item-title {
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 1.125rem;
  font-weight: 800;
  line-height: 1.2;
  color: #5d6d75;
  margin-bottom: 0.3125rem;
}

.utility .nav__main-links.dropdown.menu > li.megamenu .megamenu__item-title:hover {
  color: #519bc8;
}

.utility .nav__main-links.dropdown.menu > li.megamenu .megamenu__item p {
  font-size: 0.875rem;
  line-height: 1rem;
  margin: 0;
  color: #5d6d75;
}

.utility .nav__main-links.dropdown.menu > li.megamenu .megamenu__item a {
  font-size: 0.75rem;
  line-height: 0.75rem;
  color: #519bc8;
}

.utility .nav__main-links.dropdown.menu > li.megamenu .megamenu__search {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 220px;
  flex: 0 1 220px;
  background: #5d6d75;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.utility .nav__main-links.dropdown.menu > li.megamenu .megamenu__search form {
  position: relative;
}

.utility .nav__main-links.dropdown.menu > li.megamenu .megamenu__search .sb-search-input {
  border-top-right-radius: 3px;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-left: 20px;
  max-width: 185px;
}

.utility .nav__main-links.dropdown.menu > li.megamenu .megamenu__search .sb-search-submit {
  margin-left: 20px;
}

.utility .nav__main-links.dropdown.menu > li.megamenu .megamenu__search .sb-icon-search {
  margin-left: 20px;
}

.utility .nav__utility {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 90px;
  flex: 0 1 90px;
}

@media screen and (min-width: 64em) {
  .utility .nav__utility {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    position: absolute;
    top: 0px;
    right: 32px;
    margin-top: 1.25rem;
    padding: 0;
  }
}

.utility .nav__utility-links {
  position: relative;
  display: none;
  margin-bottom: 0.8125rem;
  text-align: right;
}

@media screen and (min-width: 64em) {
  .utility .nav__utility-links {
    display: block;
    float: right;
  }
}

.utility .nav__utility-links ul.dropdown.menu {
  display: inline-block;
}

.utility .nav__utility-links ul.dropdown.menu li, .utility .nav__utility-links ul.dropdown.menu li.is-dropdown-submenu-parent {
  display: inline-block;
  margin-right: 27px;
}

.utility .nav__utility-links ul.dropdown.menu li a, .utility .nav__utility-links ul.dropdown.menu li a:hover, .utility .nav__utility-links ul.dropdown.menu li.is-dropdown-submenu-parent a, .utility .nav__utility-links ul.dropdown.menu li.is-dropdown-submenu-parent a:hover {
  border: none;
}

.utility .nav__utility-links ul.dropdown.menu li.has-menu ~ li.has-menu {
  margin-left: -14px;
}

.utility .nav__utility-links ul.dropdown.menu li.has-menu > a {
  padding: 6px 20px 6px 14px;
  border-radius: 15px;
}

.utility .nav__utility-links ul.dropdown.menu li.has-menu > a:before {
  background-color: transparent;
}

.utility .nav__utility-links ul.dropdown.menu li.has-menu > a:after {
  content: url("/includes/img/icons/icon-triangle-up-white.svg");
  position: absolute;
  width: 8px;
  height: 6px;
  margin: 0;
  top: 4px;
  right: 7px;
}

.utility .nav__utility-links ul.dropdown.menu li.has-menu.is-active > a,
.utility .nav__utility-links ul.dropdown.menu li.has-menu:hover > a {
  background-color: #ffffff;
  color: #3B454A;
  text-decoration: none;
}

.utility .nav__utility-links ul.dropdown.menu li.has-menu.is-active > a:after,
.utility .nav__utility-links ul.dropdown.menu li.has-menu:hover > a:after {
  content: url("/includes/img/icons/icon-triangle-up-slate.svg");
}

.utility .nav__utility-links ul.dropdown.menu li.has-menu.language-toggle > a {
  padding-left: 24px;
}

.utility .nav__utility-links ul.dropdown.menu li.has-menu.language-toggle > a:before {
  content: url("/includes/img/icons/icon-globe-white.svg");
  position: absolute;
  width: 12px;
  height: 12px;
  visibility: visible;
  -webkit-transform: none;
  transform: none;
  top: 5px;
  left: 6px;
}

.utility .nav__utility-links ul.dropdown.menu li.has-menu.language-toggle.is-active > a:before,
.utility .nav__utility-links ul.dropdown.menu li.has-menu.language-toggle:hover > a:before {
  content: url("/includes/img/icons/icon-globe-slate.svg");
}

.utility .nav__utility-links ul.dropdown.menu li.has-menu .menu {
  z-index: 10;
}

.utility .nav__utility-links ul.dropdown.menu li:last-child {
  margin-right: 0px;
}

.utility .nav__utility-links ul.dropdown.menu ul.is-dropdown-submenu {
  background-color: #ffffff;
  border: none;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  margin-top: 10px;
  padding: 10px 20px;
  text-align: left;
}

.utility .nav__utility-links ul.dropdown.menu ul.is-dropdown-submenu li {
  position: relative;
  margin: 0;
  width: 110px;
}

.utility .nav__utility-links ul.dropdown.menu ul.is-dropdown-submenu li.selected:after {
  content: url("/includes/img/icons/icon-check-red.svg");
  position: absolute;
  top: 0px;
  right: 0px;
}

.utility .nav__utility-links ul.dropdown.menu ul.is-dropdown-submenu a {
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 0.875rem;
  line-height: 1.75rem;
  font-weight: 800;
  color: #3B454A;
}

.utility .nav__utility-links ul.dropdown.menu ul.is-dropdown-submenu a:hover {
  color: #519bc8;
}

.utility .nav__utility-links .tooltip {
  position: absolute;
  width: 180px;
  top: 31px;
  left: -2px;
  text-align: left;
}

.utility .nav__utility-links .tooltip::before {
  top: -7px;
  left: 8px;
}

.utility .nav__utility-links a {
  position: relative;
  color: #ffffff;
  font-size: 0.75rem;
  font-weight: 500;
  padding: 0;
}

.utility .nav__utility-links a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #ffffff;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.utility .nav__utility-links a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.utility .nav__utility-links button {
  border: none;
}

.utility .nav__utility-links button a {
  color: #E85E26;
  font-size: .875rem;
  margin-right: .5rem;
  position: relative;
}

.utility .nav__utility-links button a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #E85E26;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.utility .nav__utility-links button a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.utility .nav__utility-links .language {
  content: url("../img/web.svg");
  display: inline-block;
  margin-bottom: -.25rem;
  padding-left: 10px;
}

@media screen and (max-width: 39.9375em) {
  .utility .nav__utility-links .language {
    display: none;
    padding-top: .35rem;
  }
}

.utility .nav__utility-links a#utilitySignin {
  position: relative;
  display: none;
  padding-left: 15px;
  /*&[data-auth="true"] {
                        padding: 0;
                        min-width: 120px;
                        max-width: 200px;
                        text-align: left;

                        &:before {
                            width: 0;
                            height: 0;
                            margin-right: 0px;
                            display: none;
                        }

                        .utilityUserDetails {
                            padding: 10px 36px 10px 16px;
                            //Dropdown arrow
                            &:after {
                                background-color: $slateLight;
                                background-image: url('https://www.rapid7.com/includes/img/down-caret.svg');
                                background-size: 10px 10px;
                                background-repeat: no-repeat;
                                position: absolute;
                                top: 14px;
                                right: 16px;
                                width: 10px;
                                height: 10px;
                                margin-left: 10px;
                                content: "";
                                display: inline-block;
                            }
                        }

                        ul#utilityUserMenu {
                            margin: 0;
                            width: 100%;
                            list-style-type: none;
                            border-top: 1px solid $slateDark;
                            background-color: $white;
                            text-align: left;

                            li {
                                padding: 10px 16px;
                                color: $blueLight;
                                border-bottom: solid 1px #dcdbdb;

                                &:hover {
                                    background-color: #eaf4fa;
                                }
                            }

                            a:last-of-type li {
                                border-bottom: none;
                            }
                        }
                    }*/
}

@media screen and (min-width: 64em) {
  .utility .nav__utility-links a#utilitySignin {
    display: block;
  }
}

.utility .nav__utility-links a#utilitySignin:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 10px !important;
  height: 10px;
  top: 1px;
  bottom: auto;
  left: 0;
  background-color: transparent;
  background-image: url("../img/padlock.svg");
  background-size: 9px 9px;
  background-repeat: no-repeat;
  visibility: visible;
  -webkit-transform: none;
  transform: none;
  -webkit-transition: none;
  transition: none;
}

.utility .nav__utility-links .logged {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.utility .nav__utility-links .logged:after {
  content: "";
  position: absolute;
  display: block;
  width: 14px;
  height: 10px;
  background: url("/includes/img/ltgray-down-caret.png");
  background-size: 14px 10px;
  top: calc(50% + 1px);
  right: 0px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.utility .nav__utility-links .logged__name {
  padding-right: 22px;
  font-size: 0.75rem;
  color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.utility .nav__utility-links .logged__options {
  display: none;
  position: absolute;
  z-index: 2;
  width: 117px;
  right: 0;
  top: 25px;
  background: #edf1f2;
  border-radius: 3px;
}

.utility .nav__utility-links .logged__options a {
  display: block;
  width: 100%;
  color: #595959;
  padding: 16px 16px 8px 16px;
  font-weight: 900;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.utility .nav__utility-links .logged__options a:hover {
  color: #519bc8;
}

.utility .nav__utility-links .logged__options a:last-child {
  padding: 8px 16px 16px 16px;
}

.utility .nav__utility-links .logged.show {
  border-radius: 2px 2px 0 0;
}

.utility .nav__utility-links .logged.show:after {
  top: 5px;
  -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
  transform: matrix(1, 0, 0, -1, 0, 0);
}

.utility .nav__utility-links[data-auth="false"] .notlogged {
  display: inline-block;
}

.utility .nav__utility-links[data-auth="false"] .logged {
  display: none;
}

.utility .nav__utility-links[data-auth="true"] .notlogged {
  display: none;
}

.utility .nav__utility-links[data-auth="true"] .logged {
  display: inline-block;
}

@media screen and (max-width: 64em) {
  .utility .nav__utility-links[data-auth="true"] .logged {
    display: none;
  }
}

.utility .nav__utility-trial {
  position: relative;
  text-align: right;
}

.utility .nav__utility-trial #trialCta {
  margin-bottom: 0px;
}

.utility .nav__utility-trial #trialCta > span {
  display: none;
}

@media screen and (min-width: 64em) {
  .utility .nav__utility-trial #trialCta > span {
    display: inline-block;
  }
}

.bx-creative {
  border-bottom: 4px solid #3a454b;
}

.search {
  background-color: #3B454A;
  content: url("../img/search.svg");
  float: left;
  padding: 1.83rem;
  /*@media screen and (max-width: 39.9375em) {
		display: inline-block;
		padding-top: .35rem;    
	}	*/
}

.search:before {
  background: none;
  visibility: hidden;
}

.hamburger {
  padding-top: 1.75rem;
  position: relative;
  margin: 0;
}

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

.hamburger span {
  display: none;
}

.hamburger.button {
  background-color: #5d6d75;
  width: 40px;
  height: 40px;
  padding: 11px;
  border-radius: 3px;
}

.hamburger.hamOpen.button {
  background-color: #5d6d75;
  /*margin-left: -1rem;*/
  z-index: 3000;
}

.hamburger.hamOpen::before {
  background-image: url("../img/close-white.svg");
  background-size: 18px 18px;
  background-repeat: no-repeat;
  display: inline-block;
  width: 18px;
  height: 18px;
  content: "";
}

.hamburger.hamClosed span {
  display: block;
  height: 2px;
  background: #ffffff;
  margin-bottom: 4px;
}

/* Simple Nav for landing pages */
.simpleNav {
  width: 100%;
  height: 66px;
  background: #3B454A;
}

.simpleNav #utilityLinks {
  padding-top: 1.5rem;
  padding-right: 3rem;
}

.simpleNav #logo {
  background-color: inherit;
  display: inline-block;
  padding: 1.25rem 0;
  margin-right: 0;
}

@media screen and (max-width: 39.9375em) {
  .simpleNav #logo {
    margin-left: 2rem;
  }
}

.simpleNav #logo img {
  max-width: 9.188rem;
  margin-left: .75em;
  max-height: 1.563rem;
}

@media screen and (max-width: 39.9375em) {
  .simpleNav #logo img {
    padding: 0;
    max-width: 100%;
    max-height: none;
    height: 28px;
    margin-left: 0;
  }
}

/* off-canvas */
.off-canvas-wrapper-inner.is-off-canvas-open.is-open-left {
  transform: translateX(0);
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
}

.off-canvas-wrapper-inner.is-off-canvas-open.is-open-left .off-canvas__overlay {
  display: block;
}

.off-canvas__overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: rgba(59, 69, 74, 0.6);
}

.off-canvas-content,
.off-canvas-content {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #242b2e;
}

#offCanvas {
  padding: 15px;
  /*-webkit-box-shadow: inset -5px 0px 7px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: inset -5px 0px 7px 0px rgba(50, 50, 50, 0.2);
    box-shadow: inset -5px 0px 7px 0px rgba(50, 50, 50, 0.2);*/
  background: transparent;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}

#offCanvas.is-open {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
}

#offCanvas .off-canvas__content {
  background-color: #ffffff;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.3);
}

#offCanvas .off-canvas__content.show-search .off-canvas__menu {
  transform: translateX(110%);
  -webkit-transform: translateX(110%);
  -moz-transform: translateX(110%);
}

#offCanvas .off-canvas__content.show-search .off-canvas__search {
  transform: translateX(0%);
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
}

#offCanvas .off-canvas__menu, #offCanvas .off-canvas__search {
  transition: all 400ms ease-in-out;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
}

#offCanvas .off-canvas__top {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  height: 2.75rem;
}

#offCanvas .off-canvas-close {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 44px;
  flex: 0 1 44px;
  width: 18px;
  height: 100%;
  background-image: url(/includes/img/modal_close_gray.svg);
  background-size: 18px 18px;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
}

#offCanvas .off-canvas-search {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 44px;
  flex: 0 1 44px;
  display: block;
  width: 18px;
  height: 100%;
  background-image: url(/includes/img/search-gray.png);
  background-size: 18px 18px;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
}

#offCanvas .off-canvas__search {
  display: block;
  position: absolute;
  height: 100%;
  top: 15px;
  right: 15px;
  left: 15px;
  transform: translateX(-110%);
  -webkit-transform: translateX(-110%);
  -moz-transform: translateX(-110%);
}

#offCanvas .off-canvas__search .off-canvas-close {
  position: absolute;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  height: 18px;
  top: 17px;
  right: 15px;
  z-index: 15;
}

#offCanvas .off-canvas__search .searchContainer {
  height: 100%;
  float: none;
  background: #5d6d75;
}

#offCanvas .off-canvas__search .searchContainer .sb-search-input {
  padding: 15px 45px 15px 45px;
}

#offCanvas .menu > li > a,
#offCanvas .menuLabel {
  display: block;
  color: #5d6d75;
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 1.125rem;
  line-height: 1.2;
}

#offCanvas .menu > li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

#offCanvas .menu > li.is-accordion-submenu-parent[aria-expanded='false'] .menu__title:after, #offCanvas .menu > li .menu__title:after {
  content: "";
  background: url("/includes/img/ltgray-down-caret.png");
  background-size: 14px 10px;
  display: block;
  position: absolute;
  width: 14px;
  height: 10px;
  top: 11px;
  right: -22px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

#offCanvas .menu > li.is-accordion-submenu-parent[aria-expanded='true'] .menu__title:after {
  top: 5px;
  -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
  transform: matrix(1, 0, 0, -1, 0, 0);
}

#offCanvas .menu > li[role='menuitem'] .menu__title:after {
  content: none;
  background: none;
}

#offCanvas .menu > li.section-title {
  position: relative;
  padding: 0 1.9rem;
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 0.75rem;
  color: #82939c;
  text-transform: uppercase;
}

#offCanvas .menu > li.section-title:not(:first-child) {
  padding-top: 38px;
}

#offCanvas .menu > li.section-title:not(:first-child):after {
  content: '';
  display: block;
  position: absolute;
  left: 30px;
  top: 13px;
  right: 30px;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}

#offCanvas .menu > li > ul > li {
  border: none;
}

#offCanvas .menu > li > ul > li a::after {
  display: none;
}

#offCanvas .menu > li > a {
  position: relative;
  padding: 1rem 1.9rem;
  font-size: 1rem;
  color: #0a0a0a;
  font-weight: 900;
  outline: none;
}

#offCanvas .menu > li > a .menu__title {
  position: relative;
  display: inline-block;
}

#offCanvas .menuLabel {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0;
  text-align: center;
  font-size: 0.75rem;
  text-transform: uppercase;
  color: #82939c;
}

#offCanvas img {
  padding: 1.7rem 0 1.5rem 0;
  width: 100%;
}

#offCanvas .promo_cta {
  background: #3B454A;
  padding: 3rem 0;
  text-align: center;
  color: #ffffff;
}

#offCanvas .promo_cta h4 {
  color: #ffffff;
}

#offCanvas .promo_cta h5 {
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 1rem 0;
  color: #edf1f2;
}

#offCanvas .promo_cta h5 strong,
#offCanvas .promo_cta h5 b {
  font-family: "Muli", "Muli-local", sans-serif;
  font-weight: 800;
}

#offCanvas .promo_cta h5 a {
  color: #ffffff;
}

#offCanvas .promo_cta .overlayText {
  margin-left: 10%;
  width: 80%;
}

#offCanvas .menu.nested {
  margin-left: 0;
  padding-bottom: 1.0625rem;
}

#offCanvas .menu > li .is-submenu-item > a {
  border-bottom: none;
  color: #555555;
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-size: .875rem;
  padding: 1rem 1.9rem .75rem;
  line-height: 1.25rem;
  font-weight: 600;
}

#offCanvas .menu > li .is-submenu-item > a:hover {
  /*
            background-color: $grayLight;
            color: $slateLight;
            -webkit-box-shadow: inset -5px 0px 7px 0px rgba(50, 50, 50, 0.2);
            -moz-box-shadow: inset -5px 0px 7px 0px rgba(50, 50, 50, 0.2);
            box-shadow: inset -5px 0px 7px 0px rgba(50, 50, 50, 0.2);
            */
}

#offCanvas .menu > li .is-submenu-item > a .navTitle {
  color: #595959;
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 16px;
  line-height: 1rem;
  margin-bottom: .2rem;
  font-weight: 800;
}

#offCanvas p {
  line-height: 17px;
  margin-bottom: 0;
}

#offCanvas .menu__cta {
  padding: 1rem 1.9rem;
}

#offCanvas .menu__cta a.button {
  margin: 0;
}

.is-accordion-submenu-parent > a::after {
  border: none;
  right: 2.5rem;
  top: 41%;
}

.is-accordion-submenu-parent > a.accordionOpen span {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}

.is-accordion-submenu-parent[aria-expanded='true'] > a::after {
  -webkit-transform: none;
  transform: none;
  outline: none;
}

#offCanvas .menu > li > a.accordionOpen {
  outline: none;
  border: none;
}

#offCanvas .menu > li > ul > li > a.accordionOpen {
  background-color: #edf1f2;
  color: #5d6d75;
  outline: none;
}

.js-off-canvas-exit {
  z-index: 4000;
  background: none;
}

/* end off-canvas */
/* hero */
.js-off-canvas-exit {
  z-index: 5;
  /* allows clicking anywhere on main content to close off-canvas */
}

.for_customers .longHero {
  min-height: 550px;
}

@media screen and (min-width: 64em) {
  .for_customers .longHero {
    min-height: 550px;
  }
}

.hero,
.longHero {
  background-color: #242b2e;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0;
  position: relative;
  /* puts overlayText above the overlay */
}

@media screen and (max-width: 39.9375em) {
  .hero,
  .longHero {
    background-position: center top;
  }
  .hero .overlayText,
  .longHero .overlayText {
    width: 90%;
  }
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .hero,
  .longHero {
    background-position: bottom left;
  }
}

@media screen and (min-width: 40em) {
  .hero,
  .longHero {
    min-height: 380px;
  }
}

.hero:before,
.longHero:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: .92;
  z-index: 2;
}

.hero .overlayText,
.longHero .overlayText {
  color: #ffffff;
  position: relative;
  margin: auto;
  padding: 1.25rem;
  text-align: center;
  z-index: 3;
  width: 100%;
  overflow: hidden;
}

@media screen and (min-width: 64em) {
  .hero .overlayText,
  .longHero .overlayText {
    padding: 4.0625rem 0 3.5625rem 0;
  }
}

.hero .overlayText.xlong,
.longHero .overlayText.xlong {
  max-width: 58.75rem;
}

.hero h1,
.longHero h1 {
  /*margin-bottom: .8rem;

        @media screen and (min-width: 64em) {
            margin-top: 0;
        }*/
}

.hero h2.subtitle, .hero p,
.longHero h2.subtitle,
.longHero p {
  color: #edf1f2;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.75rem;
  font-family: "Roboto", "Roboto-local", sans-serif;
  margin: 14px 0 20px 0;
}

.hero h2.subtitle,
.longHero h2.subtitle {
  letter-spacing: .4px;
}

.hero h4.spanTitle,
.longHero h4.spanTitle {
  color: #b1c1c9;
}

.hero img.play-button,
.longHero img.play-button {
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  border-radius: 50%;
}

.hero img.play-button:hover,
.longHero img.play-button:hover {
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 15px rgba(255, 255, 255, 0.25);
  box-shadow: 0px 0px 15px rgba(255, 255, 255, 0.25);
}

.hero .breadcrumbs,
.longHero .breadcrumbs {
  display: none;
}

@media screen and (min-width: 64em) {
  .hero .breadcrumbs,
  .longHero .breadcrumbs {
    display: block;
  }
}

.hero .breadcrumbs li:not(:last-child)::after,
.longHero .breadcrumbs li:not(:last-child)::after {
  color: #8a8a8a;
  content: "|";
  margin: 0 0.5rem;
}

.hero .breadcrumbs li,
.hero .breadcrumbs li a,
.longHero .breadcrumbs li,
.longHero .breadcrumbs li a {
  color: #DEE5E8;
  font-size: 0.75rem;
  line-height: 1.25rem;
  padding-top: 1.25rem;
  position: relative;
  text-transform: none;
  z-index: 3;
}

.hero .breadcrumbs li a,
.longHero .breadcrumbs li a {
  color: #519bc8;
}

.hero .breadcrumbs li a:hover,
.longHero .breadcrumbs li a:hover {
  text-decoration: none;
}

.hero {
  min-height: 350px;
}

@media screen and (max-width: 39.9375em) {
  .hero {
    min-height: 170px;
  }
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .hero {
    min-height: 300px;
  }
}

.hero .overlayText {
  padding: 1% 0;
  width: 80%;
}

.hero__icon {
  text-align: center;
}

.hero__icon img {
  max-width: 80px;
  max-height: 80px;
  margin-bottom: 1rem;
}

@media screen and (min-width: 64em) {
  .longHero {
    min-height: 26rem;
  }
}

.longHero.parallax {
  background-attachment: fixed;
  background-position: center top;
}

.longHero.blueBg {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("/includes/img/hero/hero-blue-aqua-gradient.jpg");
}

.longHero.topGradient:before {
  content: '';
  position: absolute;
  bottom: 0px;
  width: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, rgba(0, 0, 0, 0.5)), color-stop(60%, rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 60%);
}

@media screen and (min-width: 75em) {
  .longHero.topGradient:before {
    background-image: none;
  }
}

.longHero.bottomTreatment:after {
  content: '';
  position: absolute;
  bottom: 0px;
  background-image: url("/includes/img/backgrounds/hero-swoosh.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom center;
  width: 100%;
  height: 50px;
}

@media screen and (min-width: 64em) {
  .longHero.bottomTreatment:after {
    height: 90px;
  }
}

.longHero h1 {
  margin-bottom: 0.625rem;
  font-size: 2.1875rem;
  line-height: 2.75rem;
  text-shadow: 0px 2px 0px rgba(36, 43, 46, 0.5);
}

@media screen and (min-width: 64em) {
  .longHero h1 {
    font-size: 4.0625rem;
    line-height: 5rem;
    margin-bottom: 1rem;
  }
}

.longHero h2 {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

@media screen and (min-width: 64em) {
  .longHero h2 {
    margin-bottom: 1.875rem;
  }
}

.shortHero {
  background-color: #242b2e;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 3rem 0;
  position: relative;
  min-height: 200px;
}

@media screen and (max-width: 39.9375em) {
  .shortHero {
    padding: 1rem 0;
    min-height: 90px;
  }
}

.shortHero .overlayText {
  color: #ffffff;
  text-align: left;
  font-size: 2.5rem;
  padding: 2rem 0;
}

@media screen and (max-width: 39.9375em) {
  .shortHero .overlayText {
    padding: 1rem 2rem;
  }
}

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

.shortHero h1 {
  font-size: 2.5rem;
  line-height: 45px;
  margin-top: -5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media screen and (max-width: 39.9375em) {
  .shortHero h1 {
    text-align: center;
    font-size: 1.75rem;
    line-height: 35px;
  }
}

.shortHero button {
  margin: 0 auto;
  display: block;
}

.shortHero .mktoGen.mktoImg#mkto_gen_heroIcon {
  float: left;
  width: 5rem;
}

@media screen and (max-width: 39.9375em) {
  .shortHero .mktoGen.mktoImg#mkto_gen_heroIcon {
    display: none;
  }
}

.shortHero .mktoGen.mktoImg#mkto_gen_heroIcon + h1 {
  margin-left: 7rem;
  min-height: 90px;
}

.shortHero .mktoGen.mktoImg#mkto_gen_heroIcon + h1 span {
  font-weight: 300;
  color: #82939c;
}

@media screen and (max-width: 39.9375em) {
  .shortHero .mktoGen.mktoImg#mkto_gen_heroIcon + h1 {
    margin-left: 0;
    min-height: 60px;
  }
}

/* WEB-520 Form Overlap Test */
@media screen and (min-width: 64em) {
  body.internal.overlap .longHero .overlayText {
    text-align: left;
    padding-right: 335px;
  }
}

@media screen and (min-width: 64em) {
  body.internal.overlap .longHero h2.subtitle {
    text-align: left;
  }
}

@media screen and (min-width: 64em) {
  body.internal.overlap .pageContent {
    overflow: visible;
  }
}

@media screen and (min-width: 64em) {
  body.internal.overlap .pageContent .trialForm {
    position: relative;
    z-index: 3;
    margin-top: -300px;
  }
}

/* end hero */
.contentHero {
  padding-bottom: 40px;
  text-align: left;
}

@media screen and (min-width: 64em) {
  .contentHero {
    padding-bottom: 50px;
  }
}

.contentHero h1, .contentHero h2, .contentHero p, .contentHero a {
  color: #ffffff;
}

.contentHero h1 {
  font-size: 180px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 60px;
}

.contentHero h1:before, .contentHero h1:after {
  content: "4";
}

.contentHero h1 img {
  margin: 0 8px 0 12px;
}

.contentHero h2.subtitle {
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-size: 1.375rem;
  line-height: 25px;
  margin-bottom: 50px;
  text-align: left;
  font-weight: 900;
}

.contentHero form {
  position: relative;
  max-width: 482px;
  margin-bottom: 30px;
}

.contentHero form #searchPage::-webkit-input-placeholder {
  color: #ffffff;
  font-weight: 700;
}

.contentHero form #searchPage::-moz-placeholder {
  color: #ffffff;
  font-weight: 700;
}

.contentHero form #searchPage:-ms-input-placeholder {
  color: #ffffff;
  font-weight: 700;
}

.contentHero form #searchPage::-ms-input-placeholder {
  color: #ffffff;
  font-weight: 700;
}

.contentHero form #searchPage::placeholder {
  color: #ffffff;
  font-weight: 700;
}

.contentHero form input[type="text"] {
  border: none;
  outline: none;
  padding: 0;
  border-bottom: 1px solid #ffffff;
  background: transparent;
  font-size: 1rem;
  line-height: 1.125rem;
  font-weight: 700;
  color: #ffffff;
}

.contentHero form input[type="text"]:focus {
  outline: none;
  outline-style: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.contentHero form input[type="submit"] {
  background-color: transparent;
  background-image: url("/includes/img/icons/icon-search-white.svg");
  width: 20px;
  height: 20px;
  top: 11px;
  right: 0;
}

.contentHero .searchLinks a.button {
  margin-bottom: 25px;
}

@media screen and (min-width: 40em) {
  .contentHero .searchLinks a.button:first-child {
    margin-right: 32px;
  }
}

.content-track {
  display: grid;
  display: -ms-grid;
  grid-template-areas: "ct-content" "ct-sidebar";
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 50px;
  height: 100%;
  -ms-grid-columns: 1fr;
  -ms-grid-rows: 1fr 1fr;
  overflow: hidden;
  position: relative;
}

.content-track--expanded {
  grid-template-rows: 1fr 250px;
}

@media screen and (min-width: 40em) {
  .content-track--expanded {
    grid-template-columns: 250px 1fr;
  }
}

@media screen and (min-width: 40em) {
  .content-track {
    grid-template-areas: "ct-sidebar ct-content";
    grid-template-columns: 250px 1fr;
    grid-template-rows: 1fr;
    -ms-grid-columns: 250px 1fr;
    -ms-grid-rows: 1fr;
  }
}

.content-track__sidebar {
  background-color: #242b2e;
  grid-area: ct-sidebar;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  position: relative;
}

.content-track__sidebar::-webkit-scrollbar {
  width: 8px;
  background-color: rgba(0, 0, 0, 0);
  -webkit-border-radius: 100px;
}

.content-track__sidebar::-webkit-scrollbar:hover {
  background-color: rgba(0, 0, 0, 0.09);
}

.content-track__sidebar::-webkit-scrollbar-thumb:vertical {
  background: #b1c1c9;
  -webkit-border-radius: 100px;
}

.content-track__sidebar::-webkit-scrollbar-thumb:vertical:active {
  background: #cfd9de;
  -webkit-border-radius: 100px;
}

@media screen and (min-width: 40em) {
  .content-track__sidebar {
    position: static;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    overflow-y: auto;
  }
}

.content-track__sidebar:before {
  content: '';
  height: 50px;
  -webkit-box-shadow: 0 -5px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0 -5px 6px rgba(0, 0, 0, 0.16);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  pointer-events: none;
}

@media screen and (min-width: 40em) {
  .content-track__sidebar:before {
    display: none;
  }
}

.content-track--expanded .content-track__sidebar:before {
  height: 250px;
}

.content-track__head {
  display: none;
  padding: 40px 20px 20px 20px;
}

@media screen and (min-width: 40em) {
  .content-track__head {
    display: block;
  }
}

.content-track__logo {
  width: 120px;
  margin-bottom: 1rem;
}

.content-track__intro {
  color: #82939C;
}

.content-track__intro p {
  color: #82939C;
  font-size: 0.875rem;
}

.content-track__cta {
  margin-top: .25rem;
  margin-bottom: .5rem;
}

.content-track__items {
  height: 200px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

@media screen and (min-width: 40em) {
  .content-track__items {
    height: auto;
  }
}

.content-track__items ol {
  list-style-position: outside;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.content-track__item {
  border-left: 5px solid #242b2e;
  color: #ffffff;
  display: block;
  padding: 10px 20px 10px 37px;
  position: relative;
  -webkit-transition-property: background-color, border-color, color;
  transition-property: background-color, border-color, color;
  -webkit-transition-duration: .15s;
  transition-duration: .15s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

.content-track__item:hover, .content-track__item:focus {
  background-color: #3B454A;
  border-color: #3B454A;
  color: #cfd9de;
}

.content-track__item--selected, .content-track__item--selected:hover, .content-track__item--selected:focus {
  background: #0a0a0a;
  border-color: #FFD349;
  color: #ffffff;
  font-weight: bold;
}

.content-track__item-header {
  color: #1CBB98;
  padding: 18px 18px 2px;
  font-family: "Muli", "Muli-local", sans-serif;
}

.content-track__icon {
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  height: 16px;
  left: 12px;
  position: absolute;
  top: 14px;
  width: 16px;
}

.content-track__icon--pdf {
  background-image: url(/includes/img/icons/icon-notes-white.svg);
}

.content-track__icon--url {
  background-image: url(/includes/img/icons/icon-globe-white.svg);
}

.content-track__icon--video {
  background-image: url(/includes/img/icons/icon-play-white.svg);
}

.content-track__content {
  background-color: #0a0a0a;
  grid-area: ct-content;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  position: relative;
}

@media screen and (min-width: 40em) {
  .content-track__content {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
  }
}

.content-track__content-frame {
  border: none;
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 1;
}

.content-track__content-loader {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.content-track__nav {
  display: grid;
  display: -ms-grid;
  grid-template-areas: "ct-nav-related ct-nav-next";
  grid-template-columns: 1auto 1min-content;
  grid-template-rows: 1fr;
  -ms-grid-columns: 1auto 1min-content;
  -ms-grid-rows: 1fr;
}

@media screen and (min-width: 40em) {
  .content-track__nav {
    -webkit-box-shadow: none;
    box-shadow: none;
    position: absolute;
    right: -10px;
    bottom: 70px;
    z-index: 2;
  }
}

.content-track__nav-header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #3B454A;
  border: none;
  border-radius: 0;
  font-weight: bold;
  grid-area: ct-nav-related;
  justify-items: center;
  line-height: 50px;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  outline: none;
  text-align: center;
  white-space: nowrap;
}

.content-track__nav-header span {
  color: #cfd9de;
  display: inline-block;
  font-size: 0.875rem;
  margin-right: 7px;
  text-transform: uppercase;
}

.content-track__nav-header img {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.content-track--expanded .content-track__nav-header img {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

@media screen and (min-width: 40em) {
  .content-track__nav-header {
    display: none;
  }
}

.content-track__nav-next {
  background-color: #1CBB98;
  color: #ffffff;
  display: inline-block;
  font-size: 0.875rem;
  font-weight: bold;
  grid-area: ct-nav-next;
  letter-spacing: 4px;
  line-height: 50px;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  white-space: nowrap;
}

@media screen and (min-width: 40em) {
  .content-track__nav-next {
    border-radius: 10px 0 0 10px;
    -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    height: auto;
    line-height: auto;
    padding: 0 40px 0 30px;
  }
}

.content-track__nav-next span {
  display: block;
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

.content-track__nav-next:hover, .content-track__nav-next:focus {
  color: #ffffff;
}

@media screen and (min-width: 40em) {
  .content-track__nav-next:hover, .content-track__nav-next:focus {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
}

/* Generic Text styles for page blocks */
.pageBlock h2, .pageBlock h3, .pageBlock h4, .pageBlock p, .pageBlock ul li {
  color: #3B454A;
}

.pageBlock h2.margin-bottom-lg, .pageBlock h3.margin-bottom-lg, .pageBlock h4.margin-bottom-lg, .pageBlock p.margin-bottom-lg, .pageBlock ul li.margin-bottom-lg {
  margin-bottom: 33px;
}

@media screen and (min-width: 64em) {
  .pageBlock h2.margin-bottom-lg, .pageBlock h3.margin-bottom-lg, .pageBlock h4.margin-bottom-lg, .pageBlock p.margin-bottom-lg, .pageBlock ul li.margin-bottom-lg {
    margin-bottom: 55px;
  }
}

.pageBlock.bgSolidDkGray, .pageBlock.bgSolidXDkGray, .pageBlock.textWhite {
  color: #ffffff;
}

.pageBlock.bgSolidDkGray h2, .pageBlock.bgSolidDkGray h3, .pageBlock.bgSolidDkGray h4, .pageBlock.bgSolidDkGray p, .pageBlock.bgSolidDkGray ul li, .pageBlock.bgSolidDkGray a, .pageBlock.bgSolidXDkGray h2, .pageBlock.bgSolidXDkGray h3, .pageBlock.bgSolidXDkGray h4, .pageBlock.bgSolidXDkGray p, .pageBlock.bgSolidXDkGray ul li, .pageBlock.bgSolidXDkGray a, .pageBlock.textWhite h2, .pageBlock.textWhite h3, .pageBlock.textWhite h4, .pageBlock.textWhite p, .pageBlock.textWhite ul li, .pageBlock.textWhite a {
  color: #ffffff;
}

.pageBlock h2 {
  font-family: "Muli", "Muli-local", sans-serif;
  font-weight: 900;
  font-size: 1.5rem;
  line-height: 1.1;
  margin-bottom: 20px;
}

@media screen and (min-width: 40em) {
  .pageBlock h2 {
    font-size: 2.188rem;
  }
}

@media screen and (min-width: 64em) {
  .pageBlock h2 {
    margin-bottom: 30px;
  }
}

.pageBlock h2.smMargin {
  margin-bottom: 14px;
}

.pageBlock h3 {
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.1;
  margin-bottom: 1rem;
}

@media screen and (min-width: 64em) {
  .pageBlock h3 {
    font-size: 1.375rem;
  }
}

.pageBlock p {
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.75rem;
  margin-bottom: 2.188rem;
}

.pageBlock ul li {
  list-style-type: disc;
}

.pageBlock .mainContent ul li a,
.pageBlock__content p a:not(.button):not(.textCta) {
  display: inline;
  position: relative;
  color: #519bc8;
  border-bottom: 2px solid transparent;
  transition: border-bottom 300ms ease;
  -webkit-transition: border-bottom 300ms ease;
}

.pageBlock .mainContent ul li a:hover, .pageBlock .mainContent ul li a:focus,
.pageBlock__content p a:not(.button):not(.textCta):hover,
.pageBlock__content p a:not(.button):not(.textCta):focus {
  border-bottom: 2px solid #519bc8;
}

@media screen and (min-width: 64em) {
  .pageBlock aside {
    margin-bottom: 30px;
  }
}

.pageBlock__content p {
  color: #5d6d75;
}

.pageBlock__content p:last-child {
  margin-bottom: 0px;
}

.pageBlock__content ul:not(.accordion) {
  padding-left: 20px;
  margin-bottom: 2.188rem;
}

.pageBlock__content ul:not(.accordion) li {
  list-style-type: disc;
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 2;
  color: #5d6d75;
}

.pageBlock .taxonomyList ul {
  font-size: 0.875rem;
  line-height: 1rem;
  margin-right: 5px;
  margin-left: 0 !important;
  text-transform: none;
}

.pageBlock .taxonomyList ul li {
  display: inline-block;
  margin: 0 0 1rem;
  list-style: none;
}

.pageBlock .taxonomyList ul li:before {
  content: '//';
  margin-right: 5px;
  color: #82939c;
}

.pageBlock .taxonomyList ul li:after {
  display: none;
}

.pageBlock .taxonomyList ul li:first-of-type:before {
  display: none;
}

.pageBlock .content-highlight {
  padding: 2rem;
  background-color: #ffffff;
  margin: 2rem 0;
}

.pageBlock .content-highlight h3 {
  font-family: "Muli", "Muli-local", sans-serif;
  font-weight: 500;
  padding-top: .5rem;
  font-size: 1.375rem;
  line-height: 25px;
}

.pageBlock .whiteBox {
  padding: 2.25rem 2.25rem 1.5rem;
  margin-bottom: 2.5rem;
  background-color: #ffffff;
}

.pageBlock .whiteBox h4 {
  margin: 0.25rem 0 1.75rem;
  line-height: 1.5rem;
}

.pageBlock .whiteBox ul {
  margin: 0;
  padding: 0 1.25rem;
  display: inline-block;
}

@media screen and (min-width: 40em) {
  .pageBlock .whiteBox ul {
    width: 100%;
  }
}

.pageBlock .whiteBox ul li {
  clear: both;
}

.pageBlock .blocksArea {
  margin: 30px 0;
}

.pageBlock .blocksArea:empty {
  margin: 0;
}

.pageBlock .intro-pretitle {
  color: #82939c;
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-size: 1rem;
  line-height: 1.125rem;
  font-weight: 700;
}

.pageBlock .intro-subtitle {
  color: #595959;
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-size: 1.375rem;
  line-height: 1.5rem;
  font-weight: 400;
  margin-bottom: 2rem;
}

.pageBlock .intro-title {
  color: #0a0a0a;
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 2.5rem;
  line-height: 2.75rem;
  font-weight: 400;
  margin: 1.25rem 0;
}

/* Block grid of posts */
@media screen and (min-width: 64em) {
  .pageBlock .postGrid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (min-width: 40em) {
  .pageBlock .postGrid__section {
    margin-bottom: 30px;
  }
}

@media screen and (min-width: 64em) {
  .pageBlock .postGrid__section:first-child {
    -webkit-box-flex: 1.5;
    -ms-flex: 1.5;
    flex: 1.5;
    margin-right: 20px;
  }
}

@media screen and (min-width: 64em) {
  .pageBlock .postGrid__section:last-child {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

.pageBlock .postGrid__section > .textCta {
  margin-bottom: 38px;
}

@media screen and (min-width: 40em) {
  .pageBlock .postGrid__posts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: calc(100% - 68px);
  }
}

.pageBlock .postGrid__post {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  overflow: hidden;
  margin-bottom: 30px;
  border-radius: 4px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.36);
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.36);
}

@media screen and (min-width: 40em) {
  .pageBlock .postGrid__post {
    margin-right: 20px;
    margin-bottom: 0;
  }
}

@media screen and (min-width: 40em) {
  .pageBlock .postGrid__post:last-child {
    margin-right: 0px;
  }
}

.pageBlock .postGrid__post-image {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100px;
  flex: 0 0 100px;
  width: 100%;
  height: 100px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.pageBlock .postGrid__post-content {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  height: calc(100% - 100px);
  background-color: #ffffff;
  padding: 20px;
  text-align: center;
}

.pageBlock .postGrid__post-content p {
  font-size: 0.75rem;
  line-height: 1rem;
  color: #3B454A;
}

.pageBlock .postGrid__post-category {
  display: block;
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-size: 0.75rem;
  font-weight: 800;
  text-transform: uppercase;
  color: #21B3CD;
  margin-bottom: 20px;
}

.pageBlock .postGrid__post-title {
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 1rem;
  line-height: 1.25;
  font-weight: 800;
  color: #3B454A;
  margin-bottom: 26px;
}

/* Homepage: numbers and logos */
.statsBlock {
  position: relative;
  background-color: #ffffff;
}

.statsBlock .logo-background {
  position: absolute;
  right: 0;
  width: 50%;
  height: 100%;
  background-size: cover;
}

.statsBlock .statNumbers {
  max-width: 460px;
  margin: auto;
}

@media screen and (max-width: 39.9375em) {
  .statsBlock .statNumbers {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.statsBlock .statNumbers__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 100%;
  max-width: 460px;
  margin-bottom: 20px;
}

@media screen and (min-width: 64em) {
  .statsBlock .statNumbers__item {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
  }
}

.statsBlock .statNumbers__item:after {
  content: '';
  position: absolute;
  width: calc(100% + 25px);
  left: -15px;
  bottom: 2px;
  height: 1px;
  background-color: #31739C;
}

.statsBlock .statNumbers__item-title {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  font-family: "Muli", "Muli-local", sans-serif;
  font-weight: 900;
  font-size: 0.75rem;
  color: #3B454A;
  text-transform: uppercase;
  letter-spacing: 2.5px;
}

@media screen and (max-width: 39.9375em) {
  .statsBlock .statNumbers__item-title {
    width: 75%;
    padding-bottom: 6px;
  }
}

.statsBlock .statNumbers__item span {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 1.75rem;
  font-weight: 900;
  color: #31739C;
  text-align: right;
}

.statsBlock .customerLogos {
  z-index: 1;
  position: relative;
  text-align: center;
}

@media screen and (min-width: 64em) {
  .statsBlock .customerLogos {
    background: none;
    -webkit-transform: translate3d(5%, 0px, 0px);
    transform: translate3d(5%, 0px, 0px);
  }
}

.statsBlock .customerLogos .imgLogo {
  width: 100%;
  max-width: 540px;
  height: auto;
  margin-top: 20px;
  margin-bottom: 36px;
}

/* Customer logos (homepage) */
@media screen and (min-width: 64em) {
  .customerLogos.bgAquaSlateGradient::before {
    background: none;
  }
}

.customerLogos__grid {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  max-width: 554px;
  margin: 0 auto 40px;
}

@media screen and (max-width: 63.9375em) {
  .customerLogos__grid {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.customerLogos__logo {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 48%;
  flex: 1 1 48%;
  max-width: 48%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #ffffff;
  border-radius: 5px;
  margin: 5px;
  padding: 15px;
}

@media screen and (max-width: 63.9375em) {
  .customerLogos__logo {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    max-width: 200px;
    height: 120px;
  }
}

@media screen and (min-width: 40em) {
  .customerLogos__logo {
    padding: 29px;
  }
}

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

.customerLogos__logo img {
  width: 100%;
}

@media screen and (max-width: 63.9375em) {
  .customerLogos__logo img {
    max-width: 120px;
  }
}

@media screen and (min-width: 64em) {
  .customerLogos__logo img {
    max-height: 64px;
  }
}

@media screen and (min-width: 64em) {
  .productWheel {
    position: absolute;
    width: 503px;
    height: 503px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    top: calc(50% - 3px);
    left: calc(50% - 2px);
  }
}

.productWheel:hover .productWheel__gradient {
  opacity: 0.9;
}

.productWheel__outer {
  position: relative;
  margin: auto;
  border-radius: 50%;
}

@media screen and (min-width: 64em) {
  .productWheel__outer {
    width: 554px;
    height: 550px;
    margin: 0;
    float: right;
  }
}

.productWheel__outer .line {
  fill: none;
  stroke: #82939c;
  stroke-miterlimit: 10;
}

.productWheel__outer path.textCurve {
  fill: none;
  stroke: none;
}

.productWheel__outer textPath.textCurve {
  text-transform: uppercase;
  fill: #5d6d75;
  font-family: "Muli", "Muli-local", sans-serif;
  font-weight: 800;
  font-size: 2rem;
}

.productWheel img {
  display: block;
  margin: auto;
}

.productWheel__center {
  position: absolute;
  width: 186px;
  text-align: center;
  height: 186px;
  border-radius: 50%;
  background: #ffffff;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  left: calc(50% - 2px);
  -webkit-transform: translate(-50%) translateY(-50%);
  transform: translate(-50%) translateY(-50%);
  margin-top: 1px;
  z-index: 4;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
}

.productWheel__center img {
  width: 80px;
  top: 30%;
  position: relative;
  margin: 0 auto;
}

.productWheel__center p {
  color: #606B70;
  font-family: "Muli", "Muli-local", sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 17px;
  position: relative;
  top: 40%;
  font-size: 15px;
}

.productWheel__gradient {
  position: absolute;
  width: 505px;
  height: 505px;
  right: 0;
  z-index: 2;
  border-radius: 50%;
  opacity: 0;
  -webkit-transition: opacity 300ms ease-in-out;
  transition: opacity 300ms ease-in-out;
  /*&.grow {
            opacity: 0.9;

            &.shrink {
                opacity: 0;
                transition: opacity $time*2 ease-in-out ($time * 2);
            }
        }*/
}

.productWheel .slice {
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
}

.productWheel__initial {
  position: relative;
  z-index: 1;
}

.productWheel__initial svg {
  width: 503px;
  height: 503px;
}

.productWheel__initial .slice img {
  display: block;
  margin: auto;
}

.productWheel__initial .slice.idr {
  fill: #1e5579;
}

.productWheel__initial .slice.connect {
  fill: #2989aa;
}

.productWheel__initial .slice.appsec {
  fill: #32749c;
}

.productWheel__initial .slice.vm {
  fill: #0b3c5e;
}

.productWheel__initial .slice.services {
  fill: #1ba0b9;
}

.productWheel__initial .sliceText {
  fill: white;
}

.productWheel__initial .sliceText.title {
  font-weight: 800;
  text-transform: uppercase;
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 36px;
}

.productWheel__initial .sliceText.subtitle {
  font-size: 20px;
  font-family: "Roboto", "Roboto-local", sans-serif;
}

.productWheel__active {
  position: absolute;
  z-index: 3;
  width: 506px;
  height: 506px;
  right: 0;
  border-radius: 50%;
}

.productWheel__active .sliceText {
  fill: #5d6d75;
  font-size: 20px;
  font-family: "Roboto", "Roboto-local", sans-serif;
}

.productWheel__active .slice {
  position: absolute;
  overflow: hidden;
  fill: #ffffff;
  opacity: 0;
  -webkit-transition: opacity 150ms ease-in-out 150ms;
  transition: opacity 150ms ease-in-out 150ms;
}

.productWheel__active .slice .cls-1 {
  fill: #fff;
}

.productWheel__active .slice .cls-2 {
  fill: #d5dfe2;
}

.productWheel__active .slice .cls-3 {
  fill: #4d5a5e;
}

.productWheel__active .slice:hover {
  opacity: 1;
  -webkit-transition: opacity 150ms ease-in-out 150ms;
  transition: opacity 150ms ease-in-out 150ms;
}

.productWheel__active .slice:hover:after {
  opacity: 1;
}

.productWheel__active .slice:hover .slice-content {
  opacity: 1;
  -webkit-transition: opacity 150ms ease-in-out 300ms;
  transition: opacity 150ms ease-in-out 300ms;
}

.productWheel__active .slice .ctaBtn {
  width: 85px;
  height: 27px;
}

.productWheel__active .slice .ctaBtn rect {
  position: absolute;
  top: 0;
  left: 0;
  fill: none;
  -webkit-transition: opacity 1.8s ease;
  transition: opacity 1.8s ease;
  border-radius: 27px;
  fill: #519bc8;
}

.productWheel__active .slice .ctaBtn text {
  font-size: 18px;
  text-align: center;
  text-anchor: middle;
  fill: #ffffff;
  stroke: none;
  font-family: "Muli", "Muli-local", sans-serif;
  font-weight: 800;
  letter-spacing: 1px;
}

.productWheel__active .slice .ctaBtn:hover rect {
  fill: url(#buttonGradientHover) #21B3CD;
}

.productWheel__active .slice .slice-content {
  opacity: 0;
  -webkit-transition: opacity 150ms ease-in-out;
  transition: opacity 150ms ease-in-out;
}

.productWheel__active .slice:after {
  content: '';
  position: absolute;
  opacity: 0;
  width: 503px;
  height: 503px;
  border-radius: 50%;
  -webkit-transform: translateX(-105px) translateY(5px);
  transform: translateX(-105px) translateY(5px);
  -webkit-box-shadow: 0px -1px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0px -1px 5px rgba(0, 0, 0, 0.2);
  -webkit-transition: opacity 150ms ease-in-out 150ms;
  transition: opacity 150ms ease-in-out 150ms;
}

.productWheel__active .slice img {
  position: absolute;
}

.productWheel__active .slice span.button {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 3;
}

@media screen and (min-width: 64em) {
  .productWheelTemp {
    position: absolute;
    width: 503px;
    height: 503px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    top: calc(50% - 3px);
    left: calc(50% - 2px);
  }
}

.productWheelTemp__outer {
  position: relative;
  margin: auto;
  background: no-repeat center/cover url("/includes/img/insight-cloud/outer-ring.svg");
}

@media screen and (min-width: 64em) {
  .productWheelTemp__outer {
    width: 554px;
    height: 550px;
    margin: 0;
    float: right;
  }
}

.productWheelTemp img {
  display: block;
  margin: auto;
}

.productWheelTemp__center {
  position: absolute;
  width: 186px;
  height: 186px;
  border-radius: 50%;
  background: url("/includes/img/insight-cloud/center-element.svg");
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  left: calc(50% - 2px);
  z-index: 4;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
}

.productWheelTemp__gradient {
  position: absolute;
  width: 505px;
  height: 505px;
  right: 0;
  z-index: 2;
  border-radius: 50%;
  opacity: 0;
  -webkit-transition: opacity 300ms ease-in-out;
  transition: opacity 300ms ease-in-out;
}

.productWheelTemp__gradient.grow {
  opacity: 0.9;
}

.productWheelTemp__gradient.grow.shrink {
  opacity: 0;
  -webkit-transition: opacity 300ms ease-in-out 300ms;
  transition: opacity 300ms ease-in-out 300ms;
}

.productWheelTemp .slice {
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
}

.productWheelTemp__initial {
  position: relative;
  z-index: 1;
}

.productWheelTemp__initial .slice {
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
}

.productWheelTemp__initial .slice img {
  display: block;
  margin: auto;
}

.productWheelTemp__initial .slice.idr {
  width: 287px;
  height: 175px;
  background-image: url("/includes/img/insight-cloud/idr-initial.svg");
  right: 110px;
}

.productWheelTemp__initial .slice.idr img {
  -webkit-transform: translateY(44px);
  transform: translateY(44px);
}

.productWheelTemp__initial .slice.appsec {
  width: 192px;
  height: 277px;
  right: 3px;
  top: 50px;
  background-image: url("/includes/img/insight-cloud/appsec-initial.svg");
}

.productWheelTemp__initial .slice.appsec img {
  -webkit-transform: translateX(8px) translateY(118px);
  transform: translateX(8px) translateY(118px);
}

.productWheelTemp__initial .slice.insightconnect {
  width: 232px;
  height: 220px;
  right: 17px;
  top: 285px;
  background-image: url("/includes/img/insight-cloud/insightconnect-initial.svg");
}

.productWheelTemp__initial .slice.insightconnect img {
  -webkit-transform: translateX(-24px) translateY(74px);
  transform: translateX(-24px) translateY(74px);
}

.productWheelTemp__initial .slice.services {
  width: 232px;
  height: 220px;
  right: 257px;
  top: 284px;
  background-image: url("/includes/img/insight-cloud/services-initial.svg");
}

.productWheelTemp__initial .slice.services img {
  -webkit-transform: translateX(36px) translateY(74px);
  transform: translateX(36px) translateY(74px);
}

.productWheelTemp__initial .slice.vm {
  width: 192px;
  height: 277px;
  right: 312px;
  top: 50px;
  background-image: url("/includes/img/insight-cloud/vm-initial.svg");
}

.productWheelTemp__initial .slice.vm img {
  -webkit-transform: translateX(-6px) translateY(112px);
  transform: translateX(-6px) translateY(112px);
}

.productWheelTemp__active {
  position: absolute;
  z-index: 3;
  width: 506px;
  height: 506px;
  right: 0;
  border-radius: 50%;
}

.productWheelTemp__active .slice {
  position: absolute;
  overflow: hidden;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0;
  -webkit-transition: opacity 150ms ease-in-out 150ms;
  transition: opacity 150ms ease-in-out 150ms;
}

.productWheelTemp__active .slice.active {
  opacity: 1;
  -webkit-transition: opacity 150ms ease-in-out 150ms;
  transition: opacity 150ms ease-in-out 150ms;
}

.productWheelTemp__active .slice.active:after {
  opacity: 1;
}

.productWheelTemp__active .slice.active .slice-content {
  opacity: 1;
  -webkit-transition: opacity 150ms ease-in-out 300ms;
  transition: opacity 150ms ease-in-out 300ms;
}

.productWheelTemp__active .slice .slice-content {
  opacity: 0;
  -webkit-transition: opacity 150ms ease-in-out;
  transition: opacity 150ms ease-in-out;
}

.productWheelTemp__active .slice:after {
  content: '';
  position: absolute;
  opacity: 0;
  width: 503px;
  height: 503px;
  border-radius: 50%;
  -webkit-transform: translateX(-105px) translateY(5px);
  transform: translateX(-105px) translateY(5px);
  -webkit-box-shadow: 0px -1px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0px -1px 5px rgba(0, 0, 0, 0.2);
  -webkit-transition: opacity 150ms ease-in-out 150ms;
  transition: opacity 150ms ease-in-out 150ms;
}

.productWheelTemp__active .slice img {
  position: absolute;
}

.productWheelTemp__active .slice span.button {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 3;
}

.productWheelTemp__active .slice.idr {
  background-image: url("/includes/img/insight-cloud/idr-hover.svg");
  background-position: center 5px;
  width: 294px;
  height: 181px;
  top: -5px;
  right: 106px;
}

.productWheelTemp__active .slice.idr:after {
  -webkit-transform: translateX(-105px) translateY(5px);
  transform: translateX(-105px) translateY(5px);
}

.productWheelTemp__active .slice.idr img {
  width: 106px;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(73px);
  transform: translateX(-50%) translateY(73px);
}

.productWheelTemp__active .slice.idr span.button {
  -webkit-transform: translateX(-50%) translateY(calc(-50% + 35px));
  transform: translateX(-50%) translateY(calc(-50% + 35px));
}

.productWheelTemp__active .slice.appsec {
  background-image: url("/includes/img/insight-cloud/appsec-hover.svg");
  background-size: 196px 279px;
  background-position: 2px 1px;
  width: 207px;
  height: 285px;
  right: -9px;
  top: 48px;
}

.productWheelTemp__active .slice.appsec:after {
  top: 1px;
  right: -1px;
  -webkit-transform: translateX(-11px) translateY(-48px);
  transform: translateX(-11px) translateY(-48px);
}

.productWheelTemp__active .slice.appsec img {
  width: 98px;
  top: 0;
  left: 0;
  -webkit-transform: translateX(29px) translateY(132px);
  transform: translateX(29px) translateY(132px);
}

.productWheelTemp__active .slice.appsec span.button {
  -webkit-transform: translateX(calc(-50% - 8px)) translateY(calc(-50% + 40px));
  transform: translateX(calc(-50% - 8px)) translateY(calc(-50% + 40px));
}

.productWheelTemp__active .slice.insightconnect {
  background-image: url("/includes/img/insight-cloud/insightconnect-hover.svg");
  background-position: 1px 0px;
  background-size: 238px 221px;
  width: 242px;
  height: 228px;
  right: 11px;
  top: 284px;
}

.productWheelTemp__active .slice.insightconnect:after {
  bottom: 0;
  right: 0;
  -webkit-transform: translateX(9px) translateY(-5px);
  transform: translateX(9px) translateY(-5px);
}

.productWheelTemp__active .slice.insightconnect img {
  width: 123px;
  top: 0;
  left: 0;
  -webkit-transform: translateX(36px) translateY(71px);
  transform: translateX(36px) translateY(71px);
}

.productWheelTemp__active .slice.insightconnect span.button {
  left: 0;
  -webkit-transform: translateX(34px) translateY(calc(-50% + 7px));
  transform: translateX(34px) translateY(calc(-50% + 7px));
}

.productWheelTemp__active .slice.services {
  background-image: url("/includes/img/insight-cloud/services-hover.svg");
  background-size: 238px 222px;
  background-position: 3px -2px;
  width: 243px;
  height: 226px;
  right: 253px;
  top: 285px;
}

.productWheelTemp__active .slice.services:after {
  bottom: 0;
  left: 0;
  -webkit-transform: translateX(-10px) translateY(-6px);
  transform: translateX(-10px) translateY(-6px);
}

.productWheelTemp__active .slice.services img {
  width: 110px;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-23px) translateY(70px);
  transform: translateX(-23px) translateY(70px);
}

.productWheelTemp__active .slice.services span.button {
  right: 0;
  left: auto;
  -webkit-transform: translateX(-31px) translateY(calc(-50% + 7px));
  transform: translateX(-31px) translateY(calc(-50% + 7px));
}

.productWheelTemp__active .slice.vm {
  background-image: url("/includes/img/insight-cloud/vm-hover.svg");
  background-size: 196px 280px;
  background-position: 4px 3px;
  width: 201px;
  height: 286px;
  right: 309px;
  top: 47px;
}

.productWheelTemp__active .slice.vm:after {
  top: 0;
  left: 0;
  -webkit-transform: translateX(5px) translateY(-48px);
  transform: translateX(5px) translateY(-48px);
}

.productWheelTemp__active .slice.vm img {
  width: 69px;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-16px) translateY(-6px);
  transform: translateX(-16px) translateY(-6px);
}

.productWheelTemp__active .slice.vm span.button {
  -webkit-transform: translateX(calc(-50% + 6px)) translateY(calc(-50% + 45px));
  transform: translateX(calc(-50% + 6px)) translateY(calc(-50% + 45px));
}

/* Homepage: quotes */
@media screen and (min-width: 64em) {
  .quoteBlock__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 1292px !important;
  }
}

.quoteBlock__title {
  padding-top: 5rem;
}

.quoteBlock__title h2 {
  color: #ffffff;
  font-size: 2rem;
  line-height: 2.5rem;
}

.quoteBlock__title + .quoteBlock__wrapper {
  padding-top: 2rem;
}

.quoteBlock__item {
  text-align: center;
  margin: 0 auto 50px auto;
  max-width: 350px;
}

@media screen and (min-width: 64em) {
  .quoteBlock__item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: none;
    margin: 0px;
    padding: 0 20px;
  }
}

.quoteBlock__item-icon {
  width: 59px;
  height: 48px;
  background-image: url("/includes/img/icons/icon-quote-dark.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin: 0 auto 32px auto;
}

.quoteBlock__item-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 250px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 35px;
  margin-bottom: 32px;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 5px;
  box-shadow: 0 2px 0 rgba(36, 43, 46, 0.31);
  -webkit-box-shadow: 0 1px 0 rgba(36, 43, 46, 0.31);
}

.quoteBlock__item-content span {
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 1.25rem;
  line-height: 1.875rem;
  font-weight: 800;
  color: #132b3b;
}

.quoteBlock__item-content span:before {
  content: '“';
}

.quoteBlock__item-content span:after {
  content: '”';
}

.quoteBlock__item-author {
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.25rem;
  color: #ffffff;
  margin-bottom: 20px;
}

.quoteBlock__item-author a, .quoteBlock__item-author a:hover {
  color: #ffffff;
  text-decoration: underline;
}

.quoteBlock__item-author span {
  display: block;
  font-weight: 400;
}

/* page blocks with image and text content */
.imageContent {
  position: relative;
}

.imageContent__background {
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
}

@media screen and (min-width: 64em) {
  .imageContent__background {
    position: absolute;
    background-position: center center;
  }
}

.imageContent__background.imageLeft {
  left: 0;
}

.imageContent__background.imageRight {
  right: 0;
}

.imageText5050 .imageContent__background {
  height: 250px;
}

@media screen and (min-width: 40em) {
  .imageText5050 .imageContent__background {
    height: 350px;
  }
}

@media screen and (min-width: 64em) {
  .imageText5050 .imageContent__background {
    width: 50%;
    height: 100%;
  }
}

.imageText4060 .imageContent__background {
  height: 250px;
}

@media screen and (min-width: 40em) {
  .imageText4060 .imageContent__background {
    height: 350px;
  }
}

@media screen and (min-width: 64em) {
  .imageText4060 .imageContent__background {
    width: 60%;
    height: 100%;
  }
}

@media screen and (min-width: 64em) {
  .imageContent__text.textLeft {
    padding-right: 9% !important;
  }
}

@media screen and (min-width: 64em) {
  .imageContent__text.textRight {
    padding-left: 9% !important;
  }
}

/* CTA Blocks - in sidebar */
.ctaBlock, #longFormContent .sectionContent .ctaBlockDark, #longFormContent .sectionContent .quiz {
  border: 1px solid #21B3CD;
  border-radius: 8px;
}

.ctaBlock:first-child, #longFormContent .sectionContent .ctaBlockDark:first-child, #longFormContent .sectionContent .quiz:first-child {
  margin-bottom: 20px;
}

.ctaBlock__title {
  text-align: center;
  padding: 25px 25px 0 25px;
}

.ctaBlock h3, #longFormContent .sectionContent .ctaBlockDark h3, #longFormContent .sectionContent .quiz h3 {
  line-height: 1.625rem;
  margin-bottom: 1.125rem;
}

.ctaBlock__content {
  text-align: center;
  padding: 0 25px 25px 25px;
}

.ctaBlock p, #longFormContent .sectionContent .ctaBlockDark p, #longFormContent .sectionContent .quiz p {
  line-height: 1.5rem;
  margin-bottom: 1.125rem;
}

.ctaBlock a.button, #longFormContent .sectionContent .ctaBlockDark a.button, #longFormContent .sectionContent .quiz a.button {
  margin-bottom: 0;
}

.ctaBlock.primary .ctaBlock__title, #longFormContent .sectionContent .primary.ctaBlockDark .ctaBlock__title, #longFormContent .sectionContent .primary.quiz .ctaBlock__title {
  padding-bottom: 20px;
  border-radius: 8px 8px 0 0;
}

.ctaBlock.primary h3, #longFormContent .sectionContent .primary.ctaBlockDark h3, #longFormContent .sectionContent .primary.quiz h3 {
  color: #ffffff;
  margin-bottom: 0;
}

.ctaBlock.primary .ctaBlock__content, #longFormContent .sectionContent .primary.ctaBlockDark .ctaBlock__content, #longFormContent .sectionContent .primary.quiz .ctaBlock__content {
  padding-top: 20px;
  border-radius: 0 0 8px 8px;
}

.bgWhite .primary .ctaBlock__content {
  background: #ffffff;
}

.bgGrayLight .primary .ctaBlock__content {
  background: #edf1f2;
}

.accordionBlock ul.accordion {
  padding-left: 0;
  background: transparent;
}

.accordionBlock ul.accordion li.accordion-item {
  margin-bottom: 10px;
  -webkit-transition: -webkit-box-shadow 200ms ease-in-out;
  transition: -webkit-box-shadow 200ms ease-in-out;
  transition: box-shadow 200ms ease-in-out;
  transition: box-shadow 200ms ease-in-out, -webkit-box-shadow 200ms ease-in-out;
  list-style-type: none;
}

.accordionBlock ul.accordion li.accordion-item.is-active, .accordionBlock ul.accordion li.accordion-item:hover {
  -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
}

.accordionBlock ul.accordion li.accordion-item.is-active .accordion-title::before {
  content: url("../img/icons/icon-minus-red.svg");
  margin-top: -13px;
}

.accordionBlock a.accordion-title {
  padding: 2rem 3.25rem 2rem 1.25rem;
  background-color: #ffffff;
  color: #242b2e;
  font-size: 1.125rem;
  line-height: 1.75rem;
  border: none;
}

@media screen and (min-width: 64em) {
  .accordionBlock a.accordion-title {
    padding: 2rem 3.25rem 2rem 1.5rem;
  }
}

.accordionBlock a.accordion-title::before {
  width: 20px;
  height: 20px;
  right: 1.2rem;
  content: url("../img/icons/icon-plus-red.svg");
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-top: 0;
}

@media screen and (min-width: 64em) {
  .accordionBlock a.accordion-title::before {
    right: 1.75rem;
  }
}

.accordionBlock a.accordion-title span {
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding-right: 10px;
  color: #3B454A;
}

.accordionBlock a.accordion-title-content {
  position: relative;
  border: none;
  padding: 1.25rem 1.5rem;
}

.accordionBlock a.accordion-title-content:before {
  content: '';
  position: absolute;
  height: 1px;
  width: calc(100% - 4rem);
  top: -6px;
  left: 1.5rem;
  background-color: #edf1f2;
}

.accordionBlock a.accordion-title p {
  font-size: 1rem;
  line-height: 2;
  color: #5d6d75;
}

.accordionBlock a.accordion-title p:last-child {
  margin-bottom: 0.25rem;
}

.landingFooter {
  background-color: #182028;
  padding-bottom: 0;
}

.landingFooter .search-scroll > .row {
  padding: 0 40px;
}

@media screen and (min-width: 64em) {
  .landingFooter .search-scroll > .row {
    padding: 0 2rem;
  }
}

.landingFooter .row {
  max-width: 78.125rem;
  width: 100%;
  padding: 0 2rem;
}

.landingFooter__items {
  margin: 35px 0;
  text-align: center;
}

@media screen and (min-width: 64em) {
  .landingFooter__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
  }
}

.landingFooter__item, .landingFooter__item a {
  color: #bfbfbf;
  font-size: 0.875rem;
  line-height: 1.75rem;
}

@media screen and (min-width: 64em) {
  .landingFooter__item:after {
    content: "|";
    color: #3A454B;
    margin: 0 20px;
  }
}

.landingFooter__item:first-child:after {
  content: "";
}

.landingFooter__item:last-child:after {
  content: "";
  margin: 0;
}

.fullwidthBlock {
  color: #3B454A;
}

@media screen and (max-width: 63.9375em) {
  .fullwidthBlock .row.wrapper, .fullwidthBlock .statsBlock .statNumbers, .statsBlock .fullwidthBlock .statNumbers, .fullwidthBlock .statsBlock .customerLogos, .statsBlock .fullwidthBlock .customerLogos {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.fullwidthBlock h2 {
  font-size: 1.75rem;
  line-height: 1.2;
  font-weight: 800;
}

@media screen and (min-width: 64em) {
  .fullwidthBlock h2 {
    font-size: 2.188rem;
    line-height: 2.5rem;
  }
}

.fullwidthBlock h3 {
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-size: 1rem;
  font-weight: 400;
}

.fullwidthBlock .slick-slider.slick-initialized .slick-next, .fullwidthBlock .slick-slider.slick-initialized .slick-prev {
  position: absolute;
  display: block;
  width: 28px;
  height: 50px;
  background-image: url("/includes/img/icons/icon-left-arrow-gray.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
}

.fullwidthBlock .slick-slider.slick-initialized .slick-disabled {
  opacity: 0.2;
}

.fullwidthBlock .slick-slider.slick-initialized .slick-prev {
  left: -55px;
}

.fullwidthBlock .slick-slider.slick-initialized .slick-next {
  right: -55px;
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}

.fullwidthBlock .slick-slider.slick-initialized.slick-dotted {
  margin-bottom: 80px;
}

.fullwidthBlock .slick-dots {
  position: absolute;
  bottom: -55px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.fullwidthBlock .slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.fullwidthBlock .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: 5px;
  cursor: pointer;
}

.fullwidthBlock .slick-dots li button:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #82939c;
  opacity: 0.5;
}

.fullwidthBlock .slick-dots li.slick-active button:before {
  background-color: #82939c;
  opacity: 1;
}

.fullwidthBlock.awardsBlock .awardWrapper {
  margin-bottom: 40px;
}

@media screen and (min-width: 64em) {
  .fullwidthBlock.awardsBlock .awardWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 50px;
  }
}

.fullwidthBlock.awardsBlock .award {
  display: inline-block;
  position: relative;
  margin: 20px;
  border-radius: 5px;
  overflow: hidden;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.36);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.36);
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

@media screen and (min-width: 64em) {
  .fullwidthBlock.awardsBlock .award {
    margin: 0 auto 30px;
  }
}

.fullwidthBlock.awardsBlock .award:hover, .fullwidthBlock.awardsBlock .award:focus {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.36);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.36);
}

.fullwidthBlock.awardsBlock .award:hover .award__learnmore, .fullwidthBlock.awardsBlock .award:focus .award__learnmore {
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}

.fullwidthBlock.awardsBlock .award__image {
  width: 180px;
  height: 180px;
  background-color: #ffffff;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

@media screen and (min-width: 64em) {
  .fullwidthBlock.awardsBlock .award__image {
    margin: 0;
  }
}

.fullwidthBlock.awardsBlock .award__learnmore {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 11px;
  background-color: #519bc8;
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 2px;
  color: #ffffff;
  text-transform: uppercase;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

.fullwidthBlock.blogBlock .blogWrapper {
  max-width: 450px;
  margin: 0 auto;
}

@media screen and (min-width: 64em) {
  .fullwidthBlock.blogBlock .blogWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: none;
    margin: 0 0 56px 0;
  }
}

.fullwidthBlock.blogBlock .blogWrapper .blogPost {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  background-color: #ffffff;
  position: relative;
  margin: 0 0 30px 0;
  text-align: left;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.36);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.36);
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

@media screen and (min-width: 64em) {
  .fullwidthBlock.blogBlock .blogWrapper .blogPost {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 20px 0 0;
  }
}

.fullwidthBlock.blogBlock .blogWrapper .blogPost:hover {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.36);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.36);
  -webkit-transform: scale(1.015);
  transform: scale(1.015);
}

@media screen and (min-width: 64em) {
  .fullwidthBlock.blogBlock .blogWrapper .blogPost:last-child {
    margin-right: 0px;
  }
}

.fullwidthBlock.blogBlock .blogWrapper .blogPost__image {
  height: 120px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 120px;
  flex: 0 0 120px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

@media screen and (min-width: 64em) {
  .fullwidthBlock.blogBlock .blogWrapper .blogPost__image {
    height: 150px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 150px;
    flex: 0 0 150px;
  }
}

.fullwidthBlock.blogBlock .blogWrapper .blogPost__content {
  position: relative;
  height: 100%;
  padding: 24px;
}

@media screen and (min-width: 64em) {
  .fullwidthBlock.blogBlock .blogWrapper .blogPost__content {
    padding: 28px;
  }
}

.fullwidthBlock.blogBlock .blogWrapper .blogPost__title {
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 800;
}

@media screen and (min-width: 64em) {
  .fullwidthBlock.blogBlock .blogWrapper .blogPost__title {
    margin-bottom: 16px;
  }
}

.fullwidthBlock.blogBlock .blogWrapper .blogPost__description {
  display: none;
}

@media screen and (min-width: 64em) {
  .fullwidthBlock.blogBlock .blogWrapper .blogPost__description {
    display: block;
    font-size: 0.875rem;
  }
}

.fullwidthBlock.blogBlock .blogWrapper .blogPost__meta {
  padding: 0 24px 24px;
  font-size: 0.75rem;
}

@media screen and (min-width: 64em) {
  .fullwidthBlock.blogBlock .blogWrapper .blogPost__meta {
    position: relative;
    padding: 0 28px 28px;
    left: auto;
    bottom: auto;
  }
}

.fullwidthBlock.blogBlock .blogWrapper .blogPost__author {
  font-weight: 700;
}

.fullwidthBlock.blogBlock .blogWrapper .blogPost__date {
  margin-bottom: 20px;
}

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

.fullwidthBlock.crossSiteLinks h2 {
  margin-bottom: 17px;
}

.fullwidthBlock.crossSiteLinks h3 {
  margin-bottom: 32px;
}

@media screen and (min-width: 64em) {
  .fullwidthBlock.crossSiteLinks h3 {
    margin-bottom: 50px;
  }
}

.fullwidthBlock.crossSiteLinks .crossSiteLink {
  display: block;
  text-align: left;
  margin-bottom: 30px;
  padding: 25px 32px;
  -webkit-transition: all 300ms ease-in-out !important;
  transition: all 300ms ease-in-out !important;
}

@media screen and (min-width: 64em) {
  .fullwidthBlock.crossSiteLinks .crossSiteLink {
    margin-right: 50px;
    margin-bottom: 0;
  }
}

@media screen and (min-width: 64em) {
  .fullwidthBlock.crossSiteLinks .crossSiteLink:last-child {
    margin-right: 0;
  }
}

.fullwidthBlock.crossSiteLinks .crossSiteLink__title {
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 1.375rem;
  line-height: 1.625rem;
  font-weight: 800;
  color: #3B454A;
  margin-bottom: 10px;
}

.fullwidthBlock.crossSiteLinks .crossSiteLink__description {
  font-size: 0.875rem;
  line-height: 1.375rem;
  color: #3B454A;
  margin-bottom: 20px;
}

.fullwidthBlock.crossSiteLinks .crossSiteLink .textCta {
  display: inline;
}

.fullwidthBlock.crossSiteLinks .crossSiteLink .textCta:after {
  display: none;
}

.fullwidthBlock.crossSiteLinks.bgWhite h2,
.fullwidthBlock.crossSiteLinks.bgWhite h3,
.fullwidthBlock.crossSiteLinks.bgWhite .crossSiteLink__title,
.fullwidthBlock.crossSiteLinks.bgWhite .crossSiteLink__description,
.fullwidthBlock.crossSiteLinks.bgWhite .textCta {
  color: #3B454A;
}

.fullwidthBlock.crossSiteLinks.bgWhite .textCta {
  border-bottom: 2px solid #3B454A;
}

.fullwidthBlock.crossSiteLinks.bgSolidXDkGray h2,
.fullwidthBlock.crossSiteLinks.bgSolidXDkGray .crossSiteLink__title,
.fullwidthBlock.crossSiteLinks.bgSolidXDkGray .textCta {
  color: #ffffff;
}

.fullwidthBlock.crossSiteLinks.bgSolidXDkGray h3,
.fullwidthBlock.crossSiteLinks.bgSolidXDkGray .crossSiteLink__description {
  color: #cfd9de;
}

.fullwidthBlock.crossSiteLinks.bgSolidXDkGray .textCta {
  color: #FFD349;
  border-bottom: 2px solid #FFD349;
}

.fullwidthBlock.formWrapBlock {
  background-image: url("/includes/img/backgrounds/office-background-mobile.jpg");
  background-size: 110%;
  background-repeat: no-repeat;
  background-position: top center;
}

@media screen and (min-width: 64em) {
  .fullwidthBlock.formWrapBlock {
    background-image: url("/includes/img/backgrounds/quote-background.jpg");
    background-size: cover;
    background-position: center center;
  }
}

.fullwidthBlock.formWrapBlock .row.wrapper, .fullwidthBlock.formWrapBlock .statsBlock .statNumbers, .statsBlock .fullwidthBlock.formWrapBlock .statNumbers, .fullwidthBlock.formWrapBlock .statsBlock .customerLogos, .statsBlock .fullwidthBlock.formWrapBlock .customerLogos {
  padding: 40px 0 0 0;
}

@media screen and (min-width: 64em) {
  .fullwidthBlock.formWrapBlock .row.wrapper, .fullwidthBlock.formWrapBlock .statsBlock .statNumbers, .statsBlock .fullwidthBlock.formWrapBlock .statNumbers, .fullwidthBlock.formWrapBlock .statsBlock .customerLogos, .statsBlock .fullwidthBlock.formWrapBlock .customerLogos {
    padding: 40px 0;
  }
}

@media screen and (min-width: 64em) {
  .fullwidthBlock.formWrapBlock h2, .fullwidthBlock.formWrapBlock h3 {
    text-align: center;
  }
}

.fullwidthBlock.formWrapBlock h2 {
  margin-bottom: 12px;
}

@media screen and (min-width: 64em) {
  .fullwidthBlock.formWrapBlock h2 {
    margin-bottom: 25px;
  }
}

.fullwidthBlock.formWrapBlock h3 {
  color: #5d6d75;
  margin-bottom: 30px;
}

.fullwidthBlock.formWrapBlock .formBlockWrapper {
  background-color: #ffffff;
  padding: 40px 37px 60px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.36);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.36);
}

@media screen and (min-width: 64em) {
  .fullwidthBlock.formWrapBlock .formBlockWrapper {
    border-radius: 5px;
    padding: 40px 60px;
  }
}

.fullwidthBlock.formWrapBlock .formBlockWrapper > div h2 {
  display: none;
}

.fullwidthBlock.formWrapBlock .formBlock {
  overflow: hidden;
  padding: 0;
}

.fullwidthBlock.formWrapBlock .formBlock p#fieldInstruction {
  margin-bottom: 20px;
  line-height: 1.125rem;
}

.fullwidthBlock.formWrapBlock .formBlock #submit {
  display: block;
  width: 100%;
  max-width: 340px;
  margin: 2rem auto 0.75rem;
}

@media screen and (min-width: 64em) {
  .fullwidthBlock.formWrapBlock .formBlock #submit {
    width: auto;
    padding: 12px 4.8rem;
  }
}

.fullwidthBlock.researchBlock h2 {
  text-align: center;
}

.fullwidthBlock.researchBlock h3 {
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 1.75rem;
  font-weight: 800;
  color: #3B454A;
  line-height: 1.5rem;
  margin-bottom: 30px;
}

@media screen and (max-width: 63.9375em) {
  .fullwidthBlock.researchBlock .row.wrapper, .fullwidthBlock.researchBlock .statsBlock .statNumbers, .statsBlock .fullwidthBlock.researchBlock .statNumbers, .fullwidthBlock.researchBlock .statsBlock .customerLogos, .statsBlock .fullwidthBlock.researchBlock .customerLogos {
    padding-top: 45px;
    padding-bottom: 60px;
  }
}

.fullwidthBlock.researchBlock .tab-content-wrapper a.button {
  margin-bottom: 40px;
}

.fullwidthBlock.researchBlock .tab-content-wrapper .videoEmbed span.vidyard_player {
  display: block;
  overflow: hidden;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.36);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.36);
}

.fullwidthBlock.peopleBlock .wrapper {
  padding-top: 4.5rem;
  padding-bottom: 3.5rem;
}

@media screen and (min-width: 64em) {
  .fullwidthBlock.peopleBlock .wrapper {
    padding-bottom: 4.5rem;
  }
}

.fullwidthBlock.peopleBlock h2 {
  text-align: center;
  margin-bottom: 30px;
}

@media screen and (min-width: 64em) {
  .fullwidthBlock.peopleBlock h2 {
    margin-bottom: 60px;
  }
}

.fullwidthBlock.peopleBlock .peopleSlider.slick-slider.slick-initialized {
  padding: 0;
}

.fullwidthBlock.peopleBlock .peopleSlider.slick-slider.slick-initialized .slick-prev, .fullwidthBlock.peopleBlock .peopleSlider.slick-slider.slick-initialized .slick-next {
  top: 85px;
  z-index: 1;
}

.fullwidthBlock.peopleBlock .peopleSlider.slick-slider.slick-initialized .slick-prev {
  left: 0px;
  -webkit-transform: none;
  transform: none;
}

@media screen and (min-width: 64em) {
  .fullwidthBlock.peopleBlock .peopleSlider.slick-slider.slick-initialized .slick-prev {
    left: -55px;
  }
}

.fullwidthBlock.peopleBlock .peopleSlider.slick-slider.slick-initialized .slick-next {
  right: 0px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

@media screen and (min-width: 64em) {
  .fullwidthBlock.peopleBlock .peopleSlider.slick-slider.slick-initialized .slick-next {
    right: -55px;
  }
}

.fullwidthBlock.peopleBlock .peopleSlide {
  color: #ffffff;
  margin-left: 6px;
}

@media screen and (min-width: 64em) {
  .fullwidthBlock.peopleBlock .peopleSlide__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.fullwidthBlock.peopleBlock .peopleSlide__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 220px;
  margin: 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (min-width: 64em) {
  .fullwidthBlock.peopleBlock .peopleSlide__image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 220px;
    flex: 0 0 220px;
    margin-right: 50px;
  }
}

.fullwidthBlock.peopleBlock .peopleSlide__image img {
  width: 220px;
  height: auto;
  margin-bottom: 20px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.36);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.36);
}

@media screen and (min-width: 64em) {
  .fullwidthBlock.peopleBlock .peopleSlide__image img {
    margin-bottom: 30px;
  }
}

.fullwidthBlock.peopleBlock .peopleSlide__image a.button {
  margin-bottom: 22px;
}

@media screen and (min-width: 64em) {
  .fullwidthBlock.peopleBlock .peopleSlide__text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

.fullwidthBlock.peopleBlock .peopleSlide__text .person {
  padding: 17px 32px;
}

@media screen and (min-width: 64em) {
  .fullwidthBlock.peopleBlock .peopleSlide__text .person {
    margin-bottom: 15px;
  }
}

.fullwidthBlock.peopleBlock .peopleSlide__text .name {
  display: block;
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 1.75rem;
  font-weight: 800;
  line-height: 1.25;
}

.fullwidthBlock.peopleBlock .peopleSlide__text .job-title {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5rem;
  color: #b1c1c9;
}

.fullwidthBlock.peopleBlock .peopleSlide__text .description {
  font-size: 1rem;
  line-height: 1.75rem;
  margin-left: 30px;
}

.fullwidthBlock.promoBarBlock {
  background-image: url("/includes/img/backgrounds/fullwidth-promo-mobile.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

@media screen and (min-width: 64em) {
  .fullwidthBlock.promoBarBlock {
    background-image: url("/includes/img/backgrounds/fullwidth-promo-resource.jpg");
    background-position: right center;
  }
}

.fullwidthBlock.promoBarBlock--orange {
  background-image: url("/includes/img/backgrounds/promo-orange-bg-mobile.jpg");
  background-color: #ea5f26;
}

@media screen and (min-width: 64em) {
  .fullwidthBlock.promoBarBlock--orange {
    background-image: url("/includes/img/backgrounds/promo-orange-bg.jpg");
  }
}

.fullwidthBlock.promoBarBlock .row.wrapper, .fullwidthBlock.promoBarBlock .statsBlock .statNumbers, .statsBlock .fullwidthBlock.promoBarBlock .statNumbers, .fullwidthBlock.promoBarBlock .statsBlock .customerLogos, .statsBlock .fullwidthBlock.promoBarBlock .customerLogos {
  padding-top: 50px;
  padding-bottom: 50px;
}

@media screen and (min-width: 64em) {
  .fullwidthBlock.promoBarBlock .row.wrapper, .fullwidthBlock.promoBarBlock .statsBlock .statNumbers, .statsBlock .fullwidthBlock.promoBarBlock .statNumbers, .fullwidthBlock.promoBarBlock .statsBlock .customerLogos, .statsBlock .fullwidthBlock.promoBarBlock .customerLogos {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

.fullwidthBlock.promoBarBlock .promoBarWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

@media screen and (min-width: 64em) {
  .fullwidthBlock.promoBarBlock .promoBarWrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    text-align: left;
  }
}

.fullwidthBlock.promoBarBlock .promoBar__image {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 75px;
  margin-bottom: 16px;
}

@media screen and (min-width: 64em) {
  .fullwidthBlock.promoBarBlock .promoBar__image {
    margin-bottom: 0px;
  }
}

.fullwidthBlock.promoBarBlock .promoBar__image img {
  border-radius: 5px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.36);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.36);
}

.fullwidthBlock.promoBarBlock .promoBar__text {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-bottom: 30px;
}

@media screen and (min-width: 64em) {
  .fullwidthBlock.promoBarBlock .promoBar__text {
    margin-bottom: 0px;
    padding: 0 30px 0 26px;
  }
}

.fullwidthBlock.promoBarBlock .promoBar__text p {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #cfd9de;
  margin-bottom: 0px;
}

.fullwidthBlock.promoBarBlock .promoBar__text p.meta {
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 1.375rem;
  line-height: 1.3;
  font-weight: 800;
  color: #ffffff;
  margin: 0 0 5px 0;
}

.fullwidthBlock.promoBarBlock .promoBar__text p.meta.largeText {
  font-size: 2.188rem;
}

.fullwidthBlock.promoBarBlock .promoBar__cta {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.fullwidthBlock.promoBarBlock .promoBar__cta span.button.smBtn {
  margin-bottom: 0;
}

.fullwidthBlock.resourceCtaBlock {
  background-image: url("/includes/img/backgrounds/fullwidth-resource-mobile.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

@media screen and (min-width: 64em) {
  .fullwidthBlock.resourceCtaBlock {
    background-image: url("/includes/img/backgrounds/fullwidth-promo-resource.jpg");
  }
}

.fullwidthBlock.resourceCtaBlock .row.wrapper, .fullwidthBlock.resourceCtaBlock .statsBlock .statNumbers, .statsBlock .fullwidthBlock.resourceCtaBlock .statNumbers, .fullwidthBlock.resourceCtaBlock .statsBlock .customerLogos, .statsBlock .fullwidthBlock.resourceCtaBlock .customerLogos {
  padding-top: 60px;
  padding-bottom: 60px;
}

.fullwidthBlock.resourceCtaBlock .resourceCtaWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: left;
}

@media screen and (min-width: 64em) {
  .fullwidthBlock.resourceCtaBlock .resourceCtaWrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: left;
  }
}

@media screen and (min-width: 64em) {
  .fullwidthBlock.resourceCtaBlock .columns:first-child .resourceCtaWrapper {
    padding-right: 2rem;
  }
}

@media screen and (min-width: 64em) {
  .fullwidthBlock.resourceCtaBlock .columns:last-child .resourceCtaWrapper {
    margin-left: 2rem;
  }
}

.fullwidthBlock.resourceCtaBlock .resourceCta__image {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 125px;
  margin-bottom: 16px;
}

@media screen and (min-width: 64em) {
  .fullwidthBlock.resourceCtaBlock .resourceCta__image {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-bottom: 0px;
  }
}

.fullwidthBlock.resourceCtaBlock .resourceCta__image img {
  border-radius: 5px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.36);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.36);
}

.fullwidthBlock.resourceCtaBlock .resourceCta__text {
  margin-bottom: 30px;
  padding: 30px 0 30px 30px;
}

@media screen and (min-width: 64em) {
  .fullwidthBlock.resourceCtaBlock .resourceCta__text {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 0px;
    padding: 25px 32px;
  }
}

.fullwidthBlock.resourceCtaBlock .resourceCta__text p {
  font-size: 0.875rem;
  line-height: 1.375rem;
  color: #cfd9de;
  margin-bottom: 30px;
}

.fullwidthBlock.resourceCtaBlock .resourceCta__text p.meta {
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 1.5rem;
  line-height: 1.3;
  font-weight: 800;
  color: #ffffff;
  margin: 0 0 10px 0;
}

.fullwidthBlock.richTextBlock .row.wrapper, .fullwidthBlock.richTextBlock .statsBlock .statNumbers, .statsBlock .fullwidthBlock.richTextBlock .statNumbers, .fullwidthBlock.richTextBlock .statsBlock .customerLogos, .statsBlock .fullwidthBlock.richTextBlock .customerLogos {
  padding-top: 50px;
  padding-bottom: 50px;
}

@media screen and (min-width: 64em) {
  .fullwidthBlock.richTextBlock .row.wrapper, .fullwidthBlock.richTextBlock .statsBlock .statNumbers, .statsBlock .fullwidthBlock.richTextBlock .statNumbers, .fullwidthBlock.richTextBlock .statsBlock .customerLogos, .statsBlock .fullwidthBlock.richTextBlock .customerLogos {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

.fullwidthBlock.richTextBlock h2 {
  margin-bottom: 30px;
}

@media screen and (min-width: 64em) {
  .fullwidthBlock.richTextBlock h2 {
    margin-bottom: 40px;
  }
}

.fullwidthBlock.richTextBlock h3 {
  font-size: 1.375rem;
  line-height: 1.5rem;
  font-weight: 700;
  margin-top: 22px;
  margin-bottom: 22px;
}

@media screen and (min-width: 64em) {
  .fullwidthBlock.richTextBlock h3 {
    margin-bottom: 22px;
  }
}

.fullwidthBlock.richTextBlock p {
  line-height: 2;
  margin-top: 1.1rem;
  margin-bottom: 1.1rem;
}

.fullwidthBlock.richTextBlock blockquote {
  border: none;
  color: #5d6d75;
  line-height: 2;
  margin-top: 1rem;
  margin-bottom: 1.75rem;
}

@media screen and (min-width: 64em) {
  .fullwidthBlock.richTextBlock blockquote {
    margin-top: 2rem;
    margin-bottom: 3rem;
  }
}

.fullwidthBlock.richTextBlock blockquote p {
  color: #5d6d75;
  margin-top: 0;
}

.fullwidthBlock.richTextBlock blockquote b, .fullwidthBlock.richTextBlock blockquote strong, .fullwidthBlock.richTextBlock blockquote h3, .fullwidthBlock.richTextBlock blockquote h4 {
  color: #3B454A;
}

.fullwidthBlock.videoBlock h2, .fullwidthBlock.videoBlock h3 {
  text-align: center;
}

.fullwidthBlock.videoBlock h2 {
  margin-bottom: 24px;
}

.fullwidthBlock.videoBlock h3 {
  margin-bottom: 30px;
}

@media screen and (min-width: 64em) {
  .fullwidthBlock.videoBlock h3 {
    margin-bottom: 50px;
  }
}

.fullwidthBlock.videoBlock.bgSolidXDkGray h3 {
  color: #cfd9de;
}

.fullwidthBlock.videoBlock .videoSlider {
  padding: 0px;
}

@media screen and (max-width: 63.9375em) {
  .fullwidthBlock.videoBlock .videoSlider {
    margin: 0 18% 40px 18%;
  }
}

.fullwidthBlock.videoBlock .videoSlider.slick-dotted {
  margin-bottom: 40px;
}

.fullwidthBlock.videoBlock .videoDots {
  position: relative;
}

.fullwidthBlock.videoBlock .videoSlide__wrapper {
  margin: 0 10px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.36);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.36);
  overflow: hidden;
  -webkit-transition: opacity 100ms ease;
  transition: opacity 100ms ease;
}

@media screen and (min-width: 64em) {
  .fullwidthBlock.videoBlock .videoSlide__wrapper {
    width: 350px;
    margin: 0px 20px;
  }
}

@media screen and (min-width: 75em) {
  .fullwidthBlock.videoBlock .videoSlide__wrapper {
    width: 420px;
    margin: 0px 20px;
  }
}

@media screen and (min-width: 90em) {
  .fullwidthBlock.videoBlock .videoSlide__wrapper {
    width: 580px;
    margin: 0px 20px;
  }
}

.fullwidthBlock.videoBlock .videoSlide__video {
  display: block;
  position: relative;
  width: 100% !important;
  height: 0 !important;
  margin: auto;
  padding-bottom: 56.25% !important;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.fullwidthBlock.videoBlock .videoSlide__video iframe {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  border: 0;
  opacity: 1;
  background-color: transparent;
}

.fullwidthBlock.videoBlock .videoSlide__caption {
  background-color: #ffffff;
  padding: 15px 15px 24px;
  text-align: center;
}

@media screen and (min-width: 64em) {
  .fullwidthBlock.videoBlock .videoSlide__caption {
    padding: 33px 36px;
  }
}

.fullwidthBlock.videoBlock .videoSlide__caption h3 {
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 1.125rem;
  line-height: 1.625rem;
  font-weight: 800;
  color: #3B454A;
  margin-bottom: 15px;
}

.fullwidthBlock.videoBlock .videoSlide__caption p {
  font-size: 0.875rem;
  line-height: 1.375rem;
  color: #82939c;
  opacity: 1;
}

@media screen and (min-width: 64em) {
  .fullwidthBlock.videoBlock .videoSlide.prev-slide .videoSlide__wrapper, .fullwidthBlock.videoBlock .videoSlide.next-slide .videoSlide__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    margin-top: 60px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0px;
    opacity: 0.75;
  }
}

@media screen and (min-width: 64em) {
  .fullwidthBlock.videoBlock .videoSlide.prev-slide .videoSlide__player, .fullwidthBlock.videoBlock .videoSlide.next-slide .videoSlide__player {
    overflow: hidden;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.36);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.36);
    border-radius: 5px;
  }
}

@media screen and (min-width: 64em) {
  .fullwidthBlock.videoBlock .videoSlide.prev-slide .videoSlide__caption, .fullwidthBlock.videoBlock .videoSlide.next-slide .videoSlide__caption {
    background-color: transparent;
  }
}

@media screen and (min-width: 64em) {
  .fullwidthBlock.videoBlock .videoSlide.prev-slide .videoSlide__caption h3, .fullwidthBlock.videoBlock .videoSlide.next-slide .videoSlide__caption h3 {
    font-size: 0.875rem;
    line-height: 0.875rem;
    color: #82939c;
  }
}

@media screen and (min-width: 64em) {
  .fullwidthBlock.videoBlock .videoSlide.prev-slide .videoSlide__caption p, .fullwidthBlock.videoBlock .videoSlide.next-slide .videoSlide__caption p {
    opacity: 0;
  }
}

@media screen and (min-width: 64em) {
  .fullwidthBlock.videoBlock .videoSlide.prev-slide .videoSlide__wrapper {
    width: 220px;
    margin-left: 390px;
  }
}

@media screen and (min-width: 64em) {
  .fullwidthBlock.videoBlock .videoSlide.next-slide .videoSlide__wrapper {
    width: 220px;
    margin-right: 390px;
  }
}

/* Customizations for Material Design Tabs */
.tab-wrapper {
  background-color: #ffffff;
}

.tab-wrapper .mdc-tab-scroller__scroll-content {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.tab-wrapper .mdc-tab {
  max-width: 250px;
  height: 75px;
}

.tab-wrapper .mdc-tab:hover .mdc-tab__text-label {
  color: #5d6d75;
}

.tab-wrapper .mdc-tab__text-label {
  opacity: 1;
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 900;
  color: #82939c;
}

.tab-wrapper .mdc-tab__ripple {
  display: none;
}

.tab-wrapper .mdc-tab__ripple::before, .tab-wrapper .mdc-tab__ripple::after {
  background-color: rgba(59, 69, 74, 0.6);
}

.tab-wrapper .mdc-tab--active .mdc-tab__ripple:before {
  background-color: transparent !important;
}

.tab-wrapper .mdc-tab--active .mdc-tab__text-label {
  color: #5d6d75;
}

.tab-wrapper .mdc-tab-indicator > .mdc-tab-indicator__content--underline {
  height: 4px;
  background-color: #FFD349;
}

.tab-content-body.hidden {
  display: none;
}

.key-block {
  min-height: 220px;
  padding: 2.5rem 2rem 2rem;
  background-color: #ffffff;
  text-align: center;
}

@media screen and (min-width: 39.9375em) and (max-width: 64em) {
  .key-block {
    min-height: 300px;
  }
}

@media screen and (min-width: 64em) {
  .key-block {
    min-height: 355px;
    padding: 4rem 3.5rem;
  }
}

.key-block h2 {
  font-size: 1.25rem;
  line-height: 24px;
  padding: 1.75rem 0;
}

@media screen and (min-width: 64em) {
  .key-block h2 {
    font-size: 30px;
    line-height: 40px;
  }
}

.key-block p {
  color: #82939c;
}

.key-block img {
  height: 100px;
}

.key-block-2 {
  border-left: 1px solid #cfd9de;
  border-right: 1px solid #cfd9de;
}

@media screen and (min-width: 64em) {
  .richTextBlockWrap .img-left {
    float: left;
    margin-right: 2rem;
    width: 50%;
  }
  .richTextBlockWrap .img-left .img-left {
    float: none;
    margin-right: 0;
    width: auto;
  }
  .richTextBlockWrap .img-right {
    float: right;
    margin-left: 2rem;
    width: 50%;
  }
  .richTextBlockWrap .img-right .img-right {
    float: none;
    margin-left: 0;
    width: auto;
  }
}

/* Select / Dropdowns */
select,
.select {
  color: #595959;
  cursor: pointer;
  font-weight: 300;
  height: 2.625rem;
  padding: .25rem 2rem .25rem .85rem;
  font-family: "Roboto", "Roboto-local", sans-serif;
}

select#country {
  color: #595959;
  font-family: "Roboto", "Roboto-local", sans-serif;
}

.select {
  position: relative;
  /* do not remove this */
}

.s-hidden {
  visibility: hidden;
  padding-right: 10px;
}

.styledSelect {
  color: #595959;
  font-weight: 300;
  position: absolute;
  top: .65rem;
  right: 1rem;
  bottom: 0;
  left: .75rem;
}

.styledSelect:after {
  content: url("../img/dropdown.svg");
  width: 0;
  height: 0;
  position: absolute;
  bottom: 2rem;
  right: 1rem;
}

.options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0 0;
  padding: 0 0;
  list-style-type: none;
  border: none;
  outline: 1px solid #bfbfbf;
  background-color: #ffffff;
  max-height: 16rem;
  overflow: auto;
}

.options ul {
  margin-left: 0;
  padding-bottom: 0;
}

.options li {
  list-style-type: none;
  margin: 0 0;
  padding: .5rem;
}

.options li:first-child {
  display: none;
}

.options li:hover {
  color: #E85E26;
}

.is-dropdown-submenu {
  background: none;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  content: url("../img/down-caret.svg");
  border: none;
  right: 1.25rem;
  margin-top: -.75rem;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a {
  border: 1px solid #ffffff;
  padding: 0.25rem 2.5rem 0 .5rem;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a:hover {
  border: 1px solid #E85E26;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a:hover:after {
  content: url("../img/down-caret-orange.svg");
}

.dropdown.menu > li.is-dropdown-submenu-parent > a .menuitem a {
  background-color: rgba(59, 69, 74, 0.6);
}

/* checkboxes */
[type='checkbox'] + label, [type='checkbox'] + .filter-group__label {
  margin-left: 0;
}

[type="checkbox"].r7-check:not(:checked),
[type="checkbox"].r7-check:checked {
  position: absolute;
  left: -9999px;
}

[type="checkbox"].r7-check:not(:checked) + label, [type="checkbox"].r7-check:not(:checked) + .filter-group__label,
[type="checkbox"].r7-check:checked + label,
[type="checkbox"].r7-check:checked + .filter-group__label {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
}

/* checkbox aspect */
[type="checkbox"].r7-check:not(:checked) + label:before, [type="checkbox"].r7-check:not(:checked) + .filter-group__label:before,
[type="checkbox"].r7-check:checked + label:before,
[type="checkbox"].r7-check:checked + .filter-group__label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
  width: 17px;
  height: 17px;
  border: 1px solid #cfd9de;
  border-radius: 2px;
}

/* checked mark aspect */
[type="checkbox"].r7-check:not(:checked) + label:after, [type="checkbox"].r7-check:not(:checked) + .filter-group__label:after,
[type="checkbox"].r7-check:checked + label:after,
[type="checkbox"].r7-check:checked + .filter-group__label:after {
  content: '✔';
  position: absolute;
  top: 3px;
  left: 1px;
  border-radius: 2px;
  padding: 3px;
  font-size: 12px;
  line-height: 0.8;
  background-color: #519bc8;
  color: #ffffff;
  -webkit-transition: all .2s;
  transition: all .2s;
}

/* checked mark aspect changes */
[type="checkbox"].r7-check:not(:checked) + label:after, [type="checkbox"].r7-check:not(:checked) + .filter-group__label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}


[type="checkbox"].r7-check:checked + label:after,
[type="checkbox"].r7-check:checked + .filter-group__label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

/* disabled checkbox */
[type="checkbox"].r7-check:disabled:not(:checked) + label:before, [type="checkbox"].r7-check:disabled:not(:checked) + .filter-group__label:before,
[type="checkbox"].r7-check:disabled:checked + label:before,
[type="checkbox"].r7-check:disabled:checked + .filter-group__label:before {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}

[type="checkbox"].r7-check:disabled:checked + label:after, [type="checkbox"].r7-check:disabled:checked + .filter-group__label:after {
  color: #999;
}

[type="checkbox"].r7-check:disabled + label, [type="checkbox"].r7-check:disabled + .filter-group__label {
  color: #aaa;
}

/* accessibility */
[type="checkbox"].r7-check:checked:focus + label:before, [type="checkbox"].r7-check:checked:focus + .filter-group__label:before,
[type="checkbox"].r7-check:not(:checked):focus + label:before,
[type="checkbox"].r7-check:not(:checked):focus + .filter-group__label:before {
  border: 1px dotted blue;
}

/* hover style just for information */
label:hover:before, .filter-group__label:hover:before {
  border: 1px solid #82939c !important;
}

/* radio buttons */
dl.radioButtonContainer {
  margin-bottom: 1rem;
}

dl.radioButtonContainer p {
  font-size: 0.875rem !important;
  line-height: 1.5rem;
  color: #82939c !important;
  margin-bottom: 0px;
}

[type="radio"].r7-radio:not(:checked),
[type="radio"].r7-radio:checked {
  position: absolute;
  left: -9999px;
}

[type="radio"].r7-radio:not(:checked) + label, [type="radio"].r7-radio:not(:checked) + .filter-group__label,
[type="radio"].r7-radio:checked + label,
[type="radio"].r7-radio:checked + .filter-group__label {
  position: relative;
  padding-left: 22px;
  cursor: pointer;
  color: #5d6d75;
  line-height: 1.125rem;
  margin-left: 0;
}

/* radio aspect */
[type="radio"].r7-radio:not(:checked) + label:before, [type="radio"].r7-radio:not(:checked) + .filter-group__label:before,
[type="radio"].r7-radio:checked + label:before,
[type="radio"].r7-radio:checked + .filter-group__label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
  width: 14px;
  height: 14px;
  border: 1px solid #b1c1c9;
  border-radius: 50%;
}

/* radio button style */
[type="radio"].r7-radio:not(:checked) + label:after, [type="radio"].r7-radio:not(:checked) + .filter-group__label:after,
[type="radio"].r7-radio:checked + label:after,
[type="radio"].r7-radio:checked + .filter-group__label:after {
  content: '';
  position: absolute;
  top: 3px;
  left: 0px;
  padding: 2px;
  border: 5px solid #519bc8;
  border-radius: 50%;
  font-size: 12px;
  line-height: 0.8;
  background-color: #ffffff;
  -webkit-transition: all .2s;
  transition: all .2s;
}

/* radio button aspect changes */
[type="radio"].r7-radio:not(:checked) + label:after, [type="radio"].r7-radio:not(:checked) + .filter-group__label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}


[type="radio"].r7-radio:checked + label:after,
[type="radio"].r7-radio:checked + .filter-group__label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.intl-phone {
  position: relative;
  z-index: 3;
}

.intl-phone .flag-container {
  position: relative;
  display: inline-block;
  top: 2px;
}

.intl-phone .flag-container .selected-flag {
  height: 13px;
  padding-left: 10px;
  padding-right: 22px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
  background-size: 9px 6px;
  background-position: right -17px center;
  background-origin: content-box;
  background-repeat: no-repeat;
  position: relative;
  cursor: pointer;
}

.intl-phone .flag-container .selected-flag .iti-flag {
  position: relative;
  margin: auto;
  top: 0;
  bottom: 0;
}

.intl-phone .flag-container ul.country-list {
  display: none;
  position: absolute;
  background-color: #ffffff;
  border: #DEE5E8 1px solid;
  margin: 0;
  top: 18px;
  min-width: 280px;
  max-height: 220px;
  overflow: auto;
  margin: -1px 0 0 -35px;
}

.intl-phone .flag-container ul.country-list li {
  list-style: none;
  padding: 0.5rem 1rem;
  border-bottom: #DEE5E8 1px solid;
  font-size: 0.875rem;
}

.intl-phone .flag-container ul.country-list li:hover {
  background-color: #edf1f2;
  cursor: pointer;
}

.intl-phone .flag-container ul.country-list li:last-of-type {
  border-bottom: none;
}

.intl-phone .flag-container ul.country-list li .flag-box {
  display: inline-block;
  margin-right: 0.5rem;
}

.intl-phone .flag-container ul.country-list li .dial-code {
  color: #82939c;
  margin-left: 1rem;
}

/* Message Boxes */
.messageBox {
  background-color: #edf1f2;
  margin-bottom: 20px;
  padding: 20px;
  clear: both;
}

.messageBox.red {
  border-left: 3px solid #E85E26;
}

.messageBox.green {
  border-left: 3px solid #1CBB98;
}

.messageBox.green h3 {
  font-family: "Muli", "Muli-local", sans-serif !important;
  font-weight: 800 !important;
}

.messageBox h3 {
  font-size: 1.125rem !important;
  font-weight: 800 !important;
  line-height: 1.375rem !important;
  color: #595959 !important;
  margin-bottom: 12px;
}

.messageBox p {
  font-size: 0.875rem !important;
  line-height: 1.375rem;
  color: #82939c;
  margin-bottom: 0;
}

.messageBox a {
  font-weight: 700;
  color: #519bc8;
}

.mktoForm {
  width: 100% !important;
  margin: 0 auto;
  font-family: "Muli", "Muli-local", sans-serif;
  padding: 0 !important;
}

.mktoForm.mktoHasWidth {
  width: 100% !important;
  padding: 0 !important;
}

.mktoForm .mktoFormRow {
  clear: none !important;
  float: left;
  position: relative;
  font-size: 0.875rem;
  z-index: 3;
}

.mktoForm .mktoFormRow .mktoFormCol {
  width: 100%;
  float: left;
  position: relative;
}

.mktoForm .mktoFormRow .mktoFormCol .mktoOffset {
  display: none;
}

.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap {
  width: 100%;
  position: relative;
  margin-bottom: 9px;
}

.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoAsterisk,
.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoRequiredField .mktoAsterix {
  display: none;
}

.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap label[for=email] + .mktoError, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .filter-group__label[for=email] + .mktoError {
  bottom: -35px !important;
}

.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoError {
  width: 100%;
  padding: 0;
  line-height: 1.25rem;
  display: inline-block;
  position: absolute;
  left: -6px;
  bottom: -20px !important;
}

.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoError .mktoErrorArrowWrap {
  display: none;
}

.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoError .mktoErrorMsg {
  margin: 0 !important;
  text-align: left;
  background-color: transparent;
  background-image: none;
  color: #c64815 !important;
  border-radius: 0;
  border: none !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
  font-size: 0.75em;
  font-weight: normal;
}

.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoGutter {
  height: 0px !important;
  width: 1px !important;
}

.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoHtmlText.mktoHasWidth {
  width: 100% !important;
  font-size: 13px;
  padding: 0 0 0 1.5rem;
  color: #595959;
  line-height: 15px;
}

.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap label.mktoLabel, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoLabel.filter-group__label {
  width: 100% !important;
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-size: 0.875rem;
  color: #82939c;
  font-weight: normal !important;
  padding: 0;
  line-height: 1.25rem;
  margin-bottom: 2px;
}

.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap label.mktoLabel span, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoLabel.filter-group__label span {
  width: 100% !important;
}

.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoField,
.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoField.mktoRequired {
  border-radius: 5px;
  width: 100%;
  height: 2rem;
  border: 1px solid #DEE5E8;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #595959;
  padding: .2rem .625em;
  font-size: .875rem;
  position: relative;
}

.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap [type='text'].mktoField,
.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap [type='date'].mktoField,
.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap [type='datetime'].mktoField,
.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap [type='datetime-local'].mktoField,
.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap [type='month'].mktoField,
.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap [type='week'].mktoField,
.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap [type='email'].mktoField,
.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap [type='number'].mktoField,
.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap [type='search'].mktoField,
.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap [type='tel'].mktoField,
.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap [type='time'].mktoField,
.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap [type='url'].mktoField,
.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap [type='color'].mktoField,
.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap select.mktoField,
.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .select.mktoField,
.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap textarea.mktoField {
  width: 100% !important;
}

.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap textarea.mktoField {
  height: auto;
}

.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .select.mktoField {
  color: #595959;
  cursor: pointer;
  font-weight: 300;
  height: 2.625rem;
  padding: .25rem 2rem .25rem .85rem;
  font-family: "Roboto", "Roboto-local", sans-serif;
}

.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .select.mktoField option {
  font-size: 0.875rem;
}

.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap input.mktoField {
  height: 34px;
}

.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap input[name="ExplicitOptOut__c"] + label, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap input[name="ExplicitOptOut__c"] + .filter-group__label {
  font-size: 13px;
  line-height: 15px;
}

.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoLogicalField.mktoCheckboxList, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoLogicalField.mktoCheckboxList.mktoHasWidth {
  padding: 0;
  margin-top: 0;
  display: inline-block !important;
  position: relative;
  left: 0;
  top: 0px;
  width: 100% !important;
}

.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoLogicalField.mktoCheckboxList input.mktoField, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoLogicalField.mktoCheckboxList.mktoHasWidth input.mktoField {
  height: auto;
  width: auto;
}

.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoLogicalField.mktoCheckboxList input.mktoField[type=checkbox], .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoLogicalField.mktoCheckboxList.mktoHasWidth input.mktoField[type=checkbox] {
  margin-top: 3px;
}

.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoLogicalField.mktoCheckboxList input.mktoField + label, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoLogicalField.mktoCheckboxList input.mktoField + .filter-group__label, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoLogicalField.mktoCheckboxList.mktoHasWidth input.mktoField + label, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoLogicalField.mktoCheckboxList.mktoHasWidth input.mktoField + .filter-group__label {
  width: 100%;
  padding-left: 1.5rem;
  margin-left: 0 !important;
}

.mktoForm .mktoButtonRow {
  z-index: 0;
  width: 100%;
  font-size: 14px;
  margin-top: 40px;
  text-align: center;
}

@media screen and (min-width: 64em) {
  .mktoForm .mktoButtonRow {
    margin-top: 0;
  }
}

.mktoForm .mktoButtonRow .mktoButtonWrap {
  margin-left: 0 !important;
}

.mktoForm .mktoButtonRow .mktoButtonWrap button.mktoButton {
  position: relative;
  color: #fff !important;
  z-index: 1;
  cursor: pointer;
  display: inline-block;
  border-style: solid;
  border-width: 1px;
  font-family: "Muli", "Muli-local", sans-serif;
  vertical-align: middle;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  -webkit-transition-property: border, color, background-color, -webkit-box-shadow;
  transition-property: border, color, background-color, -webkit-box-shadow;
  transition-property: box-shadow, border, color, background-color;
  transition-property: box-shadow, border, color, background-color, -webkit-box-shadow;
  line-height: 1.5rem;
  border-radius: 100px !important;
  font-weight: 800;
  text-transform: uppercase;
  background-color: #519bc8 !important;
  border-color: transparent !important;
  background-image: none;
  padding: 0.75rem 1.25rem;
  width: 100%;
  max-width: none;
  margin-top: 15px;
}

@media screen and (min-width: 64em) {
  .mktoForm .mktoButtonRow .mktoButtonWrap button.mktoButton {
    max-width: 220px;
  }
}

.mktoForm .mktoButtonRow .mktoButtonWrap button.mktoButton:hover {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#21B3CD), to(#519bc8));
  background-image: linear-gradient(0deg, #21B3CD, #519bc8);
  -webkit-box-shadow: 0 4px 8px rgba(10, 10, 10, 0.3);
  box-shadow: 0 4px 8px rgba(10, 10, 10, 0.3);
}

.two-col .mktoForm {
  margin-left: -1rem;
  margin-right: -1rem;
}

@media screen and (min-width: 64em) {
  .two-col .mktoForm .mktoFormRow {
    clear: none !important;
    float: left;
    position: relative;
    width: 50%;
    padding: 0 1rem;
  }
}

@media screen and (min-width: 64em) {
  .two-col .mktoForm .mktoFormCol {
    float: left;
    position: relative;
    width: 100%;
    margin: 0;
  }
}

.two-col .mktoForm .mktoButtonRow .mktoButtonWrap button.mktoButton {
  margin-top: 30px;
}

.one-col .mktoForm {
  margin-left: 0;
  margin-right: 0;
}

.one-col .mktoForm .mktoFormRow {
  width: 100% !important;
  padding: 0;
}

/* template specific overrides */
/* Pages -- reskinned styles will be moved here  */
:lang(ja) #homepage .longHero {
  padding-bottom: 3rem;
}

:lang(ja) #homepage .longHero .overlayText {
  margin-top: 0;
}

#homepage .longHero {
  padding-bottom: 4rem;
  background-position: top center;
  /*&:before {
            background: none;
        }*/
}

@media screen and (min-width: 64em) {
  #homepage .longHero {
    padding-bottom: 8rem;
  }
}

#homepage .longHero__content {
  max-width: 720px;
}

#homepage .longHero .overlayText {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  z-index: 2;
  position: relative;
  margin-top: 1rem;
  text-align: left;
  width: 100%;
  padding-bottom: 1%;
}

@media screen and (max-width: 50em) {
  #homepage .longHero .overlayText {
    text-align: center;
  }
}

@media screen and (max-width: 39.938em) {
  #homepage .longHero .overlayText {
    margin-top: 0;
  }
}

#homepage .longHero .overlayText #thankyouText {
  max-width: 500px;
  margin: auto;
  font-size: 13px;
  line-height: 17px;
  min-height: 46px;
}

#homepage .longHero .overlayText form.mktoForm {
  max-width: 500px;
  position: relative;
  min-height: 46px;
}

@media only screen and (max-width: 480px) {
  #homepage .longHero .overlayText form.mktoForm .mktoFormRow:first-of-type {
    position: relative !important;
  }
  #homepage .longHero .overlayText form.mktoForm .mktoFormRow:first-of-type input {
    padding-left: 10px !important;
  }
  #homepage .longHero .overlayText form.mktoForm .mktoButtonRow {
    position: relative !important;
    width: 100% !important;
    text-align: center !important;
  }
}

#homepage .longHero .overlayText form.mktoForm .mktoFormRow:first-of-type {
  width: 100%;
  max-width: 500px;
  margin: auto;
  position: absolute;
}

#homepage .longHero .overlayText form.mktoForm .mktoFormRow:first-of-type .mktoFormCol {
  width: 100%;
  padding-right: 140px;
}

#homepage .longHero .overlayText form.mktoForm .mktoFormRow:first-of-type .mktoFormCol input {
  height: 38px;
  border-radius: 2px 0px 0px 2px !important;
}

#homepage .longHero .overlayText form.mktoForm .mktoFormRow:first-of-type .mktoFormCol .mktoError {
  right: 140px;
  bottom: 0px;
  left: 0px;
}

#homepage .longHero .overlayText form.mktoForm .mktoFormRow:first-of-type .mktoFormCol .mktoErrorMsg {
  max-width: 100%;
  margin-top: 6px !important;
}

#homepage .longHero .overlayText form.mktoForm .mktoButtonRow {
  position: absolute;
  top: 0;
  right: 0;
  width: 140px;
  z-index: 4;
}

#homepage .longHero .overlayText form.mktoForm .mktoButtonRow button {
  height: 38px;
  font-size: 12px;
  border-radius: 0px 2px 2px 0px !important;
}

#homepage .pageContent {
  background-color: #edf1f2;
  padding-bottom: 0;
}

@media screen and (min-width: 64em) {
  #homepage .pageContent .insightCloud .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

#homepage .pageContent .insightCloud .row .columns:first-child {
  text-align: center;
}

@media screen and (min-width: 64em) {
  #homepage .pageContent .insightCloud .row .columns:first-child {
    text-align: left;
  }
}

.pricing-main .pageContent,
.pricing-detail .pageContent {
  z-index: 3;
  overflow: visible;
}

.pricing-main .overlayText,
.pricing-detail .overlayText {
  padding: 0 5%;
  width: 100%;
}

.pricing-main .longHero {
  padding-bottom: 6rem;
  background-attachment: fixed;
  background-position: center top;
}

.pricing-main__grid {
  margin: auto;
  position: relative;
  margin-top: -80px;
}

@media screen and (min-width: 40em) {
  .pricing-main__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.pricing-main__item {
  background-color: #ffffff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  -webkit-transition: -webkit-box-shadow 200ms ease;
  transition: -webkit-box-shadow 200ms ease;
  transition: box-shadow 200ms ease;
  transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
  -webkit-transition: box-shadow 200ms ease;
  overflow: hidden;
  border-radius: 4px;
}

@media screen and (min-width: 64em) {
  .pricing-main__item {
    /*display: flex;
            flex-direction: column;
            justify-content: space-between;*/
    height: 100%;
  }
}

.pricing-main__item:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16);
}

.pricing-main__item-wrapper {
  max-width: 300px;
  margin: 0 auto;
  padding: 12px;
}

@media screen and (min-width: 40em) {
  .pricing-main__item-wrapper {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    margin: 0;
  }
}

@media screen and (min-width: 64em) {
  .pricing-main__item-wrapper {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 33.33%;
    flex: 0 1 33.33%;
  }
}

.pricing-main__item-category {
  padding: 9px 0;
  text-align: center;
  background-color: #DEE5E8;
  color: #82939c;
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: 400;
}

.pricing-main__item-price {
  background-color: #ffffff;
  text-align: center;
  padding: 20px 0 12px;
}

.pricing-main__item-price img {
  height: 26px;
  width: auto;
  margin: 0.5rem auto 1.125rem;
}

.pricing-main__item-price .intro {
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.625rem;
  color: #82939c;
}

.pricing-main__item-price .contact {
  font-size: 1.375rem;
  padding: 31px 0 22px 0;
}

.pricing-main__item-price .price {
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-size: 2.875rem;
  font-weight: 700;
  line-height: 1.2;
  color: #3B454A;
}

.pricing-main__item-price .price span {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.pricing-main__item-price .timespan {
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-size: 0.75rem;
  line-height: 1.25rem;
  color: #82939c;
}

.pricing-main__item-buttons {
  background-color: #ffffff;
  padding: 20px;
  text-align: center;
}

.pricing-main__quote {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 22px;
  text-align: center;
  background: #DEE5E8;
  height: 100%;
}

.pricing-main__quote h3 {
  color: #82939c;
  font-family: "Muli", "Muli-local", sans-serif;
  font-weight: 400;
  font-size: 1.375rem;
  line-height: 1.875rem;
}

.pricing-main__quote .button {
  margin-top: 28px;
}

.pricing-main__quote p {
  color: #82939c;
  font-family: "Roboto", "Roboto-local", sans-serif;
  margin-bottom: 0px;
}

.pricing-main__offerings {
  margin: 0 20px 40px 20px;
  padding-top: 4rem;
  padding-bottom: 2rem;
}

.pricing-main__offerings .columns {
  padding-top: 4rem;
  border-top: 1px solid #82939c;
}

@media screen and (min-width: 40em) {
  .pricing-main__offerings {
    margin: 0 30px 80px 30px;
  }
}

@media screen and (min-width: 64em) {
  .pricing-main__offerings {
    margin: 0 auto 100px auto;
  }
}

.pricing-main__offerings.open .pricing-main__offerings-toggle {
  border-radius: 4px 4px 0 0;
}

.pricing-main__offerings.open .pricing-main__offerings-toggle span {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.pricing-main__offerings-toggle {
  position: relative;
  background-color: #ffffff;
  border-radius: 4px;
  padding: 16px 16px 16px 80px;
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-size: 1.5rem;
  line-height: 2.375rem;
  color: #3B454A;
  cursor: pointer;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.pricing-main__offerings-toggle span {
  position: absolute;
  display: block;
  width: 16px;
  height: 100%;
  left: 30px;
  width: 20px;
  top: 2px;
  background-image: url("/includes/img/icon-up-caret-gray.svg");
  background-size: 18px 9px;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.pricing-main__offerings-list {
  display: none;
  background-color: #cfd9de;
  padding: 24px 30px;
  border-radius: 0 0 4px 4px;
}

.pricing-main__offerings .offering {
  background-color: #ffffff;
  padding: 20px;
  margin-bottom: 20px;
  text-align: center;
  border-radius: 4px;
}

@media screen and (min-width: 64em) {
  .pricing-main__offerings .offering {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 24px 30px 24px 48px;
    text-align: left;
  }
}

.pricing-main__offerings .offering:last-child {
  margin-bottom: 0px;
}

.pricing-main__offerings .offering-title {
  margin-bottom: 15px;
}

@media screen and (min-width: 64em) {
  .pricing-main__offerings .offering-title {
    margin-bottom: 0;
  }
}

.pricing-main__offerings .offering-buttons .button {
  margin-bottom: 0;
  margin-left: 6px;
}

/* Pricing Page */
.pricing-detail .longHero {
  padding-bottom: 8rem;
}

.pricing-detail .pricing {
  position: relative;
  margin-top: -180px;
}

.pricing-detail .pricing__underlay {
  position: absolute;
  width: 100%;
  top: 100px;
  bottom: 0px;
  background: #edf1f2;
}

.pricing-detail .pricing__wrapper {
  position: relative;
  z-index: 3;
  border-radius: 5px;
  overflow: hidden;
  margin: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.34);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.34);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.34);
}

.pricing-detail .pricing__price {
  background-color: #ffffff;
  color: #242b2e;
  line-height: 1;
}

.pricing-detail .pricing__price-title {
  background-color: #edf1f2;
  padding: 30px 40px;
}

@media screen and (min-width: 64em) {
  .pricing-detail .pricing__price-title {
    padding: 16px 37px;
  }
}

.pricing-detail .pricing__price-title img {
  width: 134px;
}

.pricing-detail .pricing__price-content {
  padding: 30px 40px;
}

.pricing-detail .pricing__price-content ul li {
  list-style-type: none;
}

@media screen and (min-width: 64em) {
  .pricing-detail .pricing__price-content {
    padding: 30px 40px;
  }
}

.pricing-detail .pricing__price-preprice {
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  color: #999999;
  margin-bottom: 14px;
}

.pricing-detail .pricing__price-rate {
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-size: 3.375rem;
  font-weight: 500;
  margin-bottom: 14px;
}

.pricing-detail .pricing__price-rate span {
  font-size: 1rem;
}

.pricing-detail .pricing__price-subtitle {
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 22px;
}

.pricing-detail .pricing__price ul {
  list-style-type: none;
  margin-left: 0;
  margin-bottom: 32px;
}

.pricing-detail .pricing__price ul li {
  position: relative;
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  color: #242b2e;
  margin-bottom: 6px;
}

@media screen and (min-width: 40em) {
  .pricing-detail .pricing__price ul li {
    margin-bottom: 3px;
  }
}

.pricing-detail .pricing__price ul li:before {
  display: inline-block;
  content: '';
  width: 26px;
  height: 26px;
  margin-right: 10px;
  background-image: url(../img/icon-checked.svg);
  background-size: 26px 26px;
  background-position: left center;
  background-repeat: no-repeat;
}

.pricing-detail .pricing__price ul li span {
  position: absolute;
  line-height: 1.25;
  top: -4px;
  cursor: pointer;
}

@media screen and (min-width: 40em) {
  .pricing-detail .pricing__price ul li span {
    line-height: 0.9375rem;
    top: 9px;
  }
}

.pricing-detail .pricing__price-learnmore {
  display: inline-block;
  margin-bottom: 2.375rem;
}

.pricing-detail .pricing__price-cta {
  margin-bottom: 18px;
}

.pricing-detail .pricing__price-cta a.button {
  margin-right: 12px;
}

.pricing-detail .pricing__price-disclaimer {
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: #999999;
  border-top: 1px solid #edf1f2;
  padding-top: 28px;
  padding-bottom: 2px;
}

.pricing-detail .pricing__sidebar {
  display: none;
  background-color: #31739C;
  padding-top: 60px;
  text-align: center;
  overflow: hidden;
}

@media screen and (min-width: 64em) {
  .pricing-detail .pricing__sidebar {
    display: block;
  }
}

.pricing-detail .pricing__sidebar p {
  max-width: 200px;
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 1.75rem;
  line-height: 2.1875rem;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
  margin: 0 auto 28px auto;
}

.pricing-detail .pricing__sidebar a.button.darkClear {
  margin-bottom: 48px;
}

.pricing-detail .pricing__sidebar-screenshot {
  max-width: none;
  width: auto;
  height: auto;
  max-height: 400px;
  margin-left: 3rem;
}

.pricing-detail .pricing__footer {
  background-color: #3B454A;
  padding: 30px 40px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  float: left;
}

@media screen and (min-width: 64em) {
  .pricing-detail .pricing__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 22px 0;
    float: none;
  }
}

.pricing-detail .pricing__footer p {
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  color: #ffffff;
  margin-bottom: 10px;
}

@media screen and (min-width: 64em) {
  .pricing-detail .pricing__footer p {
    font-size: 1.125rem;
    margin-bottom: 0px;
    margin-right: 14px;
  }
}

.pricing-detail .pricing__footer a.button {
  margin: 0;
}

.pricing-detail .pricing__logos {
  background-color: #edf1f2;
  padding: 30px 15px;
  text-align: center;
}

@media screen and (min-width: 64em) {
  .pricing-detail .pricing__logos {
    padding: 76px 0 55px;
  }
}

.pricing-detail .pricing__logos-title {
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-size: 1.125rem;
  color: #82939c;
  margin-bottom: 0px;
}

@media screen and (min-width: 64em) {
  .pricing-detail .pricing__logos-title {
    margin-bottom: 50px;
  }
}

.pricing-detail .pricing__logos-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  max-width: 75rem;
  margin: 0 auto;
}

.pricing-detail .pricing__logos-item {
  display: block;
  width: 150px;
  height: 50px;
  margin: 40px 20px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

@media screen and (min-width: 64em) {
  .pricing-detail .pricing__logos-item {
    width: 120px;
    margin: 0 20px 30px;
  }
}

.pricing-detail .pricing__resources {
  padding: 30px 0;
}

@media screen and (min-width: 64em) {
  .pricing-detail .pricing__resources {
    padding: 70px 0;
  }
}

@media screen and (min-width: 64em) {
  .pricing-detail .pricing__resources .columns:first-child .pricing__resources-item {
    padding-right: 15%;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
  }
}

.pricing-detail .pricing__resources-item {
  max-width: 500px;
  margin: 0 auto 20px auto;
  padding: 20px;
}

@media screen and (min-width: 64em) {
  .pricing-detail .pricing__resources-item {
    padding: 0;
    max-width: none;
  }
}

@media screen and (min-width: 64em) {
  .pricing-detail .pricing__resources-item.featured {
    width: 300px;
    float: right;
    text-align: center;
  }
}

.pricing-detail .pricing__resources-item.featured .pricing__resources-title {
  max-width: 268px;
}

@media screen and (min-width: 64em) {
  .pricing-detail .pricing__resources-item.featured .pricing__resources-title {
    margin: 0 auto 18px auto;
  }
}

.pricing-detail .pricing__resources-category {
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-weight: 600;
  font-size: 0.875rem;
  text-transform: uppercase;
  color: #82939c;
  margin-bottom: 4px;
}

.pricing-detail .pricing__resources-title {
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 1.375rem;
  color: #0a0a0a;
  font-weight: 400;
  margin-bottom: 18px;
}

.pricing-detail .pricing__resources-description {
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-size: 1rem;
  line-height: 1.875rem;
  color: #82939c;
  margin-bottom: 18px;
}

.pricing-detail .pricing__resources-image {
  width: 220px;
}

@media screen and (min-width: 64em) {
  .pricing-detail .pricing__resources-image {
    margin-left: 26px;
  }
}

.landingFormPage header {
  background-image: url("/includes/img/backgrounds/landing-form-header.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}

@media screen and (min-width: 64em) {
  .landingFormPage header {
    padding-bottom: 50px;
  }
}

.landingFormPage .header-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: 30px 0;
  padding: 0 25px;
}

@media screen and (min-width: 64em) {
  .landingFormPage .header-links {
    margin: 50px 0;
    padding: 0;
  }
}

.landingFormPage .header-links .divider {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 1px;
  flex: 0 0 1px;
  display: block;
  width: 1px;
  height: 28px;
  margin: 0 20px;
  background-color: #ffffff;
}

@media screen and (min-width: 64em) {
  .landingFormPage .header-links .divider {
    height: 37px;
    margin: 0 25px;
  }
}

.landingFormPage .header-links img.logo {
  height: 20px;
  width: auto;
}

@media screen and (min-width: 64em) {
  .landingFormPage .header-links img.logo {
    height: 25px;
  }
}

.landingFormPage .header-links__product {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 26px;
  background-size: contain;
  background-position: left;
  background-repeat: no-repeat;
}

@media screen and (min-width: 64em) {
  .landingFormPage .header-links__product {
    height: 33px;
  }
}

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

@media screen and (min-width: 64em) {
  .landingFormPage .overlayText {
    padding: 65px 0 110px 0;
  }
}

@media screen and (min-width: 64em) {
  .landingFormPage .pageContent {
    background-image: url("/includes/img/backgrounds/landing-form-body.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    overflow: visible;
  }
}

.landingFormPage .landingForm {
  position: relative;
  z-index: 4;
}

@media screen and (min-width: 64em) {
  .landingFormPage .landingForm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: -60px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
    overflow: hidden;
  }
}

@media screen and (min-width: 64em) {
  .landingFormPage .landingForm.content-right .landingForm__intro {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}

@media screen and (min-width: 64em) {
  .landingFormPage .landingForm.content-right .landingForm__form {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

.landingFormPage .landingForm ul li {
  list-style-type: disc;
}

.landingFormPage .landingForm__intro, .landingFormPage .landingForm__form {
  padding: 35px 40px;
}

@media screen and (min-width: 64em) {
  .landingFormPage .landingForm__intro, .landingFormPage .landingForm__form {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding: 40px 48px;
  }
}

.landingFormPage .landingForm__intro {
  background-color: #31739C;
}

.landingFormPage .landingForm__intro.multi-row {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.landingFormPage .landingForm__intro h1, .landingFormPage .landingForm__intro h2, .landingFormPage .landingForm__intro p {
  color: #ffffff;
}

.landingFormPage .landingForm__intro h1 {
  font-size: 1.75rem;
  line-height: 1.2;
  margin-bottom: 24px;
}

.landingFormPage .landingForm__intro h2 {
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-size: 1.25rem;
  line-height: 1.5rem;
  margin-bottom: 18px;
}

.landingFormPage .landingForm__intro h3 {
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  margin-bottom: 2px;
}

.landingFormPage .landingForm__intro p {
  font-size: 0.875rem;
  line-height: 1.375rem;
  margin-bottom: 20px;
}

.landingFormPage .landingForm__intro a, .landingFormPage .landingForm__intro a:visited {
  color: #ffffff;
  font-weight: 700;
  text-decoration: underline;
}

.landingFormPage .landingForm__intro a:hover, .landingFormPage .landingForm__intro a:visited:hover {
  color: #edf1f2;
}

.landingFormPage .landingForm__intro blockquote {
  margin-top: 26px;
  padding: 35px 31px;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 5px;
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 1.125rem;
  line-height: 30px;
  font-weight: 800;
  color: #0a0a0a;
  text-align: center;
}

.landingFormPage .landingForm__intro blockquote:before {
  content: '\201C';
}

.landingFormPage .landingForm__intro blockquote:after {
  content: '\201D';
}

.landingFormPage .landingForm__form {
  background-color: #ffffff;
}

.landingFormPage .landingForm__form h2 {
  font-size: 1.75rem;
  line-height: 1.2;
  margin-bottom: 18px;
  color: #3B454A;
}

.landingFormPage .landingForm__form p {
  font-size: 0.875rem !important;
  font-size: 1.375rem;
  color: #82939c;
}

.landingFormPage .landingForm__form .two-col h2 {
  display: none;
}

.landingFormPage .landingForm__form .two-col .formBlock {
  padding: 0;
}

.landingFormPage .landingForm__content, .landingFormPage .landingForm__screenshot {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 300px;
  flex: 1 0 300px;
}

.landingFormPage .landingForm__content {
  display: none;
  padding: 45px;
}

@media screen and (min-width: 64em) {
  .landingFormPage .landingForm__content {
    padding: 47px 60px;
  }
}

.landingFormPage .landingForm__content h2 {
  font-size: 1.375rem;
  line-height: 1.625rem;
}

.landingFormPage .landingForm__content ul {
  margin-bottom: 30px;
}

.landingFormPage .landingForm__content ul li {
  font-weight: 700;
  margin-bottom: 14px;
  color: #cfd9de;
  list-style-type: circle;
}

.landingFormPage .landingForm__content#landingFormQuote {
  text-align: center;
}

.landingFormPage .landingForm__content#landingFormQuote .quote {
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 1.375rem;
  line-height: 2.188rem;
  margin-bottom: 20px;
}

.landingFormPage .landingForm__content#landingFormQuote .quote:before {
  content: '“';
}

.landingFormPage .landingForm__content#landingFormQuote .quote:after {
  content: '”';
}

.landingFormPage .landingForm__content#landingFormQuote .author, .landingFormPage .landingForm__content#landingFormQuote .industry {
  font-size: 1rem;
  line-height: 1.25rem;
  color: #b1c1c9;
}

.landingFormPage .landingForm__content#landingFormQuote .author {
  font-weight: 700;
}

.landingFormPage .landingForm__content#landingFormQuote .industry {
  margin-bottom: 25px;
}

.landingFormPage .landingForm__content#landingFormPricing .intro {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.25rem;
  color: #b1c1c9;
  margin-bottom: 8px;
}

.landingFormPage .landingForm__content#landingFormPricing .price {
  font-size: 1.75rem;
  line-height: 1.75rem;
  font-weight: 700;
  margin-bottom: 25px;
}

.landingFormPage .landingForm__content#landingFormPricing .number {
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 55px;
  line-height: 55px;
  font-weight: 800;
}

.landingFormPage .landingForm__content#landingFormPricing .time {
  font-size: 1rem;
  color: #b1c1c9;
}

.landingFormPage .landingForm__content#landingFormPricing .textCta {
  margin-bottom: 50px;
}

.landingFormPage .landingForm__content#landingFormPricing .disclaimer {
  font-size: 0.875rem;
  line-height: 1.375rem;
  color: #b1c1c9;
}

.landingFormPage .landingForm__bottom {
  padding: 40px 0 80px 0;
}

@media screen and (max-width: 63.9375em) {
  .landingFormPage .landingForm__bottom {
    padding: 40px 0;
    background-image: url("/includes/img/backgrounds/landing-form-body-mobile.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
  }
}

.landingFormPage .landingForm__logos {
  text-align: center;
  margin-bottom: 35px;
}

@media screen and (min-width: 64em) {
  .landingFormPage .landingForm__logos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 80px;
  }
}

.landingFormPage .landingForm__logos-intro {
  font-size: 1.125rem;
  line-height: 2.188rem;
  text-align: center;
  color: #ffffff;
  margin-bottom: 35px;
  padding: 0 40px;
}

.landingFormPage .landingForm__logo {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  margin-bottom: 40px;
}

@media screen and (min-width: 64em) {
  .landingFormPage .landingForm__logo {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 14%;
    max-width: 150px;
    margin-right: 40px;
    margin-bottom: 0;
  }
}

@media screen and (min-width: 64em) {
  .landingFormPage .landingForm__logo:last-child {
    margin-right: 0;
  }
}

.landingFormPage .landingForm__disclaimer {
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: #82939c;
}

.landingFormPage .landingForm__disclaimer a {
  font-weight: 700;
  color: #82939c;
  text-decoration: underline;
}

#marketo-lp p {
  font-size: 1rem;
  line-height: 1.75rem;
  color: #3B454A;
  margin-bottom: 15px;
}

#marketo-lp p a {
  color: #519bc8;
  font-weight: bold;
}

#marketo-lp nav {
  display: none;
  background-color: #020303;
  padding: 1rem;
  text-align: center;
}

@media screen and (min-width: 64em) {
  #marketo-lp nav {
    display: block;
  }
}

#marketo-lp nav a {
  display: inline-block;
  margin: 0 50px;
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 1rem;
  font-weight: 800;
  line-height: 2;
  text-transform: uppercase;
  color: #ffffff;
}

#marketo-lp .mlp-hero {
  background-size: cover;
  background-position: center center;
  background-image: url("/_working/img/gradient_5.png");
  background-color: #3B454A;
  text-align: center;
  color: #ffffff;
  padding: 40px 0 0;
}

@media screen and (min-width: 64em) {
  #marketo-lp .mlp-hero {
    padding-top: 80px;
  }
}

#marketo-lp .mlp-hero .mlp-logo {
  width: 150px;
  margin-bottom: 30px;
}

#marketo-lp .mlp-hero h1, #marketo-lp .mlp-hero h2 {
  color: #ffffff;
  padding: 0 20px;
}

#marketo-lp .mlp-hero h1 {
  margin-bottom: 10px;
  font-size: 2.188rem;
  line-height: 1.3;
}

@media screen and (min-width: 64em) {
  #marketo-lp .mlp-hero h1 {
    font-size: 55px;
  }
}

#marketo-lp .mlp-hero h2 {
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 2.188rem;
  margin-bottom: 20px;
}

#marketo-lp .mlp-hero a.textCta {
  font-size: 1.5rem;
  text-transform: uppercase;
  margin-bottom: 80px;
}

#marketo-lp .mlp-hero .mlp-info {
  background-color: #DEE5E8;
  font-size: 1rem;
  font-weight: 800;
  color: #5d6d75;
  text-align: center;
  padding: 15px 25px;
}

@media screen and (min-width: 64em) {
  #marketo-lp .mlp-hero .mlp-info {
    padding: 15px;
    border-radius: 5px 5px 0 0;
  }
}

#marketo-lp .mlp-hero .mlp-info.no-intro {
  background-color: #ffffff;
  min-height: 50px;
}

@media screen and (max-width: 39.9375em) {
  #marketo-lp .mlp-hero .mlp-info.no-intro {
    display: none;
  }
}

#marketo-lp .mlp-content {
  background-color: #ffffff;
  padding: 40px;
}

@media screen and (min-width: 64em) {
  #marketo-lp .mlp-content {
    padding: 40px 52px;
  }
  #marketo-lp .mlp-content.no-intro {
    padding-top: 0;
  }
}

#marketo-lp .mlp-content .featured-image {
  max-width: 260px;
  width: 30%;
  float: right;
  margin-left: 2rem;
  margin-bottom: 1rem;
  border: 10px solid #ffffff;
}

@media screen and (max-width: 39.9375em) {
  #marketo-lp .mlp-content .featured-image {
    max-width: 150px;
  }
}

@media screen and (min-width: 40em) and (max-width: 64em) {
  #marketo-lp .mlp-content .featured-image {
    display: none;
  }
}

#marketo-lp .mlp-content .featured-image#featuredImg {
  display: none;
}

#marketo-lp .mlp-content .featured-image#featuredImg[src] {
  display: inline-block;
}

#marketo-lp .mlp-about {
  background-image: url("https://www.rapid7.com/includes/img/backgrounds/quote-background.jpg");
  background-size: cover;
  background-position: center left;
}

@media screen and (min-width: 64em) {
  #marketo-lp .mlp-about {
    padding-bottom: 88px;
  }
}

#marketo-lp .mlp-about .mlp-content {
  margin-bottom: 40px;
}

@media screen and (min-width: 64em) {
  #marketo-lp .mlp-about .mlp-content {
    margin-bottom: 0;
    border-radius: 0 0 5px 5px;
  }
}

#marketo-lp .mlp-about h2 {
  margin-bottom: 20px;
  font-size: 1.75rem;
  line-height: 32px;
  color: #3B454A;
}

#marketo-lp .mlp-form h3 {
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 1.75rem;
  font-weight: 900;
  line-height: 32px;
  color: #3B454A;
  text-align: center;
}

#marketo-lp .mlp-form p {
  text-align: center;
  color: #82939c;
}

#marketo-lp .mlp-form.two-col {
  background-color: #edf1f2;
  padding-bottom: 40px;
}

@media screen and (min-width: 64em) {
  #marketo-lp .mlp-form.two-col {
    padding-bottom: 90px;
  }
}

#marketo-lp .mlp-form.two-col .mlp-content {
  padding: 40px 40px 60px;
  border-radius: 5px;
}

@media screen and (min-width: 64em) {
  #marketo-lp .mlp-form.two-col .mlp-content {
    padding: 40px;
    margin-top: -50px;
  }
}

#marketo-lp .mlp-form.one-col .mlp-content {
  margin-top: 0;
  margin-bottom: 40px;
}

@media screen and (min-width: 64em) {
  #marketo-lp .mlp-form.one-col .mlp-content {
    border-radius: 0 0 5px 0;
    margin-bottom: 0;
  }
}

#marketo-lp .mlp-about-form {
  background-image: url("https://www.rapid7.com/includes/img/backgrounds/quote-background.jpg");
  background-size: cover;
  background-position: center left;
}

@media screen and (min-width: 64em) {
  #marketo-lp .mlp-about-form {
    padding-bottom: 40px;
  }
}

@media screen and (min-width: 64em) {
  #marketo-lp .mlp-about-form .columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

#marketo-lp .mlp-about-form .mlp-content {
  height: 100%;
}

#marketo-lp .mlp-about-form .mlp-content h2, #marketo-lp .mlp-about-form .mlp-content h3 {
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 1.75rem;
  font-weight: 900;
  line-height: 32px;
  color: #3B454A;
  text-align: left;
  margin-bottom: 15px;
}

#marketo-lp .mlp-about-form .mlp-content p {
  text-align: left;
}

@media screen and (min-width: 64em) {
  #marketo-lp .mlp-about-form .about-left, #marketo-lp .mlp-about-form .mlp-form {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

#marketo-lp .mlp-about-form .about-left .mlp-content {
  background-color: #edf1f2;
  border-radius: 0 0 0 5px;
}

#marketo-lp .mlp-speakers .mlp-content {
  padding: 15px 35px 40px;
}

@media screen and (min-width: 64em) {
  #marketo-lp .mlp-speakers .mlp-content {
    padding: 75px 0;
  }
}

#marketo-lp .mlp-speakers h2, #marketo-lp .mlp-speakers h4 {
  font-family: "Muli", "Muli-local", sans-serif;
  line-height: 1.2;
  font-weight: 900;
  color: #3B454A;
  top: 10px;
  position: relative;
}

#marketo-lp .mlp-speakers h2 {
  font-size: 2.188rem;
  margin-bottom: 30px;
}

#marketo-lp .mlp-speakers .mlp-speaker {
  border-bottom: 1px solid #DEE5E8;
  padding: 60px 0 40px;
}

@media screen and (min-width: 64em) {
  #marketo-lp .mlp-speakers .mlp-speaker {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

#marketo-lp .mlp-speakers .mlp-speaker:first-of-type {
  padding-top: 10px;
}

#marketo-lp .mlp-speakers .mlp-speaker:last-of-type p {
  margin-bottom: 0;
}

#marketo-lp .mlp-speakers .mlp-speaker__image {
  width: 50%;
  max-width: 225px;
  float: left;
  margin-right: 20px;
  margin-bottom: 27px;
}

@media screen and (max-width: 39.9375em) {
  #marketo-lp .mlp-speakers .mlp-speaker__image {
    max-width: 150px;
  }
}

@media screen and (min-width: 64em) {
  #marketo-lp .mlp-speakers .mlp-speaker__image {
    float: none;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 225px;
    height: 225px;
    margin-right: 47px;
  }
}

#marketo-lp .mlp-speakers .mlp-speaker__meta {
  font-size: 1rem;
  line-height: 1.2;
  color: #82939c;
}

@media screen and (min-width: 64em) {
  #marketo-lp .mlp-speakers .mlp-speaker__meta {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

#marketo-lp .mlp-speakers .mlp-speaker h4 {
  font-size: 1.75rem;
  margin-bottom: 20px;
}

#marketo-lp .mlp-speakers .mlp-speaker p {
  clear: both;
  margin-top: 16px;
}

@media screen and (min-width: 64em) {
  #marketo-lp .mlp-speakers .mlp-speaker p {
    clear: none;
  }
}

#marketo-lp .mlp-details {
  padding-bottom: 10px;
}

@media screen and (min-width: 64em) {
  #marketo-lp .mlp-details {
    padding-bottom: 80px;
  }
}

#marketo-lp .mlp-details .mlp-content {
  overflow: hidden;
  padding: 0 25px 40px;
}

#marketo-lp .mlp-details h2 {
  font-size: 2.188rem;
  color: #3B454A;
  margin-bottom: 30px;
}

@media screen and (min-width: 64em) {
  #marketo-lp .mlp-details h2 {
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 39.9375em) {
  #marketo-lp .mlp-details iframe {
    width: 100%;
  }
}

#marketo-lp .mlp-details .mlp-event {
  margin-bottom: 40px;
}

@media screen and (min-width: 64em) {
  #marketo-lp .mlp-details .mlp-event {
    margin-bottom: 0px;
  }
}

#marketo-lp .callToActionDark p {
  color: #ffffff;
  margin: 10px 0 37px;
  padding: 0 30px;
}

#marketo-lp .block {
  border-top: solid 1px #bfbfbf;
  padding: 3.625rem 0;
}

@media screen and (max-width: 39.9375em) {
  #marketo-lp .block {
    text-align: center;
    padding: 2.250rem 0;
  }
}

#marketo-lp .block .row {
  margin-left: 0;
  margin-right: 0;
}

#marketo-lp .block.speakers .speaker-item {
  margin-bottom: 1rem;
}

#marketo-lp .block.speakers .speaker-item .image_shot {
  float: left;
  background: #242b2e;
}

@media screen and (max-width: 64em) {
  #marketo-lp .block.speakers .speaker-item .image_shot {
    width: 100%;
    text-align: center;
    padding: 0.5rem 0;
  }
}

#marketo-lp .block.speakers .speaker-item .image_shot img {
  max-height: 180px;
}

@media screen and (max-width: 64em) {
  #marketo-lp .block.speakers .speaker-item .image_shot img {
    max-height: 100px;
  }
}

#marketo-lp .block.speakers .speaker-item .bio_content {
  background: #3B454A;
  overflow: hidden;
  padding: 1.875rem 1.875rem 0;
}

@media screen and (max-width: 64em) {
  #marketo-lp .block.speakers .speaker-item .bio_content {
    width: 100%;
  }
}

#marketo-lp .block.speakers .speaker-item .bio_content h4 {
  font-size: 1.75rem;
  line-height: 1.875rem;
  font-weight: 600;
  color: #ffffff;
  padding: 0;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  font-family: "Roboto", "Roboto-local", sans-serif;
  color: #ffffff;
}

#marketo-lp .block.speakers .speaker-item .bio_content p {
  color: #82939c;
  font-size: 1rem;
  line-height: 1.25rem;
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 1rem;
  margin-bottom: 1.25rem;
  font-weight: 400;
}

@media screen and (max-width: 39.9375em) {
  #marketo-lp .block.speakers .speaker-item h4 {
    font-size: 1.25rem;
    line-height: 1.375rem;
    text-align: center;
  }
  #marketo-lp .block.speakers .speaker-item p {
    font-size: 0.875rem;
    line-height: 1rem;
    text-align: center;
  }
}

#marketo-lp .block.toolkit .content-thumbnail {
  float: left;
  margin-right: 2rem;
  width: 10rem;
}

#marketo-lp .block.toolkit .content-thumbnail + .content-info {
  margin-left: 12rem;
}

@media screen and (max-width: 64em) {
  #marketo-lp .block.toolkit .content-thumbnail + .content-info {
    margin-left: 0;
  }
}

@media screen and (max-width: 64em) {
  #marketo-lp .block.toolkit .content-thumbnail {
    float: none;
    margin: 0 auto 1rem;
  }
}

#marketo-lp .block.toolkit .video-thumbnail {
  float: left;
  width: 16rem;
  margin-right: 2rem;
}

#marketo-lp .block.toolkit .video-thumbnail + .content-info {
  margin-left: 18rem;
}

@media screen and (max-width: 64em) {
  #marketo-lp .block.toolkit .video-thumbnail + .content-info {
    margin-left: 0;
  }
}

@media screen and (max-width: 64em) {
  #marketo-lp .block.toolkit .video-thumbnail {
    float: none;
    margin: 0 auto 1rem;
  }
}

#marketo-lp .block.toolkit span {
  color: #82939c;
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 14px;
}

#marketo-lp .block.toolkit h4 {
  color: #0a0a0a;
  font-size: 1.375rem;
  font-family: "Roboto", "Roboto-local", sans-serif;
  line-height: 28px;
  font-weight: 600;
}

#marketo-lp .block.toolkit.featured {
  background-color: #3B454A;
  padding: 2rem;
  border-top: none;
  margin-top: 2rem;
}

#marketo-lp .block.toolkit.featured h4 {
  color: #ffffff;
}

#marketo-lp .block.toolkit.featured p {
  color: #ffffff;
}

@media screen and (min-width: 64em) {
  #marketo-lp .block.takeaway .columns:first-child {
    padding-left: 0;
  }
  #marketo-lp .block.takeaway .columns:last-child {
    padding-right: 0;
  }
}

#marketo-lp .block.takeaway .light {
  background-color: #ffffff;
  text-align: center;
  padding: 2.5rem 2.5rem 1.5rem;
}

#marketo-lp .block.takeaway .light h4 {
  font-size: 1.125rem;
  margin-bottom: 24px;
}

#marketo-lp .block.takeaway .light p {
  text-align: center;
}

@media screen and (max-width: 64em) {
  #marketo-lp .block.takeaway .light:nth-child(n+1) {
    margin-top: 1rem;
  }
}

#marketo-lp .block.takeaway .dark {
  background-color: #3B454A;
  text-align: center;
  margin-top: 1.25rem;
  color: #ffffff;
  padding: 0.5rem 0;
}

#marketo-lp .block.takeaway .dark button {
  margin: 0.25rem 1rem;
}

/* override marketo defaults */
.mktoGen.mktoImg#mkto_gen_featuredImg {
  display: inline;
}

.for_customers .pageContent {
  overflow: visible;
}

.for_customers .longHero {
  background-attachment: fixed;
  background-position: center top -100px;
}

@media screen and (max-width: 63.9375em) {
  .for_customers .longHero .overlayText {
    padding: 2rem 1.25rem;
  }
}

.for_customers .support {
  background-image: url("/includes/img/backgrounds/for-customers-blue-bg-mobile.jpg");
  background-size: cover;
}

@media screen and (min-width: 64em) {
  .for_customers .support {
    background-image: url("/includes/img/backgrounds/for-customers-blue-bg.jpg");
  }
}

.for_customers .support__wrapper {
  position: relative;
  margin-top: -345px;
  z-index: 5;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
  overflow: hidden;
}

@media screen and (min-width: 64em) {
  .for_customers .support__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: -270px;
  }
}

.for_customers .support__connect h2, .for_customers .support__connect h3, .for_customers .support__connect p, .for_customers .support__connect p > a, .for_customers .support__connect ul li, .for_customers .support__links h2, .for_customers .support__links h3, .for_customers .support__links p, .for_customers .support__links p > a, .for_customers .support__links ul li {
  color: #ffffff;
}

.for_customers .support__connect h2, .for_customers .support__links h2 {
  margin-bottom: 24px;
}

.for_customers .support__connect h3, .for_customers .support__links h3 {
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 1.75rem;
  line-height: 2.188rem;
  font-weight: 900;
  margin-bottom: 8px;
}

.for_customers .support__connect p, .for_customers .support__links p {
  margin-bottom: 0.5rem;
}

.for_customers .support__connect ul li, .for_customers .support__links ul li {
  list-style-type: circle;
  padding: 10px 8px;
  line-height: 1.5rem;
}

.for_customers .support__connect ul li a.new-window, .for_customers .support__links ul li a.new-window {
  padding-right: 15px;
  background-image: url("/includes/img/icons/icon-new-window-white.svg");
  background-size: 10px 10px;
  background-position: center right;
  background-repeat: no-repeat;
}

.for_customers .support__connect ul li a.new-window:hover, .for_customers .support__links ul li a.new-window:hover {
  background-image: url("/includes/img/icons/icon-new-window-white.svg");
}

.for_customers .support__connect p > a:not(.button):not(.textCta),
.for_customers .support__connect ul li > a:not(.button):not(.textCta), .for_customers .support__links p > a:not(.button):not(.textCta),
.for_customers .support__links ul li > a:not(.button):not(.textCta) {
  color: #ffffff !important;
  font-weight: 700;
  border-bottom: 1px solid #ffffff !important;
}

.for_customers .support__connect hr, .for_customers .support__links hr {
  background-color: #519bc8;
  border: none;
  width: 100%;
  margin: 40px 0;
}

.for_customers .support__connect .category, .for_customers .support__links .category {
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 1rem;
  font-weight: 900;
  color: #8bbcdb;
  text-transform: uppercase;
  margin-bottom: 6px;
}

.for_customers .support__connect {
  font-family: "Muli", "Muli-local", sans-serif;
  font-size: 2.188rem;
  font-weight: 900;
  background-color: #31739C;
  padding: 36px 30px;
}

@media screen and (min-width: 64em) {
  .for_customers .support__connect {
    padding: 60px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

@media screen and (min-width: 75em) {
  .for_customers .support__connect {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3;
  }
}

@media screen and (min-width: 90em) {
  .for_customers .support__connect {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5;
  }
}

.for_customers .support__connect a.textCta.new-window {
  letter-spacing: 0px;
  padding-right: 18px;
  background-image: url("/includes/img/icons/icon-new-window-yellow.svg");
  background-size: 12px 12px;
  background-position: center right;
  background-repeat: no-repeat;
}

.for_customers .support__connect a.textCta.new-window:hover {
  background-image: url("/includes/img/icons/icon-new-window-white.svg");
}

.for_customers .support .guidebook {
  background-color: #519bc8;
  border-radius: 5px;
  padding: 26px 30px;
}

@media screen and (min-width: 75em) {
  .for_customers .support .guidebook {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 50px;
  }
}

@media screen and (min-width: 75em) {
  .for_customers .support .guidebook__content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
}

.for_customers .support .guidebook__title {
  font-size: 1.375rem;
  line-height: 1.75rem;
  color: #ffffff;
  margin-bottom: 12px;
}

@media screen and (min-width: 75em) {
  .for_customers .support .guidebook__link {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-left: 40px;
  }
}

.for_customers .support__links {
  background-color: #255675;
}

@media screen and (min-width: 64em) {
  .for_customers .support__links {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

@media screen and (min-width: 75em) {
  .for_customers .support__links {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
  }
}

@media screen and (min-width: 75em) {
  .for_customers .support__links {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3;
  }
}

.for_customers .support__links .category {
  margin-bottom: 2px;
}

.for_customers .support__links ul {
  padding: 0;
  margin-bottom: 1rem;
}

.for_customers .support__links ul li, .for_customers .support__links ul li > a:not(.button):not(.textCta) {
  color: #cfd9de !important;
  border-bottom: 0 !important;
}

.for_customers .support__links ul li:hover, .for_customers .support__links ul li > a:not(.button):not(.textCta):hover {
  color: #ffffff !important;
}

.for_customers .support__help, .for_customers .support__community {
  padding: 36px 30px;
}

@media screen and (min-width: 64em) {
  .for_customers .support__help, .for_customers .support__community {
    padding: 60px 50px 34px;
  }
}

.for_customers .support__help {
  border-bottom: 1px solid #519bc8;
}

.for_customers .services {
  background-image: url("/includes/img/backgrounds/for-customers-services-mobile.jpg");
  background-size: cover;
  background-attachment: fixed;
}

@media screen and (min-width: 64em) {
  .for_customers .services {
    background-image: url("/includes/img/backgrounds/for-customers-services.jpg");
  }
}

@media screen and (min-width: 64em) {
  .for_customers .services .row.wrapper, .for_customers .services .statsBlock .statNumbers, .statsBlock .for_customers .services .statNumbers, .for_customers .services .statsBlock .customerLogos, .statsBlock .for_customers .services .customerLogos {
    padding-top: 110px;
    padding-bottom: 100px;
  }
}

.for_customers .services__wrapper {
  background-color: #ffffff;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
  overflow: hidden;
}

@media screen and (min-width: 64em) {
  .for_customers .services__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.for_customers .services__training, .for_customers .services__consulting {
  padding: 36px 30px;
}

@media screen and (min-width: 64em) {
  .for_customers .services__training, .for_customers .services__consulting {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 60px;
  }
}

.for_customers .services__training h2, .for_customers .services__training h3, .for_customers .services__training p, .for_customers .services__consulting h2, .for_customers .services__consulting h3, .for_customers .services__consulting p {
  color: #242b2e;
}

.for_customers .services__training p, .for_customers .services__consulting p {
  font-size: 1.125rem;
  margin-bottom: 20px;
}

.for_customers .services__training ul, .for_customers .services__consulting ul {
  margin-left: 0;
}

.for_customers .services__training ul li, .for_customers .services__consulting ul li {
  list-style-type: circle;
  padding-left: 8px;
  line-height: 2.5rem;
}

.for_customers .services__training ul li > a, .for_customers .services__consulting ul li > a {
  font-weight: 700;
}

.for_customers .services__training {
  border-bottom: 1px solid #cfd9de;
}

@media screen and (min-width: 64em) {
  .for_customers .services__training {
    border-bottom: none;
    border-right: 1px solid #cfd9de;
  }
}

.for_customers .support-products {
  text-align: center;
}

.for_customers .support-products h2 {
  color: #ffffff;
}

.for_customers .support-products h3 {
  font-family: "Roboto", "Roboto-local", sans-serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 400;
  color: #b1c1c9;
}

.for_customers .support-products__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 400px;
  margin: 15px auto 40px;
}

@media screen and (min-width: 40em) {
  .for_customers .support-products__grid {
    margin: 30px auto 40px;
    max-width: 750px;
  }
}

@media screen and (min-width: 75em) {
  .for_customers .support-products__grid {
    max-width: 750px;
  }
}

@media screen and (min-width: 90em) {
  .for_customers .support-products__grid {
    max-width: none;
    margin-left: -30px;
    margin-right: -30px;
  }
}

.for_customers .support-products__link {
  border-bottom: none !important;
  border-radius: 5px;
  margin: 10px;
  background-color: #3B454A;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  width: 220px;
  padding: 11px 0px;
}

.for_customers .support-products__link img {
  height: 29px;
  opacity: 0.75;
  -webkit-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
}

.for_customers .support-products__link:hover {
  background-color: #5d6d75;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.for_customers .support-products__link:hover img {
  opacity: 1;
}

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