/**
 * Settings Layer :: Global
 * Here is where you would set general css vars. Color vars should be added to ```settings.colors.css```.
 */
/*@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800';*/
@font-face {
  font-family: 'SC_Regular';
  src: url("https://fonts.stackcommerce.com/proximanova-regular-webfont.eot");
  src: url("https://fonts.stackcommerce.com/proximanova-regular-webfont.eot?#iefix") format('embedded-opentype'),
       url("https://fonts.stackcommerce.com/proximanova-regular-webfont.woff") format('woff'),
       url("https://fonts.stackcommerce.com/proximanova-regular-webfont.ttf") format('truetype'),
       url("https://fonts.stackcommerce.com/proximanova-regular-webfont.svg") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SC_Bold';
  src: url("https://fonts.stackcommerce.com/proximanova-bold-webfont.eot");
  src: url("https://fonts.stackcommerce.com/proximanova-bold-webfont.eot?#iefix") format('embedded-opentype'),
       url("https://fonts.stackcommerce.com/proximanova-bold-webfont.woff") format('woff'),
       url("https://fonts.stackcommerce.com/proximanova-bold-webfont.ttf") format('truetype'),
       url("https://fonts.stackcommerce.com/proximanova-bold-webfont.svg") format('svg');
  font-weight: bold;
  font-style: normal;
}
:root { /* 35px */ /* 30px */
}
/**
 * EXAMPLE USE
 */
/*
@media (--large-up) {
  .navigation {
    padding: 53px 95px;
  }
}
*/
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details, /* 1 */
figcaption,
figure,
footer,
header,
main, /* 2 */
menu,
nav,
section,
summary { /* 1 */
  display: block;
}
/**
 * Add the correct display in IE 9-.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */
template, /* 1 */
[hidden] {
  display: none;
}
/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}
/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Grouping content
   ========================================================================== */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
  margin: 1em 2.5rem;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/* Forms
   ========================================================================== */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font: inherit; /* 1 */
  margin: 0; /* 2 */
}
/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
  font-weight: bold;
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  margin: 0 0.125rem;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/* found here: http://jaydenseric.com/blog/forget-normalize-or-resets-lay-your-own-css-foundation*/
body {
  /*margin: 0;*/
  font: 16px/1 sans-serif;
  font: 1rem/1 sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
h1,
h2,
h3,
h4,
p,
blockquote,
figure,
ol,
ul {
  margin: 0;
  padding: 0;
}
main,
li {
  display: block;
}
h1,
h2,
h3,
h4 {
  font-size: inherit;
}
strong {
  font-weight: bold;
}
a,
button {
  color: inherit;
}
a {
  text-decoration: none;
}
button {
  overflow: visible;
  border: 0;
  font: inherit;
  -webkit-font-smoothing: inherit;
  letter-spacing: inherit;
  background: none;
  cursor: pointer;
}
::-moz-focus-inner {
  padding: 0;
  border: 0;
}
:focus {
  outline: 0;
}
img {
  max-width: 100%;
  height: auto;
  border: 0;
}
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
/*body {
  background: resolve('mock-header-nav.png');
}
*/
.link, a {
  color: #0aafc7;
}
@media (min-width: 769px) {
  .link:hover {
    text-decoration: underline;
  }  
}
table {
  color: #333;
  font-family: Helvetica, Arial, sans-serif;
  margin: 20px 5px;
  margin: 1.25rem 0.3125rem;
  max-width: 100%;
  border-collapse:
  collapse; border-spacing: 0;
}
td, th {
  border: 1px solid transparent; /* No more visible border */
  height: 30px;
  transition: all 0.3s; /* Simple transition for hover effect */
  padding: 0 30px 0 10px;
  padding: 0 1.875rem 0 0.625rem;
}
th {
  background: #f1f2f3; /*#DFDFDF;*/ /* Darken header a bit */
  font-weight: bold;
}
td {
  background: #FFFFFF; /*#FAFAFA;*/
  border-bottom: solid 1px #f1f2f3;
}
/* Cells in even rows (2,4,6...) are one color */
/*tr:nth-child(even) td { background: #F1F1F1; }*/
/* Cells in odd rows (1,3,5...) are another (excludes header cells) */
/*tr:nth-child(odd) td { background: #FEFEFE; }*/
body {
  font-family: SC_Regular;
  font-size: 16px;
  font-size: 1rem;
  color: #222222;
}
h1 {
  font-size: calc(2rem + 1.5 * ((100vw - 30rem) / 45));
  font-size: calc(2rem + 1.5 * ((100vw - 30rem) / 45));
  line-height: 1.2;
  font-family: SC_Bold;
}
@media screen and (min-width: 1200px) {
  h1 {
    font-size: 3.5rem;
  }
}
@media screen and (max-width: 480px) {
  h1 {
    font-size: 2rem;
  }
}
@media screen and (min-width: 1200px) {
  h1 {
    font-size: 3.5rem;
  }
}
@media screen and (max-width: 480px) {
  h1 {
    font-size: 2rem;
  }
}
h2 {
  font-size: calc(1.625rem + 1.25 * ((100vw - 30rem) / 45));
  font-size: calc(1.625rem + 1.25 * ((100vw - 30rem) / 45));
  line-height: 1.2;
  font-family: SC_Bold;
}
@media screen and (min-width: 1200px) {
  h2 {
    font-size: 2.875rem;
  }
}
@media screen and (max-width: 480px) {
  h2 {
    font-size: 1.625rem;
  }
}
@media screen and (min-width: 1200px) {
  h2 {
    font-size: 2.875rem;
  }
}
@media screen and (max-width: 480px) {
  h2 {
    font-size: 1.625rem;
  }
}
h3 {
  font-size: calc(1.375rem + 0.5 * ((100vw - 30rem) / 45));
  font-size: calc(1.375rem + 0.5 * ((100vw - 30rem) / 45));
  line-height: 1.2;
  font-family: SC_Bold;
}
@media screen and (min-width: 1200px) {
  h3 {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 480px) {
  h3 {
    font-size: 1.375rem;
  }
}
@media screen and (min-width: 1200px) {
  h3 {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 480px) {
  h3 {
    font-size: 1.375rem;
  }
}
h4 {
  font-size: calc(1.125rem + 0.375 * ((100vw - 30rem) / 45));
  font-size: calc(1.125rem + 0.375 * ((100vw - 30rem) / 45));
  line-height: 1.2;
  letter-spacing: 0.48px;
  letter-spacing: 0.03rem;
}
@media screen and (min-width: 1200px) {
  h4 {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  h4 {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 1200px) {
  h4 {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  h4 {
    font-size: 1.125rem;
  }
}
h5 {
  font-size: calc(1rem + 0.125 * ((100vw - 30rem) / 45));
  font-size: calc(1rem + 0.125 * ((100vw - 30rem) / 45));
  letter-spacing: 0.48px;
  letter-spacing: 0.03rem;
  font-family: SC_Bold;
}
@media screen and (min-width: 1200px) {
  h5 {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 480px) {
  h5 {
    font-size: 1rem;
  }
}
@media screen and (min-width: 1200px) {
  h5 {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 480px) {
  h5 {
    font-size: 1rem;
  }
}
p {
  font-size: calc(1rem + 0.125 * ((100vw - 30rem) / 45));
  font-size: calc(1rem + 0.125 * ((100vw - 30rem) / 45));
  line-height: 1.5;
}
@media screen and (min-width: 1200px) {
  p {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 480px) {
  p {
    font-size: 1rem;
  }
}
@media screen and (min-width: 1200px) {
  p {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 480px) {
  p {
    font-size: 1rem;
  }
}
ul li {
  font-size: calc(1rem + 0.125 * ((100vw - 30rem) / 45));
  font-size: calc(1rem + 0.125 * ((100vw - 30rem) / 45));
  line-height: 1.5;
}
@media screen and (min-width: 1200px) {
  ul li {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 480px) {
  ul li {
    font-size: 1rem;
  }
}
@media screen and (min-width: 1200px) {
  ul li {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 480px) {
  ul li {
    font-size: 1rem;
  }
}
hr {
  height: 1px;
  border: none;
  background-color: #f1f2f3;
}
q, blockquote {
  quotes: '“' '”' '‘' '’'
}
q:before, blockquote:before {
  content: open-quote;
}
q:after, blockquote:after {
  content: close-quote;
}
header {
  position: absolute;
  width: 100%;
  max-width: 1366px;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 10;
}
/* if header callout is disabled then comment out the margin-top on the header */
/*@media (--small-up) {
  header {
    margin-top: 40px;
  }
}*/
main {
  padding: 0 20px;
  padding: 0 1.25rem;
  margin: 0 auto;
  max-width: 1250px;
  min-height: 680px;
}
@media (min-width: 769px) {
  main {
    padding: 0 2.1875rem;
    min-height: 1000px;
  }
}
select {
  width: 100%;
  /* Resets Chrome/Safari and allows styling */
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  /* Removes default arrow from firefox */
  text-indent: 0.01px;
  text-overflow: "";
  /* Removes default arrow from IE10+ */
  background-color: #FFF;
  border: none;
  border-radius: 0;
  padding: 20px 30px;
  padding: 1.25rem 1.875rem;
  border: solid 2px #222222;
}
select::-ms-expand {
  display: none;
}
label {
  min-height: 20px;
  padding-left: 20px;
  padding-left: 1.25rem;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
}
input[type='checkbox'] {
  position: absolute;
  width: 20px;
  height: auto;
  margin-left: -20px;
  margin-left: -1.25rem;
}
input, select {
  height: 60px;
}
input, textarea {
  width: 100%;
  padding: 20px 30px;
  padding: 1.25rem 1.875rem;
  border: solid 2px #222222;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #31343e;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #31343e;
}
input::placeholder,
textarea::placeholder {
  color: #31343e;
}
input:focus,
textarea:focus {
  border-color: #0aafc7;
  border-width: 2px;
  padding: 19px 29px;
  padding: 1.1875rem 1.8125rem;
}
/* VALIDATION */
input,
select,
textarea,
label {
  /*&.valid:required {
    @apply --field-success;
  }*/
}
input.invalid:required, select.invalid:required, textarea.invalid:required, label.invalid:required {
  border-color: #ff6666;
  border-width: 2px;
  font-weight: 700;
  color: #ff6666;
}
.show-required input:required:not(.valid):not(:focus),
.show-required select:required:not(.valid):not(:focus),
.show-required textarea:required:not(.valid):not(:focus),
.show-required label.required > input:not(:checked):not(:focus) ~ span {
    border-color: #ff6666;
    border-width: 2px;
    font-weight: 700;
    color: #ff6666;
}
.checkmark-svg {
  width: 16px;
  height: 16px;
}
/*! Flickity v2.0.9
http://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative;
}
.flickity-enabled:focus { outline: none; }
.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}
.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}
/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
          tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: white;
  background: hsla(0, 0%, 100%, .75);
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.flickity-prev-next-button:hover { background: white; }
.flickity-prev-next-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #09F;
}
.flickity-prev-next-button:active {
  opacity: 0.6;
}
.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}
.flickity-prev-next-button:disabled {
  opacity: 0.3;
  cursor: auto;
}
.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}
.flickity-prev-next-button .arrow {
  fill: #333;
}
/* ---- page dots ---- */
.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}
.flickity-rtl .flickity-page-dots { direction: rtl; }
.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  margin: 0 0.5rem;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}
.flickity-page-dots .dot.is-selected {
  opacity: 1;
}
.flickity-page-dots .dot {
  width: 15px;
  height: 15px;
  background-color: #f1f2f3;
  opacity: 1
}
.flickity-page-dots .dot.is-selected {
  background-color: #0aafc7;
}
.btn {
  display: inline-block;

  /*padding: 18px 28px 15px 28px;*/
  padding-top: calc(0.875rem + 0.25 * ((100vw - 30rem) / 45));
  padding-right: calc(1.125rem + 0.625 * ((100vw - 30rem) / 45));
  padding-bottom: calc(0.75rem + 0.1875 * ((100vw - 30rem) / 45));
  padding-left: calc(1.125rem + 0.625 * ((100vw - 30rem) / 45));

  border-radius: 3px;
  border-style: solid;
  border-width: 2px;
  font-family: SC_Bold;
  font-size: calc(0.875rem + 0.125 * ((100vw - 30rem) / 45));
  font-size: calc(0.875rem + 0.125 * ((100vw - 30rem) / 45));
  /*14px 18px 12px 18px*/
  color: #FFF;

  transition: .3s;
  transition-property: color, background-color, opacity, border-color
}
@media screen and (min-width: 1200px) {
  .btn {
    font-size: 1rem;
  }
}
@media screen and (max-width: 480px) {
  .btn {
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 1200px) {
  .btn {
    font-size: 1rem;
  }
}
@media screen and (max-width: 480px) {
  .btn {
    font-size: 0.875rem;
  }
}
.btn.btn_brand {
  border-color: #0aafc7;
}
.btn.btn_brand:not(.btn_outline) {
  background-color: #0aafc7;
}
.btn.btn_light {
  border-color: #FFF;
  border-width: 1px;
}
.btn.btn_light:not(.btn_outline) {
  background-color: #FFF;
  color: #31343e;
}
.btn.btn_outline.btn_dark_text {
  color: #222222;
  font-family: SC_Regular;
}
@media (max-width: 480px) {
  padding-top: 0.875rem;
  padding-right: 1.125rem;
  padding-bottom: 0.75rem;
  padding-left: 1.125rem;
}
@media (min-width: 769px) {
  .btn:hover {
  }
  .btn:hover.btn_brand.btn_outline {
    background-color: #0aafc7;
    color: #ffffff;
  }
  .btn:hover.btn_brand:not(.btn_outline) {
    background-color: #087a8b;
    border-color: #087a8b;
  }
  .btn:hover.btn_light {
  }
  .btn:hover.btn_light:not(.btn_outline) {
  }
}
.markdown__basic {
}
.markdown__basic h1, .markdown__basic h2, .markdown__basic h3, .markdown__basic h4, .markdown__basic h5, .markdown__basic h6 {
  margin: 40px 0 15px 0;
  margin: 2.5rem 0 0.9375rem 0;
}
.markdown__basic p, .markdown__basic ul, .markdown__basic ol {
  margin: 20px 0;
  margin: 1.25rem 0;
}
.markdown__basic a {
  color: #0aafc7;
}
.markdown__basic ol, .markdown__basic ul {
  padding-left: 25px;
  padding-left: 1.5625rem;
}
.markdown__basic ol > li, .markdown__basic ul > li {
  display: list-item;
}
.markdown__basic ol {
  list-style-type: lower-latin;
}
.hero {
  min-height: 400px;
  width: 100vw;
  margin-left: calc(-50vw + 50%);

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
  padding-bottom: 56.25%
}
.hero.hero-short {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
  padding-bottom: 46.875%;
}
.hero.triangles {
}
.hero.triangles:before {
  width: 0;
  height: 0;
  border-left: 100vw solid transparent;/* border-right: 50vw solid transparent; */
  border-bottom: 12.1vw solid #ffffff;
  position: absolute;
  left: 0;
  bottom: -0.5px;
  z-index: 3;
  content: '';
}
.hero.triangles:after {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-top: 6.08vw solid transparent;
  border-bottom: 6.08vw solid transparent;
  border-right: 50vw solid #0aafc7;
  z-index: 3;
  content: '';
}
.hero.triangles.triangles-grey:after {
  border-right-color: #dae0e4;
}
.hero.triangles-left {
}
.hero.triangles-left:before {
  width: 0;
  height: 0;/* border-left: 50vw solid transparent; */
  border-right: 100vw solid transparent;
  border-bottom: 12vw solid #ffffff;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
  content: '';
}
.hero.triangles-left:after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-top: 6.04vw solid transparent;
  border-bottom: 6.04vw solid transparent;
  border-left: 50vw solid #0aafc7;
  z-index: 3;
  content: '';
}
.hero.triangles-left.triangles-grey:after {
  border-left-color: #dae0e4;
}
.hero_content {
  width: 100%;
  /*margin-top: 10px;*/
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
}
.hero_title {
  display: inline-block;
  width: 100%;
  margin-bottom: 3.8vw;
  padding-right: calc(1.875rem + 10.5 * ((100vw - 20rem) / 55));
  padding-left: calc(1.875rem + 10.5 * ((100vw - 20rem) / 55));

  color: #ffffff;
  text-align: center;
}
@media (max-width: 320px) {
  .hero_title {
  }
  .hero_title {
    padding-right: 1.875rem;
    padding-left: 1.875rem;
  }
}
.hero_button {
  margin: 0 auto;
}
@media (min-width: 1601px) {
  .hero {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
    padding-bottom: 68.75%;
  }

  .hero.hero-short {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
    padding-bottom: 62.5%;
  }
}
.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
}
.modal__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(49, 52, 62, 0.3);
}
.modal__content {
  position: relative;
  display: inline-block;
  width: 90%;
  max-width: 680px;
  min-height: 225px;
  background-color: #ffffff;
  box-shadow: 0px 0px 28px -4px rgba(0, 0, 0, .75);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.modal__close {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 25px;
  height: 25px;
  padding-left: 7px;
  padding-left: 0.4375rem;
  line-height: 25px;
  line-height: 1.5625rem;
  font-size: 25px;
  font-size: 1.5625rem;
  font-weight: bold;
  cursor: pointer;
  color: #0aafc7;
}
.modal:not(.terms):not(.modal__brand-studio) .modal__basic {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
}
.modal__basic--title {
  color: #0aafc7;
  font-size: calc(1.375rem + 0.5 * ((100vw - 30rem) / 45));
  font-size: calc(1.375rem + 0.5 * ((100vw - 30rem) / 45));
  line-height: 1.2;
  font-family: SC_Bold;
}
@media screen and (min-width: 1200px) {
  .modal__basic--title {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 480px) {
  .modal__basic--title {
    font-size: 1.375rem;
  }
}
@media screen and (min-width: 1200px) {
  .modal__basic--title {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 480px) {
  .modal__basic--title {
    font-size: 1.375rem;
  }
}
.modal__basic--description {
  font-size: calc(1rem + 0.125 * ((100vw - 30rem) / 45));
  font-size: calc(1rem + 0.125 * ((100vw - 30rem) / 45));
  line-height: 1.5;
}
@media screen and (min-width: 1200px) {
  .modal__basic--description {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 480px) {
  .modal__basic--description {
    font-size: 1rem;
  }
}
@media screen and (min-width: 1200px) {
  .modal__basic--description {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 480px) {
  .modal__basic--description {
    font-size: 1rem;
  }
}
.modal.terms {

  /*& ol > li > p {
    padding: 10px 0;
  }*/
}
.modal.terms .modal__content {
  height: 80%;
}
.modal.terms.accelerator .modal__content {
  height: auto;
}
.modal.terms .modal__basic {
  height: 100%;
}
.modal.terms .modal__basic--title {
  height: 70px;
  padding: 15px 50px 0 20px;
  padding: 0.9375rem 3.125rem 0 1.25rem;
}
.modal.terms .modal__basic--description {
  height: calc(100% - 70px);
  padding: 0 20px 20px 20px;
  padding: 0 1.25rem 1.25rem 1.25rem;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.modal.terms h5 {
  margin-bottom: 0;
}
.modal.terms p, .modal.terms li {
  font-size: calc(0.75rem + 0.25 * ((100vw - 30rem) / 45));
  font-size: calc(0.75rem + 0.25 * ((100vw - 30rem) / 45));
  line-height: 1.5;
}
@media screen and (min-width: 1200px) {
  .modal.terms p, .modal.terms li {
    font-size: 1rem;
  }
}
@media screen and (max-width: 480px) {
  .modal.terms p, .modal.terms li {
    font-size: 0.75rem;
  }
}
@media screen and (min-width: 1200px) {
  .modal.terms p, .modal.terms li {
    font-size: 1rem;
  }
}
@media screen and (max-width: 480px) {
  .modal.terms p, .modal.terms li {
    font-size: 0.75rem;
  }
}
.modal.terms p {
  padding: 10px 0;
  padding: 0.625rem 0;
}
.modal.terms a {
  color: #0aafc7;
}
.modal.terms ol {
  padding-left: 25px;
  padding-left: 1.5625rem;
  list-style-type: lower-latin;
}
.modal.terms ol > li {
  display: list-item;
}
.modal.terms ul {
  padding-left: 10px;
  padding-left: 0.625rem;
}
.modal__video .modal__content {
  width: 90%;
  background-color: #000000;
  max-width: none;
  min-height: 0;
  min-height: initial
}
.modal__video .modal__content .modal__close {
  top: -25px;
  right: -1px;
  font-size: 35px;
  font-size: 2.1875rem;
}
.modal__video .modal__bg {
  background-color: rgba(49, 52, 62, 0.7);
}
.modal__video .modal__alt {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%
}
.modal__video .modal__alt iframe, .modal__video .modal__alt object, .modal__video .modal__alt embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (min-width: 769px) {
  .modal.terms a:hover {
    text-decoration: underline;
  }

  .modal__video .modal__content {
    width: 80%;
  }
}
.field-wrapper {
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
}
.form {
  padding: 0 5vw;
}
.form--submit-button {
  width: calc(100% - 10vw);
  height: 74px;
  line-height: 74px;
  line-height: 4.625rem;
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 0;
  cursor: pointer;
}
.select-wrapper {
  position: relative
}
.select-wrapper:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #222222;
}
@media (min-width: 769px) {

  .form:before {
    content: '';
    display: table;
  }

  .form:after {
    content: '';
    display: table;
    clear: both;
  }

  .field-half {
    width: calc(99.9% * 1/2 - (25px - 25px * 1/2));
  }

  .field-half:nth-child(1n) {
    float: left;
    margin-right: 25px;
    clear: none;
  }

  .field-half:last-child {
    margin-right: 0;
  }

  .field-half:nth-child(2n) {
    margin-right: 0;
    float: right;
  }

  .field-half:nth-child(2n + 1) {
    clear: both;
  }

  .field-full {
    width: calc(99.9% * 1 - (25px - 25px * 1));
  }

  .field-full:nth-child(1n) {
    float: left;
    margin-right: 25px;
    clear: none;
  }

  .field-full:last-child {
    margin-right: 0;
  }

  .field-full:nth-child(0n) {
    margin-right: 0;
    float: right;
  }

  .field-full:nth-child(0n + 1) {
    clear: both;
  }
}
.basic-page {

  /* need to set both header and collapsible so the open transition on mobile doesnt start transparent */

}
.basic-page .contents {
  margin-top: 70px;
  margin-top: 4.375rem;
  padding-bottom: 50px;
  padding-bottom: 3.125rem;
}
.basic-page .header, .basic-page .collapsible {
  background-color: rgb(69, 83, 96);
}
.basic-page .navigation__main {
  max-width: 1366px;
  display: block;
  position: relative;
  margin: 0 auto;
}
@media(min-width: 769px) {
  .basic-page {
  }
  .basic-page .contents {
    margin-top: 0;
    padding: 0 1.875rem;
  }
  .basic-page .header {
    position: relative;
    max-width: none;
    max-width: initial;
  }
}
@media(max-width: 768px) {
  .basic-page {
  }
  .basic-page .contents {
    margin-top: 5rem;
    padding: 0 0.625rem;
  }
}
.three-features {
  position: relative;
  padding: 3vw 0 13vw 0;
  margin-top: -1px;
  margin-top: -0.0625rem;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  color: #FFFFFF;
  background-color: #455360;
  z-index: 1
}
.three-features.triangles {
  }
.three-features.triangles:before {
  width: 0;
  height: 0;
  border-left: 100vw solid transparent;/* border-right: 50vw solid transparent; */
  border-bottom: 12.1vw solid #ffffff;
  position: absolute;
  left: 0;
  bottom: -0.5px;
  z-index: 3;
  content: '';
}
.three-features.triangles:after {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-top: 6.08vw solid transparent;
  border-bottom: 6.08vw solid transparent;
  border-right: 50vw solid #0aafc7;
  z-index: 3;
  content: '';
}
.three-features>ul {
  padding: 0 35px;
  padding: 0 2.1875rem;
  margin: 0 auto;
  max-width: 1250px;
}
.three-features>ul:before {
  content: '';
  display: table;
}
.three-features>ul:after {
  content: '';
  display: table;
  clear: both;
}
.three-features--item {
  position: relative;
  padding: 25px 0;
  padding: 1.5625rem 0;
}
.three-features--item-title {
  margin-top: 2vw;
  margin-bottom: 2vw;
}
.three-features--item-icon {
  height: 130px;
  width: auto;
}
@media (min-width: 769px) {
  .three-features--item {
    display: inline-block;
    padding: 2.6vw 3vw;
    width: calc(99.9% * 1/3 - (0px - 0px * 1/3));
  }
  .three-features--item:nth-child(1n) {
    float: left;
    margin-right: 0px;
    clear: none;
  }
  .three-features--item:last-child {
    margin-right: 0;
  }
  .three-features--item:nth-child(0n) {
    float: right;
  }

  .three-features--item:not(:nth-child(3n+3)) > .dots {
    position: absolute;
    display: block;
    right: 0;
    width: 2px;
    height: 160px;
    top: 2vw;
    font-size: 1rem
  }

  .three-features--item:not(:nth-child(3n+3)) > .dots:before {
    content: "••••••••••••••••••••••••••••••••••";
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    color: rgb(161, 161, 161);
    letter-spacing: 0.1875rem;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-transform-origin: left center;
            transform-origin: left center;
  }

  /*.three-features--item:not(:last-child) > .dots {
    position: absolute;
    right: 0;
    width: 5px;
    height: 100%;
    top: 1vw;
    overflow: hidden;
    &:before {
      transform: rotate(90deg);
      transform-origin: left center;
      left: 3px;
    }
  }*/

  .three-features--item-icon {
    height: 95px;
  }
}
.page-subsection_tabs {
  font-family: SC_Bold;
  font-size: calc(0.75rem + 0.25 * ((100vw - 48rem) / 27));
  font-size: calc(0.75rem + 0.25 * ((100vw - 48rem) / 27));
  /*z-index: 100;*/
  /*background-color: var(--little-gray);*/
  /*position: sticky;*/
}
.page-subsection_tabs:before {/*z-index: 100;*//*background-color: var(--little-gray);*//*position: sticky;*/
  content: '';
  display: table;
}
.page-subsection_tabs:after {/*z-index: 100;*//*background-color: var(--little-gray);*//*position: sticky;*/
  content: '';
  display: table;
  clear: both;
}
@media screen and (min-width: 1200px) {
  .page-subsection_tabs {
    font-size: 1rem;
  }
}
@media screen and (max-width: 768px) {
  .page-subsection_tabs {
    font-size: 0.75rem;
  }
}
@media screen and (min-width: 1200px) {
  .page-subsection_tabs {
    font-size: 1rem;
  }
}
@media screen and (max-width: 768px) {
  .page-subsection_tabs {
    font-size: 0.75rem;
  }
}
.subsection-tabs-wrapper, .page-subsection_tabs--container {
  width: 100vw;
  height: 65px;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
}
.page-subsection_tabs--container {
  transition: 0.3s;
  transition-property: background-color;
}
.subsection-tabs-wrapper.stuck {
  /*height: 65px;*/
}
.subsection-tabs-wrapper.stuck .page-subsection_tabs--container {
  background-color: #f8f9fa;
  box-shadow: 0px -23px 10px 24px rgba(0, 0, 0, .08);
  position: fixed;
  width: 100vw;/*height: 65px;*/
  padding-top: 13px;
  padding-top: 0.8125rem;
  top: 0;
  left: 0;
  z-index: 100;
}
.page-subsection_tab {
  display: inline-block;
  width: calc(99.9% * 1/3 - (0px - 0px * 1/3));
  line-height: 40px;
  line-height: 2.5rem;
  cursor: pointer
  /*padding: 0 calc(1.875rem + 6.25 * ((100vw - 30rem) / 45));*/
}
.page-subsection_tab:nth-child(1n) {/*padding: 0 calc(1.875rem + 6.25 * ((100vw - 30rem) / 45));*/
  float: left;
  margin-right: 0px;
  clear: none;
}
.page-subsection_tab:last-child {/*padding: 0 calc(1.875rem + 6.25 * ((100vw - 30rem) / 45));*/
  margin-right: 0;
}
.page-subsection_tab:nth-child(0n) {/*padding: 0 calc(1.875rem + 6.25 * ((100vw - 30rem) / 45));*/
  float: right;
}
.page-subsection_tab a {
  line-height: 47px;
  line-height: 2.9375rem;
  display: inline-block;
}
.selected .page-subsection_tab a,
.page-subsection_tab.selected a {
  border-bottom: solid 5px #0aafc7;
  color: #0aafc7;
}
.page-subsections {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  overflow: hidden;
  background-color: #f8f9fa;
  padding-bottom: 7vw;
}
.page-subsection {
  width: 100vw;
  min-height: 800px;

  background: rgb(251, 252, 252);
  background: linear-gradient(to bottom,  rgba(251, 252, 252, 1) 0px,rgba(248, 249, 250, 1) 400px);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfcfc', endColorstr='#f8f9fa',GradientType=0 );
}
.subsection_content {
  padding: 0 20px;
  padding: 0 1.25rem;
  margin: 0 auto;
  max-width: 1250px;
}
.subsection_heading {
  padding-right: calc(1.875rem + 15 * ((100vw - 20rem) / 61.25));
  padding-left: calc(1.875rem + 15 * ((100vw - 20rem) / 61.25));
  padding-top: 50px;
  padding-top: 3.125rem;
  padding-bottom: 50px;
  padding-bottom: 3.125rem
}
@media (max-width: 320px) {
  .subsection_heading {
  }
  .subsection_heading {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1300px) {
  .subsection_heading {
  }
  .subsection_heading {
    padding-right: 17.5rem;
    padding-left: 17.5rem;
  }
}
.subsection_heading p {
  font-size: calc(1.125rem + 0.375 * ((100vw - 30rem) / 45));
  font-size: calc(1.125rem + 0.375 * ((100vw - 30rem) / 45));
  line-height: 1.2;
  letter-spacing: 0.48px;
  letter-spacing: 0.03rem;
  letter-spacing: initial;
}
@media screen and (min-width: 1200px) {
  .subsection_heading p {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .subsection_heading p {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 1200px) {
  .subsection_heading p {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .subsection_heading p {
    font-size: 1.125rem;
  }
}
.subsection_heading ul {
  display: inline-block;
  line-height: 1.75;
  margin-top: 2vw;
}
.subsection_heading li {
  text-align: left;
  margin-left: 23px;
  margin-left: 1.4375rem;
}
.subsection_heading em {
  font-style: normal;
  color: #0aafc7;
  padding-right: 5px;
  padding-right: 0.3125rem;
  margin-left: -23px;
  margin-left: -1.4375rem;
}
.subsection_item {
  display: inline-block;
  margin-bottom: 50px;
  margin-bottom: 3.125rem
}
.subsection_item h5:first-of-type {
  margin-top: 0;
}
.subsection_item,
.subsection_premium-item {
  text-align: left;
  margin-top: 30px;
  margin-top: 1.875rem
}
.subsection_item h3, .subsection_premium-item h3 {
  margin-top: 4vw;
  color: #0aafc7;
}
.subsection_item h5, .subsection_premium-item h5 {
  margin: 30px 0 11px 0;
  margin: 1.875rem 0 0.6875rem 0;
}
.subsection_item--title {
  /*margin-top: 0;*/
  margin-bottom: 2.5vw;
}
/*
.subsection_premium-items {
  lost-utility: clearfix;
}
*/
.subsection_premium-heading {
  margin-top: 50px;
  margin-top: 3.125rem;
}
.subsection_premium-item {
  /*lost-column: 1/3 3;*/
  padding: 3vw 0;
}
.subsection_premium-item--image {
  width: 30px;
}
@media (max-width: 400px) {
  .page-subsection_tabs {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
  }
}
@media (max-width: 768px) {
  .subsection_item {
  }
  .subsection_item:nth-child(odd) {
    display: table;
  }
  .subsection_item:nth-child(odd) .subsection_item--image {
    display: table-header-group;
  }
  .subsection_item:nth-child(odd) .subsection_item--copy {
    display: table-footer-group;
  }
}
@media (min-width: 769px) {
  .page-subsection_tabs {
    max-width: 650px;
    display: block;
    margin: 0 auto;
  }

  /*.selected .page-subsection_tab a,
  .page-subsection_tab.selected a {
    border-bottom: solid 5px var(--teal);
    color: var(--teal);
  }*/

  .page-subsection_tab a:hover {
    color: #0aafc7;
  }

  .subsection_content {
    padding: 0 2.1875rem;
  }

  .subsection_item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }

  .subsection_item,
  .subsection_premium-item {
  }

  .subsection_item h3, .subsection_premium-item h3 {
    margin-top: 2vw;
    color: #0aafc7;
  }

  .subsection_item h5, .subsection_premium-item h5 {
    margin: 2vw 0 0.75vw 0;
  }

  .subsection_item--image {
    flex: 0 0 auto;
    width: calc(99.9% * 3/5 - (0px - 0px * 3/5));
  }

  .subsection_item--image:nth-child(1n) {
    margin-right: 0px;
    margin-left: 0;
  }

  .subsection_item--image:last-child {
    margin-right: 0;
  }

  .subsection_item--image:nth-child(5n) {
    margin-right: 0;
    margin-left: auto;
  }

  .subsection_item--copy {
    flex: 0 0 auto;
    width: calc(99.9% * 2/5 - (0px - 0px * 2/5));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .subsection_item--copy:nth-child(1n) {
    margin-right: 0px;
    margin-left: 0;
  }

  .subsection_item--copy:last-child {
    margin-right: 0;
  }

  .subsection_item--copy:nth-child(5n) {
    margin-right: 0;
    margin-left: auto;
  }

  .subsection_premium-items:before {
    content: '';
    display: table;
  }

  .subsection_premium-items:after {
    content: '';
    display: table;
    clear: both;
  }

  .subsection_premium-item {
    width: calc(99.9% * 1/2 - (0px - 0px * 1/2));
    padding: 2vw 3vw;
  }

  .subsection_premium-item:nth-child(1n) {
    float: left;
    margin-right: 0px;
    clear: none;
  }

  .subsection_premium-item:last-child {
    margin-right: 0;
  }

  .subsection_premium-item:nth-child(2n) {
    margin-right: 0;
    float: right;
  }

  .subsection_premium-item:nth-child(2n + 1) {
    clear: both;
  }

  .subsection_premium-item--image {
    width: 5vw;
  }
}
@media (min-width: 993px) {

  .subsection_premium-item {
    width: calc(99.9% * 1/3 - (0px - 0px * 1/3));
  }

  .subsection_premium-item:nth-child(1n) {
    float: left;
    margin-right: 0px;
    clear: none;
  }

  .subsection_premium-item:last-child {
    margin-right: 0;
  }

  .subsection_premium-item:nth-child(3n) {
    margin-right: 0;
    float: right;
  }

  .subsection_premium-item:nth-child(3n + 1) {
    clear: both;
  }

  .subsection_premium-item--image {
    width: 2.5vw;
  }
}
.header-callout {
	background-color: #0aafc7;
	height: 40px;
	text-align: center;
	line-height: 40px;
	line-height: 2.5rem;
	font-family: 'SC_Bold';
	color: #fff;
	font-size: 14px;
	font-size: 0.875rem;
}
.header-callout a {
	color: #fff;
	font-family: 'SC_Bold';
}
@media (max-width: 768px) {
	.header-callout {
		display: none;
	}
}
.style-guide {

}
.style-guide hr:nth-of-type(n+2) {
  height: 5px;
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}
.style-guide table {
  margin-bottom: 40px;
  margin-bottom: 2.5rem;
  width: 100%;
}
.style-guide td, .style-guide th {
  text-align: left !important;
}
.style-guide .swatch {
  font-size: 280px;
  font-size: 17.5rem;
  line-height: 85px;
  line-height: 5.3125rem;
  vertical-align: bottom;
}
.style-guide .swatch-black {
  color: #222222;
}
.style-guide .swatch-deep-denim {
  color: #31343e;
}
.style-guide .swatch-bright-teal {
  color: #0aafc7;
}
.style-guide .swatch-feather-grey {
  color: #f1f2f3;
}
/**
 * mobile first!
 */
.navigation {
  overflow: hidden;
  padding: 10px 0;
  padding: 0.625rem 0;
}
.collapsible {
  height: 50px;
  background-color: rgba(49, 52, 62, 0);
}
.navigation__main .selected .navigation_item--link, .navigation__main .navigation_item--link.selected {
  display: inline-block;
  color: #0aafc7;
  border-bottom-color: rgb(10, 175, 199);
  border-bottom-style: solid;
  border-bottom-width: 4px;
  padding-bottom: 0;
}
.navigation_item--link {
  font-family: SC_Bold;
  color: #FFF;
  padding-bottom: 4px;
  padding-bottom: 0.25rem;
}
.navigation__main  .navigation_item--link {
  font-size: calc(0.875rem + 0.125 * ((100vw - 48rem) / 27));
  font-size: calc(0.875rem + 0.125 * ((100vw - 48rem) / 27));
}
@media screen and (min-width: 1200px) {
  .navigation__main  .navigation_item--link {
    font-size: 1rem;
  }
}
@media screen and (max-width: 768px) {
  .navigation__main  .navigation_item--link {
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 1200px) {
  .navigation__main  .navigation_item--link {
    font-size: 1rem;
  }
}
@media screen and (max-width: 768px) {
  .navigation__main  .navigation_item--link {
    font-size: 0.875rem;
  }
}
.navigation_item.collapse {
  text-align: right;
}
.navigation_item > a {
  margin: 0 28px;
  margin: 0 1.75rem;
}
.navigation_item--logo img {
  width: 176px;
}
.navigation_item--link,
.navigation_item--logo {
  display: block;
  line-height: 40px;
  line-height: 2.5rem;
}
.navigation_toggle {
  position: absolute;
  width: 26px;
  height: 26px;
  right: 28px;
  top: 10px;
  cursor: pointer;
}
.toggle_line {
  display: block;
  width: 26px;
  height: 2px;
  background-color: #ffffff;
  margin: 6px 0;
  margin: 0.375rem 0;
  transition: 0.3s all;
  transition-property: height, -webkit-transform;
  transition-property: height, transform;
  transition-property: height, transform, -webkit-transform;
}
/**
 * mobile only (not mobile first)
 * sometimes it's better this way
 */
@media (max-width: 768px) {
  .collapsible {
    transition: all 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition-property: height, background;
    /*transition-delay: 3000s;*/
    will-change: transform;
  }

  .navigation_item.collapse {
    margin-top: 0.625rem;
  }

  .navigation__main {
    width: 100vw;
  }

  .collapsible.navigation_open {
    position: fixed;
    height: 100vh;
    top: 0;
    background-color: rgba(49, 52, 62, 0.95)
  }

  .collapsible.navigation_open .toggle_line {
  }

  .collapsible.navigation_open .toggle_line:nth-child(1) {
    -webkit-transform: rotate(45deg) translateY(6px) translateX(5px);
            transform: rotate(45deg) translateY(6px) translateX(5px);
    height: 3px;
  }

  .collapsible.navigation_open .toggle_line:nth-child(2) {
    -webkit-transform: rotate(225deg) translateY(0px) translateX(1px);
            transform: rotate(225deg) translateY(0px) translateX(1px);
  }

  .collapsible.navigation_open .toggle_line:nth-child(3) {
    -webkit-transform: rotate(-45deg) translateY(-7px) translateX(6px);
            transform: rotate(-45deg) translateY(-7px) translateX(6px);
    height: 3px;
  }

  .navigation_item.collapse .navigation_item--button {
    border: none;
    padding: 0 1.75rem;
    line-height: 2.5rem;
    font-size: inherit;
  }
}
/**
 * from mobile up
 */
@media (min-width: 769px) {
  .navigation {
    height: auto;
    padding: 3.3vw 4vw;
  }

  .navigation__main .navigation_item--link:hover {
    display: inline-block;
    color: #0aafc7;
    border-bottom-color: rgb(10, 175, 199);
    border-bottom-style: solid;
    border-bottom-width: 4px;
    padding-bottom: 0;
  }

  .navigation_item {
    display: inline-block;
  }

  .navigation_item > a {
    margin: 0 calc(0.375rem + 0.5625 * ((100vw - 48rem) / 27));
  }

  .navigation_item--partners-login {
    position: absolute;
    right: 2vmin;
    margin-left: 0
  }

  .navigation_item--partners-login .navigation_item--link, .navigation_item--partners-login .navigation_item--link:hover {
    border-bottom: none;
  }

  .navigation_item--link {
    border-bottom-color: rgba(10, 175, 199, 0);
    transition: .3s;
    transition-property: color, background-color, opacity, border-color;
  }

  .navigation_item--link:hover {
    color: #0aafc7;
  }

  .navigation_item--logo {
    margin-right: 0.9375rem;
  }

  .navigation_item--logo a {
    padding-left: 0;
  }

  .navigation_toggle {
    display: none;
  }
}
/**
 * from tablet up
 */
@media (min-width: 993px) {
  .navigation {
    padding-right: 7vw;
    padding-left: 7vw;
  }

  .navigation_item--partners-login {
    right: 4vmin;
  }
}
@media (min-width: 1201px) {
  .navigation_item > a {
    margin: 0 0.9375rem;
  }
}
.section {
  position: relative;
}
.section__content {
  text-align: center;
  padding: 50px 0;
  padding: 3.125rem 0;
}
@media (min-width: 769px) {
  .section__content {
    padding: 6.55vw 0;
  }
}
.section_heading--top {
  /*padding: 0 20vw;*/
  /*@media (width <= 480px) {
      &> hr {
          height: 0.125rem;
      }
    }

    @media (width >= 992px) {
      &> hr {
        height: 0.5rem;
      }
    }*/
}
.section_heading--top> hr {/*height: calc(0.125rem + 0.375 * ((100vw - 30rem) / 32));*/
  height: 8px;
  height: 0.5rem;
  width: 180px;
  margin: 30px auto 35px auto;
  margin: 1.875rem auto 2.1875rem auto;
  background-color: #0aafc7;
}
.section_heading--top-title {
  padding-right: calc(1.875rem + 15 * ((100vw - 20rem) / 61.25));
  padding-left: calc(1.875rem + 15 * ((100vw - 20rem) / 61.25));
}
@media (max-width: 320px) {
  .section_heading--top-title {
  }
  .section_heading--top-title {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1300px) {
  .section_heading--top-title {
  }
  .section_heading--top-title {
    padding-right: 17.5rem;
    padding-left: 17.5rem;
  }
}
.section_heading--top-description {
  padding-right: calc(1.875rem + 15 * ((100vw - 20rem) / 61.25));
  padding-left: calc(1.875rem + 15 * ((100vw - 20rem) / 61.25));
}
@media (max-width: 320px) {
  .section_heading--top-description {
  }
  .section_heading--top-description {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1300px) {
  .section_heading--top-description {
  }
  .section_heading--top-description {
    padding-right: 17.5rem;
    padding-left: 17.5rem;
  }
}
.section_heading--top-description {
  margin-bottom: 3vw;
}
.error {
}
.error main {
  position: relative;
}
.error .contents {
  margin-top: 0px;
  margin-top: 0rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);/*top: 40%;*/
}
.error h1 {
  margin: 0;
}
/* home page */
.section__curated-content .section__content {
  padding-top: 35px;
  padding-top: 2.1875rem;
  padding-bottom: 0;
  margin-bottom: 0;
}
.curated-content_laptop {
  position: relative;
  display: inline-block
}
.curated-content_laptop:before {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  position: absolute;
  content: "";
  height: 60%;
  background-color: #455360;
  bottom: 0;
  z-index: -1;
}
.curated-content_laptop--screens-wrapper {
  position: absolute;
  width: 71.119%;
  top: 8.6%;
  left: 14.5%;
  padding-bottom: 44.65%;
  overflow: hidden;
}
.curated-content_laptop--screens {
  display: block;
  position: absolute;
  width: 100%;
  margin: 0 auto;
}
.curated-content_stats {
  padding: 3vw 0 6vw 0;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  background-color: #455360

}
.curated-content_stats>ul {
  padding: 0 35px;
  padding: 0 2.1875rem;
  margin: 0 auto;
  max-width: 1250px;
}
.curated-content_stats>ul:before {
  content: '';
  display: table;
}
.curated-content_stats>ul:after {
  content: '';
  display: table;
  clear: both;
}
/*.curated-content_stats--separator {
  color: color(var(--the-earl-of-gray) blackness(50%));
  letter-spacing: 3px;
}*/
.curated-content_stats--item {
  position: relative;
  padding: 25px 0;
  padding: 1.5625rem 0;
}
.curated-content_stats--item-title {
  font-size: calc(3.125rem + 1.875 * ((100vw - 30rem) / 45));
  font-size: calc(3.125rem + 1.875 * ((100vw - 30rem) / 45));
  font-weight: normal;
  color: #0aafc7;
}
@media screen and (min-width: 1200px) {
  .curated-content_stats--item-title {
    font-size: 5rem;
  }
}
@media screen and (max-width: 480px) {
  .curated-content_stats--item-title {
    font-size: 3.125rem;
  }
}
@media screen and (min-width: 1200px) {
  .curated-content_stats--item-title {
    font-size: 5rem;
  }
}
@media screen and (max-width: 480px) {
  .curated-content_stats--item-title {
    font-size: 3.125rem;
  }
}
.curated-content_stats--item-description {
  font-size: calc(1.125rem + 0.125 * ((100vw - 30rem) / 45));
  font-size: calc(1.125rem + 0.125 * ((100vw - 30rem) / 45));
  color: #FFFFFF;
}
@media screen and (min-width: 1200px) {
  .curated-content_stats--item-description {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 480px) {
  .curated-content_stats--item-description {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 1200px) {
  .curated-content_stats--item-description {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 480px) {
  .curated-content_stats--item-description {
    font-size: 1.125rem;
  }
}
.curated-content_stats--item:not(:last-child) > .dots {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  bottom: 0
}
.curated-content_stats--item:not(:last-child) > .dots:before {
  content: "•••••••••••••••••";
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  color: rgb(161, 161, 161);
  letter-spacing: 3px;
  letter-spacing: 0.1875rem;
}
@media (min-width: 769px) {
  .curated-content_stats--item {
    display: inline-block;
    padding: 2.6vw 1vw;
    width: calc(99.9% * 1/3 - (0px - 0px * 1/3));
  }
  .curated-content_stats--item:nth-child(1n) {
    float: left;
    margin-right: 0px;
    clear: none;
  }
  .curated-content_stats--item:last-child {
    margin-right: 0;
  }
  .curated-content_stats--item:nth-child(0n) {
    margin-right: 0;
    float: right;
  }
  .curated-content_stats--item:nth-child(0n + 1) {
    clear: both;
  }

  .curated-content_stats--item:not(:last-child) > .dots {
    position: absolute;
    right: 0;
    width: 2px;
    height: 160px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
  }

  .curated-content_stats--item:not(:last-child) > .dots:before {
    content: "•••••••••••••••••";
    position: absolute;
    color: rgb(161, 161, 161);
    letter-spacing: 0.1875rem;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-transform-origin: left center;
            transform-origin: left center;
  }
}
.section__trusted .section__content {
  margin-bottom: 0;
  padding-bottom: 0;
}
.section__trusted {
  position: relative;
  padding-bottom: 12vw;
  padding: 0 20px;
  padding: 0 1.25rem;
  width: 100vw;
  margin-left: calc(-50vw + 50%);

  background-color: #f1f2f3;

}
.section__trusted:before {
  width: 0;
  height: 0;/* border-left: 50vw solid transparent; */
  border-right: 100vw solid transparent;
  border-bottom: 12vw solid #ffffff;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
  content: '';
}
.section__trusted:after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-top: 6.04vw solid transparent;
  border-bottom: 6.04vw solid transparent;
  border-left: 50vw solid #0aafc7;
  z-index: 3;
  content: '';
}
.trusted_logos {
  width: 100%;
  max-width: 1250px;
  background-size: 100%;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
  padding-bottom: 177.77777777777777%;
  margin-bottom: 3vw;
  margin-right: auto;
  margin-left: auto;
  background-image: url('../images/home-logo-wall-mobile@2x.png?16655d034a4');
}
@media (min-width: 769px) {
  .section__trusted {
    padding: 0 2.1875rem;
  }

  .trusted_logos {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    background-image: url('../images/home_logo_wall@2x.jpg?16655d034a8');
  }
}
.section__how-it-works {
  position: relative
}
.section__how-it-works .flickity-page-dots {
  width: 19px;
  right: 8vw;
  top: 64%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: none;
}
.section__how-it-works .flickity-page-dots .dot {
  width: 12px;
  height: 12px;
  margin-bottom: 5px;
  margin-bottom: 0.3125rem;
  background-color: #dae0e4;
  cursor: default;
}
.section__how-it-works .flickity-page-dots .dot:first-child {
  background-color: #0aafc7;
}
@media (min-width: 769px) {
  .section__how-it-works {
  }
  .section__how-it-works .flickity-page-dots {
    display: block;
  }
}
.section__how-it-works .flickity-page-dots {
  top: 62%;
  right: 5vw;
}
.section__how-it-works .section__content {
  padding-top: 35px;
  padding-top: 2.1875rem;
}
.how-it-works_hex-outlines {
  position: relative;
  width: 70%;
  margin: 0 auto;
}
.hex-outline-top {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  /*transform: rotate(-120deg) translateX(5px) translateY(9px);*/
  -webkit-transform: rotate(-120deg) translateX(4px) translateY(7px);
          transform: rotate(-120deg) translateX(4px) translateY(7px);
}
.hexagon-top {
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 1956px;
  stroke-dashoffset: 1955px;
  opacity: 0;
  /*transition: .5s;
  transition-property: opacity, stroke-dashoffset;*/
  /*stroke-dashoffset: 324px;*/
}
.how-it-works_anim {
  position: relative;
  overflow: hidden;
}
.how-it-works_items--wrapper {
  position: absolute;
  width: 85%;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}
.how-it-works_items--slider {
  display: inline-block;
}
.how-it-works_items--item {
  width: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);

  opacity: 0;
}
.how-it-works_items--item.selected {
  opacity: 1;
}
.how-it-works_items--item p {
  font-size: 16px;
  font-size: 1rem;
}
.how-it-works_items--item-icon {
  width: 140px;
}
.how-it-works_items--item-title {
  /*font-size: responsive 50px 80px;
  font-range: 480px 1200px;*/
  /*color: var(--teal);*/
  margin-top: 15px;
  margin-top: 0.9375rem;
}
.how-it-works_items--item-description {
  /*font-size: responsive 18px 20px;
  font-range: 480px 1200px;
  color: #FFFFFF;*/
  margin-top: 20px;
  margin-top: 1.25rem;
}
@media (min-width: 993px) {
  .section__how-it-works .flickity-page-dots {
    top: 60%;
    right: 11vw;
  }

  .how-it-works_hex-outlines {
    width: 45%;
  }

  .how-it-works_items--wrapper {
    width: 55%;
  }
}
/*@media (--small-down) {
  .how-it-works_anim {
    min-height: 500px;
  }

  .how-it-works_hex-outlines {
    width: 245px;
  }

  .hex-outline-top {
    transform: rotate(-120deg) translateX(1.5px) translateY(5px);
  }

  .how-it-works_items--wrapper {
    width: 100vw;
    top: 45%;
  }

  .how-it-works_items--item {
    width: 320px;
    padding: 0 20px;
  }

  .how-it-works_items--item-title {
    margin-top: 75px;
  }

}*/
@media (max-width: 768px) {
  .how-it-works_anim {
    min-height: 500px;
  }

  .how-it-works_hex-outlines {
    width: 245px;
  }

  .hex-outline-top {
    -webkit-transform: rotate(-120deg) translateX(1.5px) translateY(5px);
            transform: rotate(-120deg) translateX(1.5px) translateY(5px);
  }

  .how-it-works_items--wrapper {
    width: 100vw;
    min-height: 500px;
    top: 0;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }

  .how-it-works_items--item {
    width: 320px;
    padding: 4rem 1.25rem 0 1.25rem;
    top: 0;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%)
  }

  .how-it-works_items--item-title {
    margin-top: 4.6875rem;
  }

}
.home .section__testimonials .hero_content {
  top: 55%;
}
.section__testimonials {
  width: 100vw;
  margin-left: calc(-50vw + 50%)
}
.section__testimonials .hero_title {
  font-family: SC_Bold;
  font-size: calc(1.625rem + 0.875 * ((100vw - 30rem) / 45));
  font-size: calc(1.625rem + 0.875 * ((100vw - 30rem) / 45));
  line-height: 1.2;
  margin-bottom: 2.25vw;
}
@media screen and (min-width: 1200px) {
  .section__testimonials .hero_title {
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 480px) {
  .section__testimonials .hero_title {
    font-size: 1.625rem;
  }
}
@media screen and (min-width: 1200px) {
  .section__testimonials .hero_title {
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 480px) {
  .section__testimonials .hero_title {
    font-size: 1.625rem;
  }
}
.section__testimonials .hero_description {
  color: #ffffff;
}
.section__testimonials .flickity-page-dots {
  top: 75%;
}
.section__testimonials .section__content {
  margin-bottom: 0;
  padding-bottom: 0;
  min-height: 400px
}
.section__testimonials .section__content.triangles {
  }
.section__testimonials .section__content.triangles:before {
  width: 0;
  height: 0;
  border-left: 100vw solid transparent;/* border-right: 50vw solid transparent; */
  border-bottom: 12.1vw solid #ffffff;
  position: absolute;
  left: 0;
  bottom: -0.5px;
  z-index: 3;
  content: '';
}
.section__testimonials .section__content.triangles:after {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-top: 6.08vw solid transparent;
  border-bottom: 6.08vw solid transparent;
  border-right: 50vw solid #0aafc7;
  z-index: 3;
  content: '';
}
.section__testimonials .section__content:before, .section__testimonials .section__content:after {
  pointer-events: none;
}
.section__testimonials .section__content,
.section__testimonials .hero {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
  padding-bottom: 133.33333333333331%;
}
.hero_title blockquote {
  padding: 0 4vw;
}
.testimonials__carousel {
  background-color: #f1f2f3;
}
.section__testimonials .hero {
  background-image: url('../images/home_testimonial_bg1_leander_mobile.jpg?16655d034a8');
  background-position: left center;
}
@media (min-width: 600px) {
  .section__testimonials .hero {
    background-image: url('../images/home_testimonial_bg1_leander.jpg?16655d034a8');
  }

  /*.home .section__testimonials .hero_content {
    top: 40%;
  }*/

  .section__testimonials .section__content,
  .section__testimonials .hero {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
    padding-bottom: 43.75%;
  }
}
.section__get-started .section__content {
  padding-top: 35px;
  padding-top: 2.1875rem;
  /*margin-bottom: 0;
  padding-bottom: 0;*/
}
.section__get-started .section__content:before {/*margin-bottom: 0;
  padding-bottom: 0;*/
  content: '';
  display: table;
}
.section__get-started .section__content:after {/*margin-bottom: 0;
  padding-bottom: 0;*/
  content: '';
  display: table;
  clear: both;
}
.get-started__item {
  width: calc(99.9% * 1 - (0px - 0px * 1));
  padding: 2.6vw 7vw
}
.get-started__item:nth-child(1n) {
  float: left;
  margin-right: 0px;
  clear: none;
}
.get-started__item:last-child {
  margin-right: 0;
}
.get-started__item:nth-child(0n) {
  float: right;
}
.get-started__item:last-child {
  margin-top: 7vmin;
}
.get-started__item-title,
.get-started__item-description {

}
.get-started__item-title {
  margin-bottom: .8vw;
}
.get-started__item-description {
  margin-bottom: 2vw;
}
.get-started__item-button {
  /*margin-top: 1vw;*/
}
@media (min-width: 769px) {
  .get-started__item {
    width: calc(99.9% * 1/2 - (0px - 0px * 1/2))
  }
  .get-started__item:nth-child(1n) {
    float: left;
    margin-right: 0px;
    clear: none;
  }
  .get-started__item:last-child {
    margin-right: 0;
  }
  .get-started__item:nth-child(0n) {
    float: right;
  }
  .get-started__item:last-child {
    margin-top: 0;
  }
}
/* publishers page */
.section__monetize .section__content {
  padding-top: 35px;
  padding-top: 2.1875rem;
}
.section__monetize {
  position: relative;
}
.section__monetize:before {
  content: '';
  top: 0;
  left: 0;
  height: 100%;
  position: absolute;
  z-index: -1;
  background-color: #ffffff;
  width: 100vw;
  margin-left: calc(-50vw + 50%);/* supports proper z-index stacking context in ios */
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.stuff {
  width: 100%;
  max-width: 1035px;
}
.stuff:before {
  content: '';
  display: table;
}
.stuff:after {
  content: '';
  display: table;
  clear: both;
}
.monetize_chart,
.monetize_info {
  padding: 20px 0;
  padding: 1.25rem 0;
}
.monetize_info-item {
  text-align: left;
  padding-bottom: 50px;
  padding-bottom: 3.125rem
}
.monetize_info-item:last-child {
  padding-bottom: 0px;
  padding-bottom: 0rem;
}
.monetize_info-item ul {
  padding-left: 18px;
  padding-left: 1.125rem;
  line-height: 1.7;
}
.monetize_info-item li {
  display: list-item;
  padding-left: 1vw;
}
.monetize_info-item>*:first-child {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
.monetize_info-item:not(:first-child) {
  margin-top: 2vmin;
}
@media (min-width: 769px) {
  .stuff {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }

  .monetize_chart {
    flex: 0 0 auto;
    width: calc(99.9% * 1/2 - (0px - 0px * 1/2));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .monetize_chart:nth-child(1n) {
    margin-right: 0px;
    margin-left: 0;
  }

  .monetize_chart:last-child {
    margin-right: 0;
  }

  .monetize_chart:nth-child(2n) {
    margin-right: 0;
    margin-left: auto;
  }

  .monetize_info {
    flex: 0 0 auto;
    width: calc(99.9% * 1/2 - (0px - 0px * 1/2));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .monetize_info:nth-child(1n) {
    margin-right: 0px;
    margin-left: 0;
  }

  .monetize_info:last-child {
    margin-right: 0;
  }

  .monetize_info:nth-child(2n) {
    margin-right: 0;
    margin-left: auto;
  }

  .monetize_chart,
  .monetize_info {
    padding: 0 1.875rem;
  }

  .monetize_info-item {
    padding-bottom: 1.25rem;
  }
}
.section__native-commerce .section__content {
  padding-bottom: 0;
  font-size: 0;
}
.section__native-commerce {
  position: relative;
  color: #ffffff
}
.section__native-commerce:before {
  content: "";
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  position: absolute;
  height: 100%;
  background-color: #0aafc7;
  top: 0;
  z-index: -1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.section__native-commerce hr {
  background-color: #ffffff;
}
.section__commerce-solutions .section__content {
  padding-top: 35px;
  padding-top: 2.1875rem;
  padding-bottom: 0;
  margin-bottom: 0;
}
.commerce-solutions_heading hr {
  display: none;
}
.section__commerce-solutions {
  position: relative
}
.section__commerce-solutions:before {
  content: "";
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  position: absolute;
  height: 235px;
  top: 0;
  z-index: -1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  background: rgb(255, 255, 255);
  background: linear-gradient(to bottom,  rgba(255, 255, 255, 1) 0%,rgba(251, 252, 252, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fbfcfc',GradientType=0 );
}
.affiliate__button--become {
  margin: 30px auto;
  margin: 1.875rem auto;
}
.btn-brand {
  background: #00B1C3;
  width: 202px;
  height: 52px;
  margin-top: 2vh;
  padding: 0;
  line-height: 52px;
  line-height: 3.25rem;
  text-align: center;
  text-transform: uppercase;
}
.section__taylored-solutions {
  position: relative;
  color: #ffffff
}
.section__taylored-solutions .section__content {
  padding: 50px 0;
  padding: 3.125rem 0;
}
.section__taylored-solutions p, .section__taylored-solutions ul {
  font-size: calc(1.125rem + 0.375 * ((100vw - 30rem) / 45));
  font-size: calc(1.125rem + 0.375 * ((100vw - 30rem) / 45));
  line-height: 1.2;
  letter-spacing: 0.48px;
  letter-spacing: 0.03rem;
  letter-spacing: initial;
}
@media screen and (min-width: 1200px) {
  .section__taylored-solutions p, .section__taylored-solutions ul {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .section__taylored-solutions p, .section__taylored-solutions ul {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 1200px) {
  .section__taylored-solutions p, .section__taylored-solutions ul {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .section__taylored-solutions p, .section__taylored-solutions ul {
    font-size: 1.125rem;
  }
}
.section__taylored-solutions ul {
  display: inline-block;
  line-height: 1.75;
  margin-top: 2vw;
}
.section__taylored-solutions li {
  text-align: left;
  margin-left: 23px;
  margin-left: 1.4375rem;
}
.section__taylored-solutions em {
  font-style: normal;
  color: #0aafc7;
  padding-right: 5px;
  padding-right: 0.3125rem;
  margin-left: -23px;
  margin-left: -1.4375rem;
}
.section__taylored-solutions .section_heading--top-description {
  margin-bottom: 0;
}
.section__taylored-solutions--bg {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
@media (min-width: 769px) {
  .section__taylored-solutions .section__content {
    padding: 10vw 0;
  }
}
.section__partners {
  position: relative;
  color: #ffffff;
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
  padding-bottom: 68.75%;
  overflow: visible;
  min-height: 320px
}
.section__partners .section_heading--top-title {
  color: #0aafc7;
  font-size: calc(3.75rem + 2.5 * ((100vw - 26.25rem) / 55));
  font-size: calc(3.75rem + 2.5 * ((100vw - 26.25rem) / 55));
}
@media screen and (min-width: 1300px) {
  .section__partners .section_heading--top-title {
    font-size: 6.25rem;
  }
}
@media screen and (max-width: 420px) {
  .section__partners .section_heading--top-title {
    font-size: 3.75rem;
  }
}
@media screen and (min-width: 1300px) {
  .section__partners .section_heading--top-title {
    font-size: 6.25rem;
  }
}
@media screen and (max-width: 420px) {
  .section__partners .section_heading--top-title {
    font-size: 3.75rem;
  }
}
.section__partners hr {
  display: none;
}
.section__partners .section_heading--top-description {
  padding: 0px;
  padding: 0rem;
}
.section__partners .section_heading--top-description p {
  font-size: calc(1.625rem + 1.25 * ((100vw - 30rem) / 45));
  font-size: calc(1.625rem + 1.25 * ((100vw - 30rem) / 45));
  line-height: 1.2;
  font-family: SC_Bold;
}
@media screen and (min-width: 1200px) {
  .section__partners .section_heading--top-description p {
    font-size: 2.875rem;
  }
}
@media screen and (max-width: 480px) {
  .section__partners .section_heading--top-description p {
    font-size: 1.625rem;
  }
}
@media screen and (min-width: 1200px) {
  .section__partners .section_heading--top-description p {
    font-size: 2.875rem;
  }
}
@media screen and (max-width: 480px) {
  .section__partners .section_heading--top-description p {
    font-size: 1.625rem;
  }
}
.section__partners .section_heading--top {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.section__partners .triangles {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
}
.section__partners .triangles:before {
  width: 0;
  height: 0;
  border-left: 100vw solid transparent;/* border-right: 50vw solid transparent; */
  border-bottom: 12.1vw solid #ffffff;
  position: absolute;
  left: 0;
  bottom: -0.5px;
  z-index: 3;
  content: '';
}
.section__partners .triangles:after {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-top: 6.08vw solid transparent;
  border-bottom: 6.08vw solid transparent;
  border-right: 50vw solid #0aafc7;
  z-index: 3;
  content: '';
}
.section__partners .triangles:after {
  border-right-color: #dae0e4;
}
.section__partners .triangles:before {
  border-bottom-color: #f8f9fa;
}
.section__partners--bg {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  position: fixed;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background-position: center;
  background-size: 110%;
  /*background-repeat: no-repeat;*/
  background-color: #31343e;
  z-index: -2;
}
.section__success-stories {
  position: relative
}
.section__success-stories:before {
  content: '';
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: #f8f9fa;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.section__success-stories .flickity-page-dots .dot:not(.is-selected) {
  background-color: #dae0e4;
}
.section__success-stories .section__content {
  padding-top: 35px;
  padding-top: 2.1875rem;
}
.success-stories__card {
  position: relative;
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
  margin-right: 15px;
  margin-right: 0.9375rem;
  width: 100%;
  height: 350px;
  border: solid 1px #e5e5e5;
  box-shadow: -1px 2px 3px 0px rgba(0, 0, 0, .15);
  background-color: #ffffff
}
.success-stories__card:last-child {
  margin-right: 0;
}
.success-stories__card--content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 25px;
  padding: 1.5625rem;
  width: 100%;
}
.success-stories__card--button {
  color: #0aafc7;
  margin: 30px 0;
  margin: 1.875rem 0;
}
@media (min-width: 769px) {
  .success-stories__cards {
    width: 75%;
    display: block;
    margin: 0 auto;
  }
  .success-stories__cards:before {
    content: '';
    display: table;
  }
  .success-stories__cards:after {
    content: '';
    display: table;
    clear: both;
  }

  .success-stories__card {
    width: calc(99.9% * 1/2 - (23px - 23px * 1/2));
  }

  .success-stories__card:nth-child(1n) {
    float: left;
    margin-right: 23px;
    clear: none;
  }

  .success-stories__card:last-child {
    margin-right: 0;
  }

  .success-stories__card:nth-child(2n) {
    margin-right: 0;
    float: right;
  }

  .success-stories__card:nth-child(2n + 1) {
    clear: both;
  }
}
@media (min-width: 993px) {
  .success-stories__cards {
    width: 100%;
  }
  .success-stories__cards:before {
    content: '';
    display: table;
  }
  .success-stories__cards:after {
    content: '';
    display: table;
    clear: both;
  }

  .success-stories__card {
    width: calc(99.9% * 1/4 - (23px - 23px * 1/4));
  }

  .success-stories__card:nth-child(1n) {
    float: left;
    margin-right: 23px;
    clear: none;
  }

  .success-stories__card:last-child {
    margin-right: 0;
  }

  .success-stories__card:nth-child(4n) {
    margin-right: 0;
    float: right;
  }

  .success-stories__card:nth-child(4n + 1) {
    clear: both;
  }

  .success-stories__card--content {
  }

  .success-stories__card--content img {
    margin-top: 0.875rem;
  }

  .success-stories__card--content h4 {
    height: 105px;
  }

  .success-stories__card--content .success-stories__card--button {
    margin-top: 2.75rem;
  }
}
.section__publishers-get-started {
  margin-top: -1px;
  margin-top: -0.0625rem;
}
.section__publishers-get-started:before {
  content: '';
  top: 0;
  left: 0;
  height: 100%;
  position: absolute;
  z-index: -1;
  background-color: #ffffff;
  width: 100vw;
  margin-left: calc(-50vw + 50%);/* supports proper z-index stacking context in ios */
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
/* vendors page (vendors/brands) */
.section__discovery-platform .section__content {
  padding-bottom: 0;
  font-size: 0;
}
.section__discovery-platform {
}
.section__discovery-platform:before {
  content: '';
  top: 0;
  left: 0;
  height: 100%;
  position: absolute;
  z-index: -1;
  background-color: #ffffff;
  width: 100vw;
  margin-left: calc(-50vw + 50%);/* supports proper z-index stacking context in ios */
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.section__all-in-one-solution .section__content {
  padding-top: 35px;
  padding-top: 2.1875rem;
  padding-bottom: 0;
  margin-bottom: 0
}
.section__all-in-one-solution .section__content .subsection_heading {
  padding-top: 0;
}
.section__all-in-one-solution {
  position: relative
}
.section__all-in-one-solution:before {
  content: "";
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  position: absolute;
  height: 235px;
  top: 0;
  z-index: -1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  background: rgb(255, 255, 255);
  background: linear-gradient(to bottom,  rgba(255, 255, 255, 1) 0%,rgba(251, 252, 252, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fbfcfc',GradientType=0 );
}
.section__performance-tracking {
  position: relative;
  color: #ffffff
}
.section__performance-tracking .section__content {
  padding: 50px 0;
  padding: 3.125rem 0;
}
.section__performance-tracking p, .section__performance-tracking ul {
  font-size: calc(1.125rem + 0.375 * ((100vw - 30rem) / 45));
  font-size: calc(1.125rem + 0.375 * ((100vw - 30rem) / 45));
  line-height: 1.2;
  letter-spacing: 0.48px;
  letter-spacing: 0.03rem;
  letter-spacing: initial;
}
@media screen and (min-width: 1200px) {
  .section__performance-tracking p, .section__performance-tracking ul {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .section__performance-tracking p, .section__performance-tracking ul {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 1200px) {
  .section__performance-tracking p, .section__performance-tracking ul {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .section__performance-tracking p, .section__performance-tracking ul {
    font-size: 1.125rem;
  }
}
.section__performance-tracking ul {
  display: inline-block;
  line-height: 1.75;
  margin-top: 2vw;
}
.section__performance-tracking li {
  text-align: left;
  margin-left: 23px;
  margin-left: 1.4375rem;
}
.section__performance-tracking em {
  font-style: normal;
  color: #0aafc7;
  padding-right: 5px;
  padding-right: 5px;
  padding-right: 0.3125rem;
  margin-left: -23px;
  margin-left: -1.4375rem;
}
.performance-tracking--icon {
  width: 110px;
  margin-bottom: 1.6vw;
}
.section__performance-tracking--bg {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
@media (min-width: 769px) {
  .section__performance-tracking .section__content {
    padding: 10vw 0;
  }

  .performance-tracking--icon {
    width: 145px;
  }
}
.section__brands {
  position: relative;
  color: #ffffff;
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  overflow: visible;
  min-height: 320px
}
.section__brands .section_heading--top-title {
  font-size: calc(3.75rem + 2.5 * ((100vw - 26.25rem) / 55));
  font-size: calc(3.75rem + 2.5 * ((100vw - 26.25rem) / 55));
  color: #0aafc7;
}
@media screen and (min-width: 1300px) {
  .section__brands .section_heading--top-title {
    font-size: 6.25rem;
  }
}
@media screen and (max-width: 420px) {
  .section__brands .section_heading--top-title {
    font-size: 3.75rem;
  }
}
@media screen and (min-width: 1300px) {
  .section__brands .section_heading--top-title {
    font-size: 6.25rem;
  }
}
@media screen and (max-width: 420px) {
  .section__brands .section_heading--top-title {
    font-size: 3.75rem;
  }
}
.section__brands hr {
  display: none;
}
.section__brands .section_heading--top-description {
  padding: 0px;
  padding: 0rem;
}
.section__brands .section_heading--top-description p {
  font-size: calc(1.625rem + 1.25 * ((100vw - 30rem) / 45));
  font-size: calc(1.625rem + 1.25 * ((100vw - 30rem) / 45));
  line-height: 1.2;
  font-family: SC_Bold;
}
@media screen and (min-width: 1200px) {
  .section__brands .section_heading--top-description p {
    font-size: 2.875rem;
  }
}
@media screen and (max-width: 480px) {
  .section__brands .section_heading--top-description p {
    font-size: 1.625rem;
  }
}
@media screen and (min-width: 1200px) {
  .section__brands .section_heading--top-description p {
    font-size: 2.875rem;
  }
}
@media screen and (max-width: 480px) {
  .section__brands .section_heading--top-description p {
    font-size: 1.625rem;
  }
}
.section__brands .section_heading--top {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
/*.section__brands--bg {
  @apply --full-bleed;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background-position: center;
  background-size: cover;
  background-color: var(--deep-denim);
  @apply --triangles;
}*/
.section__brands--bg {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  position: fixed;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background-position: center;
  background-size: 110%;
  background-color: #31343e;
  z-index: -2;
}
.section__brands .section__brands--bg:before {
  border-bottom-color: #f8f9fa;
}
.section__brand-success-stories {
}
.section__brand-success-stories .success-stories__card {
  color: #FFFFFF;/*font-size: responsive 22px 28px;
    font-range: 480px 1200px;
    line-height: 1.2;
    font-weight: normal;*/
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.section__brand-success-stories .success-stories__card--button {
  color: inherit;
  margin: 30px 0 0;
  margin: 1.875rem 0 0;
}
.section__apply-today {
}
.section__apply-today:before {
  content: '';
  top: 0;
  left: 0;
  height: 100%;
  position: absolute;
  z-index: -1;
  background-color: #ffffff;
  width: 100vw;
  margin-left: calc(-50vw + 50%);/* supports proper z-index stacking context in ios */
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.apply-today__steps {
  max-width: 700px;
  display: block;
  margin: 0 auto 64px auto;
  margin: 0 auto 4rem auto;
}
.apply-today__steps:before {
  content: '';
  display: table;
}
.apply-today__steps:after {
  content: '';
  display: table;
  clear: both;
}
.apply-today__step {
  width: calc(99.9% * 1/3 - (0px - 0px * 1/3));
}
.apply-today__step:nth-child(1n) {
  float: left;
  margin-right: 0px;
  clear: none;
}
.apply-today__step:last-child {
  margin-right: 0;
}
.apply-today__step:nth-child(0n) {
  float: right;
}
.apply-today__step-icon {
  width: 20vw;
  max-width: 120px;
}
.product-fields, .instructor-fields {
  display: none;
}
/* About page */
.section__vision .section__content {
  padding-top: 35px;
  padding-top: 2.1875rem;
}
.section__source-amazing-products {
  position: relative
}
.section__source-amazing-products .section__content {/*@util aspect-ratio(16:9);*/
  padding-top: 0;
}
.section__source-amazing-products p, .section__source-amazing-products ul {
  font-size: calc(1.375rem + 0.5 * ((100vw - 30rem) / 45));
  font-size: calc(1.375rem + 0.5 * ((100vw - 30rem) / 45));
  line-height: 1.2;
  font-family: SC_Bold;/*font-weight: 700;*/
  letter-spacing: normal;
  letter-spacing: initial;
}
@media screen and (min-width: 1200px) {
  .section__source-amazing-products p, .section__source-amazing-products ul {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 480px) {
  .section__source-amazing-products p, .section__source-amazing-products ul {
    font-size: 1.375rem;
  }
}
@media screen and (min-width: 1200px) {
  .section__source-amazing-products p, .section__source-amazing-products ul {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 480px) {
  .section__source-amazing-products p, .section__source-amazing-products ul {
    font-size: 1.375rem;
  }
}
.section__source-amazing-products .section_heading--top {
  width: 100%;
  color: #fff;
}
.section__source-amazing-products:before {
  content: '';
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: #0aafc7;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.section__source-amazing-products--bg {
  /*@apply --full-bleed;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;*/
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
  padding-bottom: 50%;
  background-position: top center;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.section__approach {
  position: relative;
  color: #ffffff;
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
  padding-bottom: 150%;
  overflow: visible;
  min-height: 350px;
  background-color: #455360;

  width: 100vw;

  margin-left: calc(-50vw + 50%);
}
.section__approach:before {
  width: 0;
  height: 0;
  border-left: 100vw solid transparent;/* border-right: 50vw solid transparent; */
  border-bottom: 12.1vw solid #ffffff;
  position: absolute;
  left: 0;
  bottom: -0.5px;
  z-index: 3;
  content: '';
}
.section__approach:after {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-top: 6.08vw solid transparent;
  border-bottom: 6.08vw solid transparent;
  border-right: 50vw solid #0aafc7;
  z-index: 3;
  content: '';
}
.section__approach:after {
  border-right-color: #f1f2f3;
}
.section__approach .flickity-page-dots {
  width: 19px;
  right: 8vw;
  top: 64%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: none;
}
.section__approach .flickity-page-dots .dot {
  width: 12px;
  height: 12px;
  margin-bottom: 5px;
  margin-bottom: 0.3125rem;
  background-color: #dae0e4;
  cursor: default;
}
.section__approach .flickity-page-dots .dot:first-child {
  background-color: #0aafc7;
}
@media (min-width: 769px) {
  .section__approach {
  }
  .section__approach .flickity-page-dots {
    display: block;
  }
}
.section__approach .section__content {
  padding: 0;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}
.approach__title {
  padding-right: calc(1.875rem + 15 * ((100vw - 20rem) / 61.25));
  padding-left: calc(1.875rem + 15 * ((100vw - 20rem) / 61.25));
  margin-bottom: 4vmin;
}
@media (max-width: 320px) {
  .approach__title {
  }
  .approach__title {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1300px) {
  .approach__title {
  }
  .approach__title {
    padding-right: 17.5rem;
    padding-left: 17.5rem;
  }
}
.approach__items {
  /*overflow: hidden;*/
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
  padding-bottom: 31.25%;
}
.approach__item {
  position: absolute;
  width: 100%;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.approach__item:not(:first-child) {
  /*@util aspect-ratio(16:5);*/
  top: 100px;
  opacity: 0;
}
.approach__item--title {
  /*@apply --responsive-section-heading;*/
  font-size: calc(1.875rem + 4.375 * ((100vw - 26.25rem) / 55));
  font-size: calc(1.875rem + 4.375 * ((100vw - 26.25rem) / 55));
  color: #0aafc7;
  padding: 0 10px;
  padding: 0 0.625rem;
}
@media screen and (min-width: 1300px) {
  .approach__item--title {
    font-size: 6.25rem;
  }
}
@media screen and (max-width: 420px) {
  .approach__item--title {
    font-size: 1.875rem;
  }
}
@media screen and (min-width: 1300px) {
  .approach__item--title {
    font-size: 6.25rem;
  }
}
@media screen and (max-width: 420px) {
  .approach__item--title {
    font-size: 1.875rem;
  }
}
@media (min-width: 420px) {
  .section__approach {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
    padding-bottom: 50%;
  }

  .approach__items {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
    padding-bottom: 25%;
    overflow: visible;
  }

  .approach__item {
    /*@util aspect-ratio(16:4);*/
  }
}
@media (min-width: 769px) {
  .section__approach {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
    padding-bottom: 62.5%;
  }

  .approach__items {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
    padding-bottom: 25%;
    overflow: visible;
  }

  .approach__item {
    /*@util aspect-ratio(16:4);*/
  }
}
.section__story .section__content {
  padding-top: 35px;
  padding-top: 2.1875rem;
  padding-bottom: 0;
  font-size: 0;
}
.section__story {
  position: relative
}
.section__story:before {
  content: "";
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  position: absolute;
  height: 100%;
  background-color: #ffffff;
  top: 0;
  z-index: -1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.section__story .three-features {
  background-color: #ffffff;
  color: inherit;
}
.section__story .three-features--item-icon {
  height: 80px;
}
@media (min-width: 769px) {

  .section__story .three-features--item:not(:nth-child(3n+3)) > .dots {
  }

  .section__story .three-features--item:not(:nth-child(3n+3)) > .dots:before {
    content: "•••••••••••••••••";
    color: rgb(217, 224, 230);
  }
}
.section__investors .section__content {
  padding-top: 3vw;
  padding-bottom: 3vw;
  display: block;
  margin: 0 auto;
  max-width: 1200px;
}
.section__investors {
  position: relative;
  padding-bottom: 12vw;
  padding: 0 20px;
  padding: 0 1.25rem;
  width: 100vw;
  margin-left: calc(-50vw + 50%);

  background-color: #31343e;
}
.investors__item {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
  padding-bottom: 100%;
}
.investors__item:first-child, .investors__item:last-child {
  background-color: #ffffff;
}
.investors__item:nth-child(2) {
  background-color: #0aafc7;
}
.investors__item:nth-child(3) {
  background-color: #455360
}
.investors__item:nth-child(3) .investors__item--copy {
  color: #ffffff;
}
.investors__item.image-only {
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.investors__item--copy {
  width: 100%;
  padding: 10vw;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  /*@media (width <= 480px) {
      &> hr {
          height: 0.125rem;
      }
    }

    @media (width >= 992px) {
      &> hr {
        height: 0.5rem;
      }
    }*/
}
.investors__item--copy> hr {/*height: calc(0.125rem + 0.375 * ((100vw - 30rem) / 32));*/
  height: 8px;
  height: 0.5rem;
  width: 180px;
  margin: 30px auto 35px auto;
  margin: 1.875rem auto 2.1875rem auto;
  background-color: #0aafc7;
}
@media (min-width: 769px) {
  .section__investors {
    padding: 0 2.1875rem;
  }

  .investors__items:before {
    content: '';
    display: table;
  }

  .investors__items:after {
    content: '';
    display: table;
    clear: both;
  }

  .investors__item {
    width: calc(99.9% * 1/2 - (10px - 10px * 1/2));
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
    padding-bottom: 50%;
  }

  .investors__item:nth-child(1n) {
    float: left;
    margin-right: 10px;
    clear: none;
  }

  .investors__item:last-child {
    margin-right: 0;
  }

  .investors__item:nth-child(2n) {
    margin-right: 0;
    float: right;
  }

  .investors__item:nth-child(2n + 1) {
    clear: both;
  }

  .investors__item.image-only {
    background-size: 80%;
  }
}
.section__our-team .section__content {
  padding-top: 35px;
  padding-top: 2.1875rem;
  /*padding-bottom: 0;*/
}
.section__our-team .section_heading--top-title {
  margin-top: 40px;
  margin-top: 2.5rem;
}
.our-team__items {
  margin: 6vw 0;
}
.our-team__items:before {
  content: '';
  display: table;
}
.our-team__items:after {
  content: '';
  display: table;
  clear: both;
}
.our-team__item {
  width: calc(99.9% * 1/2 - (30px - 30px * 1/2));
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
  padding-bottom: 76%;
}
.our-team__item:nth-child(1n) {
  float: left;
  margin-right: 30px;
  clear: none;
}
.our-team__item:last-child {
  margin-right: 0;
}
.our-team__item:nth-child(2n) {
  margin-right: 0;
  float: right;
}
.our-team__item:nth-child(2n + 1) {
  clear: both;
}
.our-team__item--overlay {
  width: 100%;
  color: #222222;
  line-height: 1.2;
  padding: 16px;
  padding: 1rem;
}
.our-team__item-image, .our-team__item-imageHover {
  width: 100%;
}
.our-team__item-imageHover:hover {
  opacity: 1
}
.our-team__item-imageHover:hover + img.our-team__item-image {
  opacity: 0;
}
.our-team__item-imageHover {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}
.our-team__item--title {
  font-size: 14px;
  font-size: 0.875rem;
  /*font-size: responsive 12px 14px;*/
  /*font-range: 480px 1200px;*/
  line-height: 1
}
.our-team__item--title span {
  display: inline-block;
  margin-top: 6px;
  margin-top: 0.375rem;
  color: #999;
}
@media (min-width: 375px) {
  .our-team__item {
    padding-bottom: 71%;
  }
}
@media (min-width: 424px) {
  .our-team__item {
    padding-bottom: 65%;
  }
}
@media (min-width: 769px) {
  .our-team__item {
    width: calc(99.9% * 1/4 - (30px - 30px * 1/4));
    padding-bottom: 33%
  }
  .our-team__item:nth-child(1n) {
    float: left;
    margin-right: 30px;
    clear: none;
  }
  .our-team__item:last-child {
    margin-right: 0;
  }
  .our-team__item:nth-child(4n) {
    margin-right: 0;
    float: right;
  }
  .our-team__item:nth-child(4n + 1) {
    clear: both;
  }
  .our-team__item:hover {
  }
  .our-team__item:hover .our-team__item--overlay {
    bottom: 0%;
  }

  .our-team__item--overlay {
    bottom: -100%;
    transition: .3s;
  }
}
@media (min-width: 993px) {
  .our-team__item {
    width: calc(99.9% * 1/5 - (30px - 30px * 1/5));
    padding-bottom: 26%;
  }
  .our-team__item:nth-child(1n) {
    float: left;
    margin-right: 30px;
    clear: none;
  }
  .our-team__item:last-child {
    margin-right: 0;
  }
  .our-team__item:nth-child(5n) {
    margin-right: 0;
    float: right;
  }
  .our-team__item:nth-child(5n + 1) {
    clear: both;
  }
}
.section__location {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  height: 320px;
}
.section__location .section__content {
  /*lost-utility: clearfix;*/
  height: 100%;
  padding: 0;
  background-color: #0aafc7;
}
.location__map {
  /*lost-column: 7/11;*/
  height: 100%;
  display: none;
}
.location__map--canvas {
  height: 100%;
}
.location__info {
  position: relative;
  /*lost-column: 4/11;*/
  height: 100%;
  color: #ffffff;
}
.location__info--content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  /*@media (width <= 480px) {
      &> hr {
          height: 0.125rem;
      }
    }

    @media (width >= 992px) {
      &> hr {
        height: 0.5rem;
      }
    }*/
  font-size: calc(1.125rem + 0.375 * ((100vw - 30rem) / 45));
  font-size: calc(1.125rem + 0.375 * ((100vw - 30rem) / 45));
  line-height: 1.2;
  letter-spacing: 0.48px;
  letter-spacing: 0.03rem
}
@media screen and (min-width: 1200px) {
  .location__info--content {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .location__info--content {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 1200px) {
  .location__info--content {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .location__info--content {
    font-size: 1.125rem;
  }
}
.location__info--content> hr {/*height: calc(0.125rem + 0.375 * ((100vw - 30rem) / 32));*/
  height: 8px;
  height: 0.5rem;
  width: 180px;
  margin: 30px auto 35px auto;
  margin: 1.875rem auto 2.1875rem auto;
  background-color: #0aafc7;
}
.location__info--content hr {
  background-color: #ffffff;
}
.location__info--address-label {
  /*font-weight: normal;*/
}
.location__info--address {
  font-weight: 700;
  font-style: normal;
}
@media (min-width: 769px) {
  .section__location {
    height: 600px
  }
  .section__location .section__content:before {
    content: '';
    display: table;
  }
  .section__location .section__content:after {
    content: '';
    display: table;
    clear: both;
  }

  .location__map {
    display: block;
    width: calc(99.9% * 7/11 - (0px - 0px * 7/11));
    height: 100%;
  }

  .location__map:nth-child(1n) {
    float: left;
    margin-right: 0px;
    clear: none;
  }

  .location__map:last-child {
    margin-right: 0;
  }

  .location__map:nth-child(0n) {
    float: right;
  }

  .location__info {
    width: calc(99.9% * 4/11 - (0px - 0px * 4/11));
  }

  .location__info:nth-child(1n) {
    float: left;
    margin-right: 0px;
    clear: none;
  }

  .location__info:last-child {
    margin-right: 0;
  }

  .location__info:nth-child(0n) {
    float: right;
  }
}
/* Careers page */
.play-icon {
  width: 25vw;
  max-width: 100px;
  background-color: transparent;
  cursor: pointer;
  margin-top: 25px;
  margin-top: 1.5625rem;
}
@media (min-width: 769px) {
  .play-icon path,
  .play-icon polygon {
    transition: .3s;
    transition-property: fill;
  }

  .play-icon:hover path,
  .play-icon:hover polygon {
    fill: #0aafc7;
  }
}
.section__future .section__content {
  padding-top: 35px;
  padding-top: 2.1875rem;
  padding-bottom: 0;
}
.future__content {
  margin-top: 4vw;
  padding-bottom: 6vw;
  position: relative
}
.future__content:after {
  content: '';
  position: absolute;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  height: 100%;
  top: 0;
  left: 0;
  background-color: #f8f9fa;
  z-index: -1;
}
.achievement__content {
  padding-top: 3.4vw;
}
.achievement__content-image {
  width: 117px;
}
.achievement__content-description {
  color: #464646;
  font-size: 17px;
  font-size: 1.0625rem;
  line-height: 1.3em;
  margin-top: 1.3vw;
}
.future__items {
  margin: 4vw 0 0;
}
.future__items:before {
  content: '';
  display: table;
}
.future__items:after {
  content: '';
  display: table;
  clear: both;
}
.future__item {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
  padding-bottom: 100%;
  margin-bottom: 1px;
  margin-bottom: 0.0625rem
}
.future__item:before {
  content: '';
  position: absolute;
  width: 100%;
  height: calc(100% - 1px);
  top: 0;
  left: 0;
  background-color: #0aafc7;
  z-index: -1;
}
.future__item-title {
  position: absolute;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 3vw;
  color: #FFFFFF;
  font-size: calc(1rem + 0.5 * ((100vw - 30rem) / 45));
  font-size: calc(1rem + 0.5 * ((100vw - 30rem) / 45));
  font-style: italic;
  line-height: 1.25
}
@media screen and (min-width: 1200px) {
  .future__item-title {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .future__item-title {
    font-size: 1rem;
  }
}
@media screen and (min-width: 1200px) {
  .future__item-title {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .future__item-title {
    font-size: 1rem;
  }
}
.future__item-title span {
  font-size: 80%;
}
.future__item-image {
  width: 100%;
}
@media (min-width: 500px) {
  .future__item {
    width: calc(99.9% * 1/3 - (1px - 1px * 1/3));
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
    padding-bottom: 33.33333333333333%;
    margin-bottom: 0;
  }
  .future__item:nth-child(1n) {
    float: left;
    margin-right: 1px;
    clear: none;
  }
  .future__item:last-child {
    margin-right: 0;
  }
  .future__item:nth-child(3n) {
    margin-right: 0;
    float: right;
  }
  .future__item:nth-child(3n + 1) {
    clear: both;
  }
}
@media (min-width: 769px) {
  .future__item {
    width: calc(99.9% * 1/4 - (1px - 1px * 1/4));
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
    padding-bottom: 25%;
  }
  .future__item:nth-child(1n) {
    float: left;
    margin-right: 1px;
    clear: none;
  }
  .future__item:last-child {
    margin-right: 0;
  }
  .future__item:nth-child(4n) {
    margin-right: 0;
    float: right;
  }
  .future__item:nth-child(4n + 1) {
    clear: both;
  }

  div.future__item-title {
    /*font-size: responsive 18px 24px;*/
    /*font-range: 769px 1200px;*/
  }

  div.future__item-title span {
    font-size: 75%;
  }
}
.section__values {
  position: relative;
  color: #ffffff;
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
  padding-bottom: 50%;
  overflow: visible;
  min-height: 350px;
  background-color: #455360;
  width: 100vw;
  margin-left: calc(-50vw + 50%)
}
.section__values:before {
  width: 0;
  height: 0;/* border-left: 50vw solid transparent; */
  border-right: 100vw solid transparent;
  border-bottom: 12vw solid #ffffff;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
  content: '';
}
.section__values:after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-top: 6.04vw solid transparent;
  border-bottom: 6.04vw solid transparent;
  border-left: 50vw solid #0aafc7;
  z-index: 3;
  content: '';
}
.section__values .section_heading--top-description span {
  color: #0aafc7;
}
.section__values .section__content {
  position: absolute;
  width: 100%;
  top: 45%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}
.section__values:before {
  border-bottom-color: #f8f9fa;
}
.section__stack-life .section__content {
  position: relative;
  padding-top: 35px;
  padding-top: 2.1875rem;
  padding-bottom: 0
}
.section__stack-life .section__content:before {
  content: '';
  position: absolute;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  height: 50%;
  top: 0;
  left: 0;
  background-color: #f8f9fa;
  z-index: -1;
}
.section__stack-life .section__content:after {
  content: '';
  position: absolute;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  height: 50%;
  top: 50%;
  left: 0;
  background-color: #455360;
  z-index: -1;
}
.section__stack-life .section__content:after:before {
  width: 0;
  height: 0;
  border-left: 100vw solid transparent;/* border-right: 50vw solid transparent; */
  border-bottom: 12.1vw solid #ffffff;
  position: absolute;
  left: 0;
  bottom: -0.5px;
  z-index: 3;
  content: '';
}
.section__stack-life .section__content:after:after {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-top: 6.08vw solid transparent;
  border-bottom: 6.08vw solid transparent;
  border-right: 50vw solid #0aafc7;
  z-index: 3;
  content: '';
}
.stack-life__image {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  max-width: none;
  margin-top: 3.5vw;
  margin-bottom: 3.5vw;
}
.stack-life__items-bottom {
  color: #ffffff;
}
.stack-life__triangles {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  position: relative;
  height: 12vw;
}
.stack-life__triangles:before {
  width: 0;
  height: 0;
  border-left: 100vw solid transparent;/* border-right: 50vw solid transparent; */
  border-bottom: 12.1vw solid #ffffff;
  position: absolute;
  left: 0;
  bottom: -0.5px;
  z-index: 3;
  content: '';
}
.stack-life__triangles:after {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-top: 6.08vw solid transparent;
  border-bottom: 6.08vw solid transparent;
  border-right: 50vw solid #0aafc7;
  z-index: 3;
  content: '';
}
/*main {
  padding: 0 20px;
  margin: 0 auto;
  max-width: var(--max-width);
  min-height: 1000px;
}

@media (--small-up) {
  main {
    padding: 0 var(--main-lr-padding);
  }
}*/
.stack-life__item {
  text-align: left;
  margin-top: 30px;
  margin-top: 1.875rem;
  padding: 3vw 0
}
.stack-life__item h3 {
  margin-top: 4vw;
  color: #0aafc7;
}
.stack-life__item h5 {
  margin: 30px 0 11px 0;
  margin: 1.875rem 0 0.6875rem 0;
}
.stack-life__item-image {
  width: 30px;
}
@media (min-width: 769px) {

  .stack-life__item {
  }

  .stack-life__item h3 {
    margin-top: 2vw;
    color: #0aafc7;
  }

  .stack-life__item h5 {
    margin: 2vw 0 0.75vw 0;
  }

  .stack-life__items-top:before, .stack-life__items-bottom:before {
    content: '';
    display: table;
  }

  .stack-life__items-top:after, .stack-life__items-bottom:after {
    content: '';
    display: table;
    clear: both;
  }

  .stack-life__item {
    width: calc(99.9% * 1/2 - (0px - 0px * 1/2));
    padding: 2vw 3vw;
  }

  .stack-life__item:nth-child(1n) {
    float: left;
    margin-right: 0px;
    clear: none;
  }

  .stack-life__item:last-child {
    margin-right: 0;
  }

  .stack-life__item:nth-child(2n) {
    margin-right: 0;
    float: right;
  }

  .stack-life__item:nth-child(2n + 1) {
    clear: both;
  }

  .stack-life__item-image {
    width: 6vw;
  }
}
@media (min-width: 993px) {

  .stack-life__item {
    width: calc(99.9% * 1/3 - (0px - 0px * 1/3));
  }

  .stack-life__item:nth-child(1n) {
    float: left;
    margin-right: 0px;
    clear: none;
  }

  .stack-life__item:last-child {
    margin-right: 0;
  }

  .stack-life__item:nth-child(3n) {
    margin-right: 0;
    float: right;
  }

  .stack-life__item:nth-child(3n + 1) {
    clear: both;
  }

  .stack-life__item-image {
    width: 4vw;
  }
}
.section__jobs .section__content {
  padding-top: 35px;
  padding-top: 2.1875rem;
}
#grnhse_app {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
}
/* Press page */
.press--content {
  text-align: center;
  margin: 60px 0;
  margin: 3.75rem 0;
}
.press--media-contact {
  max-width: 768px;
  margin: 30px auto;
  margin: 1.875rem auto;
  padding: 0 10px;
  padding: 0 0.625rem;
}
.section__thumblist {
  max-width: 768px;
  margin: 0px auto;
  margin: 0rem auto;
  text-align: left;
}
.thumblist-items {
  max-width: 768px;
  margin: 0 auto;
  font-family: SC_Regular;
  text-align: left;
}
.thumblist-item {
  padding: 15px 0;
  padding: 0.9375rem 0;
  line-height: 0;
  border-top: solid 1px #dae0e4
}
.thumblist-item:last-child {
  border-bottom: solid 1px #dae0e4;
}
.thumblist-item--image {
  display: none;
  width: 174px;
}
.thumblist-item--copy {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  line-height: 1.2;
}
.thumblist-item--date {
  padding-bottom: 10px;
  padding-bottom: 0.625rem;
  font-size: 13px;
  font-size: 0.8125rem;
  color: #455360;
}
.thumblist-item--title {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  text-transform: capitalize;
}
@media(min-width: 769px) {

  .thumblist-item--image {
    display: inline-block;
  }

  .thumblist-item--copy {
    width: calc(100% - 180px);
    padding: 0 1.25rem;
  }

  .thumblist-item--date {
    font-size: 0.9375rem;
  }
}
/* Brand Studio page */
.brand-studio-hero .hero_title {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
.brand-studio-hero .hero_description {
  color: #fff;
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: normal;
}
.section__popular-mechanics-modal, .section__mashable-modal, .section__digg-modal {
  display: none;
}
.modal__brand-studio .modal__bg {
  background-color: rgba(0, 0, 0, .5);
}
.modal__brand-studio .modal__content {
  background: #f7f7f7;
  width: auto;
  max-width: none;
  min-height: 200px;
}
.modal__brand-studio .modal__basic {
  width: 100vw;
  height: 100vh;
	overflow-y: scroll;
}
.brand-modal--logo {
  display: inline-block;
}
.modal__brand-studio .modal__basic--description {
  width: 280px;
  margin: 6vh auto 12vh;
}
.brand-modal--logo {
  display: none;
}
.brand-modal--title {
  padding: 3vw 0;
  font-size: 22px;
  font-size: 1.375rem;
  text-align: center;
}
.brand-modal--content__title {
  margin-top: 3vw;
}
.brand-modal--content__paragraph {
  margin-bottom: 2vh;
}
.brand-modal__embed-iframe {
  margin-bottom: 2vh;
  position: relative;
  clear: both;
}
.brand-modal__embed-inner {
  position: relative;
}
.brand-modal__embed-inner::before {
  content: '';
  display: block;
  width: 100%;
  padding-bottom: 56.25%;
}
.brand-modal--content__iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media (min-width: 769px) {
  .modal__brand-studio .modal__content {
    background: #ffffff;
  }

  .modal__brand-studio .modal__basic {
    width: 758px;
    overflow-y: scroll;
  }

  .modal__brand-studio .modal__close {
    display: block;
  }

  .brand-modal--logo {
    display: block;
  }

  .modal__brand-studio .modal__basic--description {
    width: 435px;
    margin: 3vw auto;
  }
}
.section__crafting-commerce-content .section__content {
  padding-top: 35px;
  padding-top: 2.1875rem;
}
.section__crafting-commerce-content .section_heading--top-description {
  padding: 0 9vw;
}
@media (min-width: 769px) {
  .section__crafting-commerce-content .section_heading--top-description {
    padding: 0 12vw;
  }
}
.section__creative-studio::before {
  content: '';
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: #F9FAFC;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.section__creative-studio .section__content:before {
  content: '';
  display: table;
}
.section__creative-studio .section__content:after {
  content: '';
  display: table;
  clear: both;
}
.section__creative-studio .section__content::before {
  content: '';
  display: table;
}
.section__creative-studio .section__content::after {
  content: '';
  display: table;
  clear: both;
}
.creative-studio__item {
  width: calc(99.9% * 1 - (0px - 0px * 1));
  padding: 2.6vw 2vw;
}
.creative-studio__item:nth-child(1n) {
  float: left;
  margin-right: 0px;
  clear: none;
}
.creative-studio__item:last-child {
  margin-right: 0;
}
.creative-studio__item:nth-child(0n) {
  float: right;
}
.creative-studio__item-image {
  background: #00B2C6;
  border-radius: 100%;
  width: 162px;
  margin: auto auto 2vw;
  padding: 48px;
  padding: 3rem;
  box-sizing: border-box;
}
.creative-studio__item-title {
  margin-bottom: .8vw;
}
.creative-studio__item-description {
  margin-bottom: 2vw;
}
@media (min-width: 768px) {
  .creative-studio__item {
    width: calc(99.9% * 1/2 - (0px - 0px * 1/2));
    padding: 2.6vw 3vw;
  }
  .creative-studio__item:nth-child(1n) {
    float: left;
    margin-right: 0px;
    clear: none;
  }
  .creative-studio__item:last-child {
    margin-right: 0;
  }
  .creative-studio__item:nth-child(5n) {
    margin-right: 0;
    float: right;
  }
  .creative-studio__item:nth-child(5n + 1) {
    clear: both;
  }
}
@media (min-width: 1201px) {
  .creative-studio__item {
    width: calc(99.9% * 1/3 - (0px - 0px * 1/3));
    padding: 2.6vw 3vw
  }
  .creative-studio__item:nth-child(1n) {
    float: left;
    margin-right: 0px;
    clear: none;
  }
  .creative-studio__item:last-child {
    margin-right: 0;
  }
  .creative-studio__item:nth-child(4n) {
    margin-right: 0;
    float: right;
  }
  .creative-studio__item:nth-child(4n + 1) {
    clear: both;
  }
  .creative-studio__item:last-child {
    margin-top: 0;
  }
}
.section__creativity-fueled {
  color: #FFF;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  padding-bottom: 10vw;
}
.section__creativity-fueled .triangles::before {
  width: 0;
  height: 0;
  border-right: 100vw solid transparent;
  border-bottom: 12vw solid #F9FAFC;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
  content: '';
}
.section__creativity-fueled .triangles::after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-top: 6.04vw solid transparent;
  border-bottom: 6.04vw solid transparent;
  border-left: 50vw solid #0aafc7;
  z-index: 3;
  content: '';
}
.section__creativity-fueled .curated-content_stats {
  background: none;
}
.creativity-fueled--bg {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background-position: left top;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.section__creativity-fueled > .section__content > h2 {
  padding: 0 12vw;
  font-size: 32px;
  font-size: 2rem;
}
.creativity-fueled__description {
  padding: 0 3vw;
  font-size: 20px;
  font-size: 1.25rem;
}
.creativity-fueled__digg-text {
  margin-top: 4vw;
  padding: 0 3vw;
  font-size: 20px;
  font-size: 1.25rem;
  display: inline-block;
}
.creativity-fueled__digg-logo {
  width: 50px;
  vertical-align: middle;
}
@media (min-width: 769px) {
  .creativity-fueled--bg {
    background-position: center;
  }

  .section__creativity-fueled > .section__content > h2 {
    padding: 0;
    font-size: 2.875rem;
  }

  .creativity-fueled__description {
    padding: 0 18.75rem;
    font-size: 1.5rem;
  }

  .creativity-fueled__digg-text {
    margin: 0;
    padding: 0;
  }
}
.section__expert-writers {
  color: #FFF;
}
.section__expert-writers hr {
  background: #1F1F35;
}
.section__expert-writers .section_heading--top-description {
  padding: 0 8vw;
}
.section__expert-writers::before {
  content: '';
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: #00B3CB;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.section__expert-writers .section__content::before {
  content: '';
  display: table;
}
.section__expert-writers .section__content::after {
  content: '';
  display: table;
  clear: both;
}
.expert-writers__item {
  width: calc(99.9% * 1 - (0px - 0px * 1));
  padding: 2.6vw 2vw;
  margin-bottom: 10vw;
}
.expert-writers__item:nth-child(1n) {
  float: left;
  margin-right: 0px;
  clear: none;
}
.expert-writers__item:last-child {
  margin-right: 0;
}
.expert-writers__item:nth-child(0n) {
  float: right;
}
.expert-writers__item::after {
  content: '';
  clear: both;
}
.expert-writers__item-image {
  width: 50%;
  height: 50%;
}
.expert-writers__item:last-child .expert-writers__item-image {
  opacity: 0.6;
}
.expert-writers__item-image img {
  border-radius: 100%;
}
.expert-writers__item-copy {
  float: left;
}
.expert-writers__item-name {
  margin: 5vw 0 2vw;
  float: left;
}
.expert-writers__item-description {
  margin: 1vw 0 2vw;
  text-align: left;
  float: left;
}
.expert-writers__item-link {
  color: #FFF;
  font-weight: bold;
}
.expert-writers__item-twitter {
  float: left;
}
.expert-writers__item-twitter > a {
  color: #FFF;
}
.expert-writers__item-button {
  background: #00B3CB;
  border-radius: 4px;
  width: 197px; 
  height: 52px;
  text-transform: uppercase;
  font-weight: bold;
}
@media (min-width: 769px) {
  .section__expert-writers .section_heading--top-description {
    padding: 0 12vw;
  }

  .expert-writers__item {
    margin-bottom: 0;
  }

  .expert-writers__item-image {
    width: 25%;
    float: left;
  }

  .expert-writers__item-image img {
    float: left;
  }

  .expert-writers__item-copy {
    width: 75%;
    float: right;
  }

  .expert-writers__item-name {
    margin: 0;
    float: left;
  }
}
.section__commerce-content {
  color: #FFF;
}
.section__commerce-content::before {
  content: '';
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: #1C2233;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.section__commerce-content .section_heading--top-description {
  padding: 0 9vw;
}
.section__commerce-content .section__content:before {
  content: '';
  display: table;
}
.section__commerce-content .section__content:after {
  content: '';
  display: table;
  clear: both;
}
.section__commerce-content .section__content::before {
  content: '';
  display: table;
}
.section__commerce-content .section__content::after {
  content: '';
  display: table;
  clear: both;
}
.commerce-content__item {
  width: calc(99.9% * 1 - (0px - 0px * 1));
  padding: 2.6vw 2vw;
}
.commerce-content__item:nth-child(1n) {
  float: left;
  margin-right: 0px;
  clear: none;
}
.commerce-content__item:last-child {
  margin-right: 0;
}
.commerce-content__item:nth-child(0n) {
  float: right;
}
.commerce-content__item-title {
  margin-bottom: .8vw;
}
.commerce-content__item-description {
  margin: 1vw 0 2vw;
  font-size: 19px;
  font-size: 1.1875rem;
  font-weight: bold;
}
.commerce-content__item-button {
  background: #00B3CB;
  border-radius: 4px;
  width: 197px; 
  height: 52px;
  text-transform: uppercase;
  font-weight: bold;
}
@media (min-width: 769px) {
  .commerce-content__item {
    width: calc(99.9% * 1/3 - (0px - 0px * 1/3))
  }
  .commerce-content__item:nth-child(1n) {
    float: left;
    margin-right: 0px;
    clear: none;
  }
  .commerce-content__item:last-child {
    margin-right: 0;
  }
  .commerce-content__item:nth-child(0n) {
    float: right;
  }
  .commerce-content__item:last-child {
    margin-top: 0;
  }

  .section__commerce-content .section_heading--top-description {
    padding: 0 12vw;
  }
}
/* Stackmedia page */
.stackmedia-hero .hero_title {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
.stackmedia-hero .hero_description {
  color: #fff;
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: normal;
}
.section__brand-exposure .section__content {
  padding-top: 35px;
  padding-top: 2.1875rem;
}
.section__brand-exposure {
  position: relative;
}
.section__brand-exposure:before {
  content: '';
  top: 0;
  left: 0;
  height: 100%;
  position: absolute;
  z-index: -1;
  background-color: #ffffff;
  width: 100vw;
  margin-left: calc(-50vw + 50%);/* supports proper z-index stacking context in ios */
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.section__sponsored-content {
  color: #ffffff;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  padding-bottom: 10vw;
}
.section__sponsored-content:before {
  content: '';
  top: 0;
  left: 0;
  height: 100%;
  position: absolute;
  z-index: -1;
  background-color: #ffffff;
  width: 100vw;
  margin-left: calc(-50vw + 50%);/* supports proper z-index stacking context in ios */
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.section__sponsored-content .triangles::before {
  width: 0;
  height: 0;
  border-right: 100vw solid transparent;
  border-bottom: 12vw solid #f8f9fa;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
  content: '';
}
.section__sponsored-content .triangles::after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-top: 6.04vw solid transparent;
  border-bottom: 6.04vw solid transparent;
  border-left: 50vw solid #0aafc7;
  z-index: 3;
  content: '';
}
.section__sponsored-content .curated-content_stats {
  background: none;
}
.sponsored-content--bg {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background-position: left top;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.section__sponsored-content > .section__content > h2 {
  padding: 0 12vw;
  font-size: 32px;
  font-size: 2rem;
}
.sponsored-content__description {
  padding: 0 3vw;
  font-size: 20px;
  font-size: 1.25rem;
  padding-right: calc(1.875rem + 15 * ((100vw - 20rem) / 61.25));
  padding-left: calc(1.875rem + 15 * ((100vw - 20rem) / 61.25));
}
@media (max-width: 320px) {
  .sponsored-content__description {
  }
  .sponsored-content__description {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1300px) {
  .sponsored-content__description {
  }
  .sponsored-content__description {
    padding-right: 17.5rem;
    padding-left: 17.5rem;
  }
}
.sponsored-content__author {
  font-size: 18px;
  font-size: 1.125rem;
  margin: 20px 0;
  margin: 1.25rem 0;
}
@media (min-width: 769px) {
  .sponsored-content--bg {
    background-position: center;
  }

  .section__sponsored-content > .section__content > h2 {
    padding: 0;
    font-size: 2.875rem;
  }

  .sponsored-content__description {
    padding: 0 18.75rem;
    font-size: 1.5rem;
  }
}
.section__what-you-get {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  overflow: hidden;
  background-color: #f8f9fa;
  padding-top: 80px;
  padding-top: 5rem;
  padding-bottom: 7vw
}
.section__what-you-get .section__content {
  padding: 0 20px;
  padding: 0 1.25rem;
  margin: 0 auto;
}
.what-you-get__item {
  text-align: left;
  margin-top: 30px;
  margin-top: 1.875rem;
  padding: 2vw 3vw
}
.what-you-get__item h5 {
  font-size: 24px;
  font-size: 1.5rem;
  margin: 30px 0 11px 0;
  margin: 1.875rem 0 0.6875rem 0;
}
@media (min-width: 769px) {
  .what-you-get__item {
    width: calc(99.9% * 1/2 - (0px - 0px * 1/2));
    padding: 2vw 3vw
  }
  .what-you-get__item:nth-child(1n) {
    float: left;
    margin-right: 0px;
    clear: none;
  }
  .what-you-get__item:last-child {
    margin-right: 0;
  }
  .what-you-get__item:nth-child(0n) {
    float: right;
  }
  .what-you-get__item h5 {
    margin: 2vw 0 0.75vw 0;
  }

  .what-you-get__items:before {
    content: '';
    display: table;
  }

  .what-you-get__items:after {
    content: '';
    display: table;
    clear: both;
  }
}
@media (min-width: 993px) {
  .what-you-get__item {
    padding: 2vw 3vw;
    width: calc(99.9% * 1/2 - (0px - 0px * 1/2));
  }
  .what-you-get__item:nth-child(1n) {
    float: left;
    margin-right: 0px;
    clear: none;
  }
  .what-you-get__item:last-child {
    margin-right: 0;
  }
  .what-you-get__item:nth-child(0n) {
    float: right;
  }
}
.section__stackmedia-for > .section__content {
  padding-top: 80px;
  padding-top: 5rem
}
.section__stackmedia-for > .section__content .stackmedia-for__title {
  margin-bottom: 50px;
  margin-bottom: 3.125rem;
}
.section__stackmedia-for > .section__content .page-subsection_tabs {
  max-width: 600px;
  margin: 0 auto;
}
.section__stackmedia-for > .section__content .page-subsection_tab {
  width: calc(99.9% * 1/2 - (0px - 0px * 1/2));
}
.section__stackmedia-for > .section__content .page-subsection_tab:nth-child(1n) {
  float: left;
  margin-right: 0px;
  clear: none;
}
.section__stackmedia-for > .section__content .page-subsection_tab:last-child {
  margin-right: 0;
}
.section__stackmedia-for > .section__content .page-subsection_tab:nth-child(0n) {
  float: right;
}
.section__stackmedia-for > .section__content .page-subsections {
  margin-top: 80px;
  margin-top: 5rem;
  padding-bottom: 1vw;
  background-color: #ffffff;
}
.section__stackmedia-for > .section__content .section__content {
  padding-bottom: 0;
  margin-bottom: 0;
}
.section__stackmedia-for > .section__content .page-subsection {
  background: none;
  background-color: #ffffff;
}
.sub-section--advertisers {
  z-index: -1;
}
.section__stackmedia-for__trusted-by {
  position: relative;
  color: #ffffff;
  background-position: center;
  background-color: #31343e;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: visible;
  min-height: 320px;
  padding: 13vw 0
}
.section__stackmedia-for__trusted-by .section_heading--top-title {
  color: #0aafc7;
  font-size: calc(3.125rem + 1.25 * ((100vw - 30rem) / 45));
  font-size: calc(3.125rem + 1.25 * ((100vw - 30rem) / 45));
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 1200px) {
  .section__stackmedia-for__trusted-by .section_heading--top-title {
    font-size: 4.375rem;
  }
}
@media screen and (max-width: 480px) {
  .section__stackmedia-for__trusted-by .section_heading--top-title {
    font-size: 3.125rem;
  }
}
@media screen and (min-width: 1200px) {
  .section__stackmedia-for__trusted-by .section_heading--top-title {
    font-size: 4.375rem;
  }
}
@media screen and (max-width: 480px) {
  .section__stackmedia-for__trusted-by .section_heading--top-title {
    font-size: 3.125rem;
  }
}
.section__stackmedia-for__trusted-by .section_heading--top-description {
  padding: 0px;
  padding: 0rem;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
.section__stackmedia-for__trusted-by .section_heading--top-description p {
  font-size: 25px;
  font-size: 1.5625rem;
  font-weight: bold;
}
.section__stackmedia-for__trusted-by .section_heading--top {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.section__sponsored-vs-native {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  position: relative;
  background-color: #ffffff
}
.section__sponsored-vs-native .section__content {
  padding: 0;
  padding-top: 100px;
  padding-top: 6.25rem;
  max-width: 1280px;
  margin: 0 auto;
}
.section__sponsored-vs-native .sponsored-vs-native__image {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
}
.section__available-formats {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  position: relative;
  background-color: #ffffff
}
.section__available-formats .section__content {
  padding: 0;
  padding-top: 100px;
  padding-top: 6.25rem;
  max-width: 1280px;
  margin: 0 auto;
}
.section__available-formats .subsection_content {
  max-width: 1100px;
}
.section__available-formats .subsection_content:before {
  content: '';
  display: table;
}
.section__available-formats .subsection_content:after {
  content: '';
  display: table;
  clear: both;
}
.section__available-formats .available-formats__item {
  text-align: left;
  margin-top: 30px;
  margin-top: 1.875rem;
  padding: 2vw 3vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.section__available-formats .available-formats__item:before {
  content: '';
  display: table;
}
.section__available-formats .available-formats__item:after {
  content: '';
  display: table;
  clear: both;
}
.section__available-formats .available-formats__item h5 {
  font-size: 24px;
  font-size: 1.5rem;
  margin: 30px 0 11px 0;
  margin: 1.875rem 0 0.6875rem 0;
}
.section__available-formats .available-formats__item .item__image {
  width: calc(99.9% * 1/3 - (0px - 0px * 1/3));
}
.section__available-formats .available-formats__item .item__image:nth-child(1n) {
  float: left;
  margin-right: 0px;
  clear: none;
}
.section__available-formats .available-formats__item .item__image:last-child {
  margin-right: 0;
}
.section__available-formats .available-formats__item .item__image:nth-child(0n) {
  float: right;
}
.section__available-formats .available-formats__item .item__body {
  padding: 0;
  margin-left: 2vw;
  width: calc(99.9% * 2/3 - (0px - 0px * 2/3));
}
.section__available-formats .available-formats__item .item__body:nth-child(1n) {
  float: left;
  margin-right: 0px;
  clear: none;
}
.section__available-formats .available-formats__item .item__body:last-child {
  margin-right: 0;
}
.section__available-formats .available-formats__item .item__body:nth-child(0n) {
  float: right;
}
.section__available-formats .available-formats__item .item__body h3 {
  color: #0aafc7;
  font-size: 25px;
  font-size: 1.5625rem;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
.section__our-audience {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  position: relative;
  background-color: #ffffff
}
.section__our-audience .stuff {
  width: 100%;
  max-width: 1000px;
}
.section__our-audience .stuff:before {
  content: '';
  display: table;
}
.section__our-audience .stuff:after {
  content: '';
  display: table;
  clear: both;
}
.section__our-audience .content__image {
  padding: 20px 0;
  padding: 1.25rem 0;
}
.section__our-audience ul {
  list-style-type: bubble;
  list-style-position: inside;
  text-align: left;
}
.section__our-audience li {
  display: list-item;
  font-size: 25px;
  font-size: 1.5625rem;
  line-height: 1.7;
}
.section__seamlessly-partnering {
  position: relative;
  background-color: #ffffff
}
.section__seamlessly-partnering .section__content {
  padding: 0;
  padding-top: 100px;
  padding-top: 6.25rem;
  max-width: 1280px;
  margin: 0 auto;
}
.section__seamlessly-partnering .seamlessly-partnering__image {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
}
.section__stuffs {
  background-color: #ffffff
}
.section__stuffs .section__content {
  margin: 0 auto;
}
.section__stuffs .section__content .subsection_content {
  max-width: 1000px;
}
.section__stuffs .section__content .subsection_content .subsection_item--image {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.section__stuffs .section__content .subsection_content .subsection_item--copy {
  flex: 0 0 auto;
  width: calc(99.9% * 1 - (0px - 0px * 1));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.section__stuffs .section__content .subsection_content .subsection_item--copy:nth-child(1n) {
  margin-right: 0px;
  margin-left: 0;
}
.section__stuffs .section__content .subsection_content .subsection_item--copy:last-child {
  margin-right: 0;
}
.section__stuffs .section__content .subsection_content .subsection_item--copy:nth-child(undefinedn) {
  margin-right: 0;
  margin-left: auto;
}
@media (min-width: 769px) {
  .available-formats__item {
    width: calc(99.9% * 1/2 - (0px - 0px * 1/2));
    padding: 2vw 3vw
  }
  .available-formats__item:nth-child(1n) {
    float: left;
    margin-right: 0px;
    clear: none;
  }
  .available-formats__item:last-child {
    margin-right: 0;
  }
  .available-formats__item:nth-child(0n) {
    float: right;
  }
  .available-formats__item h5 {
    margin: 2vw 0 0.75vw 0;
  }

  .available-formats__items:before {
    content: '';
    display: table;
  }

  .available-formats__items:after {
    content: '';
    display: table;
    clear: both;
  }

  .stuff {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }

  .content__image {
    flex: 0 0 auto;
    width: calc(99.9% * 2/3 - (0px - 0px * 2/3));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .content__image:nth-child(1n) {
    margin-right: 0px;
    margin-left: 0;
  }

  .content__image:last-child {
    margin-right: 0;
  }

  .content__image:nth-child(3n) {
    margin-right: 0;
    margin-left: auto;
  }

  .content__info {
    flex: 0 0 auto;
    width: calc(99.9% * 1/3 - (0px - 0px * 1/3));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .content__info:nth-child(1n) {
    margin-right: 0px;
    margin-left: 0;
  }

  .content__info:last-child {
    margin-right: 0;
  }

  .content__info:nth-child(3n) {
    margin-right: 0;
    margin-left: auto;
  }

  .content__image {
    margin-left: 1.25rem;
    padding: 0 1.875rem;
  }

  .section__stuffs {
  }

  .section__stuffs .section__content {
  }

  .section__stuffs .section__content .subsection_content {
  }

  .section__stuffs .section__content .subsection_content .subsection_item--image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: 0 0 auto;
    width: calc(99.9% * 1/2 - (0px - 0px * 1/2));
    padding-right: 5rem;
  }

  .section__stuffs .section__content .subsection_content .subsection_item--image:nth-child(1n) {
    margin-right: 0px;
    margin-left: 0;
  }

  .section__stuffs .section__content .subsection_content .subsection_item--image:last-child {
    margin-right: 0;
  }

  .section__stuffs .section__content .subsection_content .subsection_item--image:nth-child(2n) {
    margin-right: 0;
    margin-left: auto;
  }

  .section__stuffs .section__content .subsection_content .subsection_item--copy {
    flex: 0 0 auto;
    width: calc(99.9% * 1/2 - (0px - 0px * 1/2));
  }

  .section__stuffs .section__content .subsection_content .subsection_item--copy:nth-child(1n) {
    margin-right: 0px;
    margin-left: 0;
  }

  .section__stuffs .section__content .subsection_content .subsection_item--copy:last-child {
    margin-right: 0;
  }

  .section__stuffs .section__content .subsection_content .subsection_item--copy:nth-child(2n) {
    margin-right: 0;
    margin-left: auto;
  }
}
@media (min-width: 993px) {
  .available-formats__item {
    padding: 2vw 3vw;
    width: calc(99.9% * 1/2 - (0px - 0px * 1/2));
  }
  .available-formats__item:nth-child(1n) {
    float: left;
    margin-right: 0px;
    clear: none;
  }
  .available-formats__item:last-child {
    margin-right: 0;
  }
  .available-formats__item:nth-child(0n) {
    float: right;
  }

  .available-formats__items:before {
    content: '';
    display: table;
  }

  .available-formats__items:after {
    content: '';
    display: table;
    clear: both;
  }
}
/**
 * mobile first!
 */
.footer {
  padding: 25px 0;
  padding: 1.5625rem 0;
  background-color: #31343e
}
.footer .navigation__footer {
  padding-top: 3vw;
  padding-bottom: 2vw;
}
.footer .navigation_item--link {
  font-size: 14px;
  font-size: 0.875rem;
}
.footer_contents {
  font-family: SC_Bold;
  font-size: 14px;
  font-size: 0.875rem;
  color: #FFF;
  /*letter-spacing: .4px;*/

  text-align: center;

  /*@util sticky-footer(.footer);*/

  /*@media (width <= 480px) {
      &> hr {
          height: 0.125rem;
      }
    }

    @media (width >= 992px) {
      &> hr {
        height: 0.5rem;
      }
    }*/
}
.footer_contents> hr {/*height: calc(0.125rem + 0.375 * ((100vw - 30rem) / 32));*/
  height: 8px;
  height: 0.5rem;
  width: 180px;
  margin: 30px auto 35px auto;
  margin: 1.875rem auto 2.1875rem auto;
  background-color: #0aafc7;
}
.social {
  padding-top: 2.21vw;
}
.social_title {
  font-family: SC_Regular;
  margin-bottom: calc(1.5vw + 0.3125rem);
}
.social_icons {
  margin-bottom: calc(1.8vw + 0.3125rem);
  font-size: 40px;
  font-size: 2.5rem;
}
.social_icons--item {
  display: inline-block;
  width: 48px;
  height: 48px;
}
@media (min-width: 769px) {
  .footer {
    padding: 0vw 4vw 2vw 4vw;
  }
}