/*
 * Box-sizing for all!!!
 */

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

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after 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,
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/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

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

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

a {
  background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

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

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

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

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

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

b,
strong {
  font-weight: bold;
}

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

dfn {
  font-style: italic;
}

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

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

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

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

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

small {
  font-size: 80%;
}

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

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

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

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

img {
  border: 0;
}

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

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

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

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

figure {
  margin: 1em 40px;
}

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

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

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

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

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

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

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

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

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

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

button {
  overflow: visible;
}

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

button,
select {
  text-transform: none;
}

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

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

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

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

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

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

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

input {
  line-height: normal;
}

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

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

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

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

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

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

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

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

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

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

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

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

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

textarea {
  overflow: auto;
}

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

optgroup {
  font-weight: bold;
}

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

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

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

td,
th {
  padding: 0;
}

html {
  font-size: 16px;
}

body,
input,
textarea,
button {
  font-family: scandia-web, sans-serif;
  font-weight: 400;
  color: #090910;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
blockquote {
  margin-top: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: scandia-web, sans-serif;
  font-weight: 500;
}

h1 {
  font-size: 2em;
  font-weight: 500;
  letter-spacing: -1px;
}

@media (min-width:48.75em) {
  h1 {
    font-size: 2.5em;
  }
}

@media (min-width:60em) {
  h1 {
    font-size: 3em;
  }
}

@media (min-width:82em) {
  h1 {
    font-size: 3.5em;
  }
}

@media (min-width:95em) {
  h1 {
    font-size: 4em;
  }
}

h2 {
  font-size: 1.75em;
  font-weight: 400;
  letter-spacing: -0.5px;
}

@media (min-width:48.75em) {
  h2 {
    font-size: 2.25em;
  }
}

@media (min-width:60em) {
  h2 {
    font-size: 3em;
  }
}

h3 {
  font-size: 1.25em;
  font-weight: 500;
  line-height: 1.25em;
  letter-spacing: -0.33px;
}

@media (min-width:55em) {
  h3 {
    font-size: 1.75em;
  }
}

@media (min-width:70em) {
  h3 {
    font-size: 2em;
  }
}

h4 {
  font-size: 1em;
  font-weight: 400;
  letter-spacing: -0.25px;
}

@media (min-width:55em) {
  h4 {
    font-size: 1.5em;
  }
}

h5 {
  font-size: 0.95em;
  font-weight: 700;
  line-height: 1.666em;
  color: rgba(9, 9, 16, 0.7);
}

@media (min-width:35em) {
  h5 {
    font-size: 1.125em;
  }
}

h6 {
  font-size: 0.875em;
  font-weight: 500;
  color: rgba(9, 9, 16, 0.5);
}

a {
  position: relative;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

a.learn_more {
  color: #ff2d20;
  font-family: scandia-web, sans-serif;
  font-weight: 500;
}

a.learn_more span {
  display: inline-block;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

a.learn_more:hover span {
  -webkit-transform: translateX(0.5em);
          transform: translateX(0.5em);
}

p {
  font-size: 1em;
  line-height: 1.666em;
  color: rgba(9, 9, 16, 0.7);
}

p strong {
  font-weight: 500;
}

p.small {
  font-size: 0.75em;
  line-height: 1.714em;
}

@media (min-width:55em) {
  p {
    font-size: 1.125em;
  }

  p.small {
    font-size: 0.875em;
  }
}

p,
ul,
ol {
  margin-bottom: 2em;
}

p a,
ul a,
ol a {
  color: #ff2d20;
  text-decoration: underline;
}

p a:hover,
ul a:hover,
ol a:hover {
  color: #ec0e00;
}

q p,
blockquote p {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

@media (max-width:40em) {
  blockquote {
    margin-left: 0;
    margin-right: 0;
  }
}

span.small_text {
  display: block;
  font-size: 0.625em;
  line-height: 1.4em;
  color: rgba(9, 9, 16, 0.8);
}

span.label,
label {
  display: block;
  font-size: 0.625em;
  line-height: 1.4em;
  text-transform: uppercase;
  opacity: 0.4;
  margin-bottom: 0.875em;
  letter-spacing: 2.5px;
}

code {
  font-size: 0.875em;
  font-family: source-code-pro, monospace;
  line-height: 1.714em;
  color: #090910;
}

:not(pre) > code {
  background: #f5f5fa;
  color: #CA473F;
  padding: 0 0.25em;
}

.btn {
  position: relative;
  display: block;
}

.btn > span {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  position: relative;
  z-index: 2;
  background: #ff2d20;
  padding: 0.75em 1em;
  height: 3em;
  font-family: scandia-web, sans-serif;
  font-weight: 500;
  color: #FFFFFF;
  border: 1.5px solid #ff2d20;
  text-align: center;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.btn > span span {
  margin: 0 0 0 0.5em;
}

.btn > span img {
  display: block;
}

.btn.secondary > span {
  color: #ff2d20;
  background: #FFFFFF;
}

.btn.disabled {
  pointer-events: none;
}

.btn.disabled > span {
  background: #D7D7DC;
  border-color: #D7D7DC;
}

.btn.disabled.secondary > span {
  background: #FFFFFF;
  color: #D7D7DC;
}

.btn::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  border: 1.5px solid #ff2d20;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.btn:hover > span {
  -webkit-transform: translate(-4px, -4px);
          transform: translate(-4px, -4px);
}

@media (min-width:40em) {
  .btn > span {
    padding: 0.75em 2.25em;
  }
}

.input_group {
  padding-top: 1.5em;
}

.input_group label {
  margin-top: -1.55rem;
}

.input_group input[type=text],
.input_group input[type=search],
.input_group input[type=email],
.input_group input[type=tel] {
  border: none;
  border-bottom: 1px solid #D7D7DC;
  box-sizing: border-box;
  box-shadow: none;
  background: none;
  padding: 0.3125em 0;
  margin-bottom: 0.5em;
  width: 100%;
  letter-spacing: 0.5px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  -webkit-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
}

.input_group input[type=text]:focus,
.input_group input[type=search]:focus,
.input_group input[type=email]:focus,
.input_group input[type=tel]:focus {
  border-color: #090910;
}

.input_group.search {
  position: relative;
}

.input_group.search input[type=submit] {
  position: absolute;
  top: 1.8em;
  left: 0;
  width: 1.0625em;
  height: 1.0625em;
  text-indent: -999em;
  background: url("../img/icons/search.min.svg") no-repeat center;
  background-size: contain;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.input_group.icon {
  position: relative;
}

.input_group.icon input[type=text],
.input_group.icon input[type=search],
.input_group.icon input[type=email],
.input_group.icon input[type=tel] {
  padding-left: 2em;
}

.input_group.icon .icon_display {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.input_group.icon .icon_display:hover {
  -webkit-transform: scale(1.08);
          transform: scale(1.08);
}

/* Container used for styling the custom select, the buttom class below adds the
 * bg gradient, corners, etc. */

.custom_select {
  position: relative;
  display: block;
  background: none;
  font-size: 1em;
  padding: 0.3125em 0;
  border: none;
  width: 100%;
  border-bottom: 1px solid #D7D7DC;
  color: #090910;
}

/* This is the native select, we're making everything but the text invisible so
 * we can see the button styles in the wrapper */

.custom_select select {
  width: 100%;
  margin: 0;
  outline: none;
  box-sizing: border-box;
  font-size: 1rem;
  cursor: pointer;
}

/* Custom arrow sits on top of the select - could be an image, SVG, icon font,
 * etc. or the arrow could just baked into the bg image on the select. */

.custom_select::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 2;
  pointer-events: none;
  width: 0.625em;
  height: 0.3125em;
  background: url(../img/icons/drop_arrow.min.svg) no-repeat center;
  background-size: contain;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@supports ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)) or ((-moz-appearance: none) and (mask-type: alpha)) {
  /* Show custom arrow */

  .custom_select::after {
    display: block;
  }

  /* Remove select styling */

  .custom_select select {
    padding-right: 1.25em;
    /* Match-01 */
    /* inside @supports so that iOS <= 8 display the native arrow */
    background: none;
    /* Match-04 */
    /* inside @supports so that Android <= 4.3 display the native arrow */
    border: 1px solid transparent;
    /* Match-05 */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
}

/* Adds Firefox < 35 support */

/* FIREFOX won't let us hide the native select arrow, so we have to make it wider than needed and clip it via overflow on the parent container. The percentage width is a fallback since FF 4+ supports calc() so we can just add a fixed amount of extra width to push the native arrow out of view. We're applying this hack across all FF versions because all the previous hacks were too fragile and complex. You might want to consider not using this hack and using the native select arrow in FF. Note this makes the menus wider than the select button because they display at the specified width and aren't clipped. Targeting hack via http://browserhacks.com/#hack-758bff81c5c32351b02e10480b5ed48e */

/* Show only the native arrow */

@-moz-document url-prefix()  {
  /* Warning: this kills the focus outline style */

  .custom_select {
    overflow: hidden;
  }

  .custom_select::after {
    display: block;
  }

  /* Make the native select extra wide so the arrow is clipped. 1.5em seems to be enough to safely clip it */

  .custom_select select {
    overflow: -moz-hidden-unscrollable;
    padding-right: 0.4em;
    background: none;
    /* Match-04 */
    border: 1px solid transparent;
    /* Match-05 */
    /* Firefox < 4 */
    min-width: 6em;
    width: 130%;
    /* Firefox 4-15 */
    min-width: -moz-calc(0em);
    width: -moz-calc(100% + 2.4em);
    /* Firefox 16+ */
    min-width: calc(0em);
    width: calc(100% + 2.4em);
  }

  /* Firefox 35+ that supports hiding the native select can have a proper 100% width, no need for the overflow clip trick */

@supports (mask-type: alpha) {
    .custom_select {
      overflow: visible;
    }

    .custom_select select {
      -moz-appearance: none;
      width: 100%;
      padding-right: 1.25em;
      /* Match-01 padding-right */
    }
}
}

/* Firefox focus has odd artifacts around the text, this kills that. See https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-focusring */

.custom_select select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

/* IE 10/11+ - This hides native dropdown button arrow so it will have the custom appearance. Targeting media query hack via http://browserhacks.com/#hack-28f493d247a12ab654f6c3637f6978d5 - looking for better ways to achieve this targeting */

/* The second rule removes the odd blue bg color behind the text in the select button in IE 10/11 and sets the text color to match the focus style's - fix via http://stackoverflow.com/questions/17553300/change-ie-background-color-on-unopened-focused-select-box */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .custom_select select::-ms-expand {
    display: none;
  }

  .custom_select select:focus::-ms-value {
    background: transparent;
    color: #222;
    /* Match-02*/
  }

  .custom_select select {
    padding-right: 1.25em;
    /* Match-01 */
    background: none;
    /* Match-04 */
    border: 1px solid transparent;
    /* Match-05 */
  }

  .custom_select::after {
    display: block;
  }
}

.pages {
  padding-bottom: 1em;
  background: #f5f5fa;
}

.pages .hide {
  display: none;
}

.pages .pages_header .header_contain {
  padding: 2em 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
}

.pages .main {
  background: #f5f5fa;
  padding-bottom: 2.5em;
}

.pages_list {
  max-width: 800px;
  background: #FFFFFF;
  list-style-type: none;
  margin: 0 auto 3.5em;
  padding: 5%;
}

.pages_list li a {
  display: -webkit-box;
  display: flex;
  padding: 1em 0;
  color: #D7D7DC;
  font-weight: 500;
  text-decoration: none;
  -webkit-box-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #D7D7DC;
}

.pages_list li a::after {
  content: "View";
  display: block;
  color: #ff2d20;
  opacity: 0;
  font-size: 0.875em;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 3.5px;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.pages_list li a:hover::after {
  opacity: 1;
}

.pages_list li a h5 {
  margin: 0;
}

.pages_list li a h5 span {
  margin-top: 0.5em;
  display: block;
  text-transform: none;
  opacity: 0.5;
  font-weight: 400;
  letter-spacing: 1px;
}

.pages_list li:last-child a {
  border-bottom: none;
}

@media (min-width:45em) {
  .pages_list li a {
    -webkit-box-align: center;
            align-items: center;
  }

  .pages_list li a h5 span {
    display: inline-block;
    margin: 0;
  }
}

@media (min-width:48em) and (max-width:64em) {
  .home .page_contain {
    overflow: hidden;
  }
}

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

.clear:after {
  clear: both;
}

svg {
  max-height: 100%;
}

img,
svg {
  max-width: 100%;
}

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

html,
body {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

.page_contain {
  max-width: 100em;
  margin: 0 auto;
  padding: 0 5.5%;
}

.contain {
  padding: 0 1em;
  max-width: 80em;
  margin: 0 auto;
}

@media (min-width:35em) {
  .contain {
    padding: 0 2em;
  }
}

::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #090910;
  opacity: 1;
  /* Firefox */
}

::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #090910;
  opacity: 1;
  /* Firefox */
}

:-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #090910;
  opacity: 1;
  /* Firefox */
}

::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #090910;
  opacity: 1;
  /* Firefox */
}

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #090910;
  opacity: 1;
  /* Firefox */
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #090910;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #090910;
}

/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */

/* Hide scroll bar */

html.remodal-is-locked {
  overflow: hidden;
  touch-action: none;
}

/* Anti FOUC */

.remodal,
[data-remodal-id] {
  display: none;
}

/* Necessary styles of the overlay */

.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  display: none;
}

/* Necessary styles of the wrapper */

.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: "";
}

/* Fix iPad, iPhone glitches */

.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */

.remodal {
  position: relative;
  outline: none;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%;
}

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}

/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */

/* Default theme styles for the background */

.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  -webkit-filter: blur(3px);
          filter: blur(3px);
}

/* Default theme styles of the overlay */

.remodal-overlay {
  background: rgba(245, 245, 250, 0.8);
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
  -webkit-animation-name: remodal-overlay-opening-keyframes;
          animation-name: remodal-overlay-opening-keyframes;
}

.remodal-overlay.remodal-is-closing {
  -webkit-animation-name: remodal-overlay-closing-keyframes;
          animation-name: remodal-overlay-closing-keyframes;
}

/* Default theme styles of the wrapper */

.remodal-wrapper {
  padding: 10px 10px 0;
}

/* Default theme styles of the modal dialog */

.remodal {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  color: #2b2e38;
  background: #fff;
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
  -webkit-animation-name: remodal-opening-keyframes;
          animation-name: remodal-opening-keyframes;
}

.remodal.remodal-is-closing {
  -webkit-animation-name: remodal-closing-keyframes;
          animation-name: remodal-closing-keyframes;
}

/* Vertical align of the modal dialog */

.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
}

/* Close button */

.remodal-close {
  position: absolute;
  z-index: 5;
  top: 1.5em;
  right: 1.5em;
  display: block;
  overflow: visible;
  width: 0.875em;
  height: 0.875em;
  margin: 0;
  padding: 0;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  border: none;
  outline: none;
  background: url(../img/icons/close.min.svg) no-repeat center;
  background-size: contain;
}

.remodal-close:hover,
.remodal-close:focus {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

/* Remove inner padding and border in Firefox 4+ for the button tag. */

.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* Keyframes
   ========================================================================== */

@-webkit-keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
    opacity: 0;
  }

  to {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}

@keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
    opacity: 0;
  }

  to {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}

@-webkit-keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  to {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    opacity: 0;
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}

@keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  to {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    opacity: 0;
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

/* Media queries
   ========================================================================== */

@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 700px;
  }
}

/* IE8
   ========================================================================== */

.lt-ie9 .remodal-overlay {
  background: #2b2e38;
}

.lt-ie9 .remodal {
  width: 700px;
}

/** Specific modal styles */

.video_modal {
  position: relative;
  max-width: 76em;
  margin: 0 auto;
}

.video_contain {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.video_contain iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  height: 100%;
}

.ui_logos .logo_example {
  margin-bottom: 1.5em;
}

.ui_logos .logo_example:last-child {
  margin: 0;
}

.ui_logos .logo_example .logo_contain {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  background: #FFFFFF;
  padding: 2em;
  box-shadow: 0 20px 30px -16px rgba(9, 9, 16, 0.2);
}

@media (min-width:45em) {
  .ui_logos {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
  }

  .ui_logos .logo_example {
    width: 31%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    margin: 0;
  }

  .ui_logos .logo_example .logo_contain {
    -webkit-box-flex: 1;
            flex: 1;
  }
}

.ui_colors {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
          justify-content: space-between;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.ui_colors li {
  display: block;
  width: 100%;
  margin-bottom: 1.5em;
  color: #FFFFFF;
  text-align: center;
  padding: 3.5em 1em;
  box-shadow: 0 20px 30px -16px rgba(9, 9, 16, 0.2);
}

.ui_colors li span {
  font-size: 0.875em;
  font-family: scandia-web, sans-serif;
  font-weight: 500;
}

.ui_colors li.red {
  background: #ff2d20;
}

.ui_colors li.black {
  background: #090910;
}

.ui_colors li.gray {
  background: #D7D7DC;
  color: #090910;
}

.ui_colors li.light_gray {
  background: #f5f5fa;
  color: #090910;
}

.ui_colors li.blue {
  background: #30BCED;
}

.ui_colors li.purple {
  background: #8338EC;
}

.ui_colors li.green {
  background: #03CEA4;
}

.ui_colors li.orange {
  background: #F49D37;
}

.ui_colors li.code_red {
  background: #CA473F;
}

.ui_colors li.code_dark_red {
  background: #981D15;
}

.ui_colors li.code_blue {
  background: #0782B1;
}

.ui_colors li.code_dark_blue {
  background: #055472;
}

@media (min-width:25em) {
  .ui_colors li {
    width: 45%;
  }
}

@media (min-width:35em) {
  .ui_colors li {
    width: 31%;
  }
}

@media (min-width:60em) {
  .ui_colors li {
    width: 22.5%;
  }
}

.type_styles * {
  margin: 0;
}

.type_styles .heading {
  margin: 0 1em 0.5em 0;
  min-width: 7em;
}

.type_styles div {
  margin-bottom: 3.5em;
}

@media (min-width:40em) {
  .type_styles .heading {
    margin-bottom: 0;
  }

  .type_styles div {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
  }
}

.input_section {
  margin-bottom: 4.5em;
}

.btn_block .btn {
  margin-bottom: 1.25em;
}

@media (min-width:40em) {
  .btn_block {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
  }

  .btn_block .btn {
    width: 45%;
  }
}

@media (min-width:60em) {
  .btn_block {
    -webkit-box-pack: start;
            justify-content: flex-start;
  }

  .btn_block .btn {
    width: 31%;
    margin-right: 3.5%;
  }
}

.inputs_block .input_group {
  width: 100%;
  margin-bottom: 2em;
}

@media (min-width:40em) {
  .inputs_block {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
            align-items: flex-start;
    flex-wrap: wrap;
  }

  .inputs_block .input_group {
    width: 45%;
  }
}

@media (min-width:60em) {
  .inputs_block .input_group {
    width: 31%;
  }
}

/* PrismJS 1.15.0
https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript+markup-templating+php&plugins=line-numbers */

/**
 * prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
 * @author Lea Verou
 */

code[class*=language-],
pre[class*=language-] {
  color: #090910;
  background: none;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

pre[class*=language-]::-moz-selection,
pre[class*=language-] ::-moz-selection,
code[class*=language-]::-moz-selection,
code[class*=language-] ::-moz-selection {
  text-shadow: none;
  background: #b3d4fc;
}

pre[class*=language-]::-moz-selection, pre[class*=language-] ::-moz-selection, code[class*=language-]::-moz-selection, code[class*=language-] ::-moz-selection {
  text-shadow: none;
  background: #b3d4fc;
}

pre[class*=language-]::selection,
pre[class*=language-] ::selection,
code[class*=language-]::selection,
code[class*=language-] ::selection {
  text-shadow: none;
  background: #b3d4fc;
}

@media print {
  code[class*=language-],
  pre[class*=language-] {
    text-shadow: none;
  }
}

/* Code blocks */

pre[class*=language-] {
  padding: 1em;
  margin: 0.5em 0 2em;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
}

:not(pre) > code[class*=language-],
pre[class*=language-] {
  background: #fbfbfd;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  color: #CA473F;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: #93939e;
}

.token.punctuation {
  color: #090910;
}

.namespace {
  opacity: 0.7;
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
  color: #981D15;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
  color: #690;
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
  color: #090910;
}

.token.atrule,
.token.attr-value,
.token.keyword {
  color: #055472;
}

.token.function,
.token.class-name {
  color: #CA473F;
}

.token.regex,
.token.important,
.token.variable {
  color: #0782B1;
}

.token.important,
.token.bold {
  font-weight: bold;
}

.token.italic {
  font-style: italic;
}

.token.entity {
  cursor: help;
}

pre[class*=language-].line-numbers {
  position: relative;
  padding-left: 3.8em;
  counter-reset: linenumber;
}

pre[class*=language-].line-numbers > code {
  position: relative;
  white-space: inherit;
}

.line-numbers .line-numbers-rows {
  position: absolute;
  pointer-events: none;
  top: 0;
  font-size: 100%;
  left: -3.8em;
  width: 3em;
  /* works for line-numbers below 1000 lines */
  letter-spacing: -1px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.line-numbers-rows > span {
  pointer-events: none;
  display: block;
  counter-increment: linenumber;
}

.line-numbers-rows > span:before {
  content: counter(linenumber);
  color: #090910;
  display: block;
  padding-right: 0.8em;
  text-align: right;
}

ul.ecosystem {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul.ecosystem li {
  margin-bottom: 1.25em;
}

ul.ecosystem li a {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding: 0.75em;
  text-align: left;
  text-decoration: none;
  color: #090910;
  background: white;
  box-shadow: 0 20px 30px -16px rgba(9, 9, 16, 0.2);
}

ul.ecosystem li a:hover {
  -webkit-transform: scale(1.06);
          transform: scale(1.06);
  box-shadow: 0 10px 20px 0 rgba(9, 9, 16, 0.15);
}

ul.ecosystem li a .system_icon {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  width: 3.5em;
  height: 3.5em;
  margin-right: 1em;
  padding: 0.5em;
}

ul.ecosystem li a .system_icon img {
  max-width: 2.5em;
  max-height: 2.5em;
}

ul.ecosystem li a .system_info {
  -webkit-box-flex: 1;
          flex: 1;
  font-size: 1em;
  font-family: scandia-web, sans-serif;
}

ul.ecosystem li a .system_info span {
  display: block;
  color: rgba(9, 9, 16, 0.4);
  font-size: 0.75rem;
  font-family: scandia-web, sans-serif;
}

ul.ecosystem li.sys_vapor a .system_icon {
  background: #25c4f2;
}

ul.ecosystem li.sys_forge a .system_icon {
  background: #1EB786;
}

ul.ecosystem li.sys_envoyer a .system_icon {
  background: #F56857;
}

ul.ecosystem li.sys_horizon a .system_icon {
  background: #8C6ED3;
}

ul.ecosystem li.sys_nova a .system_icon {
  background: #4099DE;
}

ul.ecosystem li.sys_echo a .system_icon {
  background: #4AB2B0;
}

ul.ecosystem li.sys_lumen a .system_icon {
  background: #F6AE7A;
}

ul.ecosystem li.sys_homestead a .system_icon {
  background: #E7801C;
}

ul.ecosystem li.sys_spark a .system_icon {
  background: #F0C376;
}

ul.ecosystem li.sys_valet a .system_icon {
  background: #5E47CD;
}

ul.ecosystem li.sys_mix a .system_icon {
  background: #294BA5;
}

ul.ecosystem li.sys_cashier a .system_icon {
  background: #91D630;
}

ul.ecosystem li.sys_dusk a .system_icon {
  background: #BB358B;
}

ul.ecosystem li.sys_passport a .system_icon {
  background: #7DD9F2;
}

ul.ecosystem li.sys_scout a .system_icon {
  background: #F55D5C;
}

ul.ecosystem li.sys_socialite a .system_icon {
  background: #E394BA;
}

ul.ecosystem li.sys_telescope a .system_icon {
  background: #4040C8;
}

ul.ecosystem li.sys_tinker a .system_icon {
  background: #EC7658;
}
ul.ecosystem li.sys_jetstream a .system_icon {
  background:#6875f5;
}

@media (min-width:40em) {
  ul.ecosystem li {
    margin-bottom: 1.75em;
  }

  ul.ecosystem li a {
    padding: 1em;
  }

  ul.ecosystem li a .system_icon {
    width: 4.5em;
    height: 4.5em;
    margin-right: 1em;
  }

  ul.ecosystem li a .system_info {
    font-size: 1.25em;
  }
}

@media (min-width:65em) {
  ul.ecosystem li a .system_info {
    font-size: 1.5em;
  }
}

@media (min-width:75em) {
  ul.ecosystem li {
    margin-bottom: 2em;
  }
}

.page_contain {
  position: relative;
}

.banner {
  position: absolute;
  z-index: 9998;
  top: 1em;
  left: 0;
}

.banner a {
  display: -webkit-box;
  display: flex;
  background: #f5f5fa;
}

.banner a:hover .banner_content {
  -webkit-transform: translateX(0.25em);
          transform: translateX(0.25em);
}

.banner .banner_icon {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  width: 3em;
  padding: 0.625em;
}

.banner .banner_icon.icon_forge {
  background: #1EB786;
}

.banner .banner_icon.icon_envoyer {
  background: #F56857;
}

.banner .banner_icon.icon_horizon {
  background: #8C6ED3;
}

.banner .banner_icon.icon_nova {
  background: #4099DE;
}

.banner .banner_icon.icon_echo {
  background: #4AB2B0;
}

.banner .banner_icon.icon_lumen {
  background: #F6AE7A;
}

.banner .banner_icon.icon_homestead {
  background: #E7801C;
}

.banner .banner_icon.icon_spark {
  background: #F0C376;
}

.banner .banner_icon.icon_valet {
  background: #5E47CD;
}

.banner .banner_icon.icon_mix {
  background: #294BA5;
}

.banner .banner_icon.icon_cashier {
  background: #91D630;
}

.banner .banner_icon.icon_dusk {
  background: #BB358B;
}

.banner .banner_icon.icon_passport {
  background: #7DD9F2;
}

.banner .banner_icon.icon_scout {
  background: #F55D5C;
}

.banner .banner_icon.icon_socialite {
  background: #E394BA;
}

.banner .banner_icon.icon_telescope {
  background: #4040C8;
}

.banner .banner_icon.icon_tinker {
  background: #EC7658;
}

.banner .banner_content {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding: 0.5em 1.25em 0.5em 1em;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.banner .banner_content p {
  margin: 0;
}

@media (min-width:48em) {
  .banner {
    top: 2em;
  }
}

.hero {
  position: relative;
  padding-top: 8.5em;
}

.hero .hero_bg {
  display: none;
}

.hero .hero_bg video {
  max-width: 100%;
}

.hero .hero_content {
  max-width: 50em;
}

.hero .hero_content h1 {
  max-width: 12.5em;
}

.hero .hero_content p {
  max-width: 32.888em;
}

.hero .hero_content .hero_actions .btn {
  max-width: 300px;
  margin-bottom: 1.5em;
}

.hero .hero_content .hero_actions .btn:last-child {
  margin-bottom: 0;
}

@media (min-width:35em) {
  .hero .hero_content .hero_actions {
    display: -webkit-box;
    display: flex;
  }

  .hero .hero_content .hero_actions .btn {
    margin: 0;
    margin-right: 1.5em;
  }

  .hero .hero_content .hero_actions .btn:last-child {
    margin-right: 0;
  }
}

@media (min-width:48em) {
  .hero {
    padding: 12em 0 6em;
  }

  .hero .hero_content {
    width: 70%;
  }

  .hero .hero_bg {
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 40%;
    width: 100%;
  }
}

@media (min-width:70em) {
  .hero {
    padding: 12em 0 6em 0;
  }

  .hero .hero_bg {
    top: 50%;
    left: 32%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

.logos_list {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  list-style-type: none;
  margin: 6.5em 0;
  padding: 0;
}

.logos_list li {
  width: 30%;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  margin-bottom: 2em;
}

@media (min-width:50em) {
  .logos_list {
    flex-wrap: nowrap;
    margin-bottom: 0;
  }

  .logos_list li {
    width: 15%;
  }
}

.content_block {
  margin: 6.5em 0;
  position: relative;
}

.content_block .bg {
  display: none;
}

.content_block .bg video {
  max-width: 100%;
}

.content_block.img_left .image {
  max-width: 37em;
  margin-bottom: 3.5em;
  box-shadow: 0 20px 30px -16px rgba(9, 9, 16, 0.2);
}

.content_block.img_left .image img {
  display: block;
}

.content_block.img_left .content {
  max-width: 30.5em;
}

.content_block.img_left .content .btn {
  max-width: 300px;
}

@media (min-width:50em) {
  .content_block.img_left {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    margin-top: 12em;
  }

  .content_block.img_left .bg {
    display: block;
    position: absolute;
    z-index: -2;
    top: 50%;
    left: 0;
    width: 130%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }

  .content_block.img_left .image {
    min-width: 50%;
    margin: 0 10% 0 0;
  }

  .content_block.img_left .content {
    max-width: 30.5em;
  }

  .content_block.img_left .content .btn {
    max-width: 300px;
  }

  .content_block.bg_left .bg {
    display: block;
    position: absolute;
    z-index: -1;
    top: 55%;
    left: -3em;
    width: 130%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

@media (min-width:60em) {
  .content_block {
    margin: 12em 0;
  }

  .content_block.img_left {
    margin-top: 15em;
  }
}

@media (min-width:75em) {
  .content_block.img_left {
    margin-top: 17.625em;
  }
}

.ecosystem_block {
  margin: 6.5em 0;
}

.ecosystem_block .heading {
  text-align: center;
  margin-bottom: 2.5em;
}

.ecosystem_block .heading h6 {
  margin-bottom: 1em;
}

.ecosystem_block .heading h1 {
  margin: 0;
}

.ecosystem_block ul.ecosystem {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: center;
          justify-content: center;
}

.ecosystem_block ul.ecosystem li {
  width: 100%;
}

@media (min-width:38em) {
  .ecosystem_block ul.ecosystem {
    width: 105%;
    margin-left: -2.5%;
  }

  .ecosystem_block ul.ecosystem li {
    width: 50%;
    padding: 0 2.5%;
  }
}

@media (min-width:60em) {
  .ecosystem_block {
    margin: 12em 0;
  }

  .ecosystem_block .heading {
    margin-bottom: 6.5em;
  }

  .ecosystem_block ul.ecosystem {
    width: 104%;
    margin-left: -2%;
  }

  .ecosystem_block ul.ecosystem li {
    width: 33.333%;
    padding: 0 2%;
  }
}

@media (min-width:75em) {
  .ecosystem_block ul.ecosystem {
    width: 103%;
    margin-left: -1.5%;
  }

  .ecosystem_block ul.ecosystem li {
    padding: 0 1.5%;
  }
}

.resources {
  margin-bottom: 3em;
}

.resources .content {
  max-width: 37em;
  margin-bottom: 3.5em;
}

.resources .content h1 {
  max-width: 9.25em;
}

.resources .content p {
  max-width: 27.111em;
}

.resources .content .btn {
  max-width: 300px;
}

.resources .resource_list {
  list-style-type: none;
  margin: 0 0 2.5em 0;
  padding: 0;
}

.resources .resource_list li {
  position: relative;
  display: block;
  padding-left: 1.25em;
  margin-bottom: 1rem;
  font-size: 0.875em;
  font-weight: 500;
  color: rgba(9, 9, 16, 0.7);
}

.resources .resource_list li a {
  color: rgba(9, 9, 16, 0.7);
  text-decoration: none;
}

.resources .resource_list li::before {
  content: "";
  position: absolute;
  top: 0.15em;
  left: 0;
  width: 9px;
  height: 10px;
  background: url(../img/icons/ul_marker.min.svg) no-repeat center;
  background-size: contain;
}

.resources .featured_resource {
  max-width: 30.5em;
  position: relative;
  background: #FFFFFF;
  padding: 1.5em 3.5em 1.5em 1.5em;
  box-shadow: 0 20px 30px -16px rgba(9, 9, 16, 0.2);
}

.resources .featured_resource h6 {
  margin-bottom: 1.5em;
}

.resources .featured_resource p {
  max-width: 23.428571429em;
}

.resources .featured_resource .btn {
  display: inline-block;
}

.resources .featured_resource .resource_icon {
  position: absolute;
  top: 1.5em;
  right: -1em;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  background: #090910;
  padding: 1em;
  width: 4.25em;
  height: 4.25em;
}

@media (min-width:35em) {
  .resources .resource_list {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: start;
            align-items: flex-start;
  }

  .resources .resource_list li {
    width: 30%;
    margin-right: 5%;
  }

  .resources .featured_resource {
    padding: 3em 6.5em 3em 3.5em;
  }

  .resources .featured_resource .resource_icon {
    top: 3em;
    right: -2em;
    width: 6.25em;
    height: 6.25em;
  }
}

@media (min-width:55em) {
  .resources {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: justify;
            justify-content: space-between;
    margin-top: 12em;
  }

  .resources .bg {
    display: block;
    position: absolute;
    z-index: -1;
    top: 50%;
    right: 0;
    width: 130%;
    -webkit-transform: translate(40%, -50%);
            transform: translate(40%, -50%);
  }

  .resources .content {
    min-width: 55%;
    margin-right: 5%;
  }

  .resources .featured_resource {
    padding: 1.5em 3.5em 1.5em 1.5em;
  }

  .resources .featured_resource .resource_icon {
    top: 1.5em;
    right: -1em;
    width: 4.25em;
    height: 4.25em;
  }
}

@media (min-width:60em) {
  .resources {
    margin-top: 15em;
  }
}

@media (min-width:70em) {
  .resources .featured_resource {
    padding: 3em 6.5em 3em 3.5em;
  }

  .resources .featured_resource .resource_icon {
    top: 3em;
    right: -2em;
    width: 6.25em;
    height: 6.25em;
  }
}

@media (min-width:75em) {
  .resources {
    margin-top: 17.625em;
  }
}

header.main {
  position: relative;
  z-index: 9999;
  max-width: 100em;
  margin: 0 auto;
  background: #FFFFFF;
  padding: 1.5em 5.5% 1.25em;
  -webkit-transition: padding 0.3s ease;
  transition: padding 0.3s ease;
}

header.main::before {
  content: "";
  position: absolute;
  z-index: -1;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  box-shadow: 0 10px 15px -8px rgba(9, 9, 16, 0);
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
  -webkit-transition: box-shadow 0.6s ease;
  transition: box-shadow 0.6s ease;
}

.nav--on header.main::before {
  box-shadow: 0 10px 15px -8px rgba(9, 9, 16, 0.1);
}

header.main .logo {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  margin-right: auto;
}

header.main .logo .mark {
  margin-right: 1.25em;
}

header.main .logo .type {
  display: none;
}

header.main .search_box {
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
          justify-content: flex-end;
  margin-left: auto;
  -webkit-box-flex: 1;
          flex: 1;
}

header.main .search_box .input_group {
  padding: 0;
  width: 1em;
  -webkit-transition: width 0.5s ease;
  transition: width 0.5s ease;
}

header.main .search_box .input_group input[type=search] {
  margin: 0;
  border-bottom-color: #FFFFFF;
}

header.main .search_box .input_group input[type=search]:focus {
  width: 100%;
  border-bottom-color: #090910;
}

header.main .search_box .input_group input[type=text] {
  margin: 0;
}

header.main .search_box .input_group input[type=submit] {
  top: 0.35em;
}

header.main .search_box .input_group:hover {
  width: 100%;
}

header.main .search_box .input_group:hover input[type=search] {
  border-bottom-color: #090910;
}

header.main .search_box.search--on .input_group {
  width: 100%;
}

header.main .search_box.search--on .input_group input[type=search] {
  border-bottom-color: #090910;
}

header.main .header_content {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

header.main .header_content .trigger_contain {
  display: block;
  width: 1.3125em;
  margin-left: 2em;
}

header.main .header_content .trigger_contain .nav_trigger {
  left: 0;
}

@media (min-height:25em) {
  header.main {
    padding: 2em 5.5% 1.5em;
  }
}

@media (min-height:40em) {
  header.main {
    padding: 2.4375em 5.5% 2em;
  }
}

@media (min-width:45em) {
  header.main .logo {
    margin-right: 1.25em;
  }

  header.main .logo .type {
    display: block;
  }
}

@media (min-width:72em) {
  header.main {
    padding-top: 2.75em;
    background: none;
  }

  header.main .logo {
    margin-right: 3%;
    -webkit-transform: translateY(-0.25em);
            transform: translateY(-0.25em);
  }

  header.main::before {
    display: none;
  }

  header.main .search_box {
    position: absolute;
    right: 0;
    -webkit-box-flex: initial;
            flex: initial;
    width: 23%;
  }

  header.main .search_box .input_group {
    padding: 0;
    width: 100%;
    -webkit-transition: width 0.5s ease;
    transition: width 0.5s ease;
  }

  header.main .search_box .input_group input[type=search] {
    margin: 0;
    border-bottom-color: #D7D7DC;
  }

  header.main .search_box .input_group input[type=search]:focus {
    width: 100%;
    border-bottom-color: #090910;
  }

  header.main .search_box .input_group input[type=submit] {
    top: 0.35em;
  }

  header.main .search_box .input_group:hover {
    width: 100%;
  }

  header.main .search_box .input_group:hover input[type=search] {
    border-bottom-color: #090910;
  }

  header.main .search_box.search--on .input_group {
    width: 100%;
  }

  header.main .search_box.search--on .input_group input[type=search] {
    border-bottom-color: #090910;
  }

  header.main .header_content .trigger_contain {
    display: none;
  }
}

@media (min-width:80em) {
  header.main .logo {
    margin-right: 4.5%;
  }
}

nav.main {
  position: absolute;
  z-index: -2;
  top: 100%;
  left: 0;
  width: 100%;
  background: #FFFFFF;
  -webkit-transform: translateY(-1em);
          transform: translateY(-1em);
  box-shadow: 0 20px 30px -16px rgba(9, 9, 16, 0.2);
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}

nav.main .nav_contain {
  max-height: 0;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  opacity: 0;
  padding: 0 5.5%;
  -webkit-transform: translateY(-2em);
          transform: translateY(-2em);
  -webkit-transition: opacity 0.4s ease, max-height 0.6s ease, -webkit-transform 0.4s ease;
  transition: opacity 0.4s ease, max-height 0.6s ease, -webkit-transform 0.4s ease;
  transition: opacity 0.4s ease, max-height 0.6s ease, transform 0.4s ease;
  transition: opacity 0.4s ease, max-height 0.6s ease, transform 0.4s ease, -webkit-transform 0.4s ease;
}

nav.main .nav_contain > ul {
  list-style-type: none;
  margin: 0;
  padding: 2em 0;
}

nav.main .nav_contain > ul > li {
  border-bottom: 1px solid rgba(215, 215, 220, 0.5);
}

nav.main .nav_contain > ul > li:last-child {
  border-bottom: none;
}

nav.main .nav_contain > ul li {
  display: block;
  padding: 0.75em 0;
  text-align: center;
}

nav.main .nav_contain > ul li a {
  position: relative;
  display: block;
  color: #090910;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

nav.main .nav_contain > ul li a.drop_trigger {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
}

nav.main .nav_contain > ul li a.drop_trigger .arrow {
  margin-left: 0.5em;
}

nav.main .nav_contain > ul li a.drop_trigger .arrow img {
  display: block;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

nav.main .nav_contain > ul li a:hover {
  -webkit-transform: perspective(1px) scale3d(1.03, 1.03, 1.03);
          transform: perspective(1px) scale3d(1.03, 1.03, 1.03);
}

nav.main .nav_contain > ul li .drop_contain {
  width: 105%;
  margin-left: -2.5%;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.3s ease;
  transition: max-height 0.3s ease;
}

nav.main .nav_contain > ul li.drop--on .drop_trigger .arrow img {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

nav.main .nav_contain > ul li.drop--on .drop_contain {
  overflow: visible;
  max-height: 125em;
}

nav.main .nav_contain > ul li ul.ecosystem {
  margin: 0;
  padding: 1em 0 0;
}

nav.main .nav_contain > ul li ul.ecosystem li {
  margin: 0 0 1em;
  padding: 0 5%;
}

nav.main .nav_contain > ul li ul.ecosystem li a {
  display: -webkit-box;
  display: flex;
}

.nav--on nav.main {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.nav--on nav.main .nav_contain {
  max-height: calc(100vh - 96px);
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

@media (min-height:25em) {
  .nav--on nav.main .nav_contain {
    max-height: calc(100vh - 108px);
  }
}

@media (min-height:40em) {
  .nav--on nav.main .nav_contain {
    max-height: calc(100vh - 123px);
  }
}

@media (min-width:33em) {
  nav.main .nav_contain > ul li ul.ecosystem {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
            justify-content: center;
  }

  nav.main .nav_contain > ul li ul.ecosystem li {
    width: 50%;
    padding: 0 2.5%;
  }

  nav.main .nav_contain > ul li.drop--on .drop_contain {
    max-height: 58em;
  }
}

@media (min-width:40em) {
  nav.main .nav_contain > ul li ul.ecosystem {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
            justify-content: center;
  }

  nav.main .nav_contain > ul li ul.ecosystem li {
    width: 50%;
    padding: 0 2.5%;
  }

  nav.main .nav_contain > ul li ul.ecosystem li a {
    padding: 1em;
  }

  nav.main .nav_contain > ul li ul.ecosystem li a .system_icon {
    width: 3.5em;
    height: 3.5em;
    margin-right: 1em;
  }

  nav.main .nav_contain > ul li ul.ecosystem li a .system_info {
    font-size: 1.25em;
  }

  nav.main .nav_contain > ul li.drop--on .drop_contain {
    max-height: 58em;
  }
}

@media (min-width:45em) {
  nav.main .nav_contain {
    padding: 0 calc(5.5% + 2em);
  }

  nav.main .nav_contain > ul li.drop--on .drop_contain {
    max-height: 70em;
  }
}

@media (min-width:58em) {
  nav.main .nav_contain > ul li .drop_contain {
    width: 102%;
    margin-left: -1%;
  }

  nav.main .nav_contain > ul li ul.ecosystem li {
    width: 33%;
    padding: 0 1%;
    margin-bottom: 1.5em;
  }
}

@media (min-width:72em) {
  nav.main {
    position: static;
    z-index: 1;
    top: auto;
    left: auto;
    width: auto;
    background: none;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    box-shadow: none;
    -webkit-transition: none;
    transition: none;
  }

  nav.main .nav_contain {
    max-height: 100vh;
    overflow: visible;
    opacity: 1;
    padding: 0;
    -webkit-transform: none;
            transform: none;
    -webkit-transition: none;
    transition: none;
    margin-right: 300px;
  }

  nav.main .nav_contain > ul {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    padding: 0;
    margin: 0;
  }

  nav.main .nav_contain > ul > li {
    margin-right: 3%;
    border-bottom: none;
  }

  nav.main .nav_contain > ul > li:last-child {
    margin-right: 0;
  }

  nav.main .nav_contain > ul li {
    position: relative;
  }

  nav.main .nav_contain > ul li a.drop_trigger .arrow {
    min-width: 10px;
  }

  nav.main .nav_contain > ul li .drop_contain {
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    margin: 0;
    width: 55em;
    box-shadow: 0 20px 30px -16px rgba(9, 9, 16, 0.2);
  }

  nav.main .nav_contain > ul li.active > a::after {
    content: "";
    position: absolute;
    top: calc(100% + .25em);
    left: 0;
    right: 0;
    height: 3px;
    background: #ff2d20;
  }

  nav.main .nav_contain > ul li.drop--on .drop_trigger .arrow img {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }

  nav.main .nav_contain > ul li.drop--on .drop_contain {
    overflow: hidden;
    max-height: 55em;
  }

  nav.main .nav_contain > ul li ul.ecosystem {
    background: #FFFFFF;
  }

  nav.main .nav_contain > ul li ul.ecosystem li {
    margin: 0 0 1.5em;
    padding: 0 2%;
  }

  .partners nav.main .nav_contain > ul > li.partners_link > a::after {
    content: "";
    position: absolute;
    top: calc(100% + .25em);
    left: 0;
    right: 0;
    height: 3px;
    background: #ff2d20;
  }

  .nav--on nav.main {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  .nav--on nav.main .nav_contain {
    max-height: calc(100vh - 96px);
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

@media (min-width:80em) {
  nav.main .nav_contain > ul > li {
    margin-right: 5%;
  }
}

footer {
  overflow: hidden;
  position: relative;
  z-index: 9997;
  width: 100%;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(85%, #FFFFFF), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to top, #FFFFFF 85%, rgba(255, 255, 255, 0));
}

.standard_layout footer {
  background: none;
}

footer .footer_contain {
  max-width: 100em;
  margin: 0 auto;
  padding: 4.5em 5.5% 2em;
}

footer .logomark {
  display: block;
  width: 2em;
  margin: 2em auto 0;
}

footer .logomark img {
  display: block;
}

footer .footer_bg {
  background: #f5f5fa;
  padding: 7.5em 0 3em;
}

@media (min-width:65em) {
  footer .footer_bg {
    padding-bottom: 6.75em;
  }
}

.partner_block {
  position: relative;
  z-index: 1;
  padding: 1.5em;
  background: #FFFFFF;
  box-shadow: 0 20px 30px -16px rgba(9, 9, 16, 0.2);
  margin-bottom: -8em;
}

.partner_block .btn {
  max-width: 16.875em;
}

@media (min-width:50em) {
  .partner_block {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: justify;
            justify-content: space-between;
    padding: 6%;
  }

  .partner_block .content {
    -webkit-box-flex: 1;
            flex: 1;
    max-width: 41em;
  }

  .partner_block .content p {
    margin: 0;
  }

  .partner_block .btn {
    min-width: 25%;
    margin-left: 10%;
  }
}

.footer_content {
  margin-bottom: 2.5em;
}

.footer_content:last-of-type {
  margin: 0;
}

.footer_content .logotype {
  width: 100%;
  margin-bottom: 2.5em;
}

.footer_content .logotype img {
  display: block;
  width: 100%;
  /* IE 11 */
  -webkit-transform: translateX(calc(-8% + -1em));
          transform: translateX(calc(-8% + -1em));
}

.footer_content .search {
  width: 100%;
}

.footer_content .search .icon {
  margin-bottom: 0;
}

@media (min-width:35em) {
  .footer_content .logotype img {
    /* IE 11 */
    -webkit-transform: translateX(calc(-8% + -2em));
            transform: translateX(calc(-8% + -2em));
  }
}

@media (min-width:45em) {
  .footer_content {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: end;
            align-items: flex-end;
    -webkit-box-pack: justify;
            justify-content: space-between;
    margin-bottom: 4.25em;
  }

  .footer_content:last-of-type {
    -webkit-box-align: start;
            align-items: flex-start;
  }

  .footer_content .logotype {
    margin: 0;
    -webkit-box-flex: 1;
            flex: 1;
  }

  .footer_content .logotype img {
    /* IE 11 */
    -webkit-transform: translateX(calc(-12.75% + -2em));
            transform: translateX(calc(-12.75% + -2em));
  }

  .footer_content .footer_nav {
    -webkit-box-flex: 1;
            flex: 1;
  }

  .footer_content .search_box,
  .footer_content .footer_info {
    width: 45%;
  }
}

@media (min-width:65em) {
  .footer_content {
    margin-bottom: 6.25em;
  }
}

@media (min-width:80em) {
  .footer_content {
    margin-bottom: 6.8125em;
  }

  .footer_content .logotype img {
    /* IE 11 */
    -webkit-transform: translateX(calc(-10.75% + -2em));
            transform: translateX(calc(-10.75% + -2em));
  }

  .footer_content .search_box,
  .footer_content .footer_info {
    width: 31.5%;
  }
}

@media (min-width:95em) {
  .footer_content .logotype img {
    /* IE 11 */
    -webkit-transform: translateX(calc(-16% + -2em));
            transform: translateX(calc(-16% + -2em));
  }
}

@media (min-width:100em) {
  .footer_content .logotype img {
    /* IE 11 */
    -webkit-transform: translateX(calc(-16% + -3em));
            transform: translateX(calc(-16% + -3em));
  }
}

.footer_info p {
  opacity: 0.7;
}

.footer_info p.copyright {
  opacity: 0.4;
}

.footer_info .social_links {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.footer_info .social_links li {
  display: block;
  margin-right: 1.5em;
}

.footer_info .social_links li:last-child {
  margin-right: 0;
}

.footer_info .social_links li img {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.footer_info .social_links li a:hover img {
  -webkit-transform: scale(1.08);
          transform: scale(1.08);
}

.footer_nav .nav_col {
  margin-bottom: 1.5em;
  padding-bottom: 1.5em;
  border-bottom: 1px solid #D7D7DC;
}

.footer_nav .nav_col:last-child {
  border-bottom: none;
}

.footer_nav .footer_nav_trigger {
  display: block;
  position: relative;
  padding: 0.5em 0;
  cursor: pointer;
  font-family: scandia-web, sans-serif;
  font-weight: 600;
}

.footer_nav .footer_nav_trigger::after {
  content: "+";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.footer_nav .footer_nav_contain {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.4s ease;
  transition: max-height 0.4s ease;
}

.footer_nav .footer_nav_contain ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.footer_nav .footer_nav_contain ul li a {
  display: block;
  color: #090910;
  font-size: 0.875em;
  opacity: 0.6;
  padding: 0.5em 0;
  text-decoration: none;
}

.footer_nav .footer_nav_contain ul li a:hover {
  opacity: 0.85;
}

.footer_nav .nav_col.nav--on .footer_nav_trigger::after {
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}

.footer_nav .nav_col.nav--on .footer_nav_contain {
  max-height: 35em;
}

@media (min-width:40em) {
  .footer_nav {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
  }

  .footer_nav .nav_col {
    width: 50%;
    padding-right: 5%;
    margin-bottom: 2.5em;
    padding-bottom: 0;
    border-bottom: none;
  }

  .footer_nav .footer_nav_trigger {
    cursor: inherit;
    padding-top: 0;
    margin-bottom: 1em;
  }

  .footer_nav .footer_nav_trigger::after {
    display: none;
  }

  .footer_nav .footer_nav_contain {
    max-height: 33em;
  }
}

@media (min-width:80em) {
  .footer_nav {
    flex-wrap: nowrap;
  }

  .footer_nav .nav_col {
    width: 25%;
    margin: 0;
  }
}

.standard_layout header .contain {
  padding: 0;
}

@media (min-width:45em) {
  .standard_layout header .contain {
    padding: 0 2em;
  }
}

@media (min-width:55em) {
  .standard_layout .content_contain {
    overflow: hidden;
  }
}

.partners_page {
  overflow: hidden;
}

.partners_hero {
  position: relative;
  padding-top: 4.5em;
}

.partners_hero .hero_bg {
  display: none;
}

.partners_hero .hero_bg video {
  max-width: 100%;
}

.partners_hero .hero_content {
  max-width: 50em;
}

.partners_hero .hero_content h1 {
  max-width: 12.5em;
}

.partners_hero .hero_content .hero_actions .btn {
  max-width: 300px;
  margin-bottom: 1.5em;
}

.partners_hero .hero_content .hero_actions .btn:last-child {
  margin-bottom: 0;
}

.partners_hero .hero_btn {
  margin-top: 2.5em;
}

.partners_hero .hero_btn .btn {
  width: 17.5em;
}

.partners_hero.inner {
  position: static;
}

.partners_hero.inner .hero_heading {
  margin-bottom: 3.5em;
}

.partners_hero.inner .hero_heading img {
  display: block;
  margin-bottom: 2em;
}

.partners_hero.inner .hero_heading .actions .btn {
  margin-bottom: 1.5em;
}

.partners_hero.inner .hero_heading .actions .btn:last-child {
  margin-bottom: 0;
}

@media (min-width:30em) {
  .partners_hero.inner .hero_heading .actions {
    display: -webkit-box;
    display: flex;
  }

  .partners_hero.inner .hero_heading .actions .btn {
    width: 17.5em;
    margin: 0 1.5em 0 0;
  }

  .partners_hero.inner .hero_heading .actions .btn:last-child {
    margin: 0;
  }
}

@media (min-width:40em) {
  .partners_hero {
    padding: 8em 0 6em;
  }

  .partners_hero .hero_content {
    width: 70%;
  }

  .partners_hero .hero_bg {
    display: block;
    position: absolute;
    z-index: -1;
    top: -5em;
    left: 10%;
    width: 160%;
  }
}

@media (min-width:50em) {
  .partners_hero {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: end;
            align-items: flex-end;
    -webkit-box-pack: justify;
            justify-content: space-between;
  }

  .partners_hero .hero_content :last-child {
    margin: 0;
  }

  .partners_hero .hero_btn {
    width: 40%;
    max-width: 280px;
    margin: 0 0 0 5%;
  }

  .partners_hero .hero_btn .btn {
    width: auto;
  }

  .partners_hero.inner {
    display: block;
  }

  .partners_hero.inner .content .contain {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
            align-items: flex-start;
  }

  .partners_hero.inner .content h3 {
    width: 63%;
  }

  .partners_hero.inner .content .hero_img {
    position: absolute;
    right: 0;
    width: 36%;
  }
}

@media (min-width:70em) {
  .partners_hero {
    padding: 10em 0 12em;
  }

  .partners_hero .hero_bg {
    width: 120%;
    top: -3em;
    left: 32%;
  }

  .partners_hero.inner {
    padding: 8em 0 6em;
  }

  .partners_hero.inner .hero_heading {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
            align-items: center;
    margin-bottom: 6.5em;
  }

  .partners_hero.inner .hero_heading img {
    margin: 0;
  }

  .partners_hero.inner .hero_heading .actions {
    margin-left: 10%;
  }
}

.featured_partner {
  position: relative;
  z-index: 1;
  margin: 5.5em 0;
}

.featured_partner .featured_contain {
  background: #FFFFFF;
  box-shadow: 0 20px 30px -16px rgba(9, 9, 16, 0.2);
}

.featured_partner .featured_contain .featured_content {
  padding: 2em;
}

.featured_partner .featured_contain .featured_content .logo {
  margin-bottom: 1.5em;
}

@media (min-width:35em) {
  .featured_partner .featured_contain .featured_content {
    padding: 3em;
  }
}

@media (min-width:45em) {
  .featured_partner {
    margin: 5.5em 0 9.5em;
  }

  .featured_partner .featured_contain {
    background: none;
    box-shadow: none;
  }

  .featured_partner .featured_contain .featured_img {
    position: absolute;
    z-index: -1;
    top: -6em;
    right: 65%;
    width: 54.375em;
    max-width: 80%;
  }

  .featured_partner .featured_contain .featured_content {
    max-width: 75%;
    margin-left: auto;
    background: #FFFFFF;
    box-shadow: 0 20px 30px -16px rgba(9, 9, 16, 0.2);
  }
}

@media (min-width:60em) {
  .featured_partner .featured_contain .featured_img {
    top: -4.5em;
  }

  .featured_partner .featured_contain .featured_content {
    padding: 4.5em 6.5em;
  }
}

.partners_block {
  margin: 6.5em 0;
}

.partners_block ul.partners_list {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: center;
          justify-content: center;
}

.partners_block ul.partners_list li {
  width: 100%;
}

@media (min-width:50em) {
  .partners_block ul.partners_list {
    width: 105%;
    margin-left: -2.5%;
  }

  .partners_block ul.partners_list li {
    width: 50%;
    padding: 0 2.5%;
  }
}

@media (min-width:76em) {
  .partners_block {
    margin: 12em 0;
  }

  .partners_block ul.partners_list {
    width: 104%;
    margin-left: -2%;
  }

  .partners_block ul.partners_list li {
    width: 33.333%;
    padding: 0 2%;
  }
}

@media (min-width:80em) {
  .partners_block ul.partners_list {
    width: 103%;
    margin-left: -1.5%;
  }

  .partners_block ul.partners_list li {
    padding: 0 1.5%;
  }
}

ul.partners_list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul.partners_list li {
  margin-bottom: 1.25em;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  text-align: left;
  text-decoration: none;
  color: #090910;
}

ul.partners_list li .content {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  height: 100%;
  padding: 2em;
  background: white;
  box-shadow: 0 20px 30px -16px rgba(9, 9, 16, 0.2);
}

ul.partners_list li .content .logo_contain {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  height: 40px;
  margin-bottom: 1.5em;
}

ul.partners_list li .content a {
  margin-top: auto;
  text-decoration: none;
}

ul.partners_list li img {
  display: block;
}

@media (min-width:35em) {
  ul.partners_list li {
    margin-bottom: 1.75em;
  }

  ul.partners_list li .content {
    padding: 3em;
  }
}

@media (min-width:75em) {
  ul.partners_list li {
    margin-bottom: 2em;
  }

  ul.partners_list li .content {
    padding: 2em 3.25em;
  }
}

.partners_detail_main {
  margin: 3.5em 0;
  position: relative;
}

.partners_detail_main .bg {
  display: none;
}

.partners_detail_main .bg video {
  max-width: 100%;
}

.partners_detail_main .content p {
  margin-bottom: 2.5em;
}

.partners_detail_main .content .list_block {
  background: #FFFFFF;
  box-shadow: 0 20px 30px -16px rgba(9, 9, 16, 0.2);
  margin-bottom: 3.5em;
  padding: 2em;
}

.partners_detail_main .content .list_block h3 {
  margin-bottom: 0.5em;
}

.partners_detail_main .content .list_block ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.partners_detail_main .content .list_block ul li {
  position: relative;
  display: block;
  padding-left: 1.25em;
  margin-bottom: 1rem;
  font-size: 0.875em;
  font-weight: 500;
  color: rgba(9, 9, 16, 0.7);
}

.partners_detail_main .content .list_block ul li::before {
  content: "";
  position: absolute;
  top: 0.15em;
  left: 0;
  width: 9px;
  height: 10px;
  background: url(../img/icons/ul_marker.min.svg) no-repeat center;
  background-size: contain;
}

.partners_detail_main .content .social_links {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.partners_detail_main .content .social_links li {
  display: block;
  margin-right: 1.5em;
  opacity: 0.2;
}

.partners_detail_main .content .social_links li:last-child {
  margin-right: 0;
}

.partners_detail_main .content .social_links li img {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.partners_detail_main .content .social_links li a:hover img {
  -webkit-transform: scale(1.08);
          transform: scale(1.08);
}

@media (min-width:38em) {
  .partners_detail_main .content .list_block {
    padding: 2.25em 3em;
  }
}

@media (min-width:45em) {
  .partners_detail_main .content .list_block ul {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
            justify-content: space-between;
  }

  .partners_detail_main .content .list_block ul li {
    width: 47.5%;
  }
}

@media (min-width:50em) {
  .partners_detail_main .bg {
    display: block;
    position: absolute;
    z-index: -1;
    top: 60%;
    left: -3em;
    width: 130%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }

  .partners_detail_main .content {
    position: relative;
    padding-left: 25%;
  }
}

@media (min-width:70em) {
  .partners_detail_main .content {
    padding-right: 12.5em;
  }

  .partners_detail_main .content p {
    margin-bottom: 4.5em;
  }

  .partners_detail_main .content .social_links {
    position: absolute;
    top: 0;
    right: 0;
  }
}

@media (min-width:75em) {
  .partners_detail_main .content .list_block {
    float: right;
    width: 60%;
    padding: 3.25em 4.5em;
    margin-left: -5em;
    -webkit-transform: translateX(12.5em);
            transform: translateX(12.5em);
  }

  .partners_detail_main .content .list_block ul {
    display: block;
  }

  .partners_detail_main .content .list_block ul li {
    width: 100%;
    margin-right: 0;
  }
}

.trigger_contain {
  position: relative;
  width: 100%;
  height: 3em;
}

.trigger_contain .nav_trigger {
  position: absolute;
  top: 50%;
  left: 1.25em;
  z-index: 9999;
  height: 0.875em;
  width: 1.3125em;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.trigger_contain .nav_trigger .bar,
.trigger_contain .nav_trigger .bar::after,
.trigger_contain .nav_trigger .bar::before {
  width: 1.3125em;
  height: 2px;
}

.trigger_contain .nav_trigger .bar {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: #ff2d20;
  -webkit-transition: all 0ms 300ms;
  transition: all 0ms 300ms;
}

.trigger_contain .nav_trigger .bar.animate {
  background: rgba(255, 255, 255, 0);
}

.trigger_contain .nav_trigger .bar::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  background: #ff2d20;
  -webkit-transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.trigger_contain .nav_trigger .bar::after {
  content: "";
  position: absolute;
  left: 0;
  top: -6px;
  background: #ff2d20;
  -webkit-transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.trigger_contain .nav_trigger .bar.animate::after {
  top: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.trigger_contain .nav_trigger .bar.animate::before {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

@media (min-width:65em) {
  .trigger_contain {
    display: none;
  }
}

.sidebar_layout {
  position: relative;
}

.sidebar_layout .sidebar {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  overflow: hidden;
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 4em;
  height: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(#ffffff), to(#f5f5fa));
  background: linear-gradient(to top, #ffffff, #f5f5fa);
  -webkit-transition: width 0.4s ease;
  transition: width 0.4s ease;
}

.sidebar_layout .sidebar .logo {
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding: 1em;
}

.sidebar_layout .sidebar .logo .mark {
  -webkit-transition: margin 0.3s ease;
  transition: margin 0.3s ease;
}

.sidebar_layout .sidebar .logo .type {
  opacity: 0;
  width: 0;
  -webkit-transition: opacity 0.2s ease, width 0.2s 0.1s ease;
  transition: opacity 0.2s ease, width 0.2s 0.1s ease;
}

.sidebar_layout .sidebar nav {
  -webkit-box-flex: 1;
          flex: 1;
  padding: 0 1em;
  width: 15em;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  position: -webkit-sticky;
  position: sticky;
  top: 10px;
}

.sidebar_layout .sidebar nav .navigation_contain {
  display: none;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  opacity: 0;
  overflow: hidden;
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
}

.sidebar_layout .sidebar nav .navigation_contain ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.sidebar_layout .sidebar nav .navigation_contain ul li {
  display: block;
  padding: 0.65em 0;
}

.sidebar_layout .sidebar nav .navigation_contain ul li h2 {
  display: block;
  font-size: 0.875em;
  font-weight: 600;
  color: #090910;
  text-decoration: none;
  margin-bottom: 0;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.sidebar_layout .sidebar nav .navigation_contain ul li h2:hover {
  -webkit-transform: translate3d(5px, 0, 0);
          transform: translate3d(5px, 0, 0);
}

.sidebar_layout .sidebar nav .navigation_contain ul li a {
  display: block;
  font-size: 0.875em;
  font-weight: 500;
  color: #090910;
  text-decoration: none;
}

.sidebar_layout .sidebar nav .navigation_contain ul li a:hover {
  -webkit-transform: translate3d(5px, 0, 0);
          transform: translate3d(5px, 0, 0);
}

.sidebar_layout .sidebar nav .navigation_contain ul ul {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: max-height 0.45s ease;
  transition: max-height 0.45s ease;
}

.sidebar_layout .sidebar nav .navigation_contain ul ul li a {
  position: relative;
  padding-left: 1em;
  font-weight: 400;
  line-height: 1.25;
}

.sidebar_layout .sidebar nav .navigation_contain ul ul li.active a::before {
  content: "";
  position: absolute;
  top: 0.25em;
  left: 0;
  width: 0.5rem;
  height: 0.5rem;
  background: url(../img/icons/active_marker.min.svg) no-repeat center;
}

.sidebar_layout .sidebar nav .navigation_contain ul li.sub--on > h2 {
  margin-bottom: 1em;
}

.sidebar_layout .sidebar nav .navigation_contain ul li.sub--on ul {
  max-height: none;
}

.nav--on .sidebar_layout .sidebar {
  width: 15em;
}

.nav--on .sidebar_layout .sidebar .logo .mark {
  margin-right: 1em;
  -webkit-transition: margin 0.3s 0.1s ease;
  transition: margin 0.3s 0.1s ease;
}

.nav--on .sidebar_layout .sidebar .logo .type {
  opacity: 1;
  width: 7.0625em;
  -webkit-transition: opacity 0.3s 0.2s ease, width 0.3s ease;
  transition: opacity 0.3s 0.2s ease, width 0.3s ease;
}

.nav--on .sidebar_layout .sidebar nav .navigation_contain {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
  -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, transform 0.5s ease;
  transition: opacity 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
}

.sidebar_layout .page_contain {
  overflow: hidden;
  padding: 0 5.5% 0 6em;
}

.sidebar_layout .page_contain .contain {
  padding: 0;
}

.sidebar_layout .body_content {
  padding: 1.25em 0 0;
  min-height: 100vh;
}

.sidebar_layout .body_content .doc_section {
  padding: 1.5em 0 1.5em;
}

.sidebar_layout .body_content .doc_section:first-of-type {
  padding-top: 1em;
}

.sidebar_layout .body_content .section_heading {
  position: relative;
}

.sidebar_layout .body_content .section_heading::before {
  content: "#";
  font-size: 0.5em;
  position: absolute;
  top: 55%;
  right: calc(100% + .5em);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (min-height:25em) {
  .sidebar_layout .sidebar .logo {
    padding: 1.5em 1em;
  }

  .sidebar_layout .body_content {
    padding-top: 1.75em;
  }
}

@media (min-height:40em) {
  .sidebar_layout .sidebar .logo {
    padding: 2em 1em 3.5em;
  }

  .sidebar_layout .body_content {
    padding-top: 2.25em;
  }
}

@media (min-width:40em) {
  .sidebar_layout .page_contain {
    padding-left: 8.25em;
  }
}

@media (min-width:65em) {
  .sidebar_layout .page_contain {
    overflow: visible;
    padding: 0 5.5%;
  }

  .sidebar_layout .page_contain > .contain {
    display: -webkit-box;
    display: flex;
    padding: 0 2em;
  }

  .sidebar_layout .sidebar {
    overflow: visible;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background: none;
    width: 15em;
    height: 100vh;
  }

  .sidebar_layout .sidebar::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 999em;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(#ffffff), to(#f5f5fa));
    background: linear-gradient(to top, #ffffff, #f5f5fa);
  }

  .sidebar_layout .sidebar .logo {
    padding: 1em 0 1em;
  }

  .sidebar_layout .sidebar .logo .mark {
    margin-right: 1em;
  }

  .sidebar_layout .sidebar .logo .type {
    opacity: 1;
    width: 7.0625em;
  }

  .sidebar_layout .sidebar nav {
    padding: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }

  .sidebar_layout .sidebar nav .navigation_contain {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }

  .sidebar_layout .body_content {
    -webkit-box-flex: 1;
            flex: 1;
    min-width: 0;
    padding-left: 4.25em;
  }

  .sidebar_layout .body_content .doc_section {
    padding: 4em 0 1.5em;
  }
}

@media (min-width:65em) and (min-height:25em) {
  .sidebar_layout .sidebar .logo {
    padding: 1.5em 0;
  }
}

@media (min-width:65em) and (min-height:40em) {
  .sidebar_layout .sidebar .logo {
    padding: 2em 0 3.5em;
  }
}

.doc_section h5 {
  margin-bottom: 1.222em;
}

.doc_sub_section {
  padding-top: 3.125em;
}

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

.docs_actions {
  margin-bottom: 2.5em;
}

.docs_actions .version_drop {
  margin-bottom: 1em;
}

.docs_actions .input_group input[type=text],
.docs_actions .input_group input[type=search] {
  margin: 0;
}

@media (min-width:48.75em) {
  .docs_actions {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: justify;
            justify-content: space-between;
    margin-bottom: 4.5em;
  }

  .docs_actions .search_contain {
    -webkit-box-flex: 1;
            flex: 1;
    min-width: 0;
    margin-right: 2.25em;
  }

  .docs_actions .version_drop {
    width: 11em;
    margin: 0;
    -webkit-box-flex: 0;
            flex: none;
  }
}

@media (min-width:65em) {
  .docs_body .docs_main {
    -webkit-box-flex: 1;
            flex: 1;
    min-width: 0;
    max-width: 42em;
  }
}

.docs_body a[name] {
  position: relative;
  display: block;
  visibility: hidden;
  top: -45px;
}

.docs_body table {
  border-collapse: collapse;
  width: 100%;
  font-size: 13px;
  margin-bottom: 2em;
}

.docs_body table th,
.docs_body table td {
  border: 1px solid #D7D7DC;
  padding: 10px;
  text-align: left;
}

.docs_body table th {
  font-size: 16px;
}

@media (max-width:40em) {
  .docs_body a[name] {
    position: relative;
    display: block;
    visibility: hidden;
    top: -30px;
  }

  .docs_body thead > tr,
  .docs_body tbody > tr {
    display: -webkit-box;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }

  .docs_body table tr th:last-child {
    display: none;
  }

  .docs_body tbody > tr > td:first-child {
    border-bottom: none;
    border-top: none;
  }

  .docs_body tbody > tr > td:last-child {
    border-top: none;
  }
}

.docs_main .page_title {
  display: none;
}

.docs_main h1 {
  font-size: 2.5em;
  letter-spacing: 0em;
}

.docs_main h2 {
  font-size: 1.75em;
  letter-spacing: 0;
}

.docs_main h3 {
  font-size: 1.25em;
  letter-spacing: 0;
  font-weight: 500;
}

.docs_main h4 {
  font-size: 1em;
  font-weight: 500;
  letter-spacing: 0;
}

.docs_main h4 a,
.docs_main h3 a,
.docs_main h2 a {
  color: #090910;
}

.docs_main h3 a:before,
.docs_main h2 a:before,
.docs_main h4 a:before {
  content: "#";
  font-weight: 400;
  position: absolute;
  color: #ff2d20;
  opacity: 0.6;
}

.docs_main h2 a:before, .docs_main h3 a:before {
  margin-left:-25px;
  font-size:28px
}
.docs_main h4 a:before {
  margin-left:-18px;
  font-size:17px
}

.docs_main code {
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 1.9;
  color: #090910;
}

.docs_main p {
  font-size: 1rem;
  line-height: 1.8em;
  color: #2b2e38;
}

.docs_main p code {
  font-size: 0.8rem;
}

.docs_main ul:not(:first-of-type),
.docs_main .content-list ul {
  list-style-type: none;
  margin: 0 0 2.5em 0;
  padding: 0;
}

.docs_main ul:not(:first-of-type) li,
.docs_main .content-list ul li {
  position: relative;
  display: block;
  padding-left: 1.25em;
  margin-bottom: 1rem;
  font-size: 0.89em;
  color: rgba(9, 9, 16, 0.7);
  line-height: 1.714em;
}

.docs_main ul:not(:first-of-type) li a,
.docs_main .content-list ul li a {
  text-decoration: none;
}

.docs_main ul:not(:first-of-type) li code,
.docs_main .content-list ul li code {
  font-size: 0.875em;
}

.docs_main ul:not(:first-of-type) li::before,
.docs_main .content-list ul li::before {
  content: "";
  position: absolute;
  top: 0.4em;
  left: 0;
  width: 9px;
  height: 10px;
  background: url(../img/icons/ul_marker.min.svg) no-repeat center;
  background-size: contain;
}

@media (min-width:65em) {
  .docs_main .page_title {
    display: block;
  }
}

@media (min-width:55em) {
  .docs_main p {
    font-size: 1rem;
  }

  .docs_main ul:not(:first-of-type),
  .docs_main .content-list ul {
    margin-left: 1.75em;
  }
}

.callout {
  padding: 1.875em 1em;
  background: #FFFFFF;
  box-shadow: 0 20px 30px -16px rgba(9, 9, 16, 0.2);
  margin-bottom: 2.5em;
  margin-left: 0;
  margin-right: 0;
  max-width: 43.75em;
}

.callout p {
  margin-bottom: 0;
}

.callout .icon {
  position: relative;
  display: block;
  width: 4.5em;
  height: 4.5em;
  margin-bottom: 1.5em;
}

.callout .icon img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0.7;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.callout .icon.blue {
  background: #30BCED;
}

.callout .icon.red {
  background: #ff2d20;
}

.callout .icon.purple {
  background: #8338EC;
}

.callout .icon.orange {
  background: #F49D37;
}

.callout .content :last-child {
  margin: 0;
}

@media (min-width:45em) {
  .callout {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
  }

  .callout .icon {
    margin: 0 1.5em 0 0;
  }

  .callout .content {
    -webkit-box-flex: 1;
            flex: 1;
  }
}

.pagination_links {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  margin-top: 2.5em;
}

.pagination_links .btn {
  max-width: 45%;
}

.pagination_links .btn .text {
  display: none;
}

.pagination_links .btn > span {
  padding: 1em 2em;
}

.pagination_links .btn.next_link span span {
  margin: 0 0.5em 0 0;
}

.pagination_links .btn.prev_link img {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.pagination_links .btn:last-child {
  margin-left: auto;
}

@media (min-width:40em) {
  .pagination_links .btn .text {
    display: block;
  }
}

.docs_main h1 + ul {
  margin-bottom: 4em;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.docs_main h1 + ul li {
  display: block;
  margin-bottom: 0.5em;
}

.docs_main h1 + ul li a {
  position: relative;
  font-size: 0.89em;
  font-weight: 500;
  color: #090910;
  text-decoration: none;
}

.docs_main h1 + ul li a::before {
  content: "# ";
  color: #ff2d20;
}

.docs_main h1 + ul ul {
  margin-top: 0.5em;
  padding: 0;
  margin-bottom: 0;
}

.docs_main h1 + ul ul li {
  padding-left: 1.5em;
}

.docs_main h1 + ul ul li a {
  font-weight: 400;
}

@media (min-width:65em) {
  .docs_main h1 + ul .page_title {
    display: none;
  }
}

.search_contain,
.search_box {
  position: relative;
}

.autocomplete-wrapper {
  padding: 0 2em;
  background: #f5f5fa;
}

.autocomplete-wrapper .h1 {
  display: block;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0.5em;
}

.autocomplete-wrapper .h2,
.autocomplete-wrapper .h3,
.autocomplete-wrapper .h4,
.autocomplete-wrapper .h5,
.autocomplete-wrapper .h6 {
  font-size: 14px;
  color: rgba(9, 9, 16, 0.7);
  display: inline-block;
}

.autocomplete-wrapper .h2 .hash,
.autocomplete-wrapper .h3 .hash,
.autocomplete-wrapper .h4 .hash,
.autocomplete-wrapper .h5 .hash,
.autocomplete-wrapper .h6 .hash {
  color: rgba(255, 45, 32, 0.7);
}

.autocomplete-wrapper em {
  font-style: normal;
  background: rgba(255, 45, 32, 0.2);
}

.autocomplete-wrapper .content {
  font-size: 14px;
  background-color: #FFFFFF;
  padding: 10px;
  border-radius: 3px;
  margin-left: 3px;
  margin-top: 14px;
}

.autocomplete-wrapper .content p {
  font-size: 14px;
}

.autocomplete-wrapper .content em {
  background: #FFFFFF;
  font-weight: 500;
}

.autocomplete-wrapper .content :last-child {
  margin-bottom: 0;
}

.autocomplete-wrapper .tt-suggestion {
  padding: 2em 0;
  border-bottom: 1px solid #D7D7DC;
}

.tt-dropdown-menu {
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 0;
  width: 100%;
}

.tt-dropdown-menu .footer {
  background: #f5f5fa;
  padding: 1em 2em;
  text-align: right;
}

.tt-dropdown-menu .footer img {
  margin-left: auto;
}

.twitter-typeahead {
  width: 100%;
}

.twitter-typeahead .tt-dropdown-menu .footer {
  border-bottom: solid 1px #dee0df !important;
  text-align: right;
}

.twitter-typeahead .tt-dropdown-menu .autocomplete-wrapper {
  text-align: left;
  padding: 12px 18px;
  font-size: 16px;
  line-height: 24px;
  border-bottom: solid 1px #EEE;
}

.autocomplete-wrapper.empty {
  padding-top: 30px !important;
}

.twitter-typeahead .tt-dropdown-menu .footer {
  padding: 10px;
  color: #777777;
}

.twitter-typeahead .tt-dropdown-menu .tt-suggestion.tt-cursor .autocomplete-wrapper .content {
  background-color: rgba(238, 238, 238, 0.7);
}

.twitter-typeahead .tt-dropdown-menu .tt-suggestion.tt-cursor .autocomplete-wrapper {
  background-color: #eeeef3;
  cursor: pointer;
}

.twitter-typeahead .tt-dropdown-menu .tt-suggestion p {
  margin: 0;
}

.twitter-typeahead .tt-dropdown-menu .tt-suggestion a {
  color: #000;
  text-decoration: none;
}

.twitter-typeahead .tt-dropdown-menu .tt-suggestion .autocomplete-wrapper em {
  background-color: rgba(255, 116, 116, 0.2);
  font-style: normal;
}

.twitter-typeahead .tt-dropdown-menu .tt-suggestion.tt-cursor .autocomplete-wrapper em {
  background-color: rgba(255, 116, 116, 0.4);
  font-style: normal;
}

.twitter-typeahead .tt-dropdown-menu .tt-suggestion .autocomplete-wrapper .content em,
.twitter-typeahead .tt-dropdown-menu .tt-suggestion.tt-cursor .autocomplete-wrapper .content em {
  background-color: transparent;
  font-weight: bold;
}

.twitter-typeahead .tt-dropdown-menu .category {
  font-weight: bold;
  font-size: 15px;
  padding: 5px 20px;
  background: #EEE;
  margin-top: 4px;
  margin-bottom: 3px;
}

.twitter-typeahead .tt-dropdown-menu .tt-dataset-all {
  border-top: 1px solid #DDD;
  background: #F7F7F7;
  margin-top: 8px;
}

.twitter-typeahead .suggestion_typehead img {
  display: inline-block;
  float: left;
  margin-right: 10px;
}

.twitter-typeahead .suggestion_typehead .infos {
  display: inline-block;
}

.twitter-typeahead .brand {
  font-size: 12px;
  font-weight: bold;
}

.twitter-typeahead .name {
  font-size: 12px;
  font-weight: normal;
  max-width: 310px;
  line-height: 1.2;
}

.twitter-typeahead .suggestion_typehead .price {
  display: inline-block;
  float: right;
  font-size: 14px;
  padding-top: 8px;
}

.twitter-typeahead .suggestion_typehead.brand_in {
  font-size: 12px;
}

.twitter-typeahead .suggestion_typehead.brand_in .keyword_in {
  color: #888;
}

#carbonads {
  margin-top: 2.375em;
  background: #FFFFFF;
  padding: 1em;
  max-width: 10.125em;
}

#carbonads img {
  display: block;
  margin-bottom: 0.75em;
}

#carbonads .carbon-text {
  display: block;
  font-size: 0.625em;
  line-height: 1.4em;
  margin-bottom: 1rem;
  color: rgba(9, 9, 16, 0.8);
}

#carbonads .carbon-poweredby {
  font-size: 0.625em;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: rgba(9, 9, 16, 0.4);
}

#scrollUp {
	background-image: url(../img/top.png);
    bottom: 20px;
    right: 20px;
    width: 38px;
    height: 38px;
    text-indent: -999999px;
}

#scrollUp:hover {
	/* background-color: #333 */
}

@media screen and (min-width:992px) {
	#scrollUp {
		bottom: 100px
	}
}