@charset "UTF-8";
/* Basscss Type Scale */
@import url("//hello.myfonts.net/count/2e4c3a");
.h1 {
  font-size: 2rem; }

.h2 {
  font-size: 1.5rem; }

.h3 {
  font-size: 1.25rem; }

.h4 {
  font-size: 1rem; }

.h5 {
  font-size: 0.875rem; }

.h6 {
  font-size: 0.75rem; }

/* Basscss Typography */
.font-family-inherit {
  font-family: inherit; }

.font-size-inherit {
  font-size: inherit; }

.text-decoration-none {
  text-decoration: none; }

.bold {
  font-weight: bold; }

.regular {
  font-weight: normal; }

.italic {
  font-style: italic; }

.caps {
  text-transform: uppercase;
  letter-spacing: 0.2em; }

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

.center {
  text-align: center; }

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

.justify {
  text-align: justify; }

.nowrap {
  white-space: nowrap; }

.break-word {
  word-wrap: break-word; }

.line-height-1 {
  line-height: 1; }

.line-height-2 {
  line-height: 1.125; }

.line-height-3 {
  line-height: 1.25; }

.line-height-4 {
  line-height: 1.5; }

.list-style-none {
  list-style: none; }

.underline {
  text-decoration: underline; }

.truncate {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.list-reset {
  list-style: none;
  padding-left: 0; }

/* Basscss Layout */
.inline {
  display: inline; }

.block {
  display: block; }

.inline-block {
  display: inline-block; }

.table {
  display: table; }

.table-cell {
  display: table-cell; }

.overflow-hidden {
  overflow: hidden; }

.overflow-scroll {
  overflow: scroll; }

.overflow-auto {
  overflow: auto; }

.clearfix:before, .content-block__interior:before, .dark-matters__logo-container:before, .use-case-navigator:before,
.clearfix:after,
.content-block__interior:after,
.dark-matters__logo-container:after,
.use-case-navigator:after {
  content: " ";
  display: table; }

.clearfix:after, .content-block__interior:after, .dark-matters__logo-container:after, .use-case-navigator:after {
  clear: both; }

.left {
  float: left; }

.right {
  float: right; }

.fit {
  max-width: 100%; }

.max-width-1 {
  max-width: 24rem; }

.max-width-2 {
  max-width: 32rem; }

.max-width-3 {
  max-width: 48rem; }

.max-width-4 {
  max-width: 64rem; }

.border-box {
  box-sizing: border-box; }

/* Basscss Align */
.align-baseline {
  vertical-align: baseline; }

.align-top {
  vertical-align: top; }

.align-middle {
  vertical-align: middle; }

.align-bottom {
  vertical-align: bottom; }

/* Basscss Margin */
.m0 {
  margin: 0; }

.mt0 {
  margin-top: 0; }

.mr0 {
  margin-right: 0; }

.mb0 {
  margin-bottom: 0; }

.ml0 {
  margin-left: 0; }

.mx0 {
  margin-left: 0;
  margin-right: 0; }

.my0 {
  margin-top: 0;
  margin-bottom: 0; }

.m1 {
  margin: 0.5rem; }

.mt1 {
  margin-top: 0.5rem; }

.mr1 {
  margin-right: 0.5rem; }

.mb1 {
  margin-bottom: 0.5rem; }

.ml1 {
  margin-left: 0.5rem; }

.mx1 {
  margin-left: 0.5rem;
  margin-right: 0.5rem; }

.my1 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem; }

.m2 {
  margin: 1rem; }

.mt2 {
  margin-top: 1rem; }

.mr2 {
  margin-right: 1rem; }

.mb2 {
  margin-bottom: 1rem; }

.ml2 {
  margin-left: 1rem; }

.mx2 {
  margin-left: 1rem;
  margin-right: 1rem; }

.my2 {
  margin-top: 1rem;
  margin-bottom: 1rem; }

.m3 {
  margin: 2rem; }

.mt3 {
  margin-top: 2rem; }

.mr3 {
  margin-right: 2rem; }

.mb3 {
  margin-bottom: 2rem; }

.ml3 {
  margin-left: 2rem; }

.mx3 {
  margin-left: 2rem;
  margin-right: 2rem; }

.my3 {
  margin-top: 2rem;
  margin-bottom: 2rem; }

.m4 {
  margin: 4rem; }

.mt4 {
  margin-top: 4rem; }

.mr4 {
  margin-right: 4rem; }

.mb4 {
  margin-bottom: 4rem; }

.ml4 {
  margin-left: 4rem; }

.mx4 {
  margin-left: 4rem;
  margin-right: 4rem; }

.my4 {
  margin-top: 4rem;
  margin-bottom: 4rem; }

.mxn1 {
  margin-left: -0.5rem;
  margin-right: -0.5rem; }

.mxn2 {
  margin-left: -1rem;
  margin-right: -1rem; }

.mxn3 {
  margin-left: -2rem;
  margin-right: -2rem; }

.mxn4 {
  margin-left: -4rem;
  margin-right: -4rem; }

.ml-auto {
  margin-left: auto; }

.mr-auto {
  margin-right: auto; }

.mx-auto {
  margin-left: auto;
  margin-right: auto; }

/* Basscss Padding */
.p0 {
  padding: 0; }

.pt0 {
  padding-top: 0; }

.pr0 {
  padding-right: 0; }

.pb0 {
  padding-bottom: 0; }

.pl0 {
  padding-left: 0; }

.px0 {
  padding-left: 0;
  padding-right: 0; }

.py0 {
  padding-top: 0;
  padding-bottom: 0; }

.p1 {
  padding: 0.5rem; }

.pt1 {
  padding-top: 0.5rem; }

.pr1 {
  padding-right: 0.5rem; }

.pb1 {
  padding-bottom: 0.5rem; }

.pl1 {
  padding-left: 0.5rem; }

.py1 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }

.px1 {
  padding-left: 0.5rem;
  padding-right: 0.5rem; }

.p2 {
  padding: 1rem; }

.pt2 {
  padding-top: 1rem; }

.pr2 {
  padding-right: 1rem; }

.pb2 {
  padding-bottom: 1rem; }

.pl2 {
  padding-left: 1rem; }

.py2 {
  padding-top: 1rem;
  padding-bottom: 1rem; }

.px2 {
  padding-left: 1rem;
  padding-right: 1rem; }

.p3 {
  padding: 2rem; }

.pt3 {
  padding-top: 2rem; }

.pr3 {
  padding-right: 2rem; }

.pb3 {
  padding-bottom: 2rem; }

.pl3 {
  padding-left: 2rem; }

.py3 {
  padding-top: 2rem;
  padding-bottom: 2rem; }

.px3 {
  padding-left: 2rem;
  padding-right: 2rem; }

.p4 {
  padding: 4rem; }

.pt4 {
  padding-top: 4rem; }

.pr4 {
  padding-right: 4rem; }

.pb4 {
  padding-bottom: 4rem; }

.pl4 {
  padding-left: 4rem; }

.py4 {
  padding-top: 4rem;
  padding-bottom: 4rem; }

.px4 {
  padding-left: 4rem;
  padding-right: 4rem; }

/* Basscss Grid */
.col {
  float: left;
  box-sizing: border-box; }

.col-right {
  float: right;
  box-sizing: border-box; }

.col-1 {
  width: 8.33333%; }

.col-2 {
  width: 16.66667%; }

.col-3 {
  width: 25%; }

.col-4 {
  width: 33.33333%; }

.col-5 {
  width: 41.66667%; }

.col-6 {
  width: 50%; }

.col-7 {
  width: 58.33333%; }

.col-8 {
  width: 66.66667%; }

.col-9 {
  width: 75%; }

.col-10 {
  width: 83.33333%; }

.col-11 {
  width: 91.66667%; }

.col-12 {
  width: 100%; }

@media (min-width: 480px) {
  .sm-col {
    float: left;
    box-sizing: border-box; }

  .sm-col-right {
    float: right;
    box-sizing: border-box; }

  .sm-col-1 {
    width: 8.33333%; }

  .sm-col-2 {
    width: 16.66667%; }

  .sm-col-3 {
    width: 25%; }

  .sm-col-4 {
    width: 33.33333%; }

  .sm-col-5 {
    width: 41.66667%; }

  .sm-col-6 {
    width: 50%; }

  .sm-col-7 {
    width: 58.33333%; }

  .sm-col-8 {
    width: 66.66667%; }

  .sm-col-9 {
    width: 75%; }

  .sm-col-10 {
    width: 83.33333%; }

  .sm-col-11 {
    width: 91.66667%; }

  .sm-col-12 {
    width: 100%; } }
@media (min-width: 800px) {
  .md-col {
    float: left;
    box-sizing: border-box; }

  .md-col-right {
    float: right;
    box-sizing: border-box; }

  .md-col-1 {
    width: 8.33333%; }

  .md-col-2 {
    width: 16.66667%; }

  .md-col-3 {
    width: 25%; }

  .md-col-4 {
    width: 33.33333%; }

  .md-col-5 {
    width: 41.66667%; }

  .md-col-6 {
    width: 50%; }

  .md-col-7 {
    width: 58.33333%; }

  .md-col-8 {
    width: 66.66667%; }

  .md-col-9 {
    width: 75%; }

  .md-col-10 {
    width: 83.33333%; }

  .md-col-11 {
    width: 91.66667%; }

  .md-col-12 {
    width: 100%; } }
@media (min-width: 950px) {
  .lg-col {
    float: left;
    box-sizing: border-box; }

  .lg-col-right {
    float: right;
    box-sizing: border-box; }

  .lg-col-1 {
    width: 8.33333%; }

  .lg-col-2 {
    width: 16.66667%; }

  .lg-col-3 {
    width: 25%; }

  .lg-col-4 {
    width: 33.33333%; }

  .lg-col-5 {
    width: 41.66667%; }

  .lg-col-6 {
    width: 50%; }

  .lg-col-7 {
    width: 58.33333%; }

  .lg-col-8 {
    width: 66.66667%; }

  .lg-col-9 {
    width: 75%; }

  .lg-col-10 {
    width: 83.33333%; }

  .lg-col-11 {
    width: 91.66667%; }

  .lg-col-12 {
    width: 100%; } }
.flex {
  display: flex; }

@media (min-width: 480px) {
  .sm-flex {
    display: flex; } }
@media (min-width: 800px) {
  .md-flex {
    display: flex; } }
@media (min-width: 950px) {
  .lg-flex {
    display: flex; } }
.flex-column {
  flex-direction: column; }

.flex-wrap {
  flex-wrap: wrap; }

.items-start {
  align-items: flex-start; }

.items-end {
  align-items: flex-end; }

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

.items-baseline {
  align-items: baseline; }

.items-stretch {
  align-items: stretch; }

.self-start {
  align-self: flex-start; }

.self-end {
  align-self: flex-end; }

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

.self-baseline {
  align-self: baseline; }

.self-stretch {
  align-self: stretch; }

.justify-start {
  justify-content: flex-start; }

.justify-end {
  justify-content: flex-end; }

.justify-center {
  justify-content: center; }

.justify-between {
  justify-content: space-between; }

.justify-around {
  justify-content: space-around; }

.content-start {
  align-content: flex-start; }

.content-end {
  align-content: flex-end; }

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

.content-between {
  align-content: space-between; }

.content-around {
  align-content: space-around; }

.content-stretch {
  align-content: stretch; }

/* 1. Fix for Chrome 44 bug. https://code.google.com/p/chromium/issues/detail?id=506893 */
.flex-auto {
  flex: 1 1 auto;
  min-width: 0;
  /* 1 */
  min-height: 0;
  /* 1 */ }

.flex-none {
  flex: none; }

.order-0 {
  order: 0; }

.order-1 {
  order: 1; }

.order-2 {
  order: 2; }

.order-3 {
  order: 3; }

.order-last {
  order: 99999; }

/* Basscss Position */
.relative {
  position: relative; }

.absolute {
  position: absolute; }

.fixed {
  position: fixed; }

.top-0 {
  top: 0; }

.right-0 {
  right: 0; }

.bottom-0 {
  bottom: 0; }

.left-0 {
  left: 0; }

.z1 {
  z-index: 1; }

.z2 {
  z-index: 2; }

.z3 {
  z-index: 3; }

.z4 {
  z-index: 4; }

/* Basscss Border */
.border {
  border-style: solid;
  border-width: 1px; }

.border-top {
  border-top-style: solid;
  border-top-width: 1px; }

.border-right {
  border-right-style: solid;
  border-right-width: 1px; }

.border-bottom {
  border-bottom-style: solid;
  border-bottom-width: 1px; }

.border-left {
  border-left-style: solid;
  border-left-width: 1px; }

.border-none {
  border: 0; }

.rounded {
  border-radius: 3px; }

.circle {
  border-radius: 50%; }

.rounded-top {
  border-radius: 3px 3px 0 0; }

.rounded-right {
  border-radius: 0 3px 3px 0; }

.rounded-bottom {
  border-radius: 0 0 3px 3px; }

.rounded-left {
  border-radius: 3px 0 0 3px; }

.not-rounded {
  border-radius: 0; }

/* Basscss Hide */
.hide {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px); }

@media (max-width: 40em) {
  .xs-hide {
    display: none !important; } }
@media (min-width: 40em) and (max-width: 52em) {
  .sm-hide {
    display: none !important; } }
@media (min-width: 52em) and (max-width: 64em) {
  .md-hide {
    display: none !important; } }
@media (min-width: 950px) {
  .lg-hide {
    display: none !important; } }
.display-none {
  display: none !important; }

/* Basscss All */
.all-initial {
  all: initial; }

.all-unset {
  all: unset; }

.all-inherit {
  all: inherit; }

/* Basscss Background Colors */
/*

   COLOR VARIABLES

   - Cool
   - Warm
   - Gray Scale

*/
.bg-black {
  background-color: #111; }

.bg-gray {
  background-color: #aaa; }

.bg-silver {
  background-color: #ddd; }

.bg-white {
  background-color: #fff; }

.bg-aqua {
  background-color: #7fdbff; }

.bg-blue {
  background-color: #0074d9; }

.bg-navy {
  background-color: #001f3f; }

.bg-teal {
  background-color: #39cccc; }

.bg-green {
  background-color: #2ecc40; }

.bg-olive {
  background-color: #3d9970; }

.bg-lime {
  background-color: #01ff70; }

.bg-yellow {
  background-color: #ffdc00; }

.bg-orange {
  background-color: #ff851b; }

.bg-red {
  background-color: #ff4136; }

.bg-fuchsia {
  background-color: #f012be; }

.bg-purple {
  background-color: #b10dc9; }

.bg-maroon {
  background-color: #85144b; }

/* Basscss Background Images */
.bg-cover {
  background-size: cover; }

.bg-contain {
  background-size: contain; }

.bg-center {
  background-position: center; }

.bg-top {
  background-position: top; }

.bg-right {
  background-position: right; }

.bg-bottom {
  background-position: bottom; }

.bg-left {
  background-position: left; }

/* Basscss Border Colors */
/*

   COLOR VARIABLES

   - Cool
   - Warm
   - Gray Scale

*/
.border-black {
  border-color: #111; }

.border-gray {
  border-color: #aaa; }

.border-silver {
  border-color: #ddd; }

.border-white {
  border-color: #fff; }

.border-aqua {
  border-color: #7fdbff; }

.border-blue {
  border-color: #0074d9; }

.border-navy {
  border-color: #001f3f; }

.border-teal {
  border-color: #39cccc; }

.border-green {
  border-color: #2ecc40; }

.border-olive {
  border-color: #3d9970; }

.border-lime {
  border-color: #01ff70; }

.border-yellow {
  border-color: #ffdc00; }

.border-orange {
  border-color: #ff851b; }

.border-red {
  border-color: #ff4136; }

.border-fuchsia {
  border-color: #f012be; }

.border-purple {
  border-color: #b10dc9; }

.border-maroon {
  border-color: #85144b; }

/* Basscss Btn */
.btn {
  font-family: inherit;
  font-size: inherit;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  line-height: 1.125rem;
  padding: 0.5rem 1rem;
  margin: 0;
  height: auto;
  border: 1px solid transparent;
  vertical-align: middle;
  -webkit-appearance: none;
  color: inherit;
  background-color: transparent; }

.btn:hover {
  text-decoration: none; }

.btn:focus {
  outline: none;
  border-color: rgba(0, 0, 0, 0.125);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.25); }

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

/* Basscss Btn Outline */
.btn-outline,
.btn-outline:hover {
  border-color: currentcolor; }

.btn-outline {
  border-radius: 3px; }

.btn-outline:hover {
  box-shadow: inset 0 0 0 20rem rgba(0, 0, 0, 0.0625); }

.btn-outline:active {
  box-shadow: inset 0 0 0 20rem rgba(0, 0, 0, 0.125), inset 0 3px 4px 0 rgba(0, 0, 0, 0.25), 0 0 1px rgba(0, 0, 0, 0.125); }

.btn-outline:disabled,
.btn-outline.is-disabled {
  opacity: .5; }

/* Basscss Btn Primary */
.btn-primary {
  color: #fff;
  background-color: #0074d9;
  border-radius: 3px; }

.btn-primary:hover {
  box-shadow: inset 0 0 0 20rem rgba(0, 0, 0, 0.0625); }

.btn-primary:active {
  box-shadow: inset 0 0 0 20rem rgba(0, 0, 0, 0.125), inset 0 3px 4px 0 rgba(0, 0, 0, 0.25), 0 0 1px rgba(0, 0, 0, 0.125); }

.btn-primary:disabled,
.btn-primary.is-disabled {
  opacity: .5; }

/* Basscss Colors */
/*

   COLOR VARIABLES

   - Cool
   - Warm
   - Gray Scale

*/
.black {
  color: #111; }

.gray {
  color: #aaa; }

.silver {
  color: #ddd; }

.white {
  color: #fff; }

.aqua {
  color: #7fdbff; }

.blue {
  color: #0074d9; }

.navy {
  color: #001f3f; }

.teal {
  color: #39cccc; }

.green {
  color: #2ecc40; }

.olive {
  color: #3d9970; }

.lime {
  color: #01ff70; }

.yellow {
  color: #ffdc00; }

.orange {
  color: #ff851b; }

.red {
  color: #ff4136; }

.fuchsia {
  color: #f012be; }

.purple {
  color: #b10dc9; }

.maroon {
  color: #85144b; }

.color-inherit {
  color: inherit; }

.muted {
  opacity: 0.5; }

/* Basscss Darken */
.bg-darken-1 {
  background-color: rgba(0, 0, 0, 0.0625); }

.bg-darken-2 {
  background-color: rgba(0, 0, 0, 0.125); }

.bg-darken-3 {
  background-color: rgba(0, 0, 0, 0.25); }

.bg-darken-4 {
  background-color: rgba(0, 0, 0, 0.5); }

/* Basscss Forms */
.label {
  font-size: .875rem;
  font-weight: bold;
  display: block;
  margin-bottom: .5rem; }

.input {
  font-family: inherit;
  font-size: inherit;
  display: block;
  width: 100%;
  height: 2.5rem;
  padding: .5rem;
  margin-bottom: 1rem;
  border: 1px solid #ccc;
  border-radius: 3px; }

.select {
  font-family: inherit;
  font-size: inherit;
  display: block;
  width: 100%;
  height: 2.5rem;
  padding: .5rem;
  margin-bottom: 1rem;
  border: 1px solid #ccc;
  border-radius: 3px; }

.textarea {
  font-family: inherit;
  font-size: inherit;
  display: block;
  width: 100%;
  padding: .5rem;
  margin-bottom: 1rem;
  border: 1px solid #ccc;
  border-radius: 3px; }

/* Basscss Highlight */
/*

   COLOR VARIABLES

   - Cool
   - Warm
   - Gray Scale

*/
.highlight-dark .hljs {
  color: white;
  -webkit-text-size-adjust: none; }

.highlight-dark .hljs-comment,
.highlight-dark .diff .hljs-header,
.highlight-dark .hljs-javadoc {
  color: #ddd;
  font-style: italic; }

.highlight-dark .hljs-keyword,
.highlight-dark .css .rule .hljs-keyword,
.highlight-dark .hljs-winutils,
.highlight-dark .nginx .hljs-title,
.highlight-dark .hljs-subst,
.highlight-dark .hljs-request,
.highlight-dark .hljs-status {
  color: white;
  font-weight: bold; }

.highlight-dark .hljs-number,
.highlight-dark .hljs-hexcolor,
.highlight-dark .ruby .hljs-constant {
  color: #01ff70; }

.highlight-dark .hljs-string,
.highlight-dark .hljs-tag .hljs-value,
.highlight-dark .hljs-phpdoc,
.highlight-dark .hljs-dartdoc,
.highlight-dark .tex .hljs-formula {
  color: #ff4136; }

.hljs-title,
.hljs-id,
.scss .hljs-preprocessor {
  color: #ff4136;
  font-weight: bold; }

.highlight-dark .hljs-list .hljs-keyword,
.highlight-dark .hljs-subst {
  font-weight: normal; }

.highlight-dark .hljs-class .hljs-title,
.highlight-dark .hljs-type,
.highlight-dark .vhdl .hljs-literal,
.highlight-dark .tex .hljs-command {
  color: #7fdbff;
  font-weight: bold; }

.highlight-dark .hljs-tag,
.highlight-dark .hljs-tag .hljs-title,
.highlight-dark .hljs-rules .hljs-property,
.highlight-dark .django .hljs-tag .hljs-keyword {
  color: #7fdbff;
  font-weight: normal; }

.highlight-dark .hljs-attribute,
.highlight-dark .hljs-variable,
.highlight-dark .lisp .hljs-body {
  color: #01ff70; }

.highlight-dark .hljs-regexp {
  color: #01ff70; }

.highlight-dark .hljs-symbol,
.highlight-dark .ruby .hljs-symbol .hljs-string,
.highlight-dark .lisp .hljs-keyword,
.highlight-dark .clojure .hljs-keyword,
.highlight-dark .scheme .hljs-keyword,
.highlight-dark .tex .hljs-special,
.highlight-dark .hljs-prompt {
  color: #f012be; }

.highlight-dark .hljs-built_in {
  color: #7fdbff; }

.highlight-dark .hljs-preprocessor,
.highlight-dark .hljs-pragma,
.highlight-dark .hljs-pi,
.highlight-dark .hljs-doctype,
.highlight-dark .hljs-shebang,
.highlight-dark .hljs-cdata {
  color: #ddd;
  font-weight: bold; }

.highlight-dark .hljs-deletion {
  background: #f012be; }

.highlight-dark .hljs-addition {
  background: #01ff70; }

.highlight-dark .diff .hljs-change {
  background: #7fdbff; }

.highlight-dark .hljs-chunk {
  color: #aaa; }

/* Basscss Highlight */
/*

   COLOR VARIABLES

   - Cool
   - Warm
   - Gray Scale

*/
.hljs {
  -webkit-text-size-adjust: none; }

.hljs-comment,
.diff .hljs-header,
.hljs-javadoc {
  color: #ddd;
  font-style: italic; }

.hljs-keyword,
.css .rule .hljs-keyword,
.hljs-winutils,
.nginx .hljs-title,
.hljs-subst,
.hljs-request,
.hljs-status {
  color: white;
  font-weight: bold; }

.hljs-number,
.hljs-hexcolor,
.ruby .hljs-constant {
  color: #01ff70; }

.hljs-string,
.hljs-tag .hljs-value,
.hljs-phpdoc,
.hljs-dartdoc,
.tex .hljs-formula {
  color: #ff4136; }

.hljs-title,
.hljs-id,
.scss .hljs-preprocessor {
  color: #ff4136;
  font-weight: bold; }

.hljs-list .hljs-keyword,
.hljs-subst {
  font-weight: normal; }

.hljs-class .hljs-title,
.hljs-type,
.vhdl .hljs-literal,
.tex .hljs-command {
  color: #7fdbff;
  font-weight: bold; }

.hljs-tag,
.hljs-tag .hljs-title,
.hljs-rules .hljs-property,
.django .hljs-tag .hljs-keyword {
  color: #7fdbff;
  font-weight: normal; }

.hljs-attribute,
.hljs-variable,
.lisp .hljs-body {
  color: #01ff70; }

.hljs-regexp {
  color: #01ff70; }

.hljs-symbol,
.ruby .hljs-symbol .hljs-string,
.lisp .hljs-keyword,
.clojure .hljs-keyword,
.scheme .hljs-keyword,
.tex .hljs-special,
.hljs-prompt {
  color: #f012be; }

.hljs-built_in {
  color: #7fdbff; }

.hljs-preprocessor,
.hljs-pragma,
.hljs-pi,
.hljs-doctype,
.hljs-shebang,
.hljs-cdata {
  color: #ddd;
  font-weight: bold; }

.hljs-deletion {
  background: #f012be; }

.hljs-addition {
  background: #01ff70; }

.diff .hljs-change {
  background: #7fdbff; }

.hljs-chunk {
  color: #aaa; }

/* Mapped colors */
/* Basscss Input Range */
.input-range {
  vertical-align: middle;
  background-color: transparent;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: inherit;
  background-color: transparent;
  -webkit-appearance: none; }

.input-range::-webkit-slider-thumb {
  position: relative;
  width: 0.5rem;
  height: 1.25rem;
  cursor: pointer;
  margin-top: -0.5rem;
  border-radius: 3px;
  background-color: currentcolor;
  -webkit-appearance: none; }

/* Touch screen friendly pseudo element */
.input-range::-webkit-slider-thumb:before {
  content: '';
  display: block;
  position: absolute;
  top: -0.5rem;
  left: -0.875rem;
  width: 2.25rem;
  height: 2.25rem;
  opacity: 0; }

.input-range::-moz-range-thumb {
  width: 0.5rem;
  height: 1.25rem;
  cursor: pointer;
  border-radius: 3px;
  border-color: transparent;
  border-width: 0;
  background-color: currentcolor; }

.input-range::-webkit-slider-runnable-track {
  height: 0.25rem;
  cursor: pointer;
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.25); }

.input-range::-moz-range-track {
  height: 0.25rem;
  cursor: pointer;
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.25); }

.input-range:focus {
  outline: none; }

/* Basscss Lighten */
.bg-lighten-1 {
  background-color: rgba(255, 255, 255, 0.0625); }

.bg-lighten-2 {
  background-color: rgba(255, 255, 255, 0.125); }

.bg-lighten-3 {
  background-color: rgba(255, 255, 255, 0.25); }

.bg-lighten-4 {
  background-color: rgba(255, 255, 255, 0.5); }

/* Basscss Media Object */
.media,
.sm-media,
.md-media,
.lg-media {
  margin-left: -0.5rem;
  margin-right: -0.5rem; }

.media {
  display: flex; }

.media-center {
  align-items: center; }

.media-bottom {
  align-items: flex-end; }

.media-img,
.media-body {
  padding-left: 0.5rem;
  padding-right: 0.5rem; }

.media-body {
  flex: 1 1 auto; }

@media (min-width: 480px) {
  .sm-media {
    display: flex; } }
@media (min-width: 800px) {
  .md-media {
    display: flex; } }
@media (min-width: 950px) {
  .lg-media {
    display: flex; } }
/* Basscss Progress */
.progress {
  display: block;
  width: 100%;
  height: 0.5625rem;
  margin: 0.5rem 0;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.125);
  border: 0;
  border-radius: 10000px;
  -webkit-appearance: none; }

.progress::-webkit-progress-bar {
  -webkit-appearance: none;
  background-color: rgba(0, 0, 0, 0.125); }

.progress::-webkit-progress-value {
  -webkit-appearance: none;
  background-color: currentcolor; }

.progress::-moz-progress-bar {
  background-color: currentcolor; }

/* Basscss Responsive Margin */
@media (min-width: 480px) {
  .sm-m0 {
    margin: 0; }

  .sm-mt0 {
    margin-top: 0; }

  .sm-mr0 {
    margin-right: 0; }

  .sm-mb0 {
    margin-bottom: 0; }

  .sm-ml0 {
    margin-left: 0; }

  .sm-mx0 {
    margin-left: 0;
    margin-right: 0; }

  .sm-my0 {
    margin-top: 0;
    margin-bottom: 0; }

  .sm-m1 {
    margin: 0.5rem; }

  .sm-mt1 {
    margin-top: 0.5rem; }

  .sm-mr1 {
    margin-right: 0.5rem; }

  .sm-mb1 {
    margin-bottom: 0.5rem; }

  .sm-ml1 {
    margin-left: 0.5rem; }

  .sm-mx1 {
    margin-left: 0.5rem;
    margin-right: 0.5rem; }

  .sm-my1 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem; }

  .sm-m2 {
    margin: 1rem; }

  .sm-mt2 {
    margin-top: 1rem; }

  .sm-mr2 {
    margin-right: 1rem; }

  .sm-mb2 {
    margin-bottom: 1rem; }

  .sm-ml2 {
    margin-left: 1rem; }

  .sm-mx2 {
    margin-left: 1rem;
    margin-right: 1rem; }

  .sm-my2 {
    margin-top: 1rem;
    margin-bottom: 1rem; }

  .sm-m3 {
    margin: 2rem; }

  .sm-mt3 {
    margin-top: 2rem; }

  .sm-mr3 {
    margin-right: 2rem; }

  .sm-mb3 {
    margin-bottom: 2rem; }

  .sm-ml3 {
    margin-left: 2rem; }

  .sm-mx3 {
    margin-left: 2rem;
    margin-right: 2rem; }

  .sm-my3 {
    margin-top: 2rem;
    margin-bottom: 2rem; }

  .sm-m4 {
    margin: 4rem; }

  .sm-mt4 {
    margin-top: 4rem; }

  .sm-mr4 {
    margin-right: 4rem; }

  .sm-mb4 {
    margin-bottom: 4rem; }

  .sm-ml4 {
    margin-left: 4rem; }

  .sm-mx4 {
    margin-left: 4rem;
    margin-right: 4rem; }

  .sm-my4 {
    margin-top: 4rem;
    margin-bottom: 4rem; }

  .sm-mxn1 {
    margin-left: -0.5rem;
    margin-right: -0.5rem; }

  .sm-mxn2 {
    margin-left: -1rem;
    margin-right: -1rem; }

  .sm-mxn3 {
    margin-left: -2rem;
    margin-right: -2rem; }

  .sm-mxn4 {
    margin-left: -4rem;
    margin-right: -4rem; }

  .sm-ml-auto {
    margin-left: auto; }

  .sm-mr-auto {
    margin-right: auto; }

  .sm-mx-auto {
    margin-left: auto;
    margin-right: auto; } }
@media (min-width: 800px) {
  .md-m0 {
    margin: 0; }

  .md-mt0 {
    margin-top: 0; }

  .md-mr0 {
    margin-right: 0; }

  .md-mb0 {
    margin-bottom: 0; }

  .md-ml0 {
    margin-left: 0; }

  .md-mx0 {
    margin-left: 0;
    margin-right: 0; }

  .md-my0 {
    margin-top: 0;
    margin-bottom: 0; }

  .md-m1 {
    margin: 0.5rem; }

  .md-mt1 {
    margin-top: 0.5rem; }

  .md-mr1 {
    margin-right: 0.5rem; }

  .md-mb1 {
    margin-bottom: 0.5rem; }

  .md-ml1 {
    margin-left: 0.5rem; }

  .md-mx1 {
    margin-left: 0.5rem;
    margin-right: 0.5rem; }

  .md-my1 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem; }

  .md-m2 {
    margin: 1rem; }

  .md-mt2 {
    margin-top: 1rem; }

  .md-mr2 {
    margin-right: 1rem; }

  .md-mb2 {
    margin-bottom: 1rem; }

  .md-ml2 {
    margin-left: 1rem; }

  .md-mx2 {
    margin-left: 1rem;
    margin-right: 1rem; }

  .md-my2 {
    margin-top: 1rem;
    margin-bottom: 1rem; }

  .md-m3 {
    margin: 2rem; }

  .md-mt3 {
    margin-top: 2rem; }

  .md-mr3 {
    margin-right: 2rem; }

  .md-mb3 {
    margin-bottom: 2rem; }

  .md-ml3 {
    margin-left: 2rem; }

  .md-mx3 {
    margin-left: 2rem;
    margin-right: 2rem; }

  .md-my3 {
    margin-top: 2rem;
    margin-bottom: 2rem; }

  .md-m4 {
    margin: 4rem; }

  .md-mt4 {
    margin-top: 4rem; }

  .md-mr4 {
    margin-right: 4rem; }

  .md-mb4 {
    margin-bottom: 4rem; }

  .md-ml4 {
    margin-left: 4rem; }

  .md-mx4 {
    margin-left: 4rem;
    margin-right: 4rem; }

  .md-my4 {
    margin-top: 4rem;
    margin-bottom: 4rem; }

  .md-mxn1 {
    margin-left: -0.5rem;
    margin-right: -0.5rem; }

  .md-mxn2 {
    margin-left: -1rem;
    margin-right: -1rem; }

  .md-mxn3 {
    margin-left: -2rem;
    margin-right: -2rem; }

  .md-mxn4 {
    margin-left: -4rem;
    margin-right: -4rem; }

  .md-ml-auto {
    margin-left: auto; }

  .md-mr-auto {
    margin-right: auto; }

  .md-mx-auto {
    margin-left: auto;
    margin-right: auto; } }
@media (min-width: 950px) {
  .lg-m0 {
    margin: 0; }

  .lg-mt0 {
    margin-top: 0; }

  .lg-mr0 {
    margin-right: 0; }

  .lg-mb0 {
    margin-bottom: 0; }

  .lg-ml0 {
    margin-left: 0; }

  .lg-mx0 {
    margin-left: 0;
    margin-right: 0; }

  .lg-my0 {
    margin-top: 0;
    margin-bottom: 0; }

  .lg-m1 {
    margin: 0.5rem; }

  .lg-mt1 {
    margin-top: 0.5rem; }

  .lg-mr1 {
    margin-right: 0.5rem; }

  .lg-mb1 {
    margin-bottom: 0.5rem; }

  .lg-ml1 {
    margin-left: 0.5rem; }

  .lg-mx1 {
    margin-left: 0.5rem;
    margin-right: 0.5rem; }

  .lg-my1 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem; }

  .lg-m2 {
    margin: 1rem; }

  .lg-mt2 {
    margin-top: 1rem; }

  .lg-mr2 {
    margin-right: 1rem; }

  .lg-mb2 {
    margin-bottom: 1rem; }

  .lg-ml2 {
    margin-left: 1rem; }

  .lg-mx2 {
    margin-left: 1rem;
    margin-right: 1rem; }

  .lg-my2 {
    margin-top: 1rem;
    margin-bottom: 1rem; }

  .lg-m3 {
    margin: 2rem; }

  .lg-mt3 {
    margin-top: 2rem; }

  .lg-mr3 {
    margin-right: 2rem; }

  .lg-mb3 {
    margin-bottom: 2rem; }

  .lg-ml3 {
    margin-left: 2rem; }

  .lg-mx3 {
    margin-left: 2rem;
    margin-right: 2rem; }

  .lg-my3 {
    margin-top: 2rem;
    margin-bottom: 2rem; }

  .lg-m4 {
    margin: 4rem; }

  .lg-mt4 {
    margin-top: 4rem; }

  .lg-mr4 {
    margin-right: 4rem; }

  .lg-mb4 {
    margin-bottom: 4rem; }

  .lg-ml4 {
    margin-left: 4rem; }

  .lg-mx4 {
    margin-left: 4rem;
    margin-right: 4rem; }

  .lg-my4 {
    margin-top: 4rem;
    margin-bottom: 4rem; }

  .lg-mxn1 {
    margin-left: -0.5rem;
    margin-right: -0.5rem; }

  .lg-mxn2 {
    margin-left: -1rem;
    margin-right: -1rem; }

  .lg-mxn3 {
    margin-left: -2rem;
    margin-right: -2rem; }

  .lg-mxn4 {
    margin-left: -4rem;
    margin-right: -4rem; }

  .lg-ml-auto {
    margin-left: auto; }

  .lg-mr-auto {
    margin-right: auto; }

  .lg-mx-auto {
    margin-left: auto;
    margin-right: auto; } }
/* Basscss Responsive Padding */
@media (min-width: 480px) {
  .sm-p0 {
    padding: 0; }

  .sm-pt0 {
    padding-top: 0; }

  .sm-pr0 {
    padding-right: 0; }

  .sm-pb0 {
    padding-bottom: 0; }

  .sm-pl0 {
    padding-left: 0; }

  .sm-px0 {
    padding-left: 0;
    padding-right: 0; }

  .sm-py0 {
    padding-top: 0;
    padding-bottom: 0; }

  .sm-p1 {
    padding: 0.5rem; }

  .sm-pt1 {
    padding-top: 0.5rem; }

  .sm-pr1 {
    padding-right: 0.5rem; }

  .sm-pb1 {
    padding-bottom: 0.5rem; }

  .sm-pl1 {
    padding-left: 0.5rem; }

  .sm-px1 {
    padding-left: 0.5rem;
    padding-right: 0.5rem; }

  .sm-py1 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; }

  .sm-p2 {
    padding: 1rem; }

  .sm-pt2 {
    padding-top: 1rem; }

  .sm-pr2 {
    padding-right: 1rem; }

  .sm-pb2 {
    padding-bottom: 1rem; }

  .sm-pl2 {
    padding-left: 1rem; }

  .sm-px2 {
    padding-left: 1rem;
    padding-right: 1rem; }

  .sm-py2 {
    padding-top: 1rem;
    padding-bottom: 1rem; }

  .sm-p3 {
    padding: 2rem; }

  .sm-pt3 {
    padding-top: 2rem; }

  .sm-pr3 {
    padding-right: 2rem; }

  .sm-pb3 {
    padding-bottom: 2rem; }

  .sm-pl3 {
    padding-left: 2rem; }

  .sm-px3 {
    padding-left: 2rem;
    padding-right: 2rem; }

  .sm-py3 {
    padding-top: 2rem;
    padding-bottom: 2rem; }

  .sm-p4 {
    padding: 4rem; }

  .sm-pt4 {
    padding-top: 4rem; }

  .sm-pr4 {
    padding-right: 4rem; }

  .sm-pb4 {
    padding-bottom: 4rem; }

  .sm-pl4 {
    padding-left: 4rem; }

  .sm-px4 {
    padding-left: 4rem;
    padding-right: 4rem; }

  .sm-py4 {
    padding-top: 4rem;
    padding-bottom: 4rem; } }
@media (min-width: 800px) {
  .md-p0 {
    padding: 0; }

  .md-pt0 {
    padding-top: 0; }

  .md-pr0 {
    padding-right: 0; }

  .md-pb0 {
    padding-bottom: 0; }

  .md-pl0 {
    padding-left: 0; }

  .md-px0 {
    padding-left: 0;
    padding-right: 0; }

  .md-py0 {
    padding-top: 0;
    padding-bottom: 0; }

  .md-p1 {
    padding: 0.5rem; }

  .md-pt1 {
    padding-top: 0.5rem; }

  .md-pr1 {
    padding-right: 0.5rem; }

  .md-pb1 {
    padding-bottom: 0.5rem; }

  .md-pl1 {
    padding-left: 0.5rem; }

  .md-px1 {
    padding-left: 0.5rem;
    padding-right: 0.5rem; }

  .md-py1 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; }

  .md-p2 {
    padding: 1rem; }

  .md-pt2 {
    padding-top: 1rem; }

  .md-pr2 {
    padding-right: 1rem; }

  .md-pb2 {
    padding-bottom: 1rem; }

  .md-pl2 {
    padding-left: 1rem; }

  .md-px2 {
    padding-left: 1rem;
    padding-right: 1rem; }

  .md-py2 {
    padding-top: 1rem;
    padding-bottom: 1rem; }

  .md-p3 {
    padding: 2rem; }

  .md-pt3 {
    padding-top: 2rem; }

  .md-pr3 {
    padding-right: 2rem; }

  .md-pb3 {
    padding-bottom: 2rem; }

  .md-pl3 {
    padding-left: 2rem; }

  .md-px3 {
    padding-left: 2rem;
    padding-right: 2rem; }

  .md-py3 {
    padding-top: 2rem;
    padding-bottom: 2rem; }

  .md-p4 {
    padding: 4rem; }

  .md-pt4 {
    padding-top: 4rem; }

  .md-pr4 {
    padding-right: 4rem; }

  .md-pb4 {
    padding-bottom: 4rem; }

  .md-pl4 {
    padding-left: 4rem; }

  .md-px4 {
    padding-left: 4rem;
    padding-right: 4rem; }

  .md-py4 {
    padding-top: 4rem;
    padding-bottom: 4rem; } }
@media (min-width: 950px) {
  .lg-p0 {
    padding: 0; }

  .lg-pt0 {
    padding-top: 0; }

  .lg-pr0 {
    padding-right: 0; }

  .lg-pb0 {
    padding-bottom: 0; }

  .lg-pl0 {
    padding-left: 0; }

  .lg-px0 {
    padding-left: 0;
    padding-right: 0; }

  .lg-py0 {
    padding-top: 0;
    padding-bottom: 0; }

  .lg-p1 {
    padding: 0.5rem; }

  .lg-pt1 {
    padding-top: 0.5rem; }

  .lg-pr1 {
    padding-right: 0.5rem; }

  .lg-pb1 {
    padding-bottom: 0.5rem; }

  .lg-pl1 {
    padding-left: 0.5rem; }

  .lg-px1 {
    padding-left: 0.5rem;
    padding-right: 0.5rem; }

  .lg-py1 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; }

  .lg-p2 {
    padding: 1rem; }

  .lg-pt2 {
    padding-top: 1rem; }

  .lg-pr2 {
    padding-right: 1rem; }

  .lg-pb2 {
    padding-bottom: 1rem; }

  .lg-pl2 {
    padding-left: 1rem; }

  .lg-px2 {
    padding-left: 1rem;
    padding-right: 1rem; }

  .lg-py2 {
    padding-top: 1rem;
    padding-bottom: 1rem; }

  .lg-p3 {
    padding: 2rem; }

  .lg-pt3 {
    padding-top: 2rem; }

  .lg-pr3 {
    padding-right: 2rem; }

  .lg-pb3 {
    padding-bottom: 2rem; }

  .lg-pl3 {
    padding-left: 2rem; }

  .lg-px3 {
    padding-left: 2rem;
    padding-right: 2rem; }

  .lg-py3 {
    padding-top: 2rem;
    padding-bottom: 2rem; }

  .lg-p4 {
    padding: 4rem; }

  .lg-pt4 {
    padding-top: 4rem; }

  .lg-pr4 {
    padding-right: 4rem; }

  .lg-pb4 {
    padding-bottom: 4rem; }

  .lg-pl4 {
    padding-left: 4rem; }

  .lg-px4 {
    padding-left: 4rem;
    padding-right: 4rem; }

  .lg-py4 {
    padding-top: 4rem;
    padding-bottom: 4rem; } }
/**
 * @license
 * MyFonts Webfont Build ID 3034170, 2015-05-30T20:37:16-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: SanchezSlab-SemiBoldItalic by Latinotype
 * URL: http://www.myfonts.com/fonts/latinotype/sanchez-slab/semi-bold-italic-124806/
 * Copyright: Copyright (c) 2013 by Daniel Hernandez. All rights reserved.
 * Licensed pageviews: 10,000
 *
 * Webfont: SanchezSlab-Italic by Latinotype
 * URL: http://www.myfonts.com/fonts/latinotype/sanchez-slab/italic-124806/
 * Copyright: Copyright (c) 2013 by Daniel Hernandez. All rights reserved.
 * Licensed pageviews: 10,000
 *
 * Webfont: SanchezSlab-LightItalic by Latinotype
 * URL: http://www.myfonts.com/fonts/latinotype/sanchez-slab/light-italic-124806/
 * Copyright: Copyright (c) 2013 by Daniel Hernandez. All rights reserved.
 * Licensed pageviews: 10,000
 *
 * Webfont: SanchezSlab by Latinotype
 * URL: http://www.myfonts.com/fonts/latinotype/sanchez-slab/regular-124806/
 * Copyright: Copyright (c) 2013 by Daniel Hernandez. All rights reserved.
 * Licensed pageviews: 10,000
 *
 * Webfont: SanchezSlab-Light by Latinotype
 * URL: http://www.myfonts.com/fonts/latinotype/sanchez-slab/light-124806/
 * Copyright: Copyright (c) 2013 by Daniel Hernandez. All rights reserved.
 * Licensed pageviews: 10,000
 *
 * Webfont: SanchezSlab-SemiBold by Latinotype
 * URL: http://www.myfonts.com/fonts/latinotype/sanchez-slab/semi-bold-124806/
 * Copyright: Copyright (c) 2013 by Daniel Hernandez. All rights reserved.
 * Licensed pageviews: 10,000
 *
 * Webfont: SanchezSlab-ExtraLigh by Latinotype
 * URL: http://www.myfonts.com/fonts/latinotype/sanchez-slab/extra-light-124806/
 * Copyright: Copyright (c) 2013 by Daniel Hernandez. All rights reserved.
 * Licensed pageviews: 10,000
 *
 * Webfont: SanchezSlab-ExtraLighItalic by Latinotype
 * URL: http://www.myfonts.com/fonts/latinotype/sanchez-slab/extra-light-italic-124806/
 * Copyright: Copyright (c) 2013 by Daniel Hernandez. All rights reserved.
 * Licensed pageviews: 10,000
 *
 * Webfont: SanchezSlab-Bold by Latinotype
 * URL: http://www.myfonts.com/fonts/latinotype/sanchez-slab/bold-124806/
 * Copyright: Copyright (c) 2013 by Daniel hernández. All rights reserved.
 * Licensed pageviews: 10,000
 *
 * Webfont: SanchezSlab-BoldItalic by Latinotype
 * URL: http://www.myfonts.com/fonts/latinotype/sanchez-slab/bold-italic-124806/
 * Copyright: Copyright (c) 2013 by Daniel Hernandez. All rights reserved.
 * Licensed pageviews: 10,000
 *
 * Webfont: SanchezSlab-Black by Latinotype
 * URL: http://www.myfonts.com/fonts/latinotype/sanchez-slab/black-124806/
 * Copyright: Copyright (c) 2013 by Daniel hernández. All rights reserved.
 * Licensed pageviews: 10,000
 *
 * Webfont: SanchezSlab-BlackItalic by Latinotype
 * URL: http://www.myfonts.com/fonts/latinotype/sanchez-slab/black-italic-124806/
 * Copyright: Copyright (c) 2013 by Daniel Hernandez. All rights reserved.
 * Licensed pageviews: 10,000
 *
 * Webfont: ProximaNovaA-Bold by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/a-bold/
 * Copyright: Copyright (c) Mark Simonson, 2005. All rights reserved.
 * Licensed pageviews: 1,000,000
 *
 * Webfont: ProximaNovaS-Bold by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/s-bold/
 * Copyright: Copyright (c) Mark Simonson, 2005. All rights reserved.
 * Licensed pageviews: 1,000,000
 *
 * Webfont: ProximaNova-Bold by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/bold/
 * Copyright: Copyright (c) Mark Simonson, 2005. All rights reserved.
 * Licensed pageviews: 1,000,000
 *
 * Webfont: ProximaNovaA-Extrabld by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/a-extrabld/
 * Copyright: Copyright (c) Mark Simonson, 2005. All rights reserved.
 * Licensed pageviews: 1,000,000
 *
 * Webfont: ProximaNovaS-Extrabld by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/s-extrabld/
 * Copyright: Copyright (c) Mark Simonson, 2005. All rights reserved.
 * Licensed pageviews: 1,000,000
 *
 * Webfont: ProximaNova-Extrabld by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/extrabld/
 * Copyright: Copyright (c) Mark Simonson, 2005. All rights reserved.
 * Licensed pageviews: 1,000,000
 *
 * Webfont: ProximaNovaA-Black by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/a-black/
 * Copyright: Copyright (c) Mark Simonson, 2005. All rights reserved.
 * Licensed pageviews: 1,000,000
 *
 * Webfont: ProximaNovaA-Regular by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/a-regular/
 * Copyright: Copyright (c) Mark Simonson, 2005. All rights reserved.
 * Licensed pageviews: 1,000,000
 *
 * Webfont: ProximaNovaA-Light by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/a-light/
 * Copyright: Copyright (c) Mark Simonson, 2005. All rights reserved.
 * Licensed pageviews: 1,000,000
 *
 * Webfont: ProximaNovaA-Thin by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/a-thin/
 * Copyright: Copyright (c) Mark Simonson, 2005. All rights reserved.
 * Licensed pageviews: 1,000,000
 *
 * Webfont: ProximaNovaA-Semibold by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/a-semibold/
 * Copyright: Copyright (c) Mark Simonson, 2005. All rights reserved.
 * Licensed pageviews: 1,000,000
 *
 * Webfont: ProximaNovaS-Black by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/s-black/
 * Copyright: Copyright (c) Mark Simonson, 2005. All rights reserved.
 * Licensed pageviews: 1,000,000
 *
 * Webfont: ProximaNovaS-Light by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/s-light/
 * Copyright: Copyright (c) Mark Simonson, 2005. All rights reserved.
 * Licensed pageviews: 1,000,000
 *
 * Webfont: ProximaNovaS-Regular by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/s-regular/
 * Copyright: Copyright (c) Mark Simonson, 2005. All rights reserved.
 * Licensed pageviews: 1,000,000
 *
 * Webfont: ProximaNovaS-Thin by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/s-thin/
 * Copyright: Copyright (c) Mark Simonson, 2005. All rights reserved.
 * Licensed pageviews: 1,000,000
 *
 * Webfont: ProximaNovaS-Semibold by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/s-semibold/
 * Copyright: Copyright (c) Mark Simonson, 2005. All rights reserved.
 * Licensed pageviews: 1,000,000
 *
 * Webfont: ProximaNova-Black by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/black/
 * Copyright: Copyright (c) Mark Simonson, 2005. All rights reserved.
 * Licensed pageviews: 1,000,000
 *
 * Webfont: ProximaNova-Light by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/light/
 * Copyright: Copyright (c) Mark Simonson, 2005. All rights reserved.
 * Licensed pageviews: 1,000,000
 *
 * Webfont: ProximaNova-Semibold by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/semibold/
 * Copyright: Copyright (c) Mark Simonson, 2005. All rights reserved.
 * Licensed pageviews: 1,000,000
 *
 * Webfont: ProximaNova-Regular by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/regular/
 * Copyright: Copyright (c) Mark Simonson, 2005. All rights reserved.
 * Licensed pageviews: 1,000,000
 *
 * Webfont: ProximaNovaT-Thin by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/thin/
 * Copyright: Copyright (c) Mark Simonson, 2005. All rights reserved.
 * Licensed pageviews: 1,000,000
 *
 * Webfont: ProximaNovaA-Medium by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/a-medium/
 * Copyright: Copyright (c) Mark Simonson, 2005. All rights reserved.
 * Licensed pageviews: 0
 *
 * Webfont: ProximaNovaS-Medium by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/s-medium/
 * Copyright: Copyright (c) Mark Simonson, 2005. All rights reserved.
 * Licensed pageviews: 0
 *
 * Webfont: ProximaNova-Medium by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/medium/
 * Copyright: Copyright (c) Mark Simonson, 2005. All rights reserved.
 * Licensed pageviews: 0
 *
 *
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3034170
 *
 * © 2015 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@font-face {
  font-family: 'SanchezSlab-SemiBoldItalic';
  src: url("/webfonts/2E4C3A_0_0.eot");
  src: url("/webfonts/2E4C3A_0_0.eot?#iefix") format("embedded-opentype"), url("/webfonts/2E4C3A_0_0.woff2") format("woff2"), url("/webfonts/2E4C3A_0_0.woff") format("woff"), url("/webfonts/2E4C3A_0_0.ttf") format("truetype"), url("/webfonts/2E4C3A_0_0.svg#wf") format("svg"); }
@font-face {
  font-family: 'SanchezSlab-Italic';
  src: url("/webfonts/2E4C3A_1_0.eot");
  src: url("/webfonts/2E4C3A_1_0.eot?#iefix") format("embedded-opentype"), url("/webfonts/2E4C3A_1_0.woff2") format("woff2"), url("/webfonts/2E4C3A_1_0.woff") format("woff"), url("/webfonts/2E4C3A_1_0.ttf") format("truetype"), url("/webfonts/2E4C3A_1_0.svg#wf") format("svg"); }
@font-face {
  font-family: 'SanchezSlab-LightItalic';
  src: url("/webfonts/2E4C3A_2_0.eot");
  src: url("/webfonts/2E4C3A_2_0.eot?#iefix") format("embedded-opentype"), url("/webfonts/2E4C3A_2_0.woff2") format("woff2"), url("/webfonts/2E4C3A_2_0.woff") format("woff"), url("/webfonts/2E4C3A_2_0.ttf") format("truetype"), url("/webfonts/2E4C3A_2_0.svg#wf") format("svg"); }
@font-face {
  font-family: 'SanchezSlab';
  src: url("/webfonts/2E4C3A_3_0.eot");
  src: url("/webfonts/2E4C3A_3_0.eot?#iefix") format("embedded-opentype"), url("/webfonts/2E4C3A_3_0.woff2") format("woff2"), url("/webfonts/2E4C3A_3_0.woff") format("woff"), url("/webfonts/2E4C3A_3_0.ttf") format("truetype"), url("/webfonts/2E4C3A_3_0.svg#wf") format("svg"); }
@font-face {
  font-family: 'SanchezSlab-Light';
  src: url("/webfonts/2E4C3A_4_0.eot");
  src: url("/webfonts/2E4C3A_4_0.eot?#iefix") format("embedded-opentype"), url("/webfonts/2E4C3A_4_0.woff2") format("woff2"), url("/webfonts/2E4C3A_4_0.woff") format("woff"), url("/webfonts/2E4C3A_4_0.ttf") format("truetype"), url("/webfonts/2E4C3A_4_0.svg#wf") format("svg"); }
@font-face {
  font-family: 'SanchezSlab-SemiBold';
  src: url("/webfonts/2E4C3A_5_0.eot");
  src: url("/webfonts/2E4C3A_5_0.eot?#iefix") format("embedded-opentype"), url("/webfonts/2E4C3A_5_0.woff2") format("woff2"), url("/webfonts/2E4C3A_5_0.woff") format("woff"), url("/webfonts/2E4C3A_5_0.ttf") format("truetype"), url("/webfonts/2E4C3A_5_0.svg#wf") format("svg"); }
@font-face {
  font-family: 'SanchezSlab-ExtraLigh';
  src: url("/webfonts/2E4C3A_6_0.eot");
  src: url("/webfonts/2E4C3A_6_0.eot?#iefix") format("embedded-opentype"), url("/webfonts/2E4C3A_6_0.woff2") format("woff2"), url("/webfonts/2E4C3A_6_0.woff") format("woff"), url("/webfonts/2E4C3A_6_0.ttf") format("truetype"), url("/webfonts/2E4C3A_6_0.svg#wf") format("svg"); }
@font-face {
  font-family: 'SanchezSlab-ExtraLighItalic';
  src: url("/webfonts/2E4C3A_7_0.eot");
  src: url("/webfonts/2E4C3A_7_0.eot?#iefix") format("embedded-opentype"), url("/webfonts/2E4C3A_7_0.woff2") format("woff2"), url("/webfonts/2E4C3A_7_0.woff") format("woff"), url("/webfonts/2E4C3A_7_0.ttf") format("truetype"), url("/webfonts/2E4C3A_7_0.svg#wf") format("svg"); }
@font-face {
  font-family: 'SanchezSlab-Bold';
  src: url("/webfonts/2E4C3A_8_0.eot");
  src: url("/webfonts/2E4C3A_8_0.eot?#iefix") format("embedded-opentype"), url("/webfonts/2E4C3A_8_0.woff2") format("woff2"), url("/webfonts/2E4C3A_8_0.woff") format("woff"), url("/webfonts/2E4C3A_8_0.ttf") format("truetype"), url("/webfonts/2E4C3A_8_0.svg#wf") format("svg"); }
@font-face {
  font-family: 'SanchezSlab-BoldItalic';
  src: url("/webfonts/2E4C3A_9_0.eot");
  src: url("/webfonts/2E4C3A_9_0.eot?#iefix") format("embedded-opentype"), url("/webfonts/2E4C3A_9_0.woff2") format("woff2"), url("/webfonts/2E4C3A_9_0.woff") format("woff"), url("/webfonts/2E4C3A_9_0.ttf") format("truetype"), url("/webfonts/2E4C3A_9_0.svg#wf") format("svg"); }
@font-face {
  font-family: 'SanchezSlab-Black';
  src: url("/webfonts/2E4C3A_A_0.eot");
  src: url("/webfonts/2E4C3A_A_0.eot?#iefix") format("embedded-opentype"), url("/webfonts/2E4C3A_A_0.woff2") format("woff2"), url("/webfonts/2E4C3A_A_0.woff") format("woff"), url("/webfonts/2E4C3A_A_0.ttf") format("truetype"), url("/webfonts/2E4C3A_A_0.svg#wf") format("svg"); }
@font-face {
  font-family: 'SanchezSlab-BlackItalic';
  src: url("/webfonts/2E4C3A_B_0.eot");
  src: url("/webfonts/2E4C3A_B_0.eot?#iefix") format("embedded-opentype"), url("/webfonts/2E4C3A_B_0.woff2") format("woff2"), url("/webfonts/2E4C3A_B_0.woff") format("woff"), url("/webfonts/2E4C3A_B_0.ttf") format("truetype"), url("/webfonts/2E4C3A_B_0.svg#wf") format("svg"); }
/*@font-face {font-family: 'ProximaNovaA-Bold';src: url('/webfonts/2E4C3A_C_0.eot');src: url('/webfonts/2E4C3A_C_0.eot?#iefix') format('embedded-opentype'),url('/webfonts/2E4C3A_C_0.woff2') format('woff2'),url('/webfonts/2E4C3A_C_0.woff') format('woff'),url('/webfonts/2E4C3A_C_0.ttf') format('truetype'),url('/webfonts/2E4C3A_C_0.svg#wf') format('svg');}


@font-face {font-family: 'ProximaNovaS-Bold';src: url('/webfonts/2E4C3A_D_0.eot');src: url('/webfonts/2E4C3A_D_0.eot?#iefix') format('embedded-opentype'),url('/webfonts/2E4C3A_D_0.woff2') format('woff2'),url('/webfonts/2E4C3A_D_0.woff') format('woff'),url('/webfonts/2E4C3A_D_0.ttf') format('truetype'),url('/webfonts/2E4C3A_D_0.svg#wf') format('svg');}
 */
@font-face {
  font-family: 'ProximaNova-Bold';
  src: url("/webfonts/2E4C3A_E_0.eot");
  src: url("/webfonts/2E4C3A_E_0.eot?#iefix") format("embedded-opentype"), url("/webfonts/2E4C3A_E_0.woff2") format("woff2"), url("/webfonts/2E4C3A_E_0.woff") format("woff"), url("/webfonts/2E4C3A_E_0.ttf") format("truetype"), url("/webfonts/2E4C3A_E_0.svg#wf") format("svg"); }
/*@font-face {font-family: 'ProximaNovaA-Extrabld';src: url('/webfonts/2E4C3A_F_0.eot');src: url('/webfonts/2E4C3A_F_0.eot?#iefix') format('embedded-opentype'),url('/webfonts/2E4C3A_F_0.woff2') format('woff2'),url('/webfonts/2E4C3A_F_0.woff') format('woff'),url('/webfonts/2E4C3A_F_0.ttf') format('truetype'),url('/webfonts/2E4C3A_F_0.svg#wf') format('svg');}


@font-face {font-family: 'ProximaNovaS-Extrabld';src: url('/webfonts/2E4C3A_10_0.eot');src: url('/webfonts/2E4C3A_10_0.eot?#iefix') format('embedded-opentype'),url('/webfonts/2E4C3A_10_0.woff2') format('woff2'),url('/webfonts/2E4C3A_10_0.woff') format('woff'),url('/webfonts/2E4C3A_10_0.ttf') format('truetype'),url('/webfonts/2E4C3A_10_0.svg#wf') format('svg');}
*/
@font-face {
  font-family: 'ProximaNova-Extrabld';
  src: url("/webfonts/2E4C3A_11_0.eot");
  src: url("/webfonts/2E4C3A_11_0.eot?#iefix") format("embedded-opentype"), url("/webfonts/2E4C3A_11_0.woff2") format("woff2"), url("/webfonts/2E4C3A_11_0.woff") format("woff"), url("/webfonts/2E4C3A_11_0.ttf") format("truetype"), url("/webfonts/2E4C3A_11_0.svg#wf") format("svg"); }
/*
@font-face {font-family: 'ProximaNovaA-Black';src: url('/webfonts/2E4C3A_12_0.eot');src: url('/webfonts/2E4C3A_12_0.eot?#iefix') format('embedded-opentype'),url('/webfonts/2E4C3A_12_0.woff2') format('woff2'),url('/webfonts/2E4C3A_12_0.woff') format('woff'),url('/webfonts/2E4C3A_12_0.ttf') format('truetype'),url('/webfonts/2E4C3A_12_0.svg#wf') format('svg');}


@font-face {font-family: 'ProximaNovaA-Regular';src: url('/webfonts/2E4C3A_13_0.eot');src: url('/webfonts/2E4C3A_13_0.eot?#iefix') format('embedded-opentype'),url('/webfonts/2E4C3A_13_0.woff2') format('woff2'),url('/webfonts/2E4C3A_13_0.woff') format('woff'),url('/webfonts/2E4C3A_13_0.ttf') format('truetype'),url('/webfonts/2E4C3A_13_0.svg#wf') format('svg');}


@font-face {font-family: 'ProximaNovaA-Light';src: url('/webfonts/2E4C3A_14_0.eot');src: url('/webfonts/2E4C3A_14_0.eot?#iefix') format('embedded-opentype'),url('/webfonts/2E4C3A_14_0.woff2') format('woff2'),url('/webfonts/2E4C3A_14_0.woff') format('woff'),url('/webfonts/2E4C3A_14_0.ttf') format('truetype'),url('/webfonts/2E4C3A_14_0.svg#wf') format('svg');}


@font-face {font-family: 'ProximaNovaA-Thin';src: url('/webfonts/2E4C3A_15_0.eot');src: url('/webfonts/2E4C3A_15_0.eot?#iefix') format('embedded-opentype'),url('/webfonts/2E4C3A_15_0.woff2') format('woff2'),url('/webfonts/2E4C3A_15_0.woff') format('woff'),url('/webfonts/2E4C3A_15_0.ttf') format('truetype'),url('/webfonts/2E4C3A_15_0.svg#wf') format('svg');}


@font-face {font-family: 'ProximaNovaA-Semibold';src: url('/webfonts/2E4C3A_16_0.eot');src: url('/webfonts/2E4C3A_16_0.eot?#iefix') format('embedded-opentype'),url('/webfonts/2E4C3A_16_0.woff2') format('woff2'),url('/webfonts/2E4C3A_16_0.woff') format('woff'),url('/webfonts/2E4C3A_16_0.ttf') format('truetype'),url('/webfonts/2E4C3A_16_0.svg#wf') format('svg');}


@font-face {font-family: 'ProximaNovaS-Black';src: url('/webfonts/2E4C3A_17_0.eot');src: url('/webfonts/2E4C3A_17_0.eot?#iefix') format('embedded-opentype'),url('/webfonts/2E4C3A_17_0.woff2') format('woff2'),url('/webfonts/2E4C3A_17_0.woff') format('woff'),url('/webfonts/2E4C3A_17_0.ttf') format('truetype'),url('/webfonts/2E4C3A_17_0.svg#wf') format('svg');}


@font-face {font-family: 'ProximaNovaS-Light';src: url('/webfonts/2E4C3A_18_0.eot');src: url('/webfonts/2E4C3A_18_0.eot?#iefix') format('embedded-opentype'),url('/webfonts/2E4C3A_18_0.woff2') format('woff2'),url('/webfonts/2E4C3A_18_0.woff') format('woff'),url('/webfonts/2E4C3A_18_0.ttf') format('truetype'),url('/webfonts/2E4C3A_18_0.svg#wf') format('svg');}


@font-face {font-family: 'ProximaNovaS-Regular';src: url('/webfonts/2E4C3A_19_0.eot');src: url('/webfonts/2E4C3A_19_0.eot?#iefix') format('embedded-opentype'),url('/webfonts/2E4C3A_19_0.woff2') format('woff2'),url('/webfonts/2E4C3A_19_0.woff') format('woff'),url('/webfonts/2E4C3A_19_0.ttf') format('truetype'),url('/webfonts/2E4C3A_19_0.svg#wf') format('svg');}


@font-face {font-family: 'ProximaNovaS-Thin';src: url('/webfonts/2E4C3A_1A_0.eot');src: url('/webfonts/2E4C3A_1A_0.eot?#iefix') format('embedded-opentype'),url('/webfonts/2E4C3A_1A_0.woff2') format('woff2'),url('/webfonts/2E4C3A_1A_0.woff') format('woff'),url('/webfonts/2E4C3A_1A_0.ttf') format('truetype'),url('/webfonts/2E4C3A_1A_0.svg#wf') format('svg');}


@font-face {font-family: 'ProximaNovaS-Semibold';src: url('/webfonts/2E4C3A_1B_0.eot');src: url('/webfonts/2E4C3A_1B_0.eot?#iefix') format('embedded-opentype'),url('/webfonts/2E4C3A_1B_0.woff2') format('woff2'),url('/webfonts/2E4C3A_1B_0.woff') format('woff'),url('/webfonts/2E4C3A_1B_0.ttf') format('truetype'),url('/webfonts/2E4C3A_1B_0.svg#wf') format('svg');}


@font-face {font-family: 'ProximaNova-Black';src: url('/webfonts/2E4C3A_1C_0.eot');src: url('/webfonts/2E4C3A_1C_0.eot?#iefix') format('embedded-opentype'),url('/webfonts/2E4C3A_1C_0.woff2') format('woff2'),url('/webfonts/2E4C3A_1C_0.woff') format('woff'),url('/webfonts/2E4C3A_1C_0.ttf') format('truetype'),url('/webfonts/2E4C3A_1C_0.svg#wf') format('svg');}


@font-face {font-family: 'ProximaNova-Light';src: url('/webfonts/2E4C3A_1D_0.eot');src: url('/webfonts/2E4C3A_1D_0.eot?#iefix') format('embedded-opentype'),url('/webfonts/2E4C3A_1D_0.woff2') format('woff2'),url('/webfonts/2E4C3A_1D_0.woff') format('woff'),url('/webfonts/2E4C3A_1D_0.ttf') format('truetype'),url('/webfonts/2E4C3A_1D_0.svg#wf') format('svg');}


@font-face {font-family: 'ProximaNova-Semibold';src: url('/webfonts/2E4C3A_1E_0.eot');src: url('/webfonts/2E4C3A_1E_0.eot?#iefix') format('embedded-opentype'),url('/webfonts/2E4C3A_1E_0.woff2') format('woff2'),url('/webfonts/2E4C3A_1E_0.woff') format('woff'),url('/webfonts/2E4C3A_1E_0.ttf') format('truetype'),url('/webfonts/2E4C3A_1E_0.svg#wf') format('svg');}

*/
@font-face {
  font-family: 'ProximaNova-Regular';
  src: url("/webfonts/2E4C3A_1F_0.eot");
  src: url("/webfonts/2E4C3A_1F_0.eot?#iefix") format("embedded-opentype"), url("/webfonts/2E4C3A_1F_0.woff2") format("woff2"), url("/webfonts/2E4C3A_1F_0.woff") format("woff"), url("/webfonts/2E4C3A_1F_0.ttf") format("truetype"), url("/webfonts/2E4C3A_1F_0.svg#wf") format("svg"); }
@font-face {
  font-family: 'ProximaNova';
  font-weight: normal;
  font-style: normal;
  src: url("/webfonts/2E4C3A_20_0.eot");
  src: url("/webfonts/2E4C3A_20_0.eot?#iefix") format("embedded-opentype"), url("/webfonts/2E4C3A_20_0.woff2") format("woff2"), url("/webfonts/2E4C3A_20_0.woff") format("woff"), url("/webfonts/2E4C3A_20_0.ttf") format("truetype"), url("/webfonts/2E4C3A_20_0.svg#wf") format("svg"); }
/*

@font-face {font-family: 'ProximaNovaA-Medium';src: url('/webfonts/2E4C3A_21_0.eot');src: url('/webfonts/2E4C3A_21_0.eot?#iefix') format('embedded-opentype'),url('/webfonts/2E4C3A_21_0.woff2') format('woff2'),url('/webfonts/2E4C3A_21_0.woff') format('woff'),url('/webfonts/2E4C3A_21_0.ttf') format('truetype'),url('/webfonts/2E4C3A_21_0.svg#wf') format('svg');}


@font-face {font-family: 'ProximaNovaS-Medium';src: url('/webfonts/2E4C3A_22_0.eot');src: url('/webfonts/2E4C3A_22_0.eot?#iefix') format('embedded-opentype'),url('/webfonts/2E4C3A_22_0.woff2') format('woff2'),url('/webfonts/2E4C3A_22_0.woff') format('woff'),url('/webfonts/2E4C3A_22_0.ttf') format('truetype'),url('/webfonts/2E4C3A_22_0.svg#wf') format('svg');}

*/
@font-face {
  font-family: 'ProximaNova-Medium';
  src: url("/webfonts/2E4C3A_23_0.eot");
  src: url("/webfonts/2E4C3A_23_0.eot?#iefix") format("embedded-opentype"), url("/webfonts/2E4C3A_23_0.woff2") format("woff2"), url("/webfonts/2E4C3A_23_0.woff") format("woff"), url("/webfonts/2E4C3A_23_0.ttf") format("truetype"), url("/webfonts/2E4C3A_23_0.svg#wf") format("svg"); }
/* Bower Dependencies
 * Added automatically with the Gulp file.
 * Do not remove the opening/closing comments.
================================================ */
/* Settings
================================================ */
/* Sizing
================================================ */
/* System Paths
================================================ */
/* Base Grid Settings
================================================ */
/* Colors
================================================ */
/* Fonts
================================================ */
/* Z-Indexes
================================================ */
.masthead {
  z-index: 101; }

/* Utilities
================================================ */
/*
	html5doctor.com Reset Stylesheet
	v1.6.1
	Last Updated: 2010-09-17
	Author: Richard Clark - http://richclarkdesign.com
	Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

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

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

/* SVG Image Replacement
================================================ */
.header__logo--centered {
  position: relative; }
  .header__logo--centered svg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }

/* Hide Text
================================================ */
.logo__link, .masthead__wordmark, .footer-links__item--social {
  overflow: hidden;
  text-indent: -1000px; }

/* Element Mixin
================================================ */
/* Modifier Mixin
================================================ */
/* Font-face Mixin
================================================ */
/* Aspect Ratio
================================================ */
/* Image URL Mixin
================================================ */
svg .cls-1 {
  fill: #27bdbe; }
svg .cls-2 {
  font-size: 16px;
  font-family: "ProximaNova-Semibold", "ProximaNova Semibold"; }
svg .cls-2,
svg .cls-7 {
  fill: #fff;
  font-weight: 700; }
svg .cls-3 {
  letter-spacing: 0em; }
svg .cls-4 {
  letter-spacing: 0.03em; }
svg .cls-5 {
  letter-spacing: 0.01em; }
svg .cls-6 {
  letter-spacing: 0.01em; }
svg .cls-7 {
  font-size: 40px;
  font-family: "ProximaNova-Bold", "ProximaNova Bold"; }
svg .cls-8,
svg .cls-9 {
  font-size: 60px; }
svg .cls-8 {
  letter-spacing: 0em; }
svg text {
  font-family: "ProximaNova-Bold", "ProximaNova Bold";
  letter-spacing: 0; }

.flex-spread, .feature-list {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.flex-grow {
  flex-grow: 1; }

/* @import "utilities/fonts"; */
/* Atoms
================================================ */
/* Placeholders
================================================ */
.h1, .h1--white, .h1--blue, .h1--orange, .h1--icy-blue, .h1--matchlight, .h2, .h2--orange, .h2--blue, .h2--white, .h2--icy-blue, .h2--aqua, .h3, .h3--orange, .h3--blue, .h3--icy-blue, .h3--aqua, .h3--white, .h5, .h5--orange, .h5--orange--margin, .h5--blue, .h5--gray, .h5--icy-blue, .h5--white, .h5--aqua, .h6, .h6--white, .h6--orange, .h6--aqua, .h6--blue, .h6--gray, .h6--medium-gray, .h6--dark-gray, .h6--icy-blue, .matchlight-navigator-link .link-heading, .use-case-navigator-link .link-heading {
  font-family: 'ProximaNova-Bold';
  font-weight: 300;
  position: relative; }

.h1--white .h1--underlined, .h1--blue .h1--underlined, .h1--orange .h1--underlined, .h1--icy-blue .h1--underlined, .h2--underlined, .h2--orange .h2--underlined, .h2--orange .h2__link:hover .h2--underlined, .h2--blue .h2--underlined, .h2--white .h2--underlined, .h2--icy-blue .h2--underlined, .h2--aqua .h2--underlined, .h3--underlined, .h3--orange .h3--underlined, .h3--orange .h3__link:hover .h3--underlined, .h3--blue .h3--underlined, .h3--icy-blue .h3--underlined, .h3--aqua .h3--underlined, .h3--white .h3--underlined, .h5--underlined, .h5--orange .h5--underlined, .h5--orange .h5__link:hover .h5--underlined, .h5--orange--margin .h5--underlined, .h5--blue .h5--underlined, .h5--gray .h5--underlined, .h5--icy-blue .h5--underlined, .h5--white .h5--underlined, .h5--aqua .h5--underlined, .h6--orange .h6--underlined, .h6--orange .h6--link:hover .h6--underlined, .h6--aqua .h6--link:hover .h6--underlined, .h6--blue .h6--link:hover .h6--underlined, .h6--gray .h6--underlined, .h6--gray .h6--link:hover .h6--underlined, .h6--matchlight-pitch .u, .h6--medium-gray .h6--underlined, .h6--dark-gray .h6--underlined, .h6--dark-gray .h6--underlined-blue, .h6--icy-blue .h6--link:hover .h6--underlined, .standard-content__blockquote u, .standard-content__circle-blockquote u, .dark-matters__nav__link.active .inner-link, .dark-matters__nav__link.active .inner-link:hover, .sidebar-link:hover .h6--underlined {
  padding-bottom: 0.1em;
  text-decoration: none; }

.h3--outdent {
  float: left;
  margin-left: -150px;
  margin-right: 32px;
  margin-bottom: 20px;
  margin-top: 18px; }

.h1__link, .h2__link, .h3__link, .h5__link {
  color: inherit;
  text-decoration: none; }

.h1, .h1--white, .h1--blue, .h1--orange, .h1--icy-blue, .h1--matchlight {
  font-size: 80px;
  line-height: 1.5; }

.h2, .h2--orange, .h2--blue, .h2--white, .h2--icy-blue, .h2--aqua {
  font-size: 60px;
  line-height: 1.433; }

.h3, .h3--orange, .h3--blue, .h3--icy-blue, .h3--aqua, .h3--white {
  font-size: 38px;
  line-height: 1.6;
  margin-bottom: 20px; }
  .h3 + p, .h3--orange + p, .h3--blue + p, .h3--icy-blue + p, .h3--aqua + p, .h3--white + p {
    margin-top: 30px; }

.h5, .h5--orange, .h5--orange--margin, .h5--blue, .h5--gray, .h5--icy-blue, .h5--white, .h5--aqua {
  font-size: 28px;
  font-weight: 300;
  line-height: 1.2;
  margin-top: 22px; }
  .h5 + p, .h5--orange + p, .h5--orange--margin + p, .h5--blue + p, .h5--gray + p, .h5--icy-blue + p, .h5--white + p, .h5--aqua + p {
    margin-top: 30px; }
  .h5 + ul, .h5--orange + ul, .h5--orange--margin + ul, .h5--blue + ul, .h5--gray + ul, .h5--icy-blue + ul, .h5--white + ul, .h5--aqua + ul {
    margin-top: 0.5em; }

.h6, .h6--white, .h6--orange, .h6--aqua, .h6--blue, .h6--gray, .h6--medium-gray, .h6--dark-gray, .h6--icy-blue, .matchlight-navigator-link .link-heading, .use-case-navigator-link .link-heading {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 300;
  margin-bottom: 0.5em;
  transition: color 100ms; }

/* H1
================================================ */
.h1--white {
  color: white; }
  .h1--white .h1--underlined {
    box-shadow: 0 0.165em 0 white; }
.h1--blue {
  color: #0091b1; }
  .h1--blue .h1--underlined {
    box-shadow: 0 0.165em 0 #0091b1; }
.h1--orange {
  color: #f16138; }
  .h1--orange .h1--underlined {
    box-shadow: 0 0.165em 0 #f16138; }
  .h1--orange .h1__link:hover {
    color: #e64010; }
.h1--icy-blue {
  color: #43c7f4; }
  .h1--icy-blue .h1--underlined {
    box-shadow: 0 0.165em 0 #43c7f4; }
.h1--matchlight {
  color: #43c7f4;
  margin: 66px 0 40px 0; }
  .h1--matchlight .bug--logo {
    height: 108px;
    top: 50%;
    transform: translate3d(-30px, -50%, 0);
    width: 108px; }

/* H2
================================================ */
@media (min-width: 0) and (max-width: 950px) {
  .h2 {
    font-size: 42px; } }
.h2--underlined {
  box-shadow: 0 0.165em 0 #6d6e70; }
.h2--orange {
  color: #f16138; }
  .h2--orange .h2--underlined {
    box-shadow: 0 0.165em 0 #f16138; }
  .h2--orange .h2__link:hover {
    color: #e64010; }
    .h2--orange .h2__link:hover .h2--underlined {
      color: #e64010;
      box-shadow: 0 0.165em 0 #e64010; }
  @media (min-width: 0) and (max-width: 950px) {
    .h2--orange {
      font-size: 45px; } }
.h2--blue {
  color: #0091b1; }
  .h2--blue .h2--underlined {
    box-shadow: 0 0.165em 0 #0091b1; }
  @media (min-width: 0) and (max-width: 950px) {
    .h2--blue {
      font-size: 45px; } }
.h2--white {
  color: white; }
  .h2--white .h2--underlined {
    box-shadow: 0 0.165em 0 white; }
  .h2--white.h2--centered {
    text-align: center;
    width: 100%; }
  @media (min-width: 0) and (max-width: 950px) {
    .h2--white {
      font-size: 45px; } }
  @media (min-width: 0) and (max-width: 600px) {
    .h2--white {
      font-size: 28px; } }
.h2--icy-blue {
  color: #43c7f4; }
  .h2--icy-blue .h2--underlined {
    box-shadow: 0 0.165em 0 #43c7f4; }
  @media (min-width: 0) and (max-width: 950px) {
    .h2--icy-blue {
      font-size: 45px; } }
.h2--aqua {
  color: #27bdbe; }
  .h2--aqua .h2--underlined {
    box-shadow: 0 0.165em 0 #27bdbe; }
  @media (min-width: 0) and (max-width: 950px) {
    .h2--aqua {
      font-size: 45px; } }

/* H3
================================================ */
.h3--underlined {
  box-shadow: 0 0.165em 0 #6d6e70; }
.h3--uppercase {
  text-transform: uppercase; }
.h3--serif {
  font-family: "SanchezSlab", Courier; }
@media (min-width: 0) and (max-width: 950px) {
  .h3--outdent {
    margin-left: 0px; } }
@media (min-width: 0) and (max-width: 950px) {
  .h3 {
    font-size: 32px; } }
.h3--orange {
  color: #f16138; }
  .h3--orange .h3--underlined {
    box-shadow: 0 0.165em 0 #f16138; }
  .h3--orange .h3__link:hover {
    color: #d83a0f; }
    .h3--orange .h3__link:hover .h3--underlined {
      color: #d83a0f;
      box-shadow: 0 0.165em 0 #d83a0f; }
  .h3--orange--matchlight-pitch {
    line-height: 1.25; }
.h3--blue {
  color: #0091b1; }
  .h3--blue .h3--underlined {
    box-shadow: 0 0.165em 0 #0091b1; }
  .h3--blue.h3--centered {
    text-align: center; }
  @media (min-width: 0) and (max-width: 950px) {
    .h3--blue {
      font-size: 32px; } }
  .h3--blue--matchlight-pitch {
    line-height: 1.25; }
.h3--icy-blue {
  color: #43c7f4; }
  .h3--icy-blue .h3--underlined {
    box-shadow: 0 0.165em 0 #43c7f4; }
.h3--aqua {
  color: #27bdbe; }
  .h3--aqua .h3--underlined {
    box-shadow: 0 0.165em 0 #27bdbe; }
.h3--white {
  color: white; }
  .h3--white .h3--underlined {
    box-shadow: 0 0.165em 0 white; }

/* H5
================================================ */
.h5--header {
  font-size: 30px;
  line-height: 1.25; }
.h5--underlined {
  box-shadow: 0 0.165em 0 #6d6e70;
  line-height: 1.5; }
.h5--no-space {
  margin: 0; }
.h5--serif {
  font-family: "SanchezSlab", Courier; }
.h5--orange {
  color: #f16138; }
  .h5--orange .h5--underlined {
    box-shadow: 0 0.165em 0 #f16138; }
  .h5--orange.h5--centered {
    text-align: center; }
  .h5--orange.h5--section-title {
    margin-bottom: 30px; }
  .h5--orange .h5__link:hover {
    color: #d83a0f; }
  .h5--orange .h5__link:hover .h5--underlined {
    color: #d83a0f;
    box-shadow: 0 0.165em 0 #d83a0f; }
  .h5--orange--margin {
    color: #f16138;
    margin-bottom: 20px; }
    .h5--orange--margin .h5--underlined {
      box-shadow: 0 0.165em 0 #f16138; }
    .h5--orange--margin.h5--centered {
      text-align: center; }
    .h5--orange--margin.h5--section-title {
      margin-bottom: 30px; }
.h5--blue {
  color: #0091b1; }
  .h5--blue .h5--underlined {
    box-shadow: 0 0.165em 0 #0091b1; }
.h5--gray {
  color: #939597; }
  .h5--gray .h5--underlined {
    box-shadow: 0 0.165em 0 #939597; }
.h5--icy-blue {
  color: #43c7f4; }
  .h5--icy-blue .h5--underlined {
    box-shadow: 0 0.165em 0 #43c7f4; }
  .h5--icy-blue.h5--centered {
    text-align: center; }
.h5--white {
  color: white; }
  .h5--white .h5--underlined {
    box-shadow: 0 0.165em 0 white; }
  .h5--white.h5--centered {
    text-align: center; }
  .h5--white a {
    transition: color 100ms; }
    .h5--white a:hover {
      color: #0091b1; }
.h5--aqua {
  color: #27bdbe; }
  .h5--aqua .h5--underlined {
    box-shadow: 0 0.165em 0 #27bdbe; }
.h5--matchlight-pitch {
  margin-top: 0;
  font-size: 20px;
  font-family: 'SanchezSlab', Courier;
  line-height: 1.35; }
  @media (min-width: 950px) {
    .h5--matchlight-pitch {
      /*margin-top: 20%;*/ } }

/* H6
================================================ */
.h6 + .p {
  margin-top: 10px; }
.h6 + .list {
  margin: 10px 0 15px; }
.h6--uppercase {
  text-transform: uppercase;
  letter-spacing: 1px; }
.h6--no-space {
  margin-bottom: 0; }
.h6--serif {
  font-family: "SanchezSlab", Courier;
  font-weight: bold; }
.h6--white {
  color: white; }
  .h6--white.h6--centered {
    text-align: center;
    width: 100%; }
  @media (min-width: 0) and (max-width: 600px) {
    .h6--white {
      font-size: 18px; } }
.h6--orange {
  color: #f16138; }
  .h6--orange .h6--underlined {
    box-shadow: 0 0.165em 0 #f16138; }
    .h6--orange .h6--underlined .h6--link:hover {
      color: #f16138; }
  .h6--orange .h6--centered {
    text-align: center;
    width: 100%; }
  .h6--orange .h6--link {
    color: inherit;
    text-decoration: none;
    display: block; }
    .h6--orange .h6--link:visited {
      color: inherit; }
    .h6--orange .h6--link:hover {
      color: #d83a0f; }
      .h6--orange .h6--link:hover .h6--underlined {
        color: #d83a0f;
        box-shadow: 0 0.165em 0 #d83a0f; }
.h6--aqua {
  color: #27bdbe; }
  .h6--aqua .h6--link {
    color: inherit;
    text-decoration: none;
    display: block; }
    .h6--aqua .h6--link:visited {
      color: inherit; }
    .h6--aqua .h6--link:hover {
      color: #1e9394; }
      .h6--aqua .h6--link:hover .h6--underlined {
        color: #1e9394;
        box-shadow: 0 0.165em 0 #1e9394; }
.h6--blue {
  color: #0091b1; }
  .h6--blue .h6--link {
    color: inherit;
    text-decoration: none;
    display: block; }
    .h6--blue .h6--link:visited {
      color: inherit; }
    .h6--blue .h6--link:hover {
      color: #00677e; }
      .h6--blue .h6--link:hover .h6--underlined {
        color: #00677e;
        box-shadow: 0 0.165em 0 #00677e; }
.h6--gray {
  color: #939597; }
  .h6--gray .h6--underlined {
    box-shadow: 0 0.165em 0 #939597; }
  .h6--gray.h6--centered {
    text-align: center;
    width: 100%; }
  .h6--gray .h6--link {
    color: inherit;
    text-decoration: none;
    display: block; }
    .h6--gray .h6--link:visited {
      color: inherit; }
    .h6--gray .h6--link:hover {
      color: #797c7e; }
      .h6--gray .h6--link:hover .h6--underlined {
        color: #797c7e;
        box-shadow: 0 0.165em 0 #797c7e; }
.h6--matchlight-pitch {
  line-height: 28px; }
  .h6--matchlight-pitch .u {
    color: #6d6e70;
    box-shadow: 0 0.165em 0 #43c7f4; }
  .h6--matchlight-pitch a.u:hover {
    color: #43c7f4; }
.h6--medium-gray {
  color: #bbbdc0; }
  .h6--medium-gray.h6--centered {
    text-align: center;
    width: 100%; }
  .h6--medium-gray .h6--underlined {
    box-shadow: 0 0.165em 0 #bbbdc0; }
.h6--dark-gray {
  color: #6d6e70; }
  .h6--dark-gray .h6--underlined {
    box-shadow: 0 0.165em 0 #6d6e70; }
  .h6--dark-gray .h6--underlined-blue {
    box-shadow: 0 0.165em 0 #43c7f4; }
  .h6--dark-gray.h6--centered {
    text-align: center;
    width: 100%; }
.h6--icy-blue {
  color: #43c7f4; }
  .h6--icy-blue .h6--link {
    color: inherit;
    text-decoration: none;
    display: block; }
    .h6--icy-blue .h6--link:visited {
      color: inherit; }
    .h6--icy-blue .h6--link:hover {
      color: #f16138; }
      .h6--icy-blue .h6--link:hover .h6--underlined {
        color: #f16138;
        box-shadow: 0 0.165em 0 #f16138; }

.category-title, .category-title--small {
  font-family: 'ProximaNova-Bold', sans-serif;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.25;
  text-transform: uppercase;
  letter-spacing: 1px; }

.category-title--small {
  font-size: 0.75rem; }

/* Paragraphs
================================================ */
.p + p, .p--intro + p, .p--small + p, .p--normal + p, .p--large + p, .p--spaced + p, .p--redirect + p, .p--tiny + p, .p--read-more + p {
  margin-top: 1em; }

.p--read-more {
  font-family: "ProximaNova-Bold";
  font-size: 17px;
  font-weight: 300;
  letter-spacing: 0.04em;
  margin-top: 1.4em;
  text-transform: uppercase; }
  .p--read-more a {
    color: #0091b1;
    display: inline-block;
    padding-right: 1.3em;
    position: relative;
    text-decoration: none;
    transition: color 150ms, padding-right 150ms; }
    .p--read-more a:after {
      border-bottom: 0.42em solid transparent;
      border-left: 0.63em solid #0091b1;
      border-top: 0.42em solid transparent;
      content: "";
      display: block;
      height: 0;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-60%);
      transition: color 150ms, border 150ms;
      width: 0; }
    .p--read-more a:hover {
      color: #f16138;
      padding-right: 1.5em; }
      .p--read-more a:hover:after {
        border-left: 0.63em solid #f16138; }

.p__link, .content-page__body a, .single-use-case__container-body a {
  box-shadow: 0 3px 0 #43c7f4;
  color: #6d6e70;
  text-decoration: none;
  transition: color 200ms; }
  .p__link:hover, .content-page__body a:hover, .single-use-case__container-body a:hover {
    color: #43c7f4; }

.p {
  font: 300 17px/1.5 "SanchezSlab", Courier; }
  .p .orange-highlight {
    font-weight: bold;
    color: #f16138; }
  .p--intro {
    font: 300 20px/1.3333 "SanchezSlab", Courier;
    color: #6d6e70;
    line-height: 1.5; }
  .p--bold {
    font: bold 17px/1.5 "SanchezSlab", Courier; }
  .p--small {
    font: 300 13px/1.4 "SanchezSlab", Courier; }
    .p--small--bold {
      font: bold 13px/1.4 "SanchezSlab", Courier; }
  .p--normal {
    font: 300 16px/1.4 "SanchezSlab", Courier; }
    .p--normal--bold {
      font: bold 16px/1.4 "SanchezSlab", Courier; }
  .p--large {
    font: 300 20px/1.4 "SanchezSlab", Courier;
    margin: 0 40px; }
    .p--large--bold {
      font: bold 20px/1.4 "SanchezSlab", Courier; }
  .p--spaced {
    margin-bottom: 1em; }
  .p--redirect {
    margin-top: 40px;
    text-align: center; }
  .p--tiny {
    font: 300 11px/1.3 "SanchezSlab", Courier; }
    .p--tiny--bold {
      font: bold 11px/1.3 "SanchezSlab", Courier; }
  .p--dark-blue {
    color: #007b97; }
  .p--icy-blue {
    color: #43c7f4; }
  .p--dark-gray {
    color: #6d6e70; }
  .p--medium-gray {
    color: #bbbdc0; }
  .p--aqua {
    color: #27bdbe; }
  .p--blue {
    color: #0091b1; }
  .p--callout-orange {
    clear: both;
    box-shadow: inset 0 12px 0 #f16138;
    padding-top: 24px; }
    .p--callout-orange + p {
      margin-top: 41px; }

/* Strong
================================================ */
.p__link, .content-page__body a, .single-use-case__container-body a, .strong, .strong--orange, .strong--blue, .strong--dark-blue, .strong--icy-blue, .strong--aqua, .a, .a--icy-blue, .a--white, .a--blue {
  font-family: "SanchezSlab-Bold", Courier;
  font-weight: 300; }

.strong--orange {
  color: #f16138; }
.strong--blue {
  color: #0091b1; }
.strong--dark-blue {
  color: #007b97; }
.strong--icy-blue {
  color: #43c7f4; }
.strong--aqua {
  color: #27bdbe; }

/* Links
================================================ */
.a, .a--icy-blue, .a--white, .a--blue {
  color: #6d6e70;
  text-decoration: none;
  transition: color 200ms; }
  .a + a, .a--icy-blue + a, .a--white + a, .a--blue + a {
    margin-top: 1em; }
  .a:hover, .a--icy-blue:hover, .a--white:hover, .a--blue:hover {
    box-shadow: 0 3px 0 #43c7f4; }

.a--clear {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  text-decoration: none; }
  .a--clear:hover {
    box-shadow: none; }
.a--bold {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  text-decoration: none; }
  .a--bold:hover {
    font-weight: bold;
    box-shadow: none; }
.a--icy-blue {
  color: #43c7f4; }
.a--white {
  color: white; }
  .a--white:hover {
    box-shadow: 0 3px 0 white; }
.a--blue {
  color: #0091b1; }

/* Lists
================================================ */
.list, .list--bulletless, .list--medium-text, .list--small-text, .list--small-text-bulletless {
  margin: 2em 0 1em; }
  .list:first-child, .list--bulletless:first-child, .list--medium-text:first-child, .list--small-text:first-child, .list--small-text-bulletless:first-child {
    margin-top: 0; }

.list--bulleted {
  list-style-type: none;
  position: relative;
  margin-bottom: 2em; }

.list--bulleted .list__item, .feature-list--bulleted .feature-list__item, .dark-matters__nav__link, .dark-matters__footer__nav__link {
  font-weight: bold;
  padding-left: 1.2em;
  position: relative; }
  .list--bulleted .list__item:before, .feature-list--bulleted .feature-list__item:before, .dark-matters__nav__link:before, .dark-matters__footer__nav__link:before {
    background-color: #0091b1;
    border-radius: 50%;
    content: "";
    height: 8px;
    left: 0;
    position: absolute;
    top: 0.5em;
    width: 8px; }

.list.push-bullet {
  padding-left: 15px; }
.list--bulletless {
  list-style-type: none; }
.list .list__item:last-child {
  margin-bottom: 0; }
.list--bulleted--aqua .list__item:before {
  background-color: #27bdbe; }
.list--bulleted--blue .list__item:before {
  background-color: #0091b1; }
.list--bulleted--medium-gray .list__item:before {
  background-color: #bbbdc0; }
.list--bulleted--dark-gray .list__item:before {
  background-color: #6d6e70; }
.list--bulleted--gray .list__item:before {
  background-color: #939597; }
.list--bulleted--icy-blue .list__item:before {
  background-color: #43c7f4; }
.list--bulleted--orange .list__item:before {
  background-color: #f16138; }
.list--medium-text {
  font: 300 20px/1.75 "SanchezSlab-Bold", Courier; }
.list--small-text {
  font: 300 16px/1.56 "SanchezSlab", Courier; }
  .list--small-text.no-margin {
    margin-top: 0;
    margin-bottom: 0; }
.list--small-text-bulletless {
  font: 300 16px/1.56 "SanchezSlab", Courier;
  padding-left: 0.8em;
  list-style-type: none; }

.feature-list {
  align-items: flex-start;
  padding: 30px 0; }
  @media (min-width: 0) and (max-width: 950px) {
    .feature-list {
      display: inline-block;
      width: 100%;
      padding: 0; }
      .feature-list .feature-list__item {
        margin-top: 60px; } }
  .feature-list--row-tb {
    display: inherit; }
    @media (min-width: 480px) and (max-width: 950px) {
      .feature-list--row-tb {
        width: 100%;
        display: flex;
        justify-content: space-around;
        align-items: flex-start; }
        .feature-list--row-tb .feature-list__item-quarter {
          flex-grow: 1;
          padding: 0 60px; } }
    @media (min-width: 950px) {
      .feature-list--row-tb .feature-list__item-quarter {
        width: 40%; } }
  .feature-list--mobile-padded {
    padding-bottom: 75px; }
  .feature-list .h6 {
    margin-bottom: 0; }
  .feature-list__item {
    width: 25%; }
    @media (min-width: 480px) and (max-width: 950px) {
      .feature-list__item--full-tablet {
        width: 100%; } }
    .feature-list__item--split {
      max-width: 960px;
      margin-left: auto;
      margin-right: auto; }
      .feature-list__item--split:after {
        content: " ";
        display: block;
        clear: both; }
      .feature-list__item--split__image {
        width: 32.71028%;
        float: left;
        margin-right: 0.93458%;
        position: relative; }
        .feature-list__item--split__image .image-wrapper {
          position: absolute;
          right: 25px; }
        @media (min-width: 0) and (max-width: 480px) {
          .feature-list__item--split__image {
            width: 43.92523%;
            float: left;
            margin-right: 0.93458%; } }
        @media (min-width: 480px) and (max-width: 950px) {
          .feature-list__item--split__image {
            width: 27.1028%;
            float: left;
            margin-right: 0.93458%; } }
      .feature-list__item--split__body {
        width: 66.35514%;
        float: right;
        margin-right: 0; }
        @media (min-width: 0) and (max-width: 480px) {
          .feature-list__item--split__body {
            width: 55.14019%;
            float: right;
            margin-right: 0; } }
        @media (min-width: 480px) and (max-width: 950px) {
          .feature-list__item--split__body {
            width: 71.96262%;
            float: right;
            margin-right: 0; } }
    .feature-list__item--quote {
      padding: 0; }
    @media (min-width: 950px) {
      .feature-list__item:last-child {
        padding: 0; } }
    @media (min-width: 0) and (max-width: 480px) {
      .feature-list__item {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0; } }
  .feature-list__item-half {
    width: 50%;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto; }
    .feature-list__item-half:after {
      content: " ";
      display: block;
      clear: both; }
    @media (min-width: 0) and (max-width: 950px) {
      .feature-list__item-half {
        width: 100%; } }
  .feature-list__item-third {
    width: 70%;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto; }
    .feature-list__item-third:after {
      content: " ";
      display: block;
      clear: both; }
    @media (min-width: 0) and (max-width: 950px) {
      .feature-list__item-third {
        width: 100%; } }
  .feature-list__item-quarter {
    width: 20%;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto; }
    .feature-list__item-quarter:after {
      content: " ";
      display: block;
      clear: both; }
    @media (min-width: 0) and (max-width: 950px) {
      .feature-list__item-quarter {
        width: 100%; } }

.feature-list--bulleted .feature-list__item {
  padding: 0em 0 0 16px; }
@media (min-width: 0) and (max-width: 950px) {
  .feature-list--bulleted {
    padding: 0; }
    .feature-list--bulleted .feature-list__item {
      margin-top: 36px; } }

/* Placeholders
================================================ */
.button, .button--text, .button__small-frame, .button--light-framed, .button--framed, .button__icon, .button__icon--arrow-right {
  appearance: none;
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  text-decoration: none;
  transition: color 200ms;
  user-select: none;
  cursor: pointer; }

.button__icon, .button__icon--arrow-right {
  position: relative; }
  .button__icon:before, .button__icon--arrow-right:before {
    background-position: center center;
    background-repeat: no-repeat;
    content: '';
    height: 16px;
    position: absolute;
    width: 16px; }

/* Buttons
================================================ */
.button--text {
  font: 300 16px/1.4 'ProximaNova-Bold';
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 10px 20px; }
.button__small-frame {
  color: #0091b1;
  border: 2px solid #0091b1;
  display: inline-block;
  font: 300 28px/1.3 'ProximaNova-Bold';
  padding: 2px 24px;
  transition: color 200ms, border 200ms;
  background: none; }
  .button__small-frame.tl {
    text-align: left; }
  .button__small-frame.two-line-button {
    position: relative;
    line-height: 16px;
    padding: 14px 60px 14px 14px; }
    .button__small-frame.two-line-button .chevron--right {
      position: absolute;
      right: 20px;
      top: 50%;
      transform: translateY(-50%); }
    .button__small-frame.two-line-button .label {
      font-size: 14px;
      line-height: 24px;
      letter-spacing: 0.04em;
      top: 0;
      margin-bottom: 4px; }
    .button__small-frame.two-line-button .value {
      font-size: 18px;
      top: 0;
      margin-bottom: 0; }
  .button__small-frame .button-text {
    font-size: 16px;
    position: relative;
    top: -2px; }
  .button__small-frame:hover {
    border: 2px solid #f16138;
    color: #f16138; }
    .button__small-frame:hover .button-text {
      color: #f16138; }
.button--light-framed {
  border: 2px solid #43c7f4;
  background: white;
  color: #43c7f4;
  display: inline-block;
  font: 300 24px/1.166 'ProximaNova-Bold';
  padding: 10px 16px;
  transition: color 200ms, border 200ms;
  background: none; }
  .button--light-framed:hover {
    border: 2px solid #f16138;
    color: #f16138; }
  .button--light-framed.button--orange {
    border: 2px solid #f16138;
    color: #f16138;
    font-weight: 300;
    background: white; }
    .button--light-framed.button--orange:hover {
      border: 2px solid #43c7f4;
      color: #43c7f4; }
  .button--light-framed.button--blue {
    border: 2px solid #0091b1;
    color: #0091b1;
    font-weight: 300;
    background: white; }
    .button--light-framed.button--blue:hover {
      border: 2px solid #f16138;
      color: #f16138; }
  .button--light-framed .download-icon {
    transition: background-image 100ms;
    background-image: url("/images/source/icon-download.svg");
    height: 20px;
    width: 20px;
    display: inline-block;
    margin-left: 4px; }
  .button--light-framed.download-icon--parent:hover .download-icon--hover-orange {
    background-image: url("/images/source/icon-download--orange.svg"); }
  .button--light-framed.button--small {
    font-size: 18px;
    padding: 10px 14px;
    font-weight: 300; }
  @media (min-width: 0) and (max-width: 950px) {
    .button--light-framed {
      font-size: 16px;
      padding: 8px 12px;
      font-weight: 300; } }
.button--framed {
  box-shadow: inset 0 0 0 8px #0091b1;
  color: #0091b1;
  display: inline-block;
  font: 300 24px/1.166 'ProximaNova-Bold';
  padding: 28px 24px;
  transition: color 200ms, box-shadow 200ms; }
  .button--framed:hover {
    box-shadow: inset 0 0 0 8px #f16138;
    color: #f16138; }
.button--orange {
  color: #f16138; }
  .button--orange:hover {
    color: #43c7f4; }
.button__icon--arrow-right {
  padding-right: 24px; }
  .button__icon--arrow-right:before {
    background-image: url("../images/source/icon-arrow-right.svg");
    right: 0;
    top: 50%;
    transform: translateY(-50%); }
.button__icon--text-blue {
  color: #0091b1; }
  .button__icon--text-blue:hover {
    color: #007b97; }
.button__icon--text-dark-blue {
  color: #007b97; }

.button--white {
  border-color: white;
  color: white; }

.button--white:hover {
  border-color: #43c7f4;
  color: #43c7f4; }

.button--orange,
.button--orange:hover {
  border-color: #f16138 !important;
  color: #f16138; }

.button--orange__blue--hover:hover {
  border-color: #0091b1 !important;
  color: #0091b1; }
  .button--orange__blue--hover:hover .button-text {
    color: #0091b1; }

.button--dark-orange {
  border: 1px solid transparent;
  color: #f16138;
  font-weight: 300;
  background: none; }
  .button--dark-orange:hover {
    color: #d65632; }
    .button--dark-orange:hover .chevron--right {
      background-image: url(/images/chevron-right--dark-orange.svg) !important; }

.button--hover-icy-blue:hover {
  border-color: #43c7f4 !important; }

.hover-icy-blue * {
  transition: color 100ms ease-in-out; }

.hover-icy-blue:hover * {
  color: #43c7f4; }

.button--hover-icy-blue:hover * {
  color: #43c7f4; }

.button--white-text {
  color: white; }
  .button--white-text:hover {
    color: #f16138; }

/* Placeholders
================================================ */
.bug, .bug--aqua, .bug--blue, .bug--gray, .bug--medium-gray, .bug--dark-gray, .bug--icy-blue, .bug--orange {
  border-radius: 50%;
  position: relative;
  text-decoration: none; }

.bug--aqua, .bug--blue, .bug--gray, .bug--medium-gray, .bug--dark-gray, .bug--icy-blue, .bug--orange {
  color: white;
  font: 300 24px/1.3 "ProximaNova-Bold";
  height: 100px;
  transition: background-color 200ms;
  width: 100px; }

.bug--aqua, .bug--blue, .bug--gray, .bug--medium-gray, .bug--dark-gray, .bug--icy-blue, .bug--orange {
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  text-align: center; }

/* Bugs
================================================ */
.bug--logo {
  height: 1.25em;
  width: 4.625rem;
  margin-right: 1rem;
  /*display: inline-block;*/
  /*margin-bottom: -.45em;*/
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
  /*transform: translateY(9px);*/
  background-image: url("/images/bug-blue.svg"); }
.bug--pair {
  display: block;
  padding-bottom: 20px; }
.bug--extra-large {
  position: absolute;
  margin-top: -125px;
  margin-left: 120px; }
  @media (min-width: 0) and (max-width: 950px) {
    .bug--extra-large {
      margin-top: 20px;
      position: relative;
      margin-left: 0;
      max-width: 100%;
      display: block;
      margin-left: auto;
      margin-right: auto; } }
  .bug--extra-large--top {
    position: relative;
    height: 250px;
    width: 250px;
    margin-top: -125px;
    margin-left: 130px; }
    @media (min-width: 0) and (max-width: 950px) {
      .bug--extra-large--top {
        margin: 5px auto;
        margin-top: 36px;
        width: 100%; } }
  .bug--extra-large--middle {
    position: relative;
    height: 250px;
    width: 250px;
    margin-top: -95px;
    margin-left: 280px;
    z-index: 1; }
    @media (min-width: 0) and (max-width: 950px) {
      .bug--extra-large--middle {
        margin: 5px auto;
        width: 100%; } }
  .bug--extra-large--bottom {
    position: relative;
    height: 250px;
    width: 250px;
    margin-top: -95px;
    margin-left: 130px; }
    @media (min-width: 0) and (max-width: 950px) {
      .bug--extra-large--bottom {
        margin: 5px auto;
        width: 100%; } }
.bug--aqua {
  background-color: #27bdbe;
  padding: 1em; }
  .bug--aqua:hover {
    background-color: #1e9394; }
.bug--blue {
  background-color: #0091b1;
  padding: 1em; }
  .bug--blue:hover {
    background-color: #00677e; }
.bug--gray {
  background-color: #939597;
  padding: 1em; }
  .bug--gray:hover {
    background-color: #797c7e; }
.bug--medium-gray {
  background-color: #bbbdc0;
  padding: 1em; }
  .bug--medium-gray:hover {
    background-color: #a1a3a7; }
.bug--dark-gray {
  background-color: #6d6e70;
  padding: 1em; }
  .bug--dark-gray:hover {
    background-color: #545556; }
.bug--icy-blue {
  background-color: #43c7f4;
  padding: 1em; }
  .bug--icy-blue:hover {
    background-color: #13b9f1; }
.bug--orange {
  background-color: #f16138;
  padding: 1em;
  text-transform: uppercase;
  font-size: 14px;
  font-family: "ProximaNova-Bold";
  letter-spacing: 1px; }
  .bug--orange:hover {
    background-color: #e64010; }
.bug--small {
  height: 50px;
  width: 50px;
  min-width: 50px;
  padding: .5em; }
.bug--large {
  height: 145px;
  width: 145px; }

.feature-list__item-half .bug--blue,
.feature-list__item-half .bug--aqua,
.feature-list__item-half .bug--icy-blue,
.feature-list__item-half .bug--dark-gray,
.feature-list__item-half .bug--medium-gray,
.feature-list__item-half .bug--orange,
.feature-list__item-half .bug--gray {
  margin-left: 30px; }

.bug-grid {
  background: #eaf3f7;
  padding: 36px; }
  @media (min-width: 950px) and (max-width: 1020px) {
    .bug-grid {
      float: left !important;
      clear: left;
      margin-top: 30px;
      min-width: 450px; } }
  @media (min-width: 950px) {
    .bug-grid .content-block--split__first-block {
      width: 55.14019%;
      float: left;
      margin-right: 0.93458%;
      padding-bottom: 0; } }
  .bug-grid .content-block--split__first-block {
    padding-bottom: 0; }
  .bug-grid__header {
    font-size: 16px;
    margin-bottom: 16px;
    line-height: 1.2; }
    @media (min-width: 0) and (max-width: 950px) {
      .bug-grid__header {
        padding-left: 42px;
        padding-top: 36px; } }
  .bug-grid__title {
    flex-grow: 1;
    padding-left: 10%;
    font-family: "ProximaNova-Bold"; }

.border-bug {
  position: absolute;
  top: -40px;
  left: 64px; }
  @media (min-width: 0) and (max-width: 950px) {
    .border-bug {
      left: 45px; } }

/* Figures
================================================ */
.figure__content--eye, .figure__content--tracking, .figure__content--monitor, .figure__content--fingerprints, .figure__content--secure, .figure__content--control {
  height: 100%; }
  .figure__content--eye svg, .figure__content--tracking svg, .figure__content--monitor svg, .figure__content--fingerprints svg, .figure__content--secure svg, .figure__content--control svg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }

.figure__content--eye {
  position: relative; }
  .figure__content--eye:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 63.29114%; }
  .figure__content--eye svg {
    max-width: 225px; }
.figure__content--tracking {
  position: relative; }
  .figure__content--tracking:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 241.09589%; }
  .figure__content--tracking svg {
    right: 10px;
    max-width: 146px; }
.figure__content--monitor {
  position: relative; }
  .figure__content--monitor:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 116%; }
  .figure__content--monitor svg {
    max-width: 224px; }
.figure__content--fingerprints {
  position: relative; }
  .figure__content--fingerprints:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 324.67532%; }
  .figure__content--fingerprints svg {
    max-width: 154px;
    right: 16px; }
.figure__content--secure {
  position: relative; }
  .figure__content--secure:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 146.19883%; }
  .figure__content--secure svg {
    left: 10px;
    max-width: 225px; }
.figure__content--control {
  position: relative; }
  .figure__content--control:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 222.22222%; }
  .figure__content--control svg {
    max-width: 188px;
    right: 24px; }

/* Node Connector Intro/Outro
================================================ */
.node-connector__intro, .node-connector__intro--icy-blue, .node-connector__intro--blue, .node-connector__intro--light-gray, .node-connector__intro--dark-gray, .node-connector__intro--gray, .node-connector__intro--orange, .node-connector__intro--short, .node-connector__outro, .node-connector__outro--white, .node-connector__outro--blue, .node-connector__outro--dark-gray, .node-connector__outro--icy-blue, .node-connector__intro--long, .node-connector__intro--long--icy-blue {
  position: relative; }
  .node-connector__intro:before, .node-connector__intro--icy-blue:before, .node-connector__intro--blue:before, .node-connector__intro--light-gray:before, .node-connector__intro--dark-gray:before, .node-connector__intro--gray:before, .node-connector__intro--orange:before, .node-connector__intro--short:before, .node-connector__outro:before, .node-connector__outro--white:before, .node-connector__outro--blue:before, .node-connector__outro--dark-gray:before, .node-connector__outro--icy-blue:before, .node-connector__intro--long:before, .node-connector__intro--long--icy-blue:before {
    background-position: center;
    background-repeat: no-repeat;
    content: "";
    height: 74px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 26px; }

.node-connector__intro:before, .node-connector__intro--icy-blue:before, .node-connector__intro--blue:before, .node-connector__intro--light-gray:before, .node-connector__intro--dark-gray:before, .node-connector__intro--gray:before, .node-connector__intro--orange:before, .node-connector__intro--short:before, .node-connector__intro--long:before, .node-connector__intro--long--icy-blue:before {
  top: 0;
  transform: rotate(180deg) translateX(50%); }

.node-connector__outro:before, .node-connector__outro--white:before, .node-connector__outro--blue:before, .node-connector__outro--dark-gray:before, .node-connector__outro--icy-blue:before {
  bottom: 0; }

.node-connector {
  z-index: 12; }
  .node-connector__intro:before {
    background-image: url("../images/source/icon-segment-white.svg");
    z-index: 9; }
  .node-connector__intro--icy-blue:before {
    background-image: url("../images/source/icon-segment-icy-blue.svg");
    z-index: 9; }
  .node-connector__intro--blue:before {
    background-image: url("../images/source/icon-segment-blue.svg");
    z-index: 9; }
  .node-connector__intro--light-gray:before {
    background-image: url("../images/source/icon-segment-light-gray.svg");
    z-index: 9; }
  .node-connector__intro--dark-gray:before {
    background-image: url("../images/source/icon-segment-dark-gray.svg");
    z-index: 9; }
  .node-connector__intro--gray:before {
    background-image: url("../images/source/icon-segment-gray.svg");
    z-index: 9; }
  .node-connector__intro--orange:before {
    background-image: url("../images/source/icon-segment-orange.svg");
    z-index: 9; }
  .node-connector__intro--short:before {
    background-image: url("../images/source/icon-segment-white.svg");
    z-index: 9; }
  .node-connector__intro--short:before {
    background-image: url("../images/source/icon-segment-short-white.svg");
    background-position-y: 0;
    height: 58px; }
  .node-connector__outro:before {
    background-image: url("../images/source/icon-segment-white.svg");
    z-index: 9; }
  .node-connector__outro--white:before {
    background-image: url("../images/source/icon-segment-white.svg");
    z-index: 9; }
  .node-connector__outro--blue:before {
    background-image: url("../images/source/icon-segment-blue.svg");
    z-index: 9; }
  .node-connector__outro--blue.node-connector--short:before {
    background-image: url("../images/source/icon-segment-short-blue.svg");
    height: 121px;
    margin-bottom: -59px;
    background-size: cover; }
  .node-connector__outro--dark-gray:before {
    background-image: url("../images/source/icon-segment-dark-gray.svg");
    z-index: 9; }
  .node-connector__outro--icy-blue:before {
    background-image: url("../images/source/icon-segment-icy-blue.svg");
    z-index: 9; }
  .node-connector__intro--long:before {
    background-image: url("../images/source/icon-segment-white.svg");
    z-index: 9; }
  .node-connector__intro--long--icy-blue {
    padding-top: 100px;
    z-index: 8; }
    .node-connector__intro--long--icy-blue:before {
      background-image: url("../images/source/icon-segment-icy-blue.svg");
      z-index: 9; }
    @media (min-width: 950px) {
      .node-connector__intro--long--icy-blue {
        /*padding-top: 60px;*/ }
        .node-connector__intro--long--icy-blue:before {
          /*background-image: image-url('source/icon-segment-long-icy-blue.svg');*/
          /*height: 580px;*/
          /*margin-top: -90px;*/ } }

.h6--matchlight-pitch .u, .header-nav__title,
.header-nav__link, .footer-nav__title, .resource-featured__category, .resource-recent__title, .share-title, .pricing-table__heading, .pricing-table__type, .matchlight-navigator-link .link-heading, .tab-title, .use-case-navigator-link .link-heading {
  font-family: "ProximaNova-Bold", sans-serif;
  font-weight: normal; }

.h6--matchlight-pitch, .news-content .content-thumbnail__article-title {
  font-family: "ProximaNova-Regular", sans-serif;
  font-weight: normal; }

.proxima-extrabold, .pricing-overview__subhead, .pricing-title {
  font-family: "ProximaNova-Extrabld", sans-serif;
  font-weight: normal; }

.center {
  text-align: center; }

.sanchez {
  font-family: "SanchezSlab", Courier !important;
  font-weight: normal; }

.sanchez-bold, .content-block--products .product-list-content-additional-column p .b, .pricing-table__title--primary, .tab-label {
  font-family: "SanchezSlab-Bold", Courier !important;
  font-weight: normal; }

.border-icy-blue {
  border-color: #43c7f4; }

.border-blue {
  border-color: #0091b1; }

.border-aqua {
  border-color: #27bdbe; }

.border-dark-blue {
  border-color: #007b97; }

/* Components
================================================ */
.btn {
  font-family: "ProximaNova-Bold";
  font-weight: 500;
  border: solid 1px transparent;
  color: #6d6e70;
  text-decoration: none;
  display: inline-block;
  padding: .55rem .5rem .3rem .8rem;
  transition: all .2s ease; }

.btn-blue {
  color: #43c7f4;
  border-color: #43c7f4; }

.btn-white {
  color: #fff;
  border-color: #fff; }

.btn-orange {
  border-color: #f16138;
  color: #f16138; }

.btn-gray {
  color: #A6A9AB;
  border-color: #A6A9AB; }

.btn-gray:hover {
  color: #6d6e70;
  border-color: #6d6e70; }

/* Section
================================================ */
.intro-movie__control, .intro-movie__control--play, .intro-movie__control--skip {
  background: #007b97;
  border: none;
  color: white;
  cursor: pointer;
  font: 300 15px/1.166 "ProximaNova-Bold";
  outline: none;
  padding: 8px 12px;
  position: relative;
  text-transform: uppercase;
  transition: background-color 200ms;
  letter-spacing: 1px; }

.intro-movie {
  background-color: white;
  left: 0;
  overflow: visible;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9; }
  @media (min-width: 950px) {
    .intro-movie {
      height: 95vh;
      overflow: visible; } }
  @media (min-width: 0) and (max-width: 950px) {
    .intro-movie {
      height: 100%; } }
  .intro-movie:before {
    padding-top: 0; }
  .intro-movie svg {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1; }
  .intro-movie__screen {
    height: 95vh;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    overflow: hidden; }
    @media (min-width: 0) and (max-width: 950px) {
      .intro-movie__screen {
        height: 100%;
        left: 50%;
        position: absolute;
        top: 60px;
        transform: translate3d(-50%, 0, 0);
        -webkit-transform: translate3d(-50%, 0, 0);
        width: 100%; } }
    @media (min-width: 950px) {
      .intro-movie__screen {
        height: 95vh;
        left: 50%;
        position: absolute;
        top: 0;
        transform: translate3d(-50%, 0, 0);
        -webkit-transform: translate3d(-50%, 0, 0);
        width: 100%; } }
  .intro-movie__callout {
    bottom: 50px;
    right: 0;
    padding: 0 76px;
    position: absolute;
    z-index: 2; }
    @media (min-width: 0) and (max-width: 950px) {
      .intro-movie__callout {
        width: 100%;
        text-align: center;
        left: 0;
        right: 0;
        bottom: 10%; } }
    @media (min-width: 0) and (max-width: 480px) {
      .intro-movie__callout {
        font-size: 16px;
        padding: 6px 8px;
        bottom: 15%; } }
    .intro-movie__callout.highlight {
      z-index: 100;
      bottom: -50px; }
    .intro-movie__callout.animate {
      bottom: 50px;
      transition: bottom 1s; }
      @media (min-width: 0) and (max-width: 950px) {
        .intro-movie__callout.animate {
          bottom: 10%; } }
      @media (min-width: 0) and (max-width: 480px) {
        .intro-movie__callout.animate {
          bottom: 15%; } }
  .intro-movie__controls {
    bottom: -16px;
    width: 100%;
    text-align: center;
    padding: 0;
    position: absolute;
    z-index: 100;
    display: none; }
    @media (min-width: 0) and (max-width: 950px) {
      .intro-movie__controls {
        bottom: -76px; } }
  .intro-movie.isHolding {
    background-color: transparent;
    pointer-events: none;
    overflow: visible; }
    .intro-movie.isHolding .intro-movie__controls {
      pointer-events: auto; }
    .intro-movie.isHolding .intro-movie__control--play {
      display: inline-block; }
    .intro-movie.isHolding .intro-movie__control--skip {
      display: none; }
  .intro-movie.isPlaying .intro-movie__control--play {
    display: none; }
  .intro-movie.isPlaying .intro-movie__control--skip {
    display: inline-block; }

@media (min-width: 0) and (max-width: 950px) {
  .mobile-pad {
    padding-top: 60px; } }

.content-thumbnail__category, .content-thumbnail__date, .content-page__category, .content-page__author, .content-page__category--white, .content-page__author--white, .content-page__back-button, .content-page__date, .content-page__about-author__heading span, .content-page__about-author__body b, .content-page__body h1, .content-page__body h2, .content-page__body h3, .content-page__body h4, .content-page__body h5, .content-page__body h6, .author__heading, .single-use-case__container-body h1,
.single-use-case__container-body h2,
.single-use-case__container-body h3,
.single-use-case__container-body h4,
.single-use-case__container-body h5,
.single-use-case__container-body h6 {
  text-transform: uppercase;
  font-family: "ProximaNova-Bold";
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 1px;
  padding: 8px 0;
  position: relative; }

.content-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  border-bottom: 1px solid #43c7f4;
  padding: 30px 0; }
  @media (min-width: 0) and (max-width: 950px) {
    .content-row {
      display: block;
      border-bottom: none;
      padding: 0; } }

@media (min-width: 950px) {
  .resources-page .content-row:last-of-type {
    /*border-bottom: none;*/
    /*padding-bottom: 0;*/ } }
@media (min-width: 0) and (max-width: 950px) {
  .resources-page .content-row:last-of-type .content-thumbnail:last-of-type {
    /*border-bottom: none;*/ } }

.resources-page .content-row:last-of-type .content-row-sm {
  /*border-bottom: none;*/ }

.content-block.blog-content {
  padding: 16px 36px 40px 36px; }
  @media (min-width: 480px) and (max-width: 950px) {
    .content-block.blog-content {
      padding: 20px 0px 36px 0px; } }
  @media (min-width: 0) and (max-width: 480px) {
    .content-block.blog-content {
      padding: 10px 20px 60px; } }

.content-row-sm {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  width: 50%; }
  @media (min-width: 480px) and (max-width: 950px) {
    .content-row-sm {
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      padding: 36px 0;
      border-bottom: 2px solid #43c7f4; }
      .content-row-sm.content-row--featured:first-child {
        /*border-bottom: none;*/ } }
  @media (min-width: 0) and (max-width: 480px) {
    .content-row-sm {
      display: block;
      width: 100%; } }

.content-thumbnail:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  background-color: #43c7f4;
  width: calc(100% + 1rem);
  left: .5rem; }
  @media (min-width: 0) and (max-width: 680px) {
    .content-thumbnail:after {
      display: none !important; } }

.resources-inner .content-thumbnail__image-wrapper,
.news-thumbnails .content-thumbnail__image-wrapper {
  display: none; }
.resources-inner .news-header,
.news-thumbnails .news-header {
  margin-top: 0 !important; }

.resources-all .content-thumbnail__image-wrapper {
  display: block; }

.content-thumbnail:nth-child(n+5) .content-thumbnail__image-wrapper {
  display: none; }
.content-thumbnail:nth-child(n+5) .content-thumbnail__category {
  padding-top: 0 !important; }

.content-thumbnail {
  position: relative;
  width: 25%;
  padding-top: 40px;
  padding-bottom: 40px; }
  .content-thumbnail.in-sidebar {
    width: 100%;
    padding-top: 0;
    margin-bottom: 40px; }
    .content-thumbnail.in-sidebar:last-of-type {
      margin-bottom: 0px; }
      .content-thumbnail.in-sidebar:last-of-type:after {
        display: none; }
  @media (min-width: 950px) {
    .content-thumbnail:nth-of-type(4n) {
      overflow: hidden; } }
  @media (min-width: 680px) and (max-width: 950px) {
    .content-thumbnail {
      width: 50%; }
      .content-thumbnail:nth-of-type(2n) {
        overflow: hidden; } }
  @media (min-width: 0) and (max-width: 680px) {
    .content-thumbnail {
      width: 100%;
      border-bottom: 2px solid #43c7f4;
      padding: 30px 0; } }
  .content-thumbnail__image-wrapper {
    position: relative;
    width: 180px;
    height: 180px;
    overflow: hidden; }
    @media (min-width: 0) and (max-width: 950px) {
      .content-thumbnail__image-wrapper {
        width: 240px;
        height: 240px; } }
    @media (min-width: 0) and (max-width: 680px) {
      .content-thumbnail__image-wrapper {
        margin-bottom: 10px; } }
    .content-thumbnail__image-wrapper--large {
      position: relative;
      width: 300px;
      height: 300px;
      overflow: hidden; }
      @media (min-width: 0) and (max-width: 680px) {
        .content-thumbnail__image-wrapper--large {
          width: 100%; } }
    .content-thumbnail__image-wrapper + .content-thumbnail__category {
      /*padding-top: 20px;*/ }
  .content-thumbnail__image {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .content-thumbnail__category {
    color: #0091b1; }
    .content-thumbnail__category + .h5--orange {
      margin-top: 0; }
    @media (min-width: 0) and (max-width: 950px) {
      .content-thumbnail__category {
        padding: 0; } }
  @media (min-width: 0) and (max-width: 950px) {
    .content-thumbnail__article-title {
      /*padding: 0 10px;*/ } }
  .content-thumbnail__date {
    color: #939597;
    font-family: "SanchezSlab", Courier;
    font-size: 12px;
    margin-top: 15px;
    margin-left: 30px;
    padding-bottom: 0; }
    .content-thumbnail__date--no-pad {
      margin-left: 0 !important; }
      @media (min-width: 0) and (max-width: 950px) {
        .content-thumbnail__date--no-pad {
          padding: 0 10px; } }
    .content-thumbnail__date + .content-thumbnail__category {
      padding-top: 6px;
      padding-bottom: 12px; }

.content-page__cover-image-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  .content-page__cover-image-wrapper:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.18); }
.content-page .resource-sidebar-container {
  height: 100%; }
.content-page__resource-sidebar {
  will-change: min-height; }
  .content-page__resource-sidebar .sidebar__inner {
    background: #ecf9fe;
    padding: 36px 15px;
    position: relative;
    transform: translate(0, 0);
    /* For browsers don't support translate3d. */
    transform: translate3d(0, 0, 0);
    will-change: position, transform; }
  .content-page__resource-sidebar .sidebar-bg {
    position: absolute;
    top: 0;
    right: -25px;
    bottom: 0;
    left: -25px;
    background: #ecf9fe;
    z-index: -1; }
  @media (min-width: 0) and (max-width: 950px) {
    .content-page__resource-sidebar {
      display: none; } }
  .content-page__resource-sidebar.mobile-resources {
    display: none;
    margin-top: 20px;
    padding: 36px;
    background: #ecf9fe; }
    @media (min-width: 0) and (max-width: 950px) {
      .content-page__resource-sidebar.mobile-resources {
        display: block; } }
.content-page__bug {
  float: right; }
  @media (min-width: 0) and (max-width: 950px) {
    .content-page__bug {
      float: none; } }
.content-page__cover-image {
  position: absolute;
  left: 50%;
  top: 50%;
  height: auto;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  @media (min-width: 0) and (max-width: 950px) {
    .content-page__cover-image {
      height: 100%;
      width: auto; } }
.content-page--split {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto; }
  .content-page--split:after {
    content: " ";
    display: block;
    clear: both; }
  .content-page--split__gutter {
    width: 15.88785%;
    float: left;
    margin-right: 0.93458%; }
    @media (min-width: 0) and (max-width: 480px) {
      .content-page--split__gutter {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 36px; } }
    @media (min-width: 480px) and (max-width: 950px) {
      .content-page--split__gutter {
        width: 77.57009%;
        float: left;
        margin-right: 0.93458%;
        margin-left: 11.21495%;
        padding-bottom: 0; } }
  .content-page--split__main {
    width: 66.35514%;
    float: right;
    margin-right: 0;
    margin-right: 11.21495%; }
    @media (min-width: 0) and (max-width: 480px) {
      .content-page--split__main {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0; } }
    @media (min-width: 480px) and (max-width: 950px) {
      .content-page--split__main {
        width: 77.57009%;
        float: left;
        margin-right: 0.93458%;
        margin-left: 11.21495%; } }
.content-page--blog-split {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto; }
  .content-page--blog-split:after {
    content: " ";
    display: block;
    clear: both; }
  .content-page--blog-split__gutter {
    width: 21.49533%;
    float: left;
    margin-right: 0.93458%; }
    @media (min-width: 0) and (max-width: 480px) {
      .content-page--blog-split__gutter {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 36px; } }
    @media (min-width: 480px) and (max-width: 950px) {
      .content-page--blog-split__gutter {
        width: 77.57009%;
        float: left;
        margin-right: 0.93458%;
        margin-left: 11.21495%;
        padding-bottom: 36px; } }
  .content-page--blog-split__main {
    width: 71.96262%;
    float: right;
    margin-right: 0;
    margin-left: 5.60748%; }
    @media (min-width: 0) and (max-width: 480px) {
      .content-page--blog-split__main {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0; } }
    @media (min-width: 480px) and (max-width: 950px) {
      .content-page--blog-split__main {
        width: 77.57009%;
        float: left;
        margin-right: 0.93458%;
        margin-left: 11.21495%; } }
  .content-page--blog-split__comment {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
    @media (min-width: 480px) and (max-width: 950px) {
      .content-page--blog-split__comment {
        width: 77.57009%;
        float: left;
        margin-right: 0.93458%;
        margin-left: 11.21495%; } }
  .content-page--blog-split .hr {
    margin-top: 45px;
    margin-bottom: 45px;
    height: 1px;
    background: #43c7f4; }
  .content-page--blog-split .sidebar-link {
    margin-top: 40px; }
.content-page__image-wrapper {
  width: 100%;
  text-align: center;
  overflow: hidden; }
.content-page__image {
  height: auto;
  max-height: 500px;
  max-width: 960px;
  padding: 0 20px;
  width: 100%; }
.content-page__category, .content-page__author {
  color: #0091b1; }
  .content-page__category--white, .content-page__author--white {
    color: white;
    transition-duration: 100ms; }
    .content-page__category--white:hover, .content-page__author--white:hover {
      color: rgba(255, 255, 255, 0.7); }
@media (min-width: 0) and (max-width: 950px) {
  .content-page__author {
    display: inline-block; } }
.content-page--author-section {
  /*text-align: center;*/
  margin-bottom: 65px; }
  .content-page--author-section .content-page__date {
    margin: 0;
    padding-top: 0;
    font-size: 13px;
    font-family: "SanchezSlab", Courier; }
    @media (min-width: 0) and (max-width: 950px) {
      .content-page--author-section .content-page__date {
        display: block;
        padding-top: 0;
        margin-top: 0 !important; } }
  @media (min-width: 0) and (max-width: 950px) {
    .content-page--author-section {
      text-align: left; } }
  .content-page--author-section .p {
    margin-top: 15px;
    font-size: 15px;
    font-family: "ProximaNova-Regular"; }
  .content-page--author-section .content-page__date {
    margin-top: 15px;
    font-size: 15px;
    font-family: "ProximaNova-Regular";
    color: #0091b1; }
.content-page__comment {
  color: #aaa;
  font-size: 14px;
  line-height: 16px;
  padding-bottom: 60px; }
.content-page__author-type {
  font-size: 15px;
  color: #0091b1;
  font-family: "ProximaNova-Regular";
  text-transform: none; }
  @media (min-width: 0) and (max-width: 950px) {
    .content-page__author-type {
      display: inline-block; } }
.content-page__author {
  padding: 0;
  line-height: 1; }
.content-page__post-nav {
  position: absolute;
  font-size: 14px;
  line-height: 1.2;
  width: 280px;
  color: white;
  text-transform: uppercase; }
  @media (min-width: 0) and (max-width: 480px) {
    .content-page__post-nav {
      display: none; } }
  .content-page__post-nav .text-label {
    font-family: "ProximaNova-Regular"; }
    @media (min-width: 0) and (max-width: 950px) {
      .content-page__post-nav .text-label {
        display: none; } }
  .content-page__post-nav .text-title {
    font-family: "ProximaNova-Bold";
    line-height: 1; }
    @media (min-width: 0) and (max-width: 950px) {
      .content-page__post-nav .text-title {
        display: none; } }
  @media (min-width: 0) and (max-width: 950px) {
    .content-page__post-nav {
      width: 150px; } }
  .content-page__post-nav .chevron,
  .content-page__post-nav .text-label,
  .content-page__post-nav .text-title {
    transition-duration: 100ms; }
  .content-page__post-nav:hover .chevron {
    opacity: 0.7; }
  .content-page__post-nav:hover .text-label,
  .content-page__post-nav:hover .text-title {
    color: rgba(255, 255, 255, 0.7); }
.content-page__previous_post {
  bottom: 30px; }
  @media (min-width: 950px) {
    .content-page__previous_post {
      right: 50px; } }
  @media (min-width: 0) and (max-width: 950px) {
    .content-page__previous_post {
      right: 0px; } }
  @media (min-width: 480px) and (max-width: 950px) {
    .content-page__previous_post .a--clear:after {
      content: "NEXT ARTICLE";
      font-family: "ProximaNova-Bold";
      font-size: 14px;
      position: absolute;
      text-align: right;
      right: 40px;
      top: 5px;
      width: 150px; } }
  @media (min-width: 0) and (max-width: 950px) {
    .content-page__previous_post {
      right: 0px;
      bottom: 20px; } }
  .content-page__previous_post .forward-chevron {
    font-size: 60px;
    float: right;
    margin-right: -60px;
    margin-top: -30px; }
    @media (min-width: 0) and (max-width: 950px) {
      .content-page__previous_post .forward-chevron {
        margin-right: 0; } }
.content-page__next_post {
  bottom: 30px; }
  @media (min-width: 950px) {
    .content-page__next_post {
      left: 40px; } }
  @media (min-width: 0) and (max-width: 950px) {
    .content-page__next_post {
      left: 0px; } }
  @media (min-width: 480px) and (max-width: 950px) {
    .content-page__next_post .a--clear:after {
      content: "PREVIOUS ARTICLE";
      font-family: "ProximaNova-Bold";
      font-size: 14px;
      position: absolute;
      text-align: left;
      left: 40px;
      top: 5px;
      width: 150px; } }
  @media (min-width: 0) and (max-width: 950px) {
    .content-page__next_post {
      left: 0px;
      bottom: 20px; } }
  .content-page__next_post .back-chevron {
    font-size: 60px;
    float: left;
    margin-left: -60px;
    margin-top: -30px; }
    @media (min-width: 0) and (max-width: 950px) {
      .content-page__next_post .back-chevron {
        margin-left: -10px; } }
.content-page__back-button {
  width: 100px;
  position: absolute;
  left: 60px;
  top: -5px;
  cursor: pointer;
  color: white;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 1px;
  transition: color 100ms; }
  @media (min-width: 0) and (max-width: 950px) {
    .content-page__back-button {
      bottom: -100px;
      top: auto;
      left: 25%; } }
  @media (min-width: 0) and (max-width: 480px) {
    .content-page__back-button {
      left: 8%; } }
  .content-page__back-button .back-chevron {
    font-size: 60px;
    float: left;
    margin-left: -60px;
    margin-top: -28px; }
  .content-page__back-button:hover {
    color: #0091b1; }
.content-page__date {
  color: #939597;
  font-family: "SanchezSlab", Courier;
  font-size: 12px;
  margin-left: 30px; }
.content-page__title {
  margin-bottom: 36px; }
.content-page__about-author__heading {
  display: flex;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 30px; }
  .content-page__about-author__heading span {
    color: #43c7f4;
    padding: 0 10px; }
  .content-page__about-author__heading:before, .content-page__about-author__heading:after {
    content: ' ';
    height: 1px;
    background: #43c7f4;
    margin: 5px 0;
    flex-grow: 1; }
.content-page__about-author__body {
  font-size: 13px;
  color: #939597;
  /*text-align: center;*/ }
.content-page__body p:first-child:first-letter,
.content-page__body p:first-child strong:first-letter {
  float: left;
  color: #0091b1;
  font-size: 105px;
  line-height: 80px;
  height: 80px;
  padding: 10px 10px 0 0px;
  font-family: "ProximaNova-Bold"; }
.content-page__body p {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 35px;
  font-family: "SanchezSlab", Courier; }
  .content-page__body p img {
    max-width: 100%; }
  .content-page__body p strong {
    font-family: "SanchezSlab-Bold", Courier !important;
    font-weight: normal; }
  @media (min-width: 0) and (max-width: 480px) {
    .content-page__body p {
      font-size: 19px; } }
.content-page__body blockquote {
  border: 8px solid #f16138;
  padding: 36px 50px;
  margin: 10px 52px 36px 0; }
  @media (min-width: 0) and (max-width: 950px) {
    .content-page__body blockquote {
      margin: 20px 0;
      float: none; } }
  .content-page__body blockquote p {
    color: #f16138;
    font-family: "ProximaNova-Bold";
    font-size: 28px;
    line-height: 1.2;
    margin: 0; }
    .content-page__body blockquote p:before {
      content: "“";
      float: left;
      margin-left: -12px; }
    .content-page__body blockquote p:after {
      content: "\”"; }
  .content-page__body blockquote p:first-child:first-letter {
    font-size: inherit;
    line-height: inherit;
    height: auto;
    color: inherit;
    margin: inherit;
    padding: inherit;
    position: relative;
    float: none; }
.content-page__body h1, .content-page__body h2, .content-page__body h3, .content-page__body h4, .content-page__body h5, .content-page__body h6 {
  color: #0091b1;
  margin-top: 20px;
  margin-bottom: 5px;
  font-size: 26px; }
.content-page__body li {
  margin-left: 24px;
  padding-left: 5px;
  font-size: 20px;
  line-height: 1.5; }
  @media (min-width: 0) and (max-width: 480px) {
    .content-page__body li {
      font-size: 19px; } }
.content-page__body p + ul {
  margin-top: -10px; }

.blog-roll .post-list__first {
  background: white;
  margin-top: -125px;
  margin-bottom: 0;
  padding: 36px;
  width: 85%; }
  .blog-roll .post-list__first .content-block__interior {
    max-width: 100%; }
  @media (min-width: 0) and (max-width: 480px) {
    .blog-roll .post-list__first {
      width: 100%;
      max-width: 100%;
      margin: 0;
      padding: 26px; } }
  @media (min-width: 480px) and (max-width: 950px) {
    .blog-roll .post-list__first {
      width: 85%;
      max-width: 85%; } }
  .blog-roll .post-list__first-item__thumbnail {
    float: left;
    width: 25%; }
    @media (min-width: 0) and (max-width: 1120px) {
      .blog-roll .post-list__first-item__thumbnail {
        width: 100%;
        float: none; } }
  .blog-roll .post-list__first-item .h2--orange {
    margin-bottom: .5em; }
  .blog-roll .post-list__first-item__info {
    display: inline-block;
    padding-left: 90px;
    width: 75%; }
    @media (min-width: 0) and (max-width: 950px) {
      .blog-roll .post-list__first-item__info {
        width: 100%;
        padding: 0;
        display: block;
        padding-top: 20px; }
        .blog-roll .post-list__first-item__info .content-thumbnail__category {
          padding: 20px 0 0;
          padding-left: 0;
          display: inline-block; } }
    @media (min-width: 0) and (max-width: 1120px) {
      .blog-roll .post-list__first-item__info {
        padding: 0;
        width: 100%; } }
.post-list__signup {
  margin-top: 160px;
  padding-bottom: 65px;
  border-bottom: 1px solid #43c7f4; }
  .post-list__signup.last-item {
    border-bottom: none; }
.post-list__item {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid #43c7f4;
  padding: 36px 0; }
  .post-list__item:after {
    content: " ";
    display: block;
    clear: both; }
  .post-list__item:first-child {
    padding-top: 0; }
  .post-list__item__thumbnail {
    width: 15.88785%;
    float: left;
    margin-right: 0.93458%; }
    .post-list__item__thumbnail .content-thumbnail__image-wrapper {
      border-radius: 50%;
      height: 120px;
      width: 120px; }
      @media (min-width: 525px) and (max-width: 600px) {
        .post-list__item__thumbnail .content-thumbnail__image-wrapper {
          width: 100px;
          height: 100px; } }
    @media (min-width: 0) and (max-width: 525px) {
      .post-list__item__thumbnail {
        width: 100%;
        text-align: center;
        border-bottom: 10px; } }
  .post-list__item__info {
    width: 43.92523%;
    float: left;
    margin-right: 0.93458%; }
    .post-list__item__info .h5--orange {
      margin: 0; }
    @media (min-width: 0) and (max-width: 950px) {
      .post-list__item__info {
        width: 100%; }
        .post-list__item__info .content-thumbnail__category {
          padding-left: 0; }
        .post-list__item__info .content-thumbnail__date {
          margin-left: 15px; } }
  .post-list__item__summary {
    width: 38.31776%;
    float: right;
    margin-right: 0;
    font-family: "ProximaNova-Bold";
    padding-top: 25px; }
    @media (min-width: 0) and (max-width: 950px) {
      .post-list__item__summary {
        width: 100%;
        display: block;
        padding-top: 16px; } }
    @media (min-width: 0) and (max-width: 525px) {
      .post-list__item__summary {
        padding-top: 10px; } }
  @media (min-width: 525px) and (max-width: 950px) {
    .post-list__item__combined {
      width: 71.96262%;
      float: right;
      margin-right: 0; } }

.author {
  padding: 36px 0; }
  .author__social {
    color: #939597;
    font-size: 13px;
    margin-top: 30px;
    font-family: "ProximaNova-Bold"; }
  .author__heading {
    color: #939597;
    margin: 20px 0 10px; }
  .author__bio {
    font-size: 20px;
    line-height: 1.5;
    font-family: "SanchezSlab-light", Courier; }
  .author .author__heading {
    color: #0091b1; }
  .author .list__item:before {
    width: 5px;
    height: 5px;
    top: 10px;
    background-color: #0091b1; }
  .author .list__item a {
    font-family: "ProximaNova-Regular";
    font-size: 16px; }
  .author .list__item:hover a {
    color: #f16138;
    box-shadow: none; }
  .author .list__item:hover:before {
    background-color: #f16138; }
  .author .author-panel {
    transition: max-height 1000ms; }
  .author .author-panel__secondary {
    display: none; }
  .author__more-button {
    font-family: "ProximaNova-Bold";
    font-size: 26px;
    color: #939597;
    border: 2px solid #939597;
    background: transparent;
    padding: 2px 12px 4px;
    letter-spacing: 1px;
    margin-top: 25px;
    cursor: pointer;
    transition: color 80ms, border-color, 80ms; }
    .author__more-button .button-text {
      color: #939597;
      font-size: 18px; }
    .author__more-button .chevron--right {
      transform: rotate(90deg);
      transition: all 120ms;
      margin-bottom: -3px;
      margin-left: 10px; }
    .author__more-button:hover {
      color: #43c7f4;
      border: 2px solid #43c7f4; }
      .author__more-button:hover .button-text {
        color: #43c7f4; }
    .author__more-button.is-active .chevron--right {
      transform: rotate(-90deg); }

.author__social + .author__social {
  margin-top: 5px;
  margin-bottom: 20px; }

.author + .author {
  border-top: 1px solid #43c7f4; }

.framed-quote {
  position: relative; }
  .framed-quote::before {
    content: "“";
    position: absolute;
    left: -10px; }
  .framed-quote::after {
    content: "”"; }

.author-page .page-header--dark-matters {
  padding-bottom: 50px; }

._barchartbody {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  height: 200px;
  margin-top: 36px;
  margin-bottom: 12px; }

._barchart_labels {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  height: 40px;
  margin-bottom: 36px; }

._barchartbar_wrapper {
  text-align: center;
  height: 100%;
  position: relative;
  width: 60px; }

._barchartbar_title {
  text-align: right;
  font-family: ProximaNova-Bold;
  font-weight: 300;
  font-size: 24px;
  color: #f16138; }

._barchartbar {
  display: inline-block;
  background-color: #0091b1;
  width: 60px;
  position: absolute;
  left: 0;
  bottom: 0; }

._barchartbar_label {
  padding-top: 3px;
  color: #6d6e70;
  font-family: ProximaNova-Bold;
  font-weight: 900px;
  font-size: 10px;
  text-align: center;
  text-transform: uppercase;
  width: 60px; }

._barchartbar_percentage {
  color: #6d6e70;
  font-family: ProximaNova-Bold;
  text-align: center;
  font-size: 24px; }

._barchartbar_source {
  color: #6d6e70;
  font-family: SanchezSlab;
  font-size: 8px;
  text-align: right; }

.category-title:hover, .category-title--small:hover,
.content-thumbnail__category:hover {
  color: #00657F; }

.resources-recent__heading:hover {
  color: #bbbdc0; }

.navigator.blog-navigator {
  width: 800px; }
  .navigator.blog-navigator.navigator--thin {
    width: 400px;
    padding: 55px 45px;
    margin-left: auto;
    margin-right: auto;
    float: none; }
  @media (min-width: 0) and (max-width: 480px) {
    .navigator.blog-navigator {
      width: 100% !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
      padding: 25px 45px !important; }
      .navigator.blog-navigator .chevron-wrapper--right {
        right: 10px !important; }
      .navigator.blog-navigator .chevron-wrapper--left {
        bottom: 20% !important; }
      .navigator.blog-navigator .chevron-wrapper--left {
        left: 0 !important; }
      .navigator.blog-navigator .navigator__previous {
        padding-bottom: 10px !important; }
      .navigator.blog-navigator .content-block--split__second-block {
        padding-bottom: 25px !important; }
      .navigator.blog-navigator .content-block--split__first-block {
        padding-top: 35px !important; } }
  @media (min-width: 0) and (max-width: 950px) {
    .navigator.blog-navigator {
      width: 77.57009%;
      float: left;
      margin-right: 0.93458%;
      margin-left: 11.21495%; }
      .navigator.blog-navigator .chevron-wrapper--right {
        bottom: auto;
        top: 30px; }
      .navigator.blog-navigator .chevron-wrapper--left {
        bottom: 50px;
        top: auto;
        left: 20px; }
      .navigator.blog-navigator .content-block--split__first-block {
        padding-top: 35px;
        padding-bottom: 0;
        float: none;
        display: block; }
      .navigator.blog-navigator .content-block--split__second-block {
        padding-bottom: 15px;
        float: none;
        display: block; } }

.stand-alone-hr {
  margin-bottom: 45px;
  height: 1px;
  background: #43c7f4; }

@media (min-width: 0) and (max-width: 480px) {
  .blog-page .h3--orange {
    font-size: 32px;
    line-height: 1.5;
    margin-bottom: 20px; } }
@media (min-width: 0) and (max-width: 480px) {
  .blog-page .h5--orange {
    font-size: 26px; } }
@media (min-width: 0) and (max-width: 480px) {
  .blog-page .p--intro {
    font-size: 17px;
    margin-top: 25px; } }

/* Base Logo
================================================ */
.logo__link {
  display: block;
  height: 68px;
  position: relative;
  width: 68px; }
.logo svg {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }

/* Masthead Component
================================================ */
.nav--app-buttons {
  text-transform: uppercase; }

.masthead {
  background: rgba(255, 255, 255, 0.97);
  height: 80px;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  display: flex;
  flex-direction: row;
  align-self: center;
  z-index: 9999; }
  .masthead .nav__link {
    cursor: pointer; }
  .masthead__dropdown {
    position: fixed;
    left: -9999px;
    top: 80px;
    width: 100vw;
    background: rgba(255, 255, 255, 0.94);
    min-height: 350px;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0.15rem 0.25rem rgba(50, 50, 50, 0.1), 0 1px 1px rgba(50, 50, 50, 0.1); }
    @media (min-width: 0) and (max-width: 980px) {
      .masthead__dropdown {
        padding-top: 0;
        box-shadow: none;
        transform: translateX(100%);
        transition: transform 0.2s ease-out;
        align-content: flex-start;
        align-items: flex-start; } }
    .masthead__dropdown.is-hovered {
      left: 0;
      right: 0; }
    .masthead__dropdown.is-expanded {
      width: 64%;
      left: 36%;
      top: 10px;
      height: calc(100vh - 10px);
      overflow-y: auto; }
      @media (min-width: 680px) {
        .masthead__dropdown.is-expanded .is-active {
          flex-wrap: wrap; } }
      @media (min-width: 0) and (max-width: 680px) {
        .masthead__dropdown.is-expanded .is-active {
          flex-direction: column; } }
      @media (min-width: 680px) and (max-width: 980px) {
        .masthead__dropdown.is-expanded {
          left: 36.3%;
          width: 60.6%;
          padding-left: 3%;
          transform: translateX(0);
          top: 60px;
          height: calc(100vh - 60px); } }
      @media (min-width: 0) and (max-width: 680px) {
        .masthead__dropdown.is-expanded {
          left: 48%;
          width: 52%;
          padding-left: 3%;
          transform: translateX(0);
          top: 60px;
          height: calc(100vh - 60px); } }
    .masthead__dropdown--container {
      display: none;
      list-style-type: none;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: wrap;
      flex-direction: row;
      width: 100%;
      min-height: 10px; }
      @media (min-width: 680px) {
        .masthead__dropdown--container {
          flex-wrap: nowrap; } }
      .masthead__dropdown--container a {
        text-decoration: none; }
      .masthead__dropdown--container li {
        position: relative;
        width: 100%;
        flex: 1 0 auto; }
        .masthead__dropdown--container li.no-bottom-border {
          border-bottom: none !important; }
        @media (min-width: 0) and (max-width: 680px) {
          .masthead__dropdown--container li.mobile-bottom-border {
            border-bottom: 1px solid #43c7f4 !important; } }
      .masthead__dropdown--container.is-active {
        display: flex; }
      .masthead__dropdown--container img {
        display: block;
        margin: 0 auto; }
  .masthead .dropdown-link-heading {
    text-align: center;
    font-size: 18px;
    line-height: 23px;
    color: #6d6e70;
    font-family: 'ProximaNova-Bold';
    font-weight: 300;
    text-decoration: none;
    max-width: 120px;
    margin: 15px auto 0; }
  .masthead .dropdown-container-column-heading {
    color: #43c7f4;
    font-size: 13px;
    text-transform: uppercase;
    font-family: 'ProximaNova-Bold';
    font-weight: 300; }
  .masthead .dropdown-divider {
    width: 1px;
    background: #43c7f4;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%); }
    @media (min-width: 0) and (max-width: 980px) {
      .masthead .dropdown-divider {
        display: none; } }
  .masthead .dropdown-matchlight {
    align-items: flex-start;
    align-content: flex-start; }
    @media (min-width: 0) and (max-width: 980px) {
      .masthead .dropdown-matchlight {
        justify-content: flex-start; } }
    .masthead .dropdown-matchlight li {
      max-width: 220px;
      min-height: 130px;
      display: block;
      text-align: center; }
      @media (min-width: 980px) {
        .masthead .dropdown-matchlight li {
          width: 100%;
          max-width: 260px; }
          .masthead .dropdown-matchlight li .image-container {
            min-height: 80px; } }
      @media (min-width: 0) and (max-width: 980px) {
        .masthead .dropdown-matchlight li {
          width: 46%;
          max-width: 100%;
          min-height: 150px;
          margin: 2% 0;
          padding: 0 2%;
          border-bottom: 1px solid #43c7f4; }
          .masthead .dropdown-matchlight li:nth-child(odd):after {
            content: '';
            width: 1px;
            background: #43c7f4;
            height: 80%;
            position: absolute;
            right: -4%;
            top: 0;
            bottom: 0; } }
      @media (min-width: 0) and (max-width: 680px) {
        .masthead .dropdown-matchlight li {
          width: 96%;
          min-height: 0;
          padding: 35px 2%; }
          .masthead .dropdown-matchlight li:after {
            display: none; } }
      .masthead .dropdown-matchlight li:hover img {
        opacity: 0.5; }
    .masthead .dropdown-matchlight .matchlight-overview {
      width: 70px; }
    .masthead .dropdown-matchlight .matchlight-why-use {
      width: 88px; }
    .masthead .dropdown-matchlight .matchlight-products {
      width: 62px; }
    .masthead .dropdown-matchlight .dropdown-link-heading {
      max-width: 190px; }
    .masthead .dropdown-matchlight .dropdown-divider {
      height: 86px; }
  .masthead .dropdown-use-cases {
    align-items: flex-start;
    align-content: flex-start; }
    @media (min-width: 0) and (max-width: 980px) {
      .masthead .dropdown-use-cases {
        justify-content: flex-start; } }
    .masthead .dropdown-use-cases li {
      max-width: 220px;
      min-height: 130px;
      display: block;
      text-align: center; }
      @media (min-width: 980px) {
        .masthead .dropdown-use-cases li {
          width: 100%;
          max-width: 360px; }
          .masthead .dropdown-use-cases li .image-container {
            min-height: 80px;
            display: flex;
            align-items: center;
            align-content: center;
            justify-content: center; } }
      @media (min-width: 0) and (max-width: 980px) {
        .masthead .dropdown-use-cases li {
          width: 46%;
          max-width: 100%;
          min-height: 200px;
          margin: 2% 0;
          padding: 0 4%;
          border-bottom: 1px solid #43c7f4; }
          .masthead .dropdown-use-cases li:nth-child(odd):after {
            content: '';
            width: 1px;
            background: #43c7f4;
            height: 80%;
            position: absolute;
            right: -4%;
            top: 0;
            bottom: 0; } }
      @media (min-width: 0) and (max-width: 680px) {
        .masthead .dropdown-use-cases li {
          width: 96%;
          min-height: 0;
          padding: 35px 2%; }
          .masthead .dropdown-use-cases li:after {
            display: none; } }
      .masthead .dropdown-use-cases li:hover img {
        opacity: 0.5; }
    .masthead .dropdown-use-cases .use-case-employee-and-customer-credential-monitoring {
      width: 75px; }
    .masthead .dropdown-use-cases .use-case-real-time-analytics-of-stolen-payment-cards {
      width: 82px; }
    .masthead .dropdown-use-cases .use-case-third-party-product-augmentation-and-data-integration {
      width: 78px; }
    .masthead .dropdown-use-cases .dropdown-link-heading {
      max-width: 320px; }
    .masthead .dropdown-use-cases .dropdown-divider {
      height: 86px; }
  .masthead .dropdown-solutions {
    align-items: flex-start;
    align-content: flex-start; }
    @media (min-width: 0) and (max-width: 980px) {
      .masthead .dropdown-solutions {
        justify-content: flex-start; } }
    .masthead .dropdown-solutions .dropdown-divider {
      height: 200px;
      top: 0;
      transform: translateY(0); }
      @media (min-width: 0) and (max-width: 980px) {
        .masthead .dropdown-solutions .dropdown-divider {
          display: none; } }
    .masthead .dropdown-solutions li {
      max-width: 345px;
      padding-left: 35px;
      display: block; }
      @media (min-width: 1035px) {
        .masthead .dropdown-solutions li {
          width: 345px; } }
      @media (min-width: 980px) and (max-width: 1035px) {
        .masthead .dropdown-solutions li {
          width: 315px; } }
      @media (min-width: 0) and (max-width: 980px) {
        .masthead .dropdown-solutions li {
          width: 100%;
          padding: 4% 0 4% 0;
          margin: 0 4% 4% 4%;
          max-width: 92%;
          border-bottom: 1px solid #43c7f4; } }
    .masthead .dropdown-solutions a {
      display: block;
      position: relative;
      padding-left: 15px;
      color: #6d6e70;
      font-family: 'ProximaNova-Bold';
      font-weight: 300;
      font-size: 16px;
      line-height: 20px;
      padding-top: 8px; }
      .masthead .dropdown-solutions a:before {
        content: '';
        background-color: #43c7f4;
        display: block;
        position: absolute;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        left: 0;
        top: 14px; }
      .masthead .dropdown-solutions a:hover {
        color: #43c7f4; }
  .masthead .dropdown-resources {
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    position: relative;
    align-items: flex-start;
    align-content: flex-start; }
    .masthead .dropdown-resources:after {
      content: " ";
      display: block;
      clear: both; }
    @media (min-width: 0) and (max-width: 980px) {
      .masthead .dropdown-resources {
        justify-content: flex-start; } }
    .masthead .dropdown-resources .dropdown-divider {
      height: 86px;
      bottom: 0;
      top: auto;
      transform: translateY(0); }
      @media (min-width: 0) and (max-width: 980px) {
        .masthead .dropdown-resources .dropdown-divider {
          display: none; } }
    .masthead .dropdown-resources li {
      max-width: 210px;
      margin-bottom: 35px;
      display: block; }
      @media (min-width: 1035px) {
        .masthead .dropdown-resources li {
          width: 210px; } }
      @media (min-width: 980px) and (max-width: 1035px) {
        .masthead .dropdown-resources li {
          width: 170px; } }
      @media (min-width: 0) and (max-width: 980px) {
        .masthead .dropdown-resources li {
          width: 46%;
          max-width: 100%;
          min-height: 150px;
          margin: 2% 0;
          padding: 0 2%;
          border-bottom: 1px solid #43c7f4; }
          .masthead .dropdown-resources li:nth-child(odd):after {
            content: '';
            width: 1px;
            background: #43c7f4;
            height: 80%;
            position: absolute;
            right: -4%;
            top: 0;
            bottom: 0; } }
      @media (min-width: 0) and (max-width: 680px) {
        .masthead .dropdown-resources li {
          width: 96%;
          min-height: 0;
          padding: 35px 2%; }
          .masthead .dropdown-resources li:after {
            display: none; } }
      .masthead .dropdown-resources li:hover img {
        opacity: 0.5; }
    .masthead .dropdown-resources .dropdown-link-heading {
      text-align: center;
      font-size: 18px;
      line-height: 23px;
      margin: 15px auto 0;
      max-width: 100%; }
    .masthead .dropdown-resources .resources-brochures {
      height: 60px; }
    .masthead .dropdown-resources .resources-case-studies {
      height: 60px; }
    .masthead .dropdown-resources .resources-infographics {
      height: 60px; }
    .masthead .dropdown-resources .resources-podcasts {
      height: 60px; }
    .masthead .dropdown-resources .resources-research-papers {
      height: 60px; }
    .masthead .dropdown-resources .resources-webinars {
      height: 60px; }
    .masthead .dropdown-resources .resources-white-papers {
      height: 60px; }
    .masthead .dropdown-resources .resources-videos {
      height: 60px; }
  .masthead .dropdown-news {
    align-items: flex-start;
    align-content: flex-start; }
    @media (min-width: 0) and (max-width: 980px) {
      .masthead .dropdown-news {
        justify-content: flex-start; } }
    .masthead .dropdown-news .dropdown-divider {
      height: 86px;
      bottom: 0;
      top: auto;
      transform: translateY(0); }
      @media (min-width: 0) and (max-width: 980px) {
        .masthead .dropdown-news .dropdown-divider {
          display: none; } }
    .masthead .dropdown-news li {
      max-width: 210px;
      margin-bottom: 35px;
      display: block; }
      @media (min-width: 1035px) {
        .masthead .dropdown-news li {
          width: 210px; } }
      @media (min-width: 980px) and (max-width: 1035px) {
        .masthead .dropdown-news li {
          width: 170px; } }
      @media (min-width: 0) and (max-width: 980px) {
        .masthead .dropdown-news li {
          width: 46%;
          max-width: 100%;
          min-height: 150px;
          margin: 2% 0;
          padding: 0 2%;
          border-bottom: 1px solid #43c7f4; }
          .masthead .dropdown-news li:nth-child(odd):after {
            content: '';
            width: 1px;
            background: #43c7f4;
            height: 80%;
            position: absolute;
            right: -4%;
            top: 0;
            bottom: 0; } }
      @media (min-width: 0) and (max-width: 680px) {
        .masthead .dropdown-news li {
          width: 96%;
          min-height: 0;
          padding: 35px 2%; }
          .masthead .dropdown-news li:after {
            display: none; } }
      .masthead .dropdown-news li:hover img {
        opacity: 0.5; }
    .masthead .dropdown-news .dropdown-link-heading {
      text-align: center;
      font-size: 18px;
      line-height: 23px;
      margin: 15px auto 0;
      max-width: 100%; }
    .masthead .dropdown-news .news-all {
      height: 60px; }
    .masthead .dropdown-news .news-in-the-news {
      height: 60px; }
    .masthead .dropdown-news .news-press-releases {
      height: 60px; }
    .masthead .dropdown-news .news-events {
      height: 60px; }
    .masthead .dropdown-news .news-awards {
      height: 60px; }
  .masthead .dropdown-blog {
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    position: relative;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap; }
    .masthead .dropdown-blog:after {
      content: " ";
      display: block;
      clear: both; }
    @media (min-width: 0) and (max-width: 980px) {
      .masthead .dropdown-blog {
        justify-content: flex-start; } }
    .masthead .dropdown-blog:after {
      content: '';
      width: 100%;
      height: 1px;
      background: #43c7f4;
      top: calc(50% - 12.5px);
      left: 0;
      right: 0;
      position: absolute; }
      @media (min-width: 0) and (max-width: 980px) {
        .masthead .dropdown-blog:after {
          display: none; } }
    .masthead .dropdown-blog .dropdown-divider {
      height: 86px;
      bottom: 0;
      top: auto;
      transform: translateY(0); }
      @media (min-width: 0) and (max-width: 980px) {
        .masthead .dropdown-blog .dropdown-divider {
          display: none; } }
    .masthead .dropdown-blog li {
      max-width: 210px;
      margin-bottom: 35px;
      width: 100%;
      display: block; }
      @media (min-width: 1035px) {
        .masthead .dropdown-blog li {
          width: 210px; } }
      @media (min-width: 980px) and (max-width: 1035px) {
        .masthead .dropdown-blog li {
          width: 170px; } }
      @media (min-width: 0) and (max-width: 980px) {
        .masthead .dropdown-blog li {
          width: 46%;
          max-width: 100%;
          min-height: 150px;
          margin-bottom: 0;
          margin: 2% 0;
          padding: 0 2%;
          border-bottom: 1px solid #43c7f4; }
          .masthead .dropdown-blog li:nth-child(odd):after {
            content: '';
            width: 1px;
            background: #43c7f4;
            height: 80%;
            position: absolute;
            right: -4%;
            top: 0;
            bottom: 0; } }
      @media (min-width: 0) and (max-width: 680px) {
        .masthead .dropdown-blog li {
          width: 96%;
          min-height: 0;
          padding: 35px 2%; }
          .masthead .dropdown-blog li:after {
            display: none; } }
    .masthead .dropdown-blog .dropdown-link-heading {
      text-align: center;
      margin: 15px auto 0;
      max-width: 100%; }
    .masthead .dropdown-blog .blog-all {
      height: 60px; }
    .masthead .dropdown-blog .blog-analysis {
      height: 60px; }
    .masthead .dropdown-blog .blog-technical {
      height: 60px; }
    .masthead .dropdown-blog .blog-industry {
      height: 60px; }
    .masthead .dropdown-blog .blog-events {
      height: 60px; }
    .masthead .dropdown-blog .blog-announcements {
      height: 60px; }
    .masthead .dropdown-blog .blog-authors {
      height: 60px; }
  .masthead__interior {
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    /*height: $header-height;*/
    position: relative;
    justify-content: center; }
    .masthead__interior:after {
      content: " ";
      display: block;
      clear: both; }
  .masthead__logo {
    display: block;
    background-image: url("/images/Terbium_Labs_logo_gray.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: color 200ms, border-color 200ms;
    height: 31px;
    width: 180px; }
    @media (min-width: 950px) {
      .masthead__logo {
        transform: translateY(4px); } }
    .masthead__logo:hover {
      background-image: url("/images/Terbium_Labs_logo_color.png");
      transition: color 200ms, border-color 200ms; }
  .masthead__nav {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    padding: 12px 25px;
    text-align: center; }
    @media (min-width: 0) and (max-width: 480px) {
      .masthead__nav {
        align-items: flex-end; } }
    @media (min-width: 981px) {
      .masthead__nav {
        padding-top: 20px;
        padding-bottom: 20px; } }
    html.touchevents .masthead__nav {
      transform: translate3d(-42px, 0, 0); }
    @media (min-width: 480px) and (max-width: 950px) {
      .masthead__nav {
        /*padding: 10px 25px;*/ }
        html.touchevents .masthead__nav {
          transform: translate3d(0, 0, 0); } }
    @media (min-width: 0) and (max-width: 480px) {
      .masthead__nav {
        padding-left: 20px;
        padding-right: 20px; } }
    @media (min-width: 0) and (max-width: 320px) {
      .masthead__nav {
        padding-left: 10px;
        padding-right: 10px; } }
    .masthead__nav--expanded {
      /*display: block;*/ }
      .masthead__nav--expanded .nav--controls {
        position: absolute;
        right: 25px;
        top: 12px;
        text-align: right; }
  .masthead__wordmark {
    height: 30px;
    margin-top: 6px;
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    width: 177px; }
    .masthead__wordmark a {
      display: block; }
    html.touchevents .masthead__wordmark {
      transform: translate3d(-42px, -50%, 0); }
    .masthead__wordmark img,
    .masthead__wordmark svg {
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%; }
    .masthead__wordmark path,
    .masthead__wordmark rect {
      fill: #bbbdc0;
      transition: fill 200ms; }
    .masthead__wordmark:hover path {
      fill: #6d6e70; }
    .masthead__wordmark:hover rect {
      fill: #f16138; }
  @media (min-width: 0) and (max-width: 980px) {
    .masthead {
      height: 60px; }
      .masthead .nav {
        display: none; }
      .masthead .nav--app-buttons {
        display: none; } }
  .masthead__nav--expanded {
    height: 100vh;
    background: white;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: flex-start; }
    .masthead__nav--expanded.is-active {
      flex-wrap: wrap !important; }
    .masthead__nav--expanded .nav--wrapper {
      background: white;
      position: fixed;
      top: 60px;
      left: 0;
      right: 0; }
    .masthead__nav--expanded .nav--app-buttons,
    .masthead__nav--expanded .nav {
      display: block;
      width: calc(100% + 50px);
      margin-left: -25px;
      margin-right: -25px;
      background: white; }
    .masthead__nav--expanded .nav--app-buttons {
      text-transform: uppercase; }
    .masthead__nav--expanded .nav {
      /*padding-top: 10px;*/ }
      .masthead__nav--expanded .nav__item {
        display: block;
        width: 33.3%;
        position: relative;
        text-align: left;
        padding: 0 0 0 25px; }
        .masthead__nav--expanded .nav__item:last-child .nav__link {
          border: none; }
          .masthead__nav--expanded .nav__item:last-child .nav__link:after {
            display: none; }
        @media (min-width: 0) and (max-width: 680px) {
          .masthead__nav--expanded .nav__item {
            width: 45%; } }
      .masthead__nav--expanded .nav__link {
        width: 100%;
        padding: 12px 0 7px;
        transition: border-color, 200ms;
        line-height: 1.5; }
        .masthead__nav--expanded .nav__link--login, .masthead__nav--expanded .nav__link--signup {
          margin-left: 0;
          margin-top: 10px;
          margin-right: 0;
          float: none;
          display: block;
          max-width: 150px; }
        .masthead__nav--expanded .nav__link:after {
          background-color: #f1f1f2;
          height: 2px; }
        .masthead__nav--expanded .nav__link.active, .masthead__nav--expanded .nav__link:hover {
          color: #f16138; }
          .masthead__nav--expanded .nav__link.active:after, .masthead__nav--expanded .nav__link:hover:after {
            background-color: #f16138;
            height: 4px; }
          @media (min-width: 0) and (max-width: 680px) {
            .masthead__nav--expanded .nav__link.active.has-mobile-arrow:before, .masthead__nav--expanded .nav__link:hover.has-mobile-arrow:before {
              background-image: url(/images/chevron-right--orange.svg); } }
        @media (min-width: 0) and (max-width: 680px) {
          .masthead__nav--expanded .nav__link.has-mobile-arrow:before {
            content: '';
            position: absolute;
            background-image: url(/images/chevron-right--gray.svg);
            background-size: contain;
            background-repeat: no-repeat;
            width: 8px;
            height: 12px;
            right: 0;
            top: 50%;
            transform: translateY(-50%); } }
      .masthead__nav--expanded .nav--app-buttons {
        /*display: block;*/
        /*width: 100%;*/
        text-align: center;
        padding: 20px 0 0 25px;
        width: 33.3%;
        display: block; }
        @media (min-width: 0) and (max-width: 680px) {
          .masthead__nav--expanded .nav--app-buttons {
            width: 45%; } }
        @media (min-width: 0) and (max-width: 680px) {
          .masthead__nav--expanded .nav--app-buttons {
            flex-wrap: wrap;
            align-items: flex-start;
            align-content: flex-start; }
            .masthead__nav--expanded .nav--app-buttons a {
              margin-top: 10px;
              margin-left: 0; } }
      .masthead__nav--expanded .nav__link--expand {
        display: none; }
      .masthead__nav--expanded .nav__link--close {
        display: block; }

.masthead__nav--expanded .masthead__logo {
  transform: translateY(2px);
  margin-bottom: 17px; }
  @media (min-width: 0) and (max-width: 480px) {
    .masthead__nav--expanded .masthead__logo {
      transform: translateY(4px); } }

/* Header Component
================================================ */
.header {
  position: relative; }
  .header .logo {
    overflow: auto; }
  .header--intro {
    position: relative;
    background-color: #eeeeef;
    background-image: radial-gradient(white 0%, rgba(255, 255, 255, 0)), url("/images/bg-mesh.gif");
    background-position: center center, center center;
    position: relative;
    overflow: hidden; }
    .header--intro:before {
      display: block;
      content: "";
      width: 100%;
      padding-top: 64.84375%; }
    @media (min-width: 950px) {
      .header--intro {
        height: 95vh; } }
  .header--page {
    background-color: #43c7f4;
    background-image: url("../images/bg-mesh-white.png");
    padding: 200px 120px 120px 120px; }
  .header__logo--centered {
    height: 135px;
    left: 50%;
    position: absolute;
    top: 40%;
    transform: translate3d(-50%, 0, 0); }
    .header__logo--centered .logo--image {
      width: 500px; }
    @media (min-width: 480px) and (max-width: 950px) {
      .header__logo--centered {
        height: 35%;
        width: 52%;
        top: 28%; }
        .header__logo--centered .logo--image {
          width: 100%; } }
    @media (min-width: 0) and (max-width: 480px) {
      .header__logo--centered {
        height: 45%;
        width: 60%;
        top: 22%; }
        .header__logo--centered .logo--image {
          width: 100%; } }
  .header__logo__slogan {
    display: inline-block;
    position: absolute;
    right: 3%;
    top: 110px;
    line-height: 1.2;
    width: 69%; }
    .header__logo__slogan .logo--image {
      width: 100%; }
    @media (min-width: 0) and (max-width: 950px) {
      .header__logo__slogan {
        top: 45%; } }
  .header__nav {
    bottom: 0;
    left: 0;
    letter-spacing: -0.25em;
    padding-bottom: 80px;
    position: absolute;
    right: 0;
    text-align: center; }
  .header__nav-link {
    background-color: transparent;
    color: #6d6e70;
    box-shadow: inset 0 0 0 12px #f16138;
    display: block;
    line-height: 130px;
    padding: 0 66px;
    position: relative;
    text-decoration: none;
    transition: background-color 200ms, color 200ms; }
    .header__nav-link u {
      background-color: white;
      height: 0;
      left: 50%;
      margin-top: 0.74em;
      position: absolute;
      right: 50%;
      top: 50%;
      transition: left 100ms, right 100ms; }
    .header__nav-link:hover {
      background-color: #f16138;
      color: white; }
      .header__nav-link:hover u {
        height: 6px;
        left: 66px;
        right: 66px; }

@media (min-width: 0) and (max-width: 950px) {
  .header-nav {
    overflow: hidden;
    max-height: 0;
    padding-top: 0; } }
@media (min-width: 950px) {
  .header-nav {
    padding-top: 50px;
    margin-left: 5.625rem; } }

@media (min-width: 0) and (max-width: 950px) {
  .header-nav.expanded {
    padding-top: calc(50px - 1.5rem);
    max-height: 400px; } }

.header-nav .header-nav__list {
  list-style: none; }
  @media (min-width: 0) and (max-width: 800px) {
    .header-nav .header-nav__list {
      width: 49.29577%;
      float: left;
      margin-right: 1.40845%; }
      .header-nav .header-nav__list:nth-of-type(2n) {
        width: 49.29577%;
        float: right;
        margin-right: 0; }
      .header-nav .header-nav__list:nth-of-type(2n + 1) {
        clear: left; } }
  @media (min-width: 800px) {
    .header-nav .header-nav__list {
      width: 23.94366%;
      float: left;
      margin-right: 1.40845%; }
      .header-nav .header-nav__list:last-of-type {
        width: 23.94366%;
        float: right;
        margin-right: 0; } }

@media (min-width: 0) and (max-width: 950px) {
  .header-nav .header-nav__list,
  .footer-nav .header-nav__list {
    margin-top: 1.5rem; } }

.footer-nav .header-nav__list {
  list-style: none; }
  @media (min-width: 0) and (max-width: 950px) {
    .footer-nav .header-nav__list {
      /*margin-top: 1.5rem;*/ } }
  @media (min-width: 480px) and (max-width: 800px) {
    .footer-nav .header-nav__list {
      width: 49.29577%;
      float: left;
      margin-right: 1.40845%; }
      .footer-nav .header-nav__list:nth-of-type(2n) {
        width: 49.29577%;
        float: right;
        margin-right: 0; }
      .footer-nav .header-nav__list:nth-of-type(2n + 1) {
        clear: left; } }
  @media (min-width: 800px) {
    .footer-nav .header-nav__list {
      width: 23.94366%;
      float: left;
      margin-right: 1.40845%; }
      .footer-nav .header-nav__list:last-of-type {
        width: 23.94366%;
        float: right;
        margin-right: 0; } }

.header-nav__item {
  line-height: 1.3125; }

.header-nav__link {
  color: #43c7f4;
  text-decoration: none;
  transition: all .2s ease; }

.header-nav__link:hover {
  color: #fff; }
  .footer-nav .header-nav__link:hover {
    color: #6d6e70; }

.header-nav__title {
  margin-bottom: .375rem; }

.header-nav .header-nav__title {
  color: #fff; }

.footer-nav__title {
  font-size: .75rem;
  margin-bottom: 1.5rem;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #939597; }

.footer-nav .header-nav__title {
  color: #939597; }

.footer-nav {
  overflow: hidden;
  margin-bottom: 50px; }

.resources-inner + .page-footer {
  padding-top: 50px; }

.header-nav__expand-container {
  padding-top: 50px; }
  .resources-inner .header-nav__expand-container {
    padding-top: 0;
    margin-left: auto;
    margin-right: auto; }
  @media (min-width: 480px) {
    .header-nav__expand-container {
      text-align: center; } }
  @media (min-width: 950px) {
    .header-nav__expand-container {
      display: none; } }

.header-nav__expand {
  display: inline-block;
  text-transform: uppercase;
  cursor: pointer;
  padding-right: calc(1.5rem + 12px);
  background-image: url(/images/icon-chevron-down.svg);
  background-size: 12px auto;
  background-position: right .75rem center;
  background-repeat: no-repeat; }

/* Placeholders
================================================ */
.content-block, .content-block--last, .content-block--blog, .content-block--first, .content-block__frame--vertical, .content-block__frame--horizontal, .content-block--feature, .content-block--blue, .content-block--icy-blue, .content-block--pale-blue {
  padding: 40px 36px;
  position: relative; }

.content-block__header, .content-block__header--intro, .content-block__header--quote, .content-block__header--centered, .content-block__header--wide {
  margin-top: -1.2em; }

.content-block__content, .content-block__content--centered {
  margin-top: 2em; }

.content-block__frame, .content-block__frame--vertical, .content-block__frame--horizontal, .content-block__interior, .content-block__interior--narrow {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  position: relative; }
  .content-block__frame:after, .content-block__frame--vertical:after, .content-block__frame--horizontal:after, .content-block__interior:after, .content-block__interior--narrow:after {
    content: " ";
    display: block;
    clear: both; }

.content-block__frame, .content-block__frame--vertical, .content-block__frame--horizontal {
  /*max-width: 90%;*/
  border: 6px solid white;
  padding: 50px 80px;
  margin: 20px auto 40px; }

.content-block__figure, .content-block__figure--right, .content-block__figure--left {
  height: 100%;
  position: absolute;
  width: 15.88785%; }

/* Content Block
================================================ */
.content-block--separator, .content-block--separator--thick, .content-block--separator--midpage {
  border-bottom: 1px solid #43c7f4;
  margin: 60px 0;
  width: 100%;
  height: 2px;
  display: block; }

.content-block + .content-block {
  padding-top: 0; }
@media (min-width: 480px) and (max-width: 950px) {
  .content-block {
    padding-left: 15%;
    padding-right: 15%; } }
@media (min-width: 0) and (max-width: 320px) {
  .content-block {
    padding-left: 20px;
    padding-right: 20px; } }
.content-block--spaced {
  padding: 90px; }
  .content-block--spaced.node-connector__intro--orange {
    padding-top: 110px; }
  @media (min-width: 0) and (max-width: 480px) {
    .content-block--spaced {
      padding: 60px 36px; }
      .content-block--spaced.node-connector__intro--orange {
        padding-top: 110px; } }
  @media (min-width: 480px) and (max-width: 950px) {
    .content-block--spaced {
      padding-left: 15%;
      padding-right: 15%; } }
  @media (min-width: 0) and (max-width: 320px) {
    .content-block--spaced {
      padding-left: 20px;
      padding-right: 20px; } }
.content-block--last {
  padding-bottom: 0; }
  @media (min-width: 0) and (max-width: 480px) {
    .content-block--last {
      padding: 40px 30px 0; }
      .content-block--last.content-block--spaced {
        padding-left: 20px;
        padding-right: 20px; } }
  @media (min-width: 480px) and (max-width: 950px) {
    .content-block--last {
      padding-left: 15%;
      padding-right: 15%; }
      .content-block--last.content-block--spaced {
        padding-left: 15%;
        padding-right: 15%; } }
@media (min-width: 0) and (max-width: 480px) {
  .content-block--blog {
    padding: 40px 25px 0; } }
@media (min-width: 480px) and (max-width: 950px) {
  .content-block--blog {
    padding-left: 10%;
    padding-right: 10%; } }
@media (min-width: 800px) {
  .content-block--blog {
    padding-top: 60px; } }
.content-block--first {
  padding-top: 0; }
  @media (min-width: 0) and (max-width: 480px) {
    .content-block--first {
      padding: 0 18px 50px; }
      .content-block--first.content-block--spaced {
        padding-left: 20px;
        padding-right: 20px; } }
  @media (min-width: 480px) and (max-width: 950px) {
    .content-block--first {
      padding-left: 15%;
      padding-right: 15%; } }
.content-block--spacer {
  height: 36px; }
.content-block__interior--narrow {
  max-width: 960px; }
.content-block--separator--thick {
  margin: -2px auto 0;
  border-bottom: 8px solid #43c7f4;
  max-width: 1080px; }
.content-block--separator--midpage {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto; }
.content-block--radial-mesh {
  background-color: #eeeeef;
  background-image: radial-gradient(rgba(255, 255, 255, 0), white 75%), url("/images/homepage-midway-mesh.png");
  background-position: center center, center center;
  max-width: 1200px;
  margin: auto; }
.content-block--split {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto; }
  .content-block--split:after {
    content: " ";
    display: block;
    clear: both; }
  .content-block--split__title {
    width: 32.71028%;
    float: left;
    margin-right: 0.93458%; }
    @media (min-width: 0) and (max-width: 950px) {
      .content-block--split__title {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 20px; } }
  .content-block--split__body {
    width: 60.74766%;
    float: right;
    margin-right: 0; }
    @media (min-width: 0) and (max-width: 950px) {
      .content-block--split__body {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0; } }
  .content-block--split__content {
    width: 32.71028%;
    float: left;
    margin-right: 0.93458%; }
    .content-block--split__content--wide {
      width: 43.92523%;
      float: left;
      margin-right: 0.93458%; }
      @media (min-width: 0) and (max-width: 950px) {
        .content-block--split__content--wide {
          width: 100%;
          display: block;
          margin: 0;
          float: none; } }
    @media (min-width: 0) and (max-width: 950px) {
      .content-block--split__content {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0; } }
    .content-block--split__content .h5--orange {
      font-size: 25px;
      font-family: "SanchezSlab", Courier; }
  .content-block--split__image {
    width: 43.92523%;
    float: right;
    margin-right: 0; }
    @media (min-width: 950px) and (max-width: 1100px) {
      .content-block--split__image {
        width: 55.14019%;
        float: right;
        margin-right: 0; } }
    @media (min-width: 0) and (max-width: 950px) {
      .content-block--split__image {
        width: 100%;
        padding: 0;
        max-width: 250px;
        margin: 50px auto 0;
        float: none;
        display: block; } }
    .content-block--split__image img {
      margin-top: 10%;
      width: 100%; }
    .content-block--split__image__mesh {
      width: 55.14019%;
      float: right;
      margin-right: 0; }
      .content-block--split__image__mesh img {
        width: 90%;
        margin-left: 30px; }
      @media (min-width: 0) and (max-width: 950px) {
        .content-block--split__image__mesh {
          width: 100%;
          float: left;
          margin-left: 0;
          margin-right: 0; }
          .content-block--split__image__mesh img {
            width: 100%;
            margin-left: 0; } }
    .content-block--split__image__single-col {
      width: 32.71028%;
      float: right;
      margin-right: 0; }
      @media (min-width: 950px) and (max-width: 1100px) {
        .content-block--split__image__single-col {
          width: 55.14019%;
          float: right;
          margin-right: 0; } }
      @media (min-width: 0) and (max-width: 950px) {
        .content-block--split__image__single-col {
          width: 100%;
          padding: 0;
          max-width: 250px;
          margin: 50px auto 0;
          float: none;
          display: block; } }
  .content-block--split__full-block-left {
    width: 49.53271%;
    float: left;
    margin-right: 0.93458%; }
    @media (min-width: 0) and (max-width: 950px) {
      .content-block--split__full-block-left {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0; } }
  .content-block--split__full-block-right {
    width: 49.53271%;
    float: right;
    margin-right: 0; }
    @media (min-width: 0) and (max-width: 950px) {
      .content-block--split__full-block-right {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0; } }
  .content-block--split__first-block {
    width: 43.92523%;
    float: left;
    margin-right: 0.93458%; }
    @media (min-width: 0) and (max-width: 950px) {
      .content-block--split__first-block {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 18px; } }
    @media (min-width: 0) and (max-width: 480px) {
      .content-block--split__first-block__full-width-mobile {
        width: 66.35514%;
        float: left;
        margin-right: 0.93458%;
        margin-left: -18px;
        width: -webkit-calc(100% + 36px);
        width: -moz-calc(100% + 36px);
        width: calc(100% + 36px); } }
  .content-block--split__second-block {
    width: 43.92523%;
    float: right;
    margin-right: 0; }
    @media (min-width: 0) and (max-width: 950px) {
      .content-block--split__second-block {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0; } }
.content-block__header--intro {
  width: 43.92523%;
  float: left;
  margin-right: 0.93458%; }
  @media (min-width: 0) and (max-width: 950px) {
    .content-block__header--intro {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0; } }
.content-block__header--quote {
  width: 43.92523%;
  float: right;
  margin-right: 0; }
  @media (min-width: 0) and (max-width: 950px) {
    .content-block__header--quote {
      width: 77.57009%;
      float: left;
      margin-right: 0.93458%;
      margin-left: 11.21495%; } }
  @media (min-width: 0) and (max-width: 480px) {
    .content-block__header--quote {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0; } }
.content-block__header--separator {
  border-bottom: 1px solid #43c7f4;
  margin: 30px 0;
  width: 100%;
  height: 2px;
  display: block; }
.content-block__header--centered {
  width: 32.71028%;
  float: left;
  margin-right: 0.93458%;
  margin-left: 22.42991%; }
.content-block__header--wide {
  width: 43.92523%;
  float: left;
  margin-right: 0.93458%;
  margin-left: 22.42991%; }
  @media (min-width: 0) and (max-width: 950px) {
    .content-block__header--wide {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0; } }
.content-block__content--centered {
  width: 55.14019%;
  float: left;
  margin-right: 0.93458%;
  margin-left: 22.42991%; }
.content-block__closing-link {
  text-align: center; }
  .content-block__closing-link .button {
    text-transform: uppercase;
    line-height: 16px;
    padding-top: 16px;
    padding-bottom: 16px; }
.content-block__figure--right {
  right: 0; }
.content-block__figure--left {
  left: 0; }
.content-block__footer {
  padding-bottom: 80px;
  padding-top: 0; }
.content-block__frame--vertical {
  float: none;
  padding: 50px; }
  @media (min-width: 0) and (max-width: 950px) {
    .content-block__frame--vertical {
      padding: 36px 8px; } }
  @media (min-width: 0) and (max-width: 950px) {
    .content-block__frame--vertical.request-box {
      width: 100%;
      padding: 45px 5% 100px;
      margin-left: 0;
      margin-right: 0;
      max-width: 100%; } }
  @media (min-width: 480px) and (max-width: 950px) {
    .content-block__frame--vertical.request-box {
      padding-left: 15%;
      padding-right: 15%;
      margin-bottom: 0; } }
  .content-block__frame--vertical--thin {
    width: 60%; }
  .content-block__frame--vertical--icy-blue {
    border: 8px solid #43c7f4; }
    @media (min-width: 0) and (max-width: 480px) {
      .content-block__frame--vertical--icy-blue {
        margin: 0 18px;
        padding: 60px 10%; } }
  @media (min-width: 0) and (max-width: 950px) {
    .content-block__frame--vertical__request-button {
      position: absolute;
      bottom: -60px;
      right: 0;
      left: 0;
      text-align: center; } }
  .content-block__frame--vertical .content-block__header {
    font-weight: bold; }
    .content-block__frame--vertical .content-block__header .h1 {
      margin-top: -0.3em;
      position: relative; }
    .content-block__frame--vertical .content-block__header p {
      font-weight: 500px;
      margin-top: 1em; }
    .content-block__frame--vertical .content-block__header .bug--logo {
      height: 1.7em;
      width: 1.7em;
      right: 100%;
      top: 0; }
  .content-block__frame--vertical .content-block__content {
    padding: 20px 0; }
@media (min-width: 0) and (max-width: 950px) {
  .content-block__frame--horizontal {
    padding: 10% 6%; } }
.content-block__frame--horizontal--full {
  max-width: 100%; }
.content-block__frame--horizontal--blue {
  border: 8px solid #0091b1; }
.content-block__frame--horizontal--icy-blue {
  border: 8px solid #43c7f4; }
.content-block__frame--horizontal--light-gray {
  border: 8px solid #eeeeef; }
.content-block__frame--horizontal--orange {
  border: 8px solid #f16138; }
.content-block__frame--horizontal .content-block__header {
  width: 32.71028%;
  float: left;
  margin-right: 0.93458%;
  font-weight: bold; }
  .content-block__frame--horizontal .content-block__header .h1 {
    margin-top: -0.3em;
    position: relative; }
  .content-block__frame--horizontal .content-block__header p {
    font-weight: 500px;
    margin-top: 1em; }
  .content-block__frame--horizontal .content-block__header .bug--logo {
    height: 1.7em;
    width: 1.7em;
    right: 100%;
    top: 0; }
.content-block__frame--horizontal .content-block__content {
  width: 60.74766%;
  float: right;
  margin-right: 0;
  margin-top: 0; }
.content-block__frame--horizontal .bug--callout {
  right: 10%;
  top: 0;
  transform: translateY(-50%); }
  .content-block__frame--horizontal .bug--callout span {
    max-width: 100%; }
@media (min-width: 0) and (max-width: 950px) {
  .content-block__frame {
    padding: 50px 12px; } }
.content-block--feature .content-block__header {
  margin-top: 0;
  font-weight: bold; }
@media (min-width: 0) and (max-width: 480px) {
  .content-block--endorsement {
    padding: 60px 18px; } }
.content-block--endorsement .h5--white {
  margin: 0; }
.content-block--endorsement .endorsement__logos {
  padding-top: 30px;
  text-decoration: none; }
  @media (min-width: 480px) {
    .content-block--endorsement .endorsement__logos {
      display: flex; } }
  .content-block--endorsement .endorsement__logos .endorsement__logo {
    display: block;
    padding-left: 5%;
    position: relative;
    z-index: 10;
    align-self: center;
    max-height: 60px; }
    @media (min-width: 480px) {
      .content-block--endorsement .endorsement__logos .endorsement__logo {
        width: 20%; } }
    @media (min-width: 0) and (max-width: 480px) {
      .content-block--endorsement .endorsement__logos .endorsement__logo {
        width: auto;
        padding: 0;
        display: block;
        text-align: center;
        margin-bottom: 20px;
        margin-left: auto;
        margin-right: auto; } }
    @media (min-width: 480px) {
      .content-block--endorsement .endorsement__logos .endorsement__logo--republic {
        /*height: auto !important;*/ } }
    @media (min-width: 0) and (max-width: 480px) {
      .content-block--endorsement .endorsement__logos .endorsement__logo--republic {
        height: 40px !important; } }
    @media (min-width: 0) and (max-width: 480px) {
      .content-block--endorsement .endorsement__logos .endorsement__logo--mastercard {
        height: 60px !important; } }
    @media (min-width: 0) and (max-width: 480px) {
      .content-block--endorsement .endorsement__logos .endorsement__logo--reuters {
        height: 50px !important; } }
    @media (min-width: 0) and (max-width: 480px) {
      .content-block--endorsement .endorsement__logos .endorsement__logo--eaglebank {
        height: 30px !important;
        margin-bottom: 40px; } }
    @media (min-width: 0) and (max-width: 480px) {
      .content-block--endorsement .endorsement__logos .endorsement__logo--bcu {
        height: 20px !important;
        margin-bottom: 0; } }
  .content-block--endorsement .endorsement__logos .endorsement__logo:first-child {
    padding-left: 0; }
  @media (min-width: 0) and (max-width: 480px) {
    .content-block--endorsement .endorsement__logos {
      text-align: center; } }
.content-block--awards .endorsement__logos {
  padding-top: 30px;
  text-decoration: none; }
  @media (min-width: 480px) {
    .content-block--awards .endorsement__logos {
      display: flex; } }
  .content-block--awards .endorsement__logos .endorsement__logo {
    display: block;
    position: relative;
    z-index: 10;
    align-self: center;
    max-height: 60px; }
    @media (min-width: 480px) {
      .content-block--awards .endorsement__logos .endorsement__logo {
        width: 20%; } }
    @media (min-width: 0) and (max-width: 480px) {
      .content-block--awards .endorsement__logos .endorsement__logo {
        width: auto;
        padding: 0;
        display: block;
        text-align: center;
        margin-bottom: 20px;
        margin-left: auto;
        margin-right: auto; } }
  .content-block--awards .endorsement__logos .endorsement__logo:first-child {
    padding-left: 0; }
  @media (min-width: 0) and (max-width: 480px) {
    .content-block--awards .endorsement__logos {
      text-align: center; } }
.content-block--blue {
  background: #0091b1;
  color: white; }
.content-block--icy-blue {
  background: #43c7f4;
  color: white; }
.content-block--pale-blue {
  background: #eaf3f7;
  color: white; }
.content-block__full-image {
  text-align: center;
  margin-bottom: 36px; }
  .content-block__full-image img {
    width: 70%; }
    @media (min-width: 0) and (max-width: 950px) {
      .content-block__full-image img {
        width: 100%; } }
    @media (min-width: 0) and (max-width: 480px) {
      .content-block__full-image img {
        width: 120%;
        margin-left: -10%; } }

/* Page Header
================================================ */
.page-header, .page-header--dark-matters, .page-header--icy-blue, .page-header--blue, .page-header--gray, .page-header--orange, .page-header--pale-blue, .page-header--dark-blue, .page-header--dark-gray, .blog-post__header, .blog-post__header--with-image {
  padding: 180px 36px 130px;
  position: relative;
  z-index: 0; }
  .page-header:after, .page-header--dark-matters:after, .page-header--icy-blue:after, .page-header--blue:after, .page-header--gray:after, .page-header--orange:after, .page-header--pale-blue:after, .page-header--dark-blue:after, .page-header--dark-gray:after, .blog-post__header:after, .blog-post__header--with-image:after {
    background-position: center center;
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1; }

.page-header__interior {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  position: relative; }
  .page-header__interior:after {
    content: " ";
    display: block;
    clear: both; }

.page-header__intro-text, .page-header__intro-text--blue, .page-header__intro-text--dark-gray {
  font-size: 24px;
  line-height: 1.3333;
  margin-top: 1.5em; }

.page-header__text-link, .page-header__text-link--orange, .page-header__text-link--icy-blue {
  font-weight: 700;
  text-decoration: none; }

.page-header__separator {
  clear: both;
  display: block;
  height: 1px;
  background-color: #fff; }
  .page-header__separator--indented {
    margin-top: 50px; }
    @media (min-width: 0) and (max-width: 950px) {
      .page-header__separator--indented {
        display: none; } }
    @media (min-width: 950px) {
      .page-header__separator--indented {
        margin-left: 5.625rem; } }
.page-header__post-nav {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  left: 0;
  right: 0;
  top: 165px; }
  .page-header__post-nav:after {
    content: " ";
    display: block;
    clear: both; }
  .page-header__post-nav .page-header__post-nav-content {
    position: relative; }
    @media (min-width: 0) and (max-width: 950px) {
      .page-header__post-nav .page-header__post-nav-content {
        width: 77.57009%;
        float: left;
        margin-right: 0.93458%;
        margin-left: 11.21495%; } }
    @media (min-width: 0) and (max-width: 480px) {
      .page-header__post-nav .page-header__post-nav-content {
        width: 100%;
        float: right;
        margin-right: 0; } }
.page-header--dark-matters {
  padding: 120px 0 180px;
  background-color: #1e1e1e; }
  @media (min-width: 0) and (max-width: 480px) {
    .page-header--dark-matters {
      padding: 120px 0 50px; } }
  @media (min-width: 480px) and (max-width: 950px) {
    .page-header--dark-matters {
      padding: 120px 0 160px; } }
  @media (min-width: 0) and (max-width: 480px) {
    .page-header--dark-matters .h2--white {
      text-align: left !important; } }
.page-header--products .sub-title {
  margin-top: 30px;
  font-size: 24px;
  line-height: 32px;
  color: white;
  font-family: 'SanchezSlab', Courier;
  text-align: center;
  font-weight: normal; }
  @media (min-width: 0) and (max-width: 600px) {
    .page-header--products .sub-title {
      font-size: 18px;
      line-height: 26px; } }
.page-header--products .link-collection {
  margin-top: 30px;
  text-align: center; }
  .page-header--products .link-collection a {
    display: block;
    text-decoration: none;
    margin-top: 6px;
    font-size: 24px;
    line-height: 32px;
    color: white;
    font-family: 'SanchezSlab', Courier;
    text-align: center;
    font-weight: normal; }
.page-header--post {
  padding: 150px 40px; }
  @media (min-width: 480px) and (max-width: 950px) {
    .page-header--post {
      padding: 150px 0; } }
  @media (min-width: 0) and (max-width: 480px) {
    .page-header--post {
      padding: 150px 20px; } }
  @media (min-width: 0) and (max-width: 480px) {
    .page-header--post .h2--white {
      font-size: 40px;
      padding-top: 10px; } }
.page-header--content-header {
  padding: 130px 36px 50px 36px; }
  @media (min-width: 0) and (max-width: 950px) {
    .page-header--content-header {
      padding: 90px 0 0; } }
.page-header--short {
  padding: 130px 36px 50px 36px; }
.page-header--resources {
  /*padding-bottom: 50px;*/ }
.page-header--wide .page-header__interior {
  max-width: 1080px; }
.page-header--mesh-a:after {
  background-image: url("../images/matchlight-mesh.png");
  opacity: 1; }
.page-header--mesh-b:after {
  background-image: url("../images/pricing-mesh.png");
  opacity: 1; }
.page-header--mesh-c:after {
  background-attachment: fixed;
  background-image: url("../images/resources-mesh.png");
  opacity: 1; }
.page-header--mesh-c-light:after {
  background-attachment: fixed;
  background-image: url("../images/resources-mesh.png");
  opacity: 0.4; }
.page-header--mesh-d:after {
  background-image: url("../images/news-header-tile-teal.png");
  opacity: 1; }
.page-header--mesh-e:after {
  background-image: url("../images/blog-header-tile-dark-grey.svg");
  opacity: 0.35; }
.page-header--mesh-f:after {
  background-image: url("../images/bg-mesh-f.png");
  opacity: 0.7; }
.page-header--mesh-g:after {
  background-image: url("../images/bg-mesh-g.png");
  opacity: 0.7; }
.page-header--mesh-g-blue:after {
  background-image: url("../images/bg-mesh-g-blue.png");
  opacity: 0.7; }
.page-header--mesh-contact:after {
  background-image: url("../images/bg-mesh-d.png");
  opacity: 0.7; }
.page-header--mesh-fixed:after {
  background-attachment: fixed; }
.page-header--icy-blue {
  background-color: #43c7f4; }
  @media (min-width: 0) and (max-width: 950px) {
    .page-header--icy-blue {
      padding: 120px 5% 130px; } }
.page-header--blue {
  background-color: #0091b1; }
  @media (min-width: 0) and (max-width: 950px) {
    .page-header--blue {
      padding: 120px 5% 130px; } }
.page-header--gray {
  background-color: #939597; }
  @media (min-width: 0) and (max-width: 950px) {
    .page-header--gray {
      padding: 120px 5% 130px; } }
.page-header--orange {
  background-color: #f16138; }
  @media (min-width: 0) and (max-width: 950px) {
    .page-header--orange {
      padding: 120px 5% 130px; } }
.page-header--pale-blue {
  background-color: #eaf3f7; }
  .page-header--pale-blue.midpage-header {
    padding: 70px 36px 50px 36px; }
    @media (min-width: 0) and (max-width: 480px) {
      .page-header--pale-blue.midpage-header {
        padding: 80px 5% 60px; } }
  @media (min-width: 0) and (max-width: 950px) {
    .page-header--pale-blue {
      padding: 120px 5% 50px; } }
.page-header--dark-blue {
  background-color: #007b97; }
  @media (min-width: 0) and (max-width: 950px) {
    .page-header--dark-blue {
      padding: 120px 5% 130px; } }
.page-header--dark-gray {
  background-color: #6d6e70; }
  @media (min-width: 0) and (max-width: 950px) {
    .page-header--dark-gray {
      padding: 120px 5% 50px; } }
@media (min-width: 950px) {
  .page-header__interior--resources {
    padding-right: 5.625rem; } }
.page-header__hgroup {
  width: 43.92523%;
  float: left;
  margin-right: 0.93458%;
  margin-left: 28.03738%;
  position: relative;
  top: 2em; }
  .page-header__hgroup--half-center {
    width: 80%;
    float: none;
    margin-left: auto;
    margin-right: auto; }
  .page-header__hgroup--blog {
    width: 60.74766%;
    float: left;
    margin-right: 0.93458%; }
    @media (min-width: 0) and (max-width: 950px) {
      .page-header__hgroup--blog {
        width: 77.57009%;
        float: left;
        margin-right: 0.93458%;
        margin-left: 11.21495%; } }
    @media (min-width: 0) and (max-width: 480px) {
      .page-header__hgroup--blog {
        width: 100%;
        float: right;
        margin-right: 0; } }
  .page-header__hgroup--full-width {
    margin-left: 16.82243%;
    width: 66.35514%;
    float: left;
    margin-right: 0.93458%; }
    @media (min-width: 0) and (max-width: 480px) {
      .page-header__hgroup--full-width {
        width: 88.78505%;
        float: left;
        margin-right: 0.93458%;
        margin-left: 5.60748%; } }
  .page-header__hgroup--with-nav {
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .page-header__hgroup--with-nav:after {
      content: " ";
      display: block;
      clear: both; }
    @media (min-width: 0) and (max-width: 480px) {
      .page-header__hgroup--with-nav {
        display: block; } }
    .page-header__hgroup--with-nav__header {
      width: 55.14019%;
      float: left;
      margin-right: 0.93458%; }
      @media (min-width: 0) and (max-width: 480px) {
        .page-header__hgroup--with-nav__header {
          width: 100%;
          float: left;
          margin-left: 0;
          margin-right: 0;
          text-align: center; } }
    .page-header__hgroup--with-nav__nav {
      width: 32.71028%;
      float: right;
      margin-right: 0; }
      @media (min-width: 0) and (max-width: 480px) {
        .page-header__hgroup--with-nav__nav {
          width: 100%;
          float: left;
          margin-left: 0;
          margin-right: 0; } }
  .page-header__hgroup--with-wide-nav {
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto; }
    .page-header__hgroup--with-wide-nav:after {
      content: " ";
      display: block;
      clear: both; }
    .page-header__hgroup--with-wide-nav__header {
      width: 49.53271%;
      float: left;
      margin-right: 0.93458%;
      /*margin-top: 50px;*/ }
      @media (min-width: 0) and (max-width: 950px) {
        .page-header__hgroup--with-wide-nav__header {
          width: 100%;
          float: left;
          margin-left: 0;
          margin-right: 0;
          margin-top: 0; }
          .page-header__hgroup--with-wide-nav__header h2 {
            /*text-align: center;*/ } }
    .page-header__hgroup--with-wide-nav__nav {
      width: 49.53271%;
      float: right;
      margin-right: 0; }
      @media (min-width: 0) and (max-width: 950px) {
        .page-header__hgroup--with-wide-nav__nav {
          width: 100%;
          float: left;
          margin-left: 0;
          margin-right: 0;
          margin-top: 0; } }
.page-header__intro-text {
  color: white; }
  .page-header__intro-text--blue {
    color: #0091b1;
    text-align: left; }
    @media (min-width: 480px) {
      .page-header__intro-text--blue {
        margin-left: 90px; } }
  .page-header__intro-text--dark-gray {
    color: #6d6e70; }
.page-header__text-link--orange {
  color: #f16138; }
.page-header__text-link--icy-blue {
  color: #43c7f4; }

/* Page Nav
================================================ */
.page-nav, .page-nav--white, .page-nav--blue {
  font-family: 'ProximaNova-Bold';
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4;
  list-style-type: none;
  padding: 36px 72px;
  margin: 36px 0; }

.page-nav__item + li {
  margin-top: 0.6em; }

.page-nav__link, .page-nav__link--blue, .page-nav__link--dark-blue, .page-nav__link--icy-blue, .page-nav__link--white, .dark-matters__nav__link, .dark-matters__footer__nav__link {
  text-decoration: none;
  text-transform: uppercase;
  transition: color 200ms;
  cursor: pointer; }
  .isSelected.page-nav__link, .isSelected.page-nav__link--blue, .isSelected.page-nav__link--dark-blue, .isSelected.page-nav__link--icy-blue, .isSelected.page-nav__link--white, .isSelected.dark-matters__nav__link, .isSelected.dark-matters__footer__nav__link, .page-nav__link:hover, .page-nav__link--blue:hover, .page-nav__link--dark-blue:hover, .page-nav__link--icy-blue:hover, .page-nav__link--white:hover, .dark-matters__nav__link:hover, .dark-matters__footer__nav__link:hover {
    color: white;
    transition-duration: 0; }

.page-nav--wide {
  padding: 36px 64px; }
  .page-nav--wide .page-nav__item {
    width: 100%;
    display: inline-block; }
    @media (min-width: 0) and (max-width: 950px) {
      .page-nav--wide .page-nav__item {
        width: 100%; } }
.page-nav--white {
  box-shadow: inset 0 0 0 12px white; }
  .page-nav--white .page-nav__link--icy-blue.active {
    color: white;
    box-shadow: 0 4px 0 white; }
  .page-nav--white .page-nav__link--icy-blue:hover {
    color: white; }
  @media (min-width: 0) and (max-width: 950px) {
    .page-nav--white {
      padding: 30px;
      box-shadow: inset 0 0 0 8px white;
      max-width: 300px;
      margin: 40px auto 0; } }
.page-nav--blue {
  box-shadow: inset 0 0 0 12px #0091b1; }
  .page-nav--blue .page-nav__link--dark-blue:hover {
    color: #6d6e70;
    box-shadow: 0 4px 0 #6d6e70; }
@media (min-width: 0) and (max-width: 950px) {
  .page-nav__item {
    width: 100%; } }
.page-nav__link--blue {
  color: #0091b1; }
.page-nav__link--dark-blue {
  color: #007b97; }
.page-nav__link--icy-blue {
  color: #43c7f4; }
.page-nav__link--white {
  color: white; }

/* Standard Content
================================================ */
.standard-content, .standard-content--matchlight {
  overflow: hidden;
  padding: 60px 0; }

.standard-content__blockquote, .standard-content__circle-blockquote {
  font-family: 'ProximaNova-Bold';
  font-size: 44px;
  font-weight: 300;
  line-height: 1.5454em;
  position: relative;
  top: -0.29em; }
  .standard-content__blockquote u, .standard-content__circle-blockquote u {
    box-shadow: 0 0.165em 0 #43c7f4; }

.standard-content + .standard-content {
  padding-top: 0; }
.standard-content__interior {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto; }
  .standard-content__interior:after {
    content: " ";
    display: block;
    clear: both; }
.standard-content.node-connector__intro--orange {
  padding-top: 110px; }
.standard-content__article {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto; }
  .standard-content__article:after {
    content: " ";
    display: block;
    clear: both; }
  .standard-content__article + article {
    margin-top: 55px; }
.standard-content__header {
  margin-left: -30.50847%;
  padding-bottom: 1.7em; }
  .standard-content__header--matchlight {
    margin-left: 33.64486%;
    margin-right: 33.64486%; }
.standard-content__footer {
  margin-left: 33.64486%;
  margin-right: 33.64486%; }
  .standard-content__footer--matchlight {
    margin-left: 5.60748%;
    margin-right: 5.60748%;
    background: white;
    box-shadow: 0 -2px 0 #eeeeef;
    margin-top: 80px;
    padding-top: 46px; }
    .standard-content__footer--matchlight p {
      margin-left: 31.57895%;
      margin-right: 5.60748%; }
.standard-content__content {
  margin-left: 15.42991%;
  margin-right: 15.42991%; }
  @media (min-width: 0) and (max-width: 480px) {
    .standard-content__content {
      margin-left: 18px;
      margin-right: 18px; } }
.standard-content__blockquote::before {
  content: '“';
  font-size: 70px;
  position: absolute;
  left: -36px;
  top: -5px;
  color: #43c7f4; }
.standard-content__circle-blockquote {
  background: #eaf3f7;
  border-radius: 50%;
  margin: 0 auto;
  height: 330px;
  width: 330px;
  margin-top: 80px;
  margin-left: 40px;
  padding: 80px 52px 0;
  height: 320px;
  text-align: center; }
  .standard-content__circle-blockquote::before {
    content: '“';
    font-size: 320px;
    font-family: 'ProximaNova-Regular';
    position: absolute;
    left: 10px;
    top: 85px;
    color: #43c7f4; }
  @media (min-width: 0) and (max-width: 950px) {
    .standard-content__circle-blockquote {
      margin: 80px auto 0; } }
  @media (min-width: 0) and (max-width: 480px) {
    .standard-content__circle-blockquote {
      margin: 80px auto 0;
      width: 320px;
      height: 320px; } }
.standard-content--matchlight {
  background-image: radial-gradient(rgba(255, 255, 255, 0), white 70%), url("../images/bg-mesh-light-gray.png");
  background-position: center center, center center; }

/* Asides
================================================ */
.aside__link, .aside__link--download {
  color: #939597;
  display: block;
  font-family: 'ProximaNova-Bold';
  font-size: 16px;
  font-weight: 500;
  line-height: 1.411;
  text-decoration: none;
  text-transform: uppercase;
  text-spacing: 1px;
  transition: color 200ms; }

.aside--download {
  width: 18.64407%;
  float: left;
  margin-right: 1.69492%;
  margin-left: -30.50847%; }
.aside__link:hover {
  color: #f16138; }
.aside__link--download:hover {
  color: #6d6e70; }
.aside__link--download:after {
  background-image: url("../images/source/icon-download.svg");
  content: '';
  height: 24px;
  display: inline-block;
  margin-left: 0.5em;
  position: relative;
  top: -3px;
  vertical-align: middle;
  width: 24px; }

/* Figures
================================================ */
.figure, .figure--wide {
  margin-bottom: 50px;
  margin-top: 50px; }
  .figure:first-child, .figure--wide:first-child {
    margin-top: 0; }

.figure__caption {
  color: #6d6e70;
  font-family: 'ProximaNova';
  font-size: 13px;
  font-weight: 400;
  line-height: 1.384; }

.figure--wide {
  width: 181.35593%;
  float: left;
  margin-right: 1.69492%;
  margin-left: -40.67797%; }
.figure__caption {
  margin-left: 22.42991%;
  margin-right: 22.42991%;
  margin-top: 12px; }

/* Figures
================================================ */
.chevron--right, .chevron--left, .chevron--bottom, .chevron--top {
  position: relative;
  height: 0.6em;
  margin-bottom: -0.05em;
  width: 0.367em;
  display: inline-block;
  margin-left: 0.2em;
  background-image: url("/images/chevron-right--white.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat; }

.chevron--right {
  transform: rotate(0deg); }
.chevron--left {
  left: 0;
  transform: rotate(-180deg); }
.chevron--bottom {
  top: 0;
  transform: rotate(90deg); }
.chevron--top {
  left: 0.25em;
  transform: rotate(-90deg); }
.chevron--orange {
  background-image: url("/images/chevron-right--orange.svg"); }
.chevron--icy-blue {
  background-image: url("/images/chevron-right--icy-blue.svg"); }
.chevron--gray {
  background-image: url("/images/chevron-right--gray.svg"); }
.chevron--light-gray {
  background-image: url("/images/chevron-right--light-gray.svg"); }
.chevron--blue {
  background-image: url("/images/chevron-right--blue.svg"); }
.chevron--inline {
  margin-top: -0.1em;
  margin-bottom: 0.02em; }
.chevron--parent:hover .chevron--hover-orange {
  background-image: url("/images/chevron-right--orange.svg"); }
.chevron--parent:hover .chevron--hover-blue {
  background-image: url("/images/chevron-right--blue.svg"); }
.chevron--parent:hover .chevron--hover-icy-blue {
  background-image: url("/images/chevron-right--icy-blue.svg"); }

.link--anchor {
  display: block;
  position: relative;
  top: -200px;
  visibility: hidden; }

@media (min-width: 0) and (max-width: 950px) {
  .tablet-hide {
    display: none; } }

@media (min-width: 0) and (max-width: 480px) {
  .content-block--endorsement .content-block__interior {
    margin-bottom: 0; } }

.list--bulleted--dark-gray {
  margin-left: 20px;
  margin-top: -20px; }

.content-block--products {
  width: 100%;
  max-width: 990px;
  margin: 0 auto;
  padding-top: 100px; }
  .content-block--products .stand-alone-hr {
    margin-top: 90px;
    margin-bottom: 90px; }
  .content-block--products .product-list-content {
    max-width: 770px;
    width: 100%;
    margin: 0 auto; }
    .content-block--products .product-list-content p {
      font-size: 20px;
      line-height: 1.5; }
  .content-block--products .product-list-content-header {
    display: block;
    margin-bottom: 40px; }
    @media (min-width: 680px) {
      .content-block--products .product-list-content-header {
        display: flex;
        align-items: center;
        align-content: center;
        justify-content: flex-start; } }
    .content-block--products .product-list-content-header .product-list-image {
      max-width: 180px; }
    .content-block--products .product-list-content-header .h3--blue {
      margin-top: 15px;
      margin-bottom: 0;
      line-height: 1.2; }
      @media (min-width: 680px) {
        .content-block--products .product-list-content-header .h3--blue {
          margin-left: 35px;
          padding-right: 75px;
          margin-top: 0; } }
  .content-block--products .product-list-content-additional {
    display: block;
    align-items: start;
    align-content: start;
    justify-content: space-between;
    max-width: 770px;
    width: 100%;
    margin: 0 auto; }
    @media (min-width: 680px) {
      .content-block--products .product-list-content-additional {
        display: flex; } }
  @media (min-width: 680px) {
    .content-block--products .product-list-content-additional-column {
      max-width: 48%;
      width: 100%;
      padding-right: 2%; } }
  .content-block--products .product-list-content-additional-column .h6--blue {
    margin-bottom: 20px; }
  .content-block--products .product-list-content-additional-column p {
    font-size: 17px;
    line-height: 24px; }
    .content-block--products .product-list-content-additional-column p .b {
      color: #f16138; }
  .content-block--products .product-list-content-additional-column .row {
    border-bottom: 1px solid #bcbec0;
    padding-bottom: 25px;
    margin-bottom: 25px; }
    .content-block--products .product-list-content-additional-column .row:last-of-type {
      border-bottom: none; }

/* Nav Component
================================================ */
.nav__link--login, .nav__link--expand, .nav__link--close, .nav__link--signup {
  font-family: "ProximaNova-Bold";
  font-size: 12px;
  letter-spacing: 1px;
  font-weight: bold;
  padding: 10px 12px 8px;
  /*margin-top: 3px;*/
  text-decoration: none; }

.nav {
  /*display: inline-block;*/
  letter-spacing: 0;
  padding-top: 0;
  white-space: nowrap;
  font-size: .9em;
  /*width: 50%;*/ }
  @media (min-width: 980px) {
    .nav {
      flex: 1; } }
  @media (min-width: 950px) {
    .nav {
      transform: translateY(2px); } }
  .nav--controls {
    /*float: right;*/
    display: none;
    position: relative;
    z-index: 100;
    align-items: center;
    /*width: 100px;*/
    /*padding-top: 5px;*/ }
    @media (min-width: 0) and (max-width: 980px) {
      .nav--controls {
        display: flex; } }
  .nav__item {
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-family: "ProximaNova-Bold";
    font-size: 16px;
    font-letter-spacing: 1px;
    font-weight: 300;
    letter-spacing: 0.02em;
    padding: 0 1.5%;
    text-align: center;
    text-transform: uppercase; }
  .nav__link {
    color: #6d6e70;
    display: inline-block;
    padding: 8px 0 11px 0;
    line-height: 1;
    position: relative;
    text-decoration: none;
    transition: color 100ms; }
    .nav__link--login {
      color: #43c7f4;
      background: rgba(255, 255, 255, 0.97);
      border: 2px solid #43c7f4;
      float: right;
      transition: color 80ms, border-color, 80ms; }
      @media (min-width: 950px) {
        .nav__link--login {
          margin-right: 10px; } }
      .nav__link--login:hover {
        color: #f16138;
        border-color: #f16138; }
    .nav__link--expand, .nav__link--close {
      display: block;
      /*width: 90px;*/
      text-transform: uppercase;
      background: #939597;
      color: white;
      text-decoration: none;
      padding: 8px 12px 8px;
      font-size: 13px;
      cursor: pointer; }
    .nav__link--close {
      background: transparent;
      padding: 6px 10px;
      color: #939597;
      display: none;
      border: 2px solid #939597; }
      .nav__link--close .close-icon {
        width: 14px;
        height: 14px;
        top: 2px;
        background-image: url(/images/nav-close-icon.svg); }
    .nav__link--signup {
      float: right;
      background: #43c7f4;
      border: 2px solid #43c7f4;
      text-decoration: none;
      color: white;
      transition: background-color 80ms, border-color, 80ms; }
      .nav__link--signup:hover {
        background-color: #f16138;
        border-color: #f16138; }
    .nav__link--app-buttons {
      float: right; }
    .nav__link.active {
      color: #f16138; }
      .nav__link.active:after {
        height: 4px; }
    .nav__link:after {
      background: #f16138;
      bottom: 0;
      content: "";
      height: 0;
      left: 0;
      position: absolute;
      right: 0;
      transition: height 100ms; }
    .nav__link--here, .nav__link.active, .nav__link:hover {
      color: #f16138; }
      .nav__link--here:after, .nav__link.active:after, .nav__link:hover:after {
        height: 4px; }

.navigator .chevron-wrapper--left, .navigator .chevron-wrapper--right {
  font-size: 3em;
  position: absolute;
  top: 15px; }

.navigator {
  width: 520px;
  padding: 36px 60px; }
  .navigator--thin {
    width: 270px;
    padding: 36px 45px;
    margin-left: auto;
    margin-right: auto; }
    .navigator--thin .content-block--split__second-block,
    .navigator--thin .content-block--split__first-block {
      width: 100%;
      margin: 0; }
    .navigator--thin .pagination-separator {
      display: none; }
  @media (min-width: 0) and (max-width: 950px) {
    .navigator {
      width: 270px;
      padding: 36px 45px; }
      .navigator .content-block--split__second-block,
      .navigator .content-block--split__first-block {
        width: 100%;
        margin: 0; } }
  .navigator .content-thumbnail__category {
    transition: all 100ms; }
  .navigator__link {
    padding: 0 25px;
    line-height: 1.2; }
    .navigator__link .a--clear:hover .h6--orange {
      color: #e64010; }
    .navigator__link .a--clear:hover .content-thumbnail__category {
      color: #D83A0F; }
    .navigator__link .a--clear:hover .chevron--light-gray {
      color: #D83A0F;
      background-size: contain; }
  .navigator__text {
    opacity: .6; }
  @media (min-width: 0) and (max-width: 950px) {
    .navigator__previous {
      padding-bottom: 20px; }
    .navigator__next {
      padding-top: 20px; }
    .navigator--thin .navigator__previous, .navigator--thin .navigator__next {
      padding-top: 0;
      padding-bottom: 0; } }
  .navigator .h6--orange {
    margin: 0;
    font-family: "ProximaNova-Bold"; }
  .navigator .content-thumbnail__category {
    padding: 0; }
  .navigator .chevron-wrapper--left {
    left: 0; }
  .navigator .chevron-wrapper--right {
    right: 20px; }
    @media (min-width: 0) and (max-width: 950px) {
      .navigator .chevron-wrapper--right {
        bottom: 30px;
        top: auto; } }
  .navigator .pagination-separator {
    height: 80%;
    position: absolute;
    width: 2px;
    background-color: #eeeeef;
    left: 50%;
    top: 10%; }
    @media (min-width: 0) and (max-width: 950px) {
      .navigator .pagination-separator {
        width: 80%;
        height: 2px;
        left: 10%;
        top: 50%; } }

.block-nav {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  list-style-type: none;
  text-align: center; }
  .block-nav:after {
    content: " ";
    display: block;
    clear: both; }
  .flexbox .block-nav {
    align-content: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center; }
  .block-nav__item {
    margin: 0 12px; }
    .flexbox .block-nav__item {
      align-self: auto;
      flex: 0 1 auto;
      order: 0; }
    .no-flexbox .block-nav__item {
      display: inline-block; }
  .block-nav__text {
    display: block;
    position: relative;
    top: 50%;
    transform: translateY(-50%); }
  .block-nav__link {
    background-color: white;
    box-shadow: inset 0 0 0 12px #0091b1;
    color: #0091b1;
    display: block;
    font: 300 24px/1.2 "ProximaNova-Bold";
    height: 155px;
    max-width: 280px;
    padding: 12px 24px;
    text-decoration: none;
    transition: box-shadow 200ms, color 200ms; }
    .block-nav__link .no-flexbox {
      display: block; }
    .block-nav__link:hover {
      box-shadow: inset 0 0 0 12px #f16138;
      color: #f16138; }

/* Site Footer
================================================ */
.site-footer, .site-footer__logo, .site-footer__links {
  padding: 0 0; }

.site-footer {
  background-image: url("../images/bg-mesh-blue.gif");
  padding: 75px 0; }
  .site-footer__interior {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    max-width: 800px;
    width: 90%;
    background-color: white;
    padding: 40px 20px; }
    .site-footer__interior:after {
      content: " ";
      display: block;
      clear: both; }
  .site-footer__logo {
    width: 32.71028%;
    float: left;
    margin-right: 0.93458%;
    text-align: center; }
    .site-footer__logo svg {
      height: 70px;
      max-width: 225px; }
    @media (min-width: 0) and (max-width: 950px) {
      .site-footer__logo {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0; } }
  .site-footer__links {
    width: 60.74766%;
    float: right;
    margin-right: 0;
    text-align: center;
    width: 65%; }
    .site-footer__links--block {
      padding-bottom: 10px; }
    @media (min-width: 0) and (max-width: 950px) {
      .site-footer__links {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0; } }
  .site-footer__copyright {
    font-size: 12px;
    line-height: 1;
    margin-top: 2em;
    font-family: "ProximaNova-Regular", Courier;
    display: inline-block;
    width: 100%;
    text-align: center; }
    .site-footer__copyright .sitemap-link {
      font-family: "ProximaNova-Bold", Courier;
      transition: all 200ms; }
      .site-footer__copyright .sitemap-link:hover {
        color: #f16138;
        box-shadow: 0 0.165em 0 #f16138; }
    .site-footer__copyright a, .site-footer__copyright a:active, .site-footer__copyright a:hover, .site-footer__copyright a:visited {
      color: #6d6e70; }

/* Footer Links
================================================ */
.footer-links__item, .footer-links__item--social {
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle; }

.footer-links__link, .footer-links__link--social {
  color: #6d6e70;
  font: 300 14px/1 "ProximaNova-Bold";
  letter-spacing: 0.03em;
  text-decoration: none;
  text-transform: uppercase;
  transition: color 200ms; }
  .footer-links__link:hover, .footer-links__link--social:hover {
    color: #f16138; }

.footer-links__link--social {
  border-radius: 50%;
  display: block;
  height: 32px;
  width: 32px; }

.footer-links {
  list-style-type: none;
  padding: 0; }
  .footer-links__icons {
    padding: 10px 0px; }
  .footer-links__item + .footer-links__item--social {
    margin-left: 12px; }
  .footer-links__item--social {
    margin: 0 3px; }
  @media (min-width: 0) and (max-width: 950px) {
    .footer-links--block {
      padding-top: 30px; } }
  .footer-links__link--social {
    background-image: url("../images/sprite-social.svg");
    background-repeat: no-repeat;
    background-size: 96px 160px; }
    .footer-links__link--social.facebook {
      background-position: 0 0; }
    .footer-links__link--social.twitter {
      background-position: 0 -64px; }
    .footer-links__link--social.linkedin {
      background-position: 0 -129px; }
    .footer-links__link--social.google {
      background-position: -65px 0; }
    .footer-links__link--social.github {
      background-position: -65px -64px; }
    .footer-links__link--social.rss {
      background-position: -64px -129px; }

.footer-links__item a {
  font-size: 14px; }

.signup-call {
  text-align: center;
  padding-bottom: 60px;
  padding-left: 20px;
  padding-right: 20px; }
  .signup-call.dark-matters-signup {
    padding-bottom: 20px; }
    @media (min-width: 0) and (max-width: 480px) {
      .signup-call.dark-matters-signup {
        margin-top: 35px;
        padding-left: 25px;
        padding-right: 25px; } }
  .signup-call--description {
    font-size: 14px;
    padding: 0 0 10px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    color: #999;
    font-family: "ProximaNova-Bold"; }
    @media (min-width: 0) and (max-width: 480px) {
      .signup-call--description {
        line-height: 1.25; } }
  .signup-call .button--light-framed {
    font-size: 28px; }
    @media (min-width: 0) and (max-width: 480px) {
      .signup-call .button--light-framed {
        font-size: 26px; } }
  .signup-call--contact {
    font-family: "SanchezSlab", Courier;
    margin-top: 50px;
    color: #6d6e70;
    padding: 10px; }
    .signup-call--contact .h6--underlined {
      font-family: "SanchezSlab-Bold", Courier !important;
      pointer: cursor;
      box-shadow: 0 0.165em 0 #6d6e70; }

.signup-call--contact a {
  text-decoration: none;
  color: #6d6e70; }
  .signup-call--contact a:hover {
    color: #43c7f4; }
    .signup-call--contact a:hover .h6--underlined {
      box-shadow: 0 0.165em 0 #43c7f4; }

/* Try Matchlight Component
================================================ */
.try-matchlight {
  font-size: 75%; }
  .try-matchlight__interior {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    position: relative; }
    .try-matchlight__interior:after {
      content: " ";
      display: block;
      clear: both; }
  .try-matchlight__frame {
    margin-left: 5.60748%;
    margin-right: 5.60748%;
    width: 50%;
    margin: 0 auto;
    box-shadow: inset 0 0 0 8px #43c7f4;
    padding: 40px 50px; }
    @media (min-width: 0) and (max-width: 950px) {
      .try-matchlight__frame {
        width: 90%;
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 25px;
        padding-bottom: 80px; } }
    @media (min-width: 480px) and (max-width: 950px) {
      .try-matchlight__frame {
        width: 70%; } }
  .try-matchlight__header {
    margin-left: 25.35211%; }
  .try-matchlight__form {
    margin-left: 25.35211%;
    margin-top: 36px; }
  .try-matchlight__title {
    margin-top: 0;
    font-size: 22px; }
    @media (min-width: 0) and (max-width: 480px) {
      .try-matchlight__title {
        font-weight: bold;
        padding-left: 15px; } }
  .try-matchlight__action {
    width: 32.71028%;
    float: right;
    margin-right: 0; }
  @media (min-width: 0) and (max-width: 950px) {
    .try-matchlight__request-button {
      position: absolute;
      bottom: -60px;
      left: 15px; } }
  .try-matchlight .bug--logo {
    height: 2.4em;
    width: 2.4em;
    right: 100%;
    top: 0;
    transform: translateY(-0.4em); }

/* Placeholders
================================================ */
/* Classes
================================================ */
.guided-tour {
  position: relative; }
  .guided-tour__svg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1; }

/* Placeholders
================================================ */
.form {
  overflow: hidden;
  position: relative; }

.flexbox .form__row, .flexbox .form__row--single {
  align-content: stretch;
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start; }

.form__textarea, .form__textarea--full-width, .form__input, .form__input--stretch, .form__input--full-width, .form__button, .form__button--blue {
  appearance: none;
  border: none;
  margin: 0;
  outline: none;
  padding: 0; }

.form__textarea::placeholder, .form__textarea--full-width::placeholder, .form__input::placeholder, .form__input--stretch::placeholder, .form__input--full-width::placeholder {
  color: #6d6e70; }

.form__textarea, .form__textarea--full-width, .form__input, .form__input--stretch, .form__input--full-width {
  -webkit-font-smoothing: antialiased;
  background-color: #eeeeef;
  color: #6d6e70;
  font-family: "SanchezSlab-Light", Courier;
  font-size: 17px;
  font-weight: 300;
  line-height: 50px;
  padding: 0 18px; }

.form__textarea, .form__textarea--full-width {
  height: 400px;
  vertical-align: top; }

.form__button, .form__button--blue {
  -webkit-font-smoothing: antialiased;
  background-color: #939597;
  color: white;
  cursor: pointer;
  font: 300 17px/50px "ProximaNova-Bold";
  letter-spacing: 0.03em;
  padding: 0 24px;
  text-transform: uppercase;
  transition: background-color 200ms; }
  .form__button:hover, .form__button--blue:hover {
    background-color: #f16138; }

.form__message, .form__message--success {
  background: white;
  height: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: translateX(100%);
  transition: transform 200ms, opacity 200ms;
  width: 100%; }

.form__label, .form__label--above {
  cursor: default;
  display: block;
  font-family: "ProximaNova-Bold";
  font-size: 17px;
  font-weight: 300;
  line-height: 1.4;
  text-transform: uppercase; }

.form__input--full-width, .form__textarea--full-width {
  width: 100%; }

/* Classes
================================================ */
.form {
  padding-bottom: 12px; }
  .form.success .form__message--success {
    height: 100%;
    opacity: 1;
    transform: translateX(0); }
  .form__input--stretch {
    align-self: auto;
    flex: 1 1 auto;
    order: 0; }
  .form__button--blue {
    background-color: #0091b1; }
  .form__errors .parsley-errors-list {
    width: 100%; }
    .form__errors .parsley-errors-list li {
      color: #f16138;
      font: 300 17px/1 "ProximaNova-Bold";
      padding: 18px; }
  .form__field {
    position: relative; }
    .form__field + .form__field {
      margin-top: 31px; }
  .form__label--above {
    padding-bottom: 6px; }
  .form__label--dark-blue {
    color: #007b97; }
  .form__cta {
    margin-top: 35px; }

/* Fieldset
================================================ */
.fieldset {
  margin-left: 16.82243%;
  margin-right: 16.82243%; }
  @media (min-width: 0) and (max-width: 480px) {
    .fieldset {
      margin-left: 5.60748%;
      margin-right: 5.60748%; } }
  .fieldset--matchlight {
    margin-left: 33.64486%;
    margin-right: 33.64486%; }

/* Frames
================================================ */
.frame, .frame--icy-blue {
  box-shadow: inset 0 0 0 12px green;
  padding: 60px 5.60748%; }

.frame--icy-blue {
  box-shadow: inset 0 0 0 12px #43c7f4; }

/* Errors
================================================ */
.parsley-errors-list {
  list-style-type: none; }
  .parsley-errors-list li {
    color: #f16138;
    font: 300 17px/1 "ProximaNova-Bold";
    padding-top: 12px; }

/* Helpers
================================================ */
.help, .help--right {
  position: absolute;
  width: 100%; }
  .opened.help .help__content, .opened.help--right .help__content {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0); }

.help__icon, .help__icon--orange {
  background: purple;
  border-radius: 50%;
  color: white;
  cursor: pointer;
  font-family: "ProximaNova-Bold";
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  height: 20px;
  line-height: 23px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 20px; }

.help--right {
  right: 0;
  top: 0; }
.help__icon--orange {
  background: #f16138; }
.help__content {
  font-size: 13px;
  left: 100%;
  line-height: 1.4em;
  padding-left: 2.85714%;
  padding-top: 0.3em;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform: translateY(8px);
  transition: opacity 200ms ease, transform 200ms ease;
  width: 65.71429%; }

.resources-top {
  /*overflow: hidden;*/
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px; }

.resource-featured {
  overflow: hidden;
  padding: 50px;
  border: solid 10px #0091b1; }
  @media (min-width: 0) and (max-width: 480px) {
    .resource-featured {
      margin-left: -20px;
      margin-right: -20px;
      padding: 30px 20px; } }
  @media (min-width: 950px) {
    .resource-featured {
      width: 71.96262%;
      float: left;
      margin-right: 0.93458%; } }
  .resources-inner .resource-featured {
    display: flex; }
  .resources-outer .resource-featured {
    margin-bottom: 50px; }

.resources-inner .resource-featured {
  border-color: #BBBDBF;
  order: 2; }
  @media (min-width: 950px) {
    .resources-inner .resource-featured {
      width: 55.14019%;
      float: right;
      margin-right: 0; } }

.resources-inner__description {
  order: 1;
  margin-bottom: 50px; }
  @media (min-width: 950px) {
    .resources-inner__description {
      width: 43.92523%;
      float: left;
      margin-right: 0.93458%; } }

.resources-inner .content-thumbnail p {
  font-family: "ProximaNova-Regular", sans-serif;
  color: #6d6e70;
  font-weight: normal;
  font-size: 17px; }

@media (min-width: 950px) {
  .resource-featured__image {
    width: 32.39437%;
    float: left;
    margin-right: 1.40845%; } }
.resources-inner .resource-featured__image {
  display: none; }

.resource-featured__image img {
  max-width: 100%; }

@media (min-width: 950px) {
  .resource-featured__content-wrapper {
    width: 66.19718%;
    float: right;
    margin-right: 0;
    padding-left: 1rem; } }
.resources-inner .resource-featured__content-wrapper {
  width: 100%;
  float: right;
  margin-right: 0;
  padding-left: 0;
  float: none;
  margin: auto; }

.resource-featured__content {
  font-weight: 300;
  font-size: 20px;
  line-height: 1.5;
  font-family: "SanchezSlab-Light"; }

.resource-featured__image {
  margin-bottom: 1.5rem; }

.resource-featured__category {
  /*font-family: "ProximaNova-Bold", sans-serif;*/
  /*font-weight: 500;*/
  color: #0091b1; }

.h3--underlined,
.h3--orange {
  transition: all .2s ease; }

.resource-featured__link {
  text-decoration: none; }

.resource-featured__link .h3--orange {
  line-height: 1.2; }

.resource-featured__link:hover .h3--underlined {
  box-shadow: 0 0.165em 0 #e64010; }

.resource-featured__link:hover .h3--orange {
  color: #e64010; }

.resources-recent {
  /*border: solid 3px $orange;*/
  /*padding: 15px 20px;*/ }
  @media (min-width: 950px) {
    .resources-recent {
      width: 27.1028%;
      float: right;
      margin-right: 0;
      padding-left: 1.5rem; } }

.resource-recent {
  padding: 1rem 0; }

.resource-recent a {
  display: block;
  text-decoration: none; }

.resource-recent a:hover .resource-recent__title {
  color: #e64010; }

.resources-recent__heading {
  font-size: 1.25rem;
  margin-bottom: .5rem;
  color: #bbbdc0; }

.resource-recent + .resource-recent {
  border-top: solid 2px #bbbdc0; }

.resource-recent__category {
  color: #0091b1;
  padding-bottom: 5px; }

.resource-recent__title {
  line-height: 1.3;
  color: #f16138;
  transition: all .2s ease; }

.resources-recent__view-all {
  padding-top: 10px; }

.btn--all-resources {
  padding-right: calc(1.25rem + 8px);
  background-image: url(/images/icon-chevron-gray.svg);
  background-size: 8px auto;
  background-position: right .5rem top 50%;
  background-repeat: no-repeat;
  text-transform: uppercase; }

.resources-inner .page-header__hgroup--with-wide-nav__nav,
.resources-inner .page-header__separator--indented {
  display: none; }

.resources-inner .page-header__interior--resources {
  display: flex;
  flex-wrap: wrap;
  padding-right: 0;
  margin: 0 auto; }

.resources-inner .page-header__hgroup--with-wide-nav {
  width: 100%; }

.resources-inner .header-nav {
  width: 100%;
  padding-top: 0; }

.resources-nav {
  margin: 0 auto;
  max-width: 1080px;
  width: 100%; }

.resource-nav__links {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 30px; }
  @media (min-width: 0) and (max-width: 600px) {
    .resource-nav__links .resource-nav__column {
      width: 50%;
      float: left; } }
  .resource-nav__links .resource-nav__link {
    padding-right: 15px;
    margin-right: 15px;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 14px; }
    .resource-nav__links .resource-nav__link.active {
      color: white; }
    .resource-nav__links .resource-nav__link:after {
      content: '';
      width: 5px;
      height: 5px;
      border-radius: 50%;
      position: absolute;
      right: -2.5px;
      top: 50%;
      transform: translateY(-52%);
      background: #eeeeef; }
    .resource-nav__links .resource-nav__link.last-link {
      padding-right: 0;
      margin-right: 0; }
      .resource-nav__links .resource-nav__link.last-link:after {
        display: none; }
    @media (min-width: 0) and (max-width: 600px) {
      .resource-nav__links .resource-nav__link {
        padding-left: 0;
        margin-right: 0;
        padding-top: 5px;
        padding-bottom: 5px;
        text-align: left;
        display: block; }
        .resource-nav__links .resource-nav__link:after {
          display: none; } }

.resources-footer-nav .footer-nav__title {
  font-size: 20px;
  margin-bottom: 0; }
  @media (min-width: 0) and (max-width: 600px) {
    .resources-footer-nav .footer-nav__title {
      text-align: left; } }
.resources-footer-nav .resource-nav__links {
  margin-top: 15px; }
.resources-footer-nav .resource-nav__link:after {
  background: #bbbdc0; }
.resources-footer-nav .resource-nav__link.active {
  color: #f16138; }
.resources-footer-nav .footer-nav {
  padding-top: 50px; }
.resources-footer-nav .footer-nav.stand-alone {
  border-top: 1px solid #43c7f4;
  border-bottom: 1px solid #43c7f4;
  padding-bottom: 50px;
  margin-bottom: 165px; }

.resources-inner .page-header__hgroup--with-wide-nav__header {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-right: 0;
  float: none; }
  @media (min-width: 0) and (max-width: 600px) {
    .resources-inner .page-header__hgroup--with-wide-nav__header {
      justify-content: flex-start; } }

.h2--resources {
  display: flex;
  line-height: 1.4; }
  @media (min-width: 950px) {
    .h2--resources {
      align-items: center; } }

.h2--resources .h2--underlined {
  box-shadow: none;
  padding-bottom: 0; }

.h2--resources-title {
  /*display: block;*/
  width: 100%;
  box-shadow: 0 0.165em 0 white;
  transform: translateY(-10px); }
  @media (min-width: 0) and (max-width: 480px) {
    .h2--resources-title {
      /*font-size: 1.75rem*/ } }

.h2--resources-span {
  font-size: 1rem;
  display: block;
  line-height: 1;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  width: 100%;
  width: 5.625rem;
  margin-bottom: -5px; }

.icon-chevron {
  background-image: url("/images/icon-chevron.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat; }
  @media (min-width: 0) and (max-width: 480px) {
    .icon-chevron {
      width: 2rem; } }
  @media (min-width: 480px) and (max-width: 950px) {
    .icon-chevron {
      margin-top: 10px;
      background-position: left center;
      width: 3rem; } }

.h5--header {
  margin-top: 0; }
  @media (min-width: 0) and (max-width: 950px) {
    .h5--header {
      font-size: 24px; } }
  @media (min-width: 950px) {
    .h5--header {
      margin-top: 10px; } }

.page-footer {
  padding-left: 36px;
  padding-right: 36px; }

@media (min-width: 950px) {
  .content-block__interior--footer .signup-call {
    padding-left: 5.625rem;
    padding-right: 5.625rem; } }

@media (min-width: 0) and (max-width: 480px) {
  .content-block__interior {
    margin-bottom: 30px; } }

@media (min-width: 0) and (max-width: 950px) {
  .resources-all .content-block--blog {
    /*padding-top: 0;*/
    padding-bottom: 0; } }

.resources-all .content-block__interior--footer {
  padding-top: 50px;
  /*border-top: solid 1px $icy-blue;*/ }

.resources-inner .content-block--blog {
  padding-bottom: 0; }

.resources-page .content-thumbnail__article-title {
  padding-top: 0; }

.border-bottom-inset {
  box-shadow: inset 0 -1px #43c7f4; }

.resource-single-date {
  font-size: 14px;
  margin-left: 0;
  font-family: 'ProximaNova-Regular', Courier;
  color: #0091b1;
  letter-spacing: 0px; }

.single-resource .bug--orange {
  width: 178px;
  height: 178px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 85px; }
  @media (min-width: 0) and (max-width: 950px) {
    .single-resource .bug--orange {
      margin: 0; } }

.content-thumbnail__download-wrapper {
  margin-top: 1rem; }
  .resource-featured .content-thumbnail__download-wrapper {
    display: none; }
  .resources-inner .content-thumbnail__download-wrapper {
    margin-top: 1.5rem; }

.button--light-framed.button--xs {
  font-size: 16px;
  padding: 8px 12px;
  font-weight: 300; }

.view-all {
  margin-top: -2px;
  background-color: #fff;
  position: relative;
  z-index: 999;
  border-bottom: 1px solid #43c7f4;
  position: relative;
  padding-bottom: 50px;
  width: 100%;
  text-align: center; }
  @media (min-width: 950px) {
    .view-all {
      padding-top: 50px; } }
  .view-all:before, .view-all:after {
    position: absolute;
    top: 0;
    content: '';
    width: .5rem;
    height: 2px;
    background-color: #fff; }
  .view-all:before {
    left: 0; }
  .view-all:after {
    left: 100%; }

.view-all__link {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: .875rem;
  transition: all .2s ease; }

.view-all__link span {
  margin-left: .375rem; }

.view-all__link svg {
  transform: translateY(2px); }

.view-all__link svg * {
  transition: all .2s ease; }

.view-all__link:hover svg * {
  fill: #43c7f4; }

.view-all__link:hover {
  border-color: #43c7f4;
  color: #43c7f4; }

@media (min-width: 0) and (max-width: 640px) {
  .content-thumbnail__image-wrapper--resources {
    width: 0;
    height: 0;
    padding-right: 100%;
    padding-top: 100%; } }

.page-footer .signup-call {
  padding-top: 80px;
  border-top: solid 1px #43c7f4; }

@media (min-width: 950px) {
  .resources-inner__description {
    padding-right: 30px;
    margin: auto; } }

.resources-inner__description-text {
  font-size: 1.6rem;
  color: #43c7f4;
  line-height: 1.2;
  font-family: "ProximaNova-Bold";
  font-weight: 300; }

.resources-inner__description-image {
  text-align: center;
  margin-bottom: 1.5rem; }

.content-thumbnail__article-title {
  padding-top: 15px; }

.news-header {
  display: flex;
  margin-top: 15px;
  flex-wrap: wrap;
  /*margin-bottom: 15px;*/ }

.news-header .content-thumbnail__category {
  padding: 0;
  margin-right: .75rem; }

.news-header .content-thumbnail__date {
  margin-top: 0;
  padding-top: 0; }

.news-header__outlet {
  margin-top: .25em;
  margin-bottom: .25em; }

.news-content .content-thumbnail__article-title {
  padding: 0;
  color: #6d6e70;
  font-weight: normal;
  font-size: 17px; }
  .news-content .content-thumbnail__article-title__link {
    color: inherit;
    text-decoration: none;
    transition: color 100ms; }
    .news-content .content-thumbnail__article-title__link:visited {
      color: inherit;
      text-decoration: none; }
    .news-content .content-thumbnail__article-title__link:hover {
      color: #D83A0F; }

.share-box {
  position: fixed;
  right: 0;
  top: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  justify-content: flex-start;
  transition: all 0.2s;
  transform: translateY(-50%);
  background-color: #fff;
  z-index: 999;
  will-change: transform;
  overflow: hidden;
  box-shadow: 0 0 0.25rem rgba(50, 50, 50, 0.4);
  height: 58px; }
  @media (min-width: 0) and (max-width: 480px) {
    .share-box {
      top: 150%;
      transform: translateY(100%);
      position: fixed; } }

.share-box.fixed {
  transform: translateY(-50%);
  top: 50% !important;
  position: fixed; }
  @media (min-width: 0) and (max-width: 480px) {
    .share-box.fixed {
      transform: translateY(-100%);
      top: 100% !important; } }

.share-links {
  opacity: 0;
  transform: translateY(-33%);
  transition: all 0.1s ease-out; }

.share-box--open,
.initial--open {
  height: 194px; }
  .share-box--open .share-links,
  .initial--open .share-links {
    opacity: 1;
    transform: translateY(0%); }

.share-link {
  cursor: pointer;
  display: block;
  padding: 6px;
  margin: 0;
  text-decoration: none;
  outline: none;
  border: none;
  background-color: transparent;
  position: relative;
  z-index: 100; }

.share-link__open {
  padding: 10px 6px; }

.share-icon {
  display: block;
  background-size: contain;
  background-position: center bottom;
  background-repeat: no-repeat;
  width: 23px;
  height: 23px; }

.share-icon--large {
  width: 32px;
  height: 32px; }

.share-icon--open {
  background-image: url("/images/Share_Icon.svg");
  margin-bottom: 3px; }

.share-icon--twitter {
  background-image: url("/images/twitter-icon.svg"); }

.share-icon--facebook {
  background-image: url("/images/facebook-icon.svg"); }

.share-icon--google {
  background-image: url("/images/google-icon.svg"); }

.share-icon--linkedin {
  background-image: url("/images/linkedin-icon.svg"); }

.share-icon--mail {
  background-image: url("/images/mail-icon.svg"); }

.share-links {
  list-style: none;
  width: 44px; }

.share-title {
  display: block;
  text-transform: uppercase;
  color: #0091b1;
  font-size: 12px;
  line-height: 1; }

.blog-page .share-box {
  /*margin-top: -98px*/
  /*transform: translate(220px, -196px);*/ }

.blog-page .share-box.share-box--open {
  /*margin-top: -98px*/
  /*transform: translate(0, -196px);*/ }

.pricing-overview {
  max-width: 830px;
  margin-bottom: 3rem; }
  @media (min-width: 800px) {
    .pricing-overview {
      margin-bottom: 5rem; } }

.matchlight-logo {
  margin-bottom: 3rem; }
  @media (min-width: 800px) {
    .matchlight-logo {
      margin-bottom: 5rem; } }

.pricing-overview__box {
  border: solid 8px #43c7f4;
  padding: 40px; }

@media (min-width: 800px) {
  .pricing-overview__box:nth-of-type(1n) {
    margin-right: 12px; } }

@media (min-width: 800px) {
  .pricing-overview__box:nth-of-type(2n) {
    margin-left: 12px; } }

.pricing-overview__subhead {
  font-size: 20px;
  text-transform: uppercase;
  color: #f16138;
  line-height: 1.1;
  margin-bottom: 30px;
  letter-spacing: 0.05rem; }

.pricing-overview__title {
  font-size: 38px;
  margin-bottom: 24px; }

.pricing-overview__link {
  font-size: 18px;
  /*@extend %proxima-regular;*/ }

.pricing-table__heading {
  font-size: 20px;
  color: #f16138;
  text-transform: uppercase;
  text-align: center; }
  @media (min-width: 800px) {
    .pricing-table__heading {
      font-size: 28px; } }

.feature-icon {
  display: block;
  width: 28px;
  height: 28px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat; }

.feature-tick {
  background-image: url("/images/tick.svg"); }

.feature-cross {
  background-image: url("/images/cross.svg"); }

@media (min-width: 0) and (max-width: 800px) {
  .pricing-table__feature {
    margin-bottom: 20px; } }

.pricing-table__type {
  color: #0091b1;
  text-transform: uppercase; }

.pricing-table__title--first {
  border-right: solid 2px #fff; }
  @media (min-width: 800px) {
    .pricing-table__title--first {
      border-bottom: solid 4px #fff; } }

.pricing-table__title--last {
  border-left: solid 2px #fff; }
  @media (min-width: 800px) {
    .pricing-table__title--last {
      border-bottom: solid 4px #fff; } }

.pricing-table__title--primary {
  /*font-weight: bold;*/
  font-size: 20px;
  color: #0091b1;
  /*margin-bottom: 5px;*/ }

.pricing-table__title--true {
  background-color: #E5F5FD; }

.pricing-table__title--false {
  background-color: #F2F1F1; }

.pricing-table__title-box {
  border: 4px solid #E5F5FD; }
  @media (min-width: 0) and (max-width: 800px) {
    .pricing-table__title-box {
      border-bottom: none; } }
  @media (min-width: 800px) {
    .pricing-table__title-box {
      order: 3;
      border-top: none;
      border-left: none; } }

@media (min-width: 800px) {
  .pricing-table > .pricing-table__feature:first-child {
    border-top: solid 4px #E5F5FD; } }

.pricing-table__feature:last-of-type .pricing-table__title {
  border-bottom: none; }

.pricing-table__feature:last-of-type {
  border-bottom: solid 4px #E5F5FD; }

.pricing-title {
  font-size: 16px;
  text-transform: uppercase;
  color: #0091b1;
  letter-spacing: 0.05rem; }

.custom-arrangements {
  border: solid 8px #43c7f4;
  padding: 30px; }

.custom-arrangements__title {
  font-size: 38px;
  margin-bottom: 20px; }

.custom-arrangements__subhead {
  color: #f16138;
  text-transform: uppercase;
  letter-spacing: 0.05rem;
  font-size: 20px; }

@media (min-width: 0) and (max-width: 800px) {
  .pricing-contact-us {
    margin-bottom: 20px; } }

.icy-blue {
  color: #43c7f4; }

.caps {
  letter-spacing: 0; }

.content-block--matchlight {
  padding-top: 90px;
  padding-bottom: 90px; }
  @media (min-width: 950px) {
    .content-block--matchlight {
      padding-top: 130px;
      padding-bottom: 130px; } }
  .content-block--matchlight.no-bottom-margin {
    padding-bottom: 0; }
    @media (min-width: 950px) {
      .content-block--matchlight.no-bottom-margin {
        padding-bottom: 0; } }

.orange {
  color: #f16138; }

.separator {
  display: block;
  max-width: 1080px;
  margin: 50px auto;
  padding: 0 20px;
  box-sizing: content-box; }

.separator-line {
  height: 2px;
  display: block;
  border-bottom: 1px solid #43c7f4; }

.gray {
  color: #939597; }

@media (min-width: 0) and (max-width: 800px) {
  .api-read-more {
    margin-top: 40px; } }

.matchlight-page .h3--white {
  font-size: 38px; }
.matchlight-page .h3--blue {
  font-size: 34px;
  line-height: 42px;
  color: #0091b1; }
.matchlight-page .h6--matchlight-pitch {
  color: #626366;
  font-size: 20px;
  line-height: 30px; }
.matchlight-page .page-header__hgroup--half-center {
  margin-left: auto;
  margin-right: auto;
  float: none; }
.matchlight-page .matchlight-logo-container {
  max-width: 520px;
  margin: 0 auto 70px; }
.matchlight-page .matchlight-intro-block {
  max-width: 770px;
  margin: 0 auto;
  padding-top: 15px;
  padding-bottom: 35px; }
.matchlight-page .how-it-works-image {
  max-width: 770px;
  margin: 35px auto 35px;
  width: 100%;
  display: block; }

.matchlight-navigator {
  display: block;
  align-items: center;
  align-content: center;
  justify-content: center;
  margin-top: 35px; }
  @media (min-width: 600px) {
    .matchlight-navigator {
      display: flex; } }

.matchlight-navigator-link {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  width: 100%; }
  @media (min-width: 600px) {
    .matchlight-navigator-link {
      max-width: 270px;
      flex: 1; } }
  .matchlight-navigator-link a {
    text-decoration: none; }
  .matchlight-navigator-link .image-container {
    min-height: 115px;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center; }
  .matchlight-navigator-link:hover .image-container {
    opacity: 0.5; }
  .matchlight-navigator-link .matchlight-why-use-image,
  .matchlight-navigator-link .matchlight-products-image {
    max-width: 85px; }
  .matchlight-navigator-link .link-heading {
    color: #6d6e70;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    text-decoration: none; }

.matchlight-navigator-divider {
  width: 80%;
  height: 1px;
  margin: 25px auto;
  background-color: #43c7f4; }
  @media (min-width: 600px) {
    .matchlight-navigator-divider {
      width: 1px;
      height: 73px;
      margin: 0; } }

.request-button-holder {
  display: flex;
  justify-content: center; }

@media (min-width: 0) and (max-width: 600px) {
  .why-use-matchlight-intro {
    font-size: 26px !important;
    line-height: 1.2 !important; } }

.sitemap-link {
  text-decoration: none;
  box-shadow: 0 0.165em 0 #6d6e70; }

/**
 * Swiper 4.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 1, 2018
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1; }

.swiper-container-no-flexbox .swiper-slide {
  float: left; }

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto; }

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }

.swiper-slide-invisible-blank {
  visibility: hidden; }

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto; }

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform; }

.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px; }

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10; }

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, left, right);
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent); }

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, left, right);
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent); }

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, left, right);
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent); }

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, left, right);
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent); }

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y; }

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x; }

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  bottom: 30px;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat; }

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none; }

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto; }

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto; }

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-lock {
  display: none; }

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 0.3s opacity;
  -o-transition: 0.3s opacity;
  transition: 0.3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10; }
  @media (min-width: 0) and (max-width: 600px) {
    .swiper-pagination {
      display: none; } }

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0; }

.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 38px;
  left: 0;
  width: 100%; }

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33); }

.swiper-pagination-bullet {
  width: 18px;
  height: 18px;
  display: inline-block;
  border-radius: 100%;
  background: #d1d3d4; }

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer; }

.swiper-pagination-bullet-active {
  background: #939598; }

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0); }

.swiper-container-vertical
> .swiper-pagination-bullets
.swiper-pagination-bullet {
  margin: 6px 0;
  display: block; }

.swiper-container-vertical
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px; }

.swiper-container-vertical
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
.swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 0.2s top, 0.2s -webkit-transform;
  transition: 0.2s top, 0.2s -webkit-transform;
  -o-transition: 0.2s transform, 0.2s top;
  transition: 0.2s transform, 0.2s top;
  transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform; }

.swiper-container-horizontal
> .swiper-pagination-bullets
.swiper-pagination-bullet {
  margin: 0 8px; }

.swiper-container-horizontal
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap; }

.swiper-container-horizontal
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
.swiper-pagination-bullet {
  -webkit-transition: 0.2s left, 0.2s -webkit-transform;
  transition: 0.2s left, 0.2s -webkit-transform;
  -o-transition: 0.2s transform, 0.2s left;
  transition: 0.2s transform, 0.2s left;
  transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform; }

.swiper-container-horizontal.swiper-container-rtl
> .swiper-pagination-bullets-dynamic
.swiper-pagination-bullet {
  -webkit-transition: 0.2s right, 0.2s -webkit-transform;
  transition: 0.2s right, 0.2s -webkit-transform;
  -o-transition: 0.2s transform, 0.2s right;
  transition: 0.2s transform, 0.2s right;
  transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform; }

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute; }

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top; }

.swiper-container-rtl
.swiper-pagination-progressbar
.swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top; }

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical
> .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0; }

.swiper-container-horizontal
> .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0; }

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff; }

.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25); }

.swiper-pagination-progressbar.swiper-pagination-white
.swiper-pagination-progressbar-fill {
  background: #fff; }

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000; }

.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25); }

.swiper-pagination-progressbar.swiper-pagination-black
.swiper-pagination-progressbar-fill {
  background: #000; }

.swiper-pagination-lock {
  display: none; }

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%; }

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%; }

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0; }

.swiper-scrollbar-cursor-drag {
  cursor: move; }

.swiper-scrollbar-lock {
  display: none; }

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center; }

.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain; }

.swiper-slide-zoomed {
  cursor: move; }

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite; }

.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat; }

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000; }

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity; }

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-cube {
  overflow: visible; }

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%; }

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0; }

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible; }

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0; }

.swiper-container-flip {
  overflow: visible; }

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1; }

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.swiper-container-coverflow .swiper-wrapper {
  -ms-perspective: 1200px; }

.swiper-container {
  width: 100%;
  height: 800px;
  margin-top: 80px;
  background-image: url(/images/header/header-bg.png);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat; }
  @media (min-width: 0) and (max-width: 600px) {
    .swiper-container {
      height: 700px; } }

.slide-matchlight-logo {
  max-width: 140px;
  width: 100%;
  display: block; }
  @media (min-width: 950px) {
    .slide-matchlight-logo {
      max-width: 280px; } }

.swiper-slide-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  max-width: 1180px;
  padding-left: 50px;
  padding-right: 50px;
  margin: 0 auto; }
  @media (min-width: 950px) {
    .swiper-slide-content {
      padding-left: 70px;
      padding-right: 70px; } }
  @media (min-width: 0) and (max-width: 600px) {
    .swiper-slide-content {
      padding-left: 20px;
      padding-right: 20px;
      align-items: flex-start; } }
  .swiper-slide-content .slider-image {
    max-width: 150px;
    width: 100%;
    display: block;
    margin-top: 25px; }
    @media (min-width: 980px) {
      .swiper-slide-content .slider-image {
        max-width: 300px;
        margin-top: 0; } }
    @media (min-width: 750px) and (max-width: 980px) {
      .swiper-slide-content .slider-image {
        max-width: 225px; } }
    @media (min-width: 0) and (max-width: 600px) {
      .swiper-slide-content .slider-image {
        width: 200px;
        max-width: 100%;
        margin: 0 auto 65px; } }
  .swiper-slide-content .slider-label {
    text-transform: uppercase; }
    @media (min-width: 0) and (max-width: 600px) {
      .swiper-slide-content .slider-label {
        font-size: 18px;
        margin-bottom: 25px; } }
  .swiper-slide-content .slide-columns {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center; }
    @media (min-width: 0) and (max-width: 600px) {
      .swiper-slide-content .slide-columns {
        flex-direction: column; } }
  .swiper-slide-content .slide-column {
    display: block;
    align-items: center;
    align-content: center;
    justify-content: center; }
    @media (min-width: 950px) {
      .swiper-slide-content .slide-column {
        flex-direction: flex; } }
    .swiper-slide-content .slide-column .h2--blue {
      margin-bottom: 35px; }
      @media (min-width: 750px) and (max-width: 980px) {
        .swiper-slide-content .slide-column .h2--blue {
          font-size: 45px; } }
      @media (min-width: 600px) and (max-width: 750px) {
        .swiper-slide-content .slide-column .h2--blue {
          font-size: 32px; } }
      @media (min-width: 0) and (max-width: 600px) {
        .swiper-slide-content .slide-column .h2--blue {
          font-size: 28px;
          margin-bottom: 55px; } }
  .swiper-slide-content .slide-column-left {
    width: 100%; }
    @media (min-width: 750px) {
      .swiper-slide-content .slide-column-left {
        max-width: 70%; } }
    @media (min-width: 0) and (max-width: 600px) {
      .swiper-slide-content .slide-column-left {
        order: 2; } }
  .swiper-slide-content .slide-column-right {
    width: 100%; }
    @media (min-width: 750px) {
      .swiper-slide-content .slide-column-right {
        max-width: 30%; } }
    @media (min-width: 0) and (max-width: 600px) {
      .swiper-slide-content .slide-column-right {
        order: 1; } }

.swiper-button-prev,
.swiper-button-next {
  background-image: none;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center; }
  @media (min-width: 0) and (max-width: 600px) {
    .swiper-button-prev,
    .swiper-button-next {
      top: 100px; } }

/* Layouts
================================================ */
/* Base
================================================ */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #6d6e70;
  font: 300 17px/1.5 "SanchezSlab", Courier;
  text-rendering: optimizeLegibility;
  overflow-x: hidden; }

/* Site Wrapper
================================================ */
.wrapper {
  max-width: 100%; }

html.touchevents .wrapper {
  min-width: 0 !important; }

.layout {
  overflow: hidden; }

/* Pages
================================================ */
/* Articles
================================================ */
.lab-notes {
  padding-top: 50px; }

.lab-notes__header {
  margin-left: 5.60748%; }

.lab-notes__figure img {
  display: block;
  height: auto;
  width: 100%; }

.lab-notes__article--featured .lab-notes__header {
  width: 38.31776%;
  float: left;
  margin-right: 0.93458%;
  margin-left: 5.60748%; }

.lab-notes__article--featured .lab-notes__figure {
  width: 43.92523%;
  float: left;
  margin-right: 0.93458%;
  margin-left: 5.60748%;
  margin-top: 0.6em; }

.lab-notes__article {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto; }
  .lab-notes__article:after {
    content: " ";
    display: block;
    clear: both; }

.lab-notes__article--featured {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  box-shadow: inset 0 0 0 12px #43c7f4; }
  .lab-notes__article--featured:after {
    content: " ";
    display: block;
    clear: both; }

.lab-notes__content, .lab-notes__meta {
  clear: both;
  width: 88.78505%;
  float: left;
  margin-right: 0.93458%;
  margin-left: 5.60748%; }

.lab-notes--isotope .lab-notes__header,
.lab-notes--isotope .lab-notes__figure,
.lab-notes--isotope .lab-notes__meta,
.lab-notes--isotope .lab-notes__content {
  width: 77.35849%;
  float: left;
  margin-right: 1.88679%;
  margin-left: 11.32075%; }
.lab-notes--isotope figure + .lab-notes__header {
  margin-top: 1.5em; }
.lab-notes--isotope .lab-notes__meta {
  padding-top: 1.2em; }
.lab-notes__interior {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto; }
  .lab-notes__interior:after {
    content: " ";
    display: block;
    clear: both; }
.lab-notes__figure {
  padding-top: 0.9em; }
.lab-notes__article--featured {
  padding-bottom: 3em;
  padding-top: 2.5em; }
.lab-notes__meta {
  display: block;
  font-family: "ProximaNova-Bold";
  font-size: 15px;
  font-weight: 300;
  line-height: 1.4;
  padding: 1em 0;
  text-transform: uppercase;
  white-space: nowrap; }
.lab-notes__datetime {
  display: inline-block; }
.lab-notes__footer {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding: 56px 0 124px;
  text-align: center; }
  .lab-notes__footer:after {
    content: " ";
    display: block;
    clear: both; }
  .lab-notes__footer:before {
    background: #eeeeef;
    border-radius: 50%;
    content: "";
    height: 24px;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translate3d(-50%, -50%, 0);
    width: 24px; }
.lab-notes__footer-link {
  box-shadow: 0 0 0 12px #bbbdc0;
  color: #6d6e70;
  display: inline-block;
  display: none;
  font-size: 24px;
  padding: 28px 63px 16px 63px;
  text-decoration: none; }
  .lab-notes__footer-link strong {
    display: block;
    font-family: "ProximaNova-Bold";
    font-size: 24px;
    font-weight: 300;
    line-height: 2;
    position: relative;
    text-transform: uppercase; }
    .lab-notes__footer-link strong:after {
      background-image: url("../images/source/icon-arrow-right_icy-blue.svg");
      background-position: center center;
      content: "";
      display: inline-block;
      height: 20px;
      margin-left: 6px;
      position: relative;
      top: 2px;
      vertical-align: baseline;
      width: 20px; }

/* Blog Tags
================================================ */
.tags {
  display: inline-block;
  list-style-type: none;
  margin-left: 1.8em;
  position: relative;
  white-space: nowrap; }
  .tags:before {
    background: #bbbdc0;
    border-radius: 50%;
    content: "";
    height: 0.6em;
    left: -1em;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 0.6em; }
  .tags__link {
    color: inherit;
    text-decoration: none; }
    .tags__link:hover {
      color: #f16138; }

/* Isotope
================================================ */
.isotope {
  padding-top: 34px;
  position: relative; }
  .isotope:before {
    background: #eeeeef;
    border-radius: 50%;
    content: "";
    height: 24px;
    left: 50%;
    position: absolute;
    top: 42px;
    transform: translate3d(-50%, -50%, 0);
    width: 24px; }
  .isotope:after {
    background: #eeeeef;
    bottom: 0;
    content: "";
    left: 50%;
    position: absolute;
    top: 42px;
    transform: translateX(-50%);
    width: 10px; }
  .isotope__interior {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden; }
    .isotope__interior:after {
      content: " ";
      display: block;
      clear: both; }
  .isotope__item {
    border-top: 10px solid #eeeeef;
    padding-bottom: 50px;
    padding-top: 50px;
    width: 50%; }
    .isotope__item:nth-child(1), .isotope__item:nth-child(2) {
      border-top: none; }

/* Single Post
================================================ */
.blog-post__hgroup {
  background-color: white;
  padding-top: 30px;
  position: relative;
  z-index: 2; }

.blog-post__meta {
  left: 0;
  padding-top: 24px;
  position: absolute;
  top: 100%; }

.blog-post__header, .blog-post__header--with-image {
  align-content: stretch;
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  padding-bottom: 0;
  padding-top: 230px;
  position: relative; }

.view-single .blog-roll {
  position: absolute;
  transform: translate3d(-100%, 0, 0); }

.blog-post {
  background: white;
  min-height: 500px;
  position: absolute;
  transform: translate3d(-100%, 0, 0); }
  .view-single .blog-post {
    position: static;
    transform: translate3d(0, 0, 0); }
  .blog-post__header {
    background-color: #43c7f4; }
    .blog-post__header:after {
      opacity: 0.13; }
    .blog-post__header--with-image {
      height: 700px;
      position: relative; }
    .blog-post__header .blog-post__interior {
      align-self: auto;
      flex: 1 1 auto;
      order: 0; }
  .blog-post__figure {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1; }
    .blog-post__figure img {
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%; }
  .blog-post__figure-caption {
    background-color: white;
    border-radius: 50%;
    bottom: 4.6729%;
    font-family: "ProximaNova-Regular";
    font-size: 13px;
    font-weight: 300;
    height: 180px;
    line-height: 1.307;
    padding: 30px;
    position: absolute;
    right: 4.6729%;
    width: 180px; }
    .blog-post__figure-caption p {
      position: relative;
      top: 50%;
      transform: translate3d(0, -50%, 0); }
  .blog-post__interior {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    position: relative; }
    .blog-post__interior:after {
      content: " ";
      display: block;
      clear: both; }
  .blog-post__hgroup {
    margin-left: 5.60748%;
    margin-right: 36.4486%; }
    .blog-post__hgroup h2 {
      margin-left: 11.21495%;
      margin-right: 11.21495%; }
  .blog-post__meta {
    margin-left: 11.21495%;
    margin-right: 11.21495%; }
  .blog-post__content {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    padding: 120px 0; }
    .blog-post__content:after {
      content: " ";
      display: block;
      clear: both; }
    .blog-post__content--nav {
      width: 15.88785%;
      float: left;
      margin-right: 0.93458%;
      margin-left: 11.21495%; }
    .blog-post__content--main {
      width: 49.53271%;
      float: left;
      margin-right: 0.93458%; }
      .blog-post__content--main p:not(.p--read-more) a {
        box-shadow: 0 3px 0 #43c7f4;
        color: #6d6e70;
        font-family: "SanchezSlab-Bold";
        font-weight: 300;
        text-decoration: none;
        transition: color 200ms; }
        .blog-post__content--main p:not(.p--read-more) a:hover {
          color: #43c7f4; }

.dark-matters {
  width: 43.92523%;
  float: left;
  margin-right: 0.93458%;
  margin-left: 28.03738%;
  padding-bottom: 20px; }
  @media (min-width: 950px) {
    .dark-matters__logo-container {
      float: left; } }
  @media (min-width: 0) and (max-width: 950px) {
    .dark-matters__logo-container {
      text-align: center;
      display: block;
      width: 100%; } }
  @media (min-width: 0) and (max-width: 480px) {
    .dark-matters__logo-container {
      text-align: left; } }
  .dark-matters__title {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px solid #bbb;
    margin-bottom: 20px;
    padding-bottom: 20px; }
    .dark-matters__title:after {
      content: " ";
      display: block;
      clear: both; }
    @media (min-width: 0) and (max-width: 950px) {
      .dark-matters__title {
        width: 90%; } }
    .dark-matters__title--large {
      width: 66.35514%;
      float: left;
      margin-right: 0.93458%;
      font-family: "SanchezSlab", Courier;
      line-height: 1em; }
      @media (min-width: 480px) and (max-width: 950px) {
        .dark-matters__title--large {
          width: 100%;
          float: left;
          margin-left: 0;
          margin-right: 0;
          font-size: 65px;
          line-height: 65px;
          text-align: center; } }
      @media (min-width: 0) and (max-width: 480px) {
        .dark-matters__title--large {
          width: 100%;
          float: left;
          margin-left: 0;
          margin-right: 0;
          font-size: 45px;
          text-align: left; } }
    .dark-matters__title--small {
      font-family: "SanchezSlab", Courier;
      line-height: 1;
      font-size: 22px;
      border: 2px solid white;
      padding: 8px 12px;
      display: inline-block;
      color: white;
      float: left;
      margin-right: 25px;
      transition-duration: 100ms; }
      @media (min-width: 950px) {
        .dark-matters__title--small {
          transform: translateY(-12px); } }
      @media (min-width: 0) and (max-width: 950px) {
        .dark-matters__title--small {
          float: none;
          margin: 0 0 25px 0; } }
      .dark-matters__title--small:hover {
        border: 2px solid #43c7f4;
        color: #43c7f4; }
    .dark-matters__title--x-small {
      font-family: "SanchezSlab", Courier;
      line-height: 1;
      font-size: 20px;
      border: 2px solid white;
      padding: 8px 12px;
      display: inline-block;
      color: white;
      float: left;
      margin-right: 15px;
      transform: translateY(-7px);
      transition-duration: 100ms; }
      .dark-matters__title--x-small:hover {
        color: rgba(255, 255, 255, 0.7);
        border: 2px solid rgba(255, 255, 255, 0.7); }
    .dark-matters__title--slogan {
      width: 27.1028%;
      float: right;
      margin-right: 0;
      padding-top: 10px;
      font-family: "ProximaNova-Regular";
      letter-spacing: 2px;
      text-transform: uppercase;
      font-size: 18px;
      line-height: 1.3; }
      @media (min-width: 0) and (max-width: 950px) {
        .dark-matters__title--slogan {
          width: 100%;
          float: left;
          margin-left: 0;
          margin-right: 0;
          font-size: 10px;
          text-align: center;
          margin-top: 0; } }
      @media (min-width: 480px) and (max-width: 950px) {
        .dark-matters__title--slogan {
          font-size: 14px; } }
      @media (min-width: 0) and (max-width: 480px) {
        .dark-matters__title--slogan {
          text-align: left; } }
  .dark-matters__nav {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto; }
    .dark-matters__nav:after {
      content: " ";
      display: block;
      clear: both; }
    @media (min-width: 0) and (max-width: 950px) {
      .dark-matters__nav {
        text-align: center;
        width: 90%; } }
    .dark-matters__nav__search {
      width: 32.71028%;
      float: right;
      margin-right: 0;
      width: 26%; }
      @media (min-width: 0) and (max-width: 950px) {
        .dark-matters__nav__search {
          float: none;
          display: inline; } }
    .dark-matters__nav__categories {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      padding-top: 8px; }
      @media (min-width: 0) and (max-width: 950px) {
        .dark-matters__nav__categories {
          float: none;
          display: inline; }
          .dark-matters__nav__categories .first-row-sm {
            width: 100%;
            float: left;
            margin-left: 0;
            margin-right: 0; } }
    .dark-matters__nav__link {
      color: #bbb;
      font-family: "ProximaNova-Bold";
      font-size: 14px;
      font-weight: 300;
      float: left;
      margin-right: 15px;
      text-align: center;
      line-height: 1.5;
      padding-left: 20px;
      letter-spacing: 1px;
      text-transform: uppercase; }
      .dark-matters__nav__link:before {
        background-color: #bbb; }
        @media (min-width: 0) and (max-width: 950px) {
          .dark-matters__nav__link:before {
            height: 5px;
            width: 5px; } }
      @media (min-width: 0) and (max-width: 950px) {
        .dark-matters__nav__link {
          float: none;
          display: inline-block;
          padding-left: 2em;
          margin-right: 1em;
          padding-bottom: 0.5em; }
          .dark-matters__nav__link.no-bullet:before {
            display: none; } }
      @media (min-width: 0) and (max-width: 480px) {
        .dark-matters__nav__link {
          padding-bottom: .75em; } }
      .dark-matters__nav__link.isSelected, .dark-matters__nav__link:hover .inner-link {
        color: #43c7f4;
        transition-duration: 100ms; }
      .dark-matters__nav__link.active .inner-link {
        box-shadow: 0 0.165em 0 #bbb; }
        .dark-matters__nav__link.active .inner-link:hover {
          box-shadow: 0 0.165em 0 #43c7f4; }
      .dark-matters__nav__link.first-link {
        padding-left: 0; }
        .dark-matters__nav__link.first-link:before {
          display: none; }
      .dark-matters__nav__link.last-link {
        margin-right: 0; }
    .dark-matters__nav__search-input {
      border: 1px solid #939597;
      color: #aaa;
      padding: 8px;
      font-family: "SanchezSlab", Courier;
      font-size: 16px;
      background: none;
      outline: none;
      -webkit-appearance: none; }
      .dark-matters__nav__search-input:focus {
        border: 1px solid white;
        color: white; }
      @media (min-width: 0) and (max-width: 950px) {
        .dark-matters__nav__search-input {
          width: 150px;
          display: inline; } }
    @media (min-width: 0) and (max-width: 480px) {
      .dark-matters__nav .dark-matters__nav__column {
        width: 50%;
        float: left; }
        .dark-matters__nav .dark-matters__nav__column .dark-matters__nav__link {
          padding-left: 0;
          margin-right: 0;
          text-align: left;
          display: block; }
          .dark-matters__nav .dark-matters__nav__column .dark-matters__nav__link:before {
            display: none; } }
  .dark-matters__category-nav {
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto; }
    .dark-matters__category-nav:after {
      content: " ";
      display: block;
      clear: both; }
  .dark-matters__frame {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 80px;
    position: relative; }
    .dark-matters__frame:after {
      content: " ";
      display: block;
      clear: both; }
    @media (min-width: 950px) {
      .dark-matters__frame .animate-this {
        transform: translateY(75px);
        opacity: 0.0;
        transition: all 200ms ease-in; } }
    .dark-matters__frame .animate-this.triggered {
      opacity: 1.0;
      transform: translateY(0); }
    .dark-matters__frame__title {
      font-family: "ProximaNova-Bold";
      text-transform: uppercase;
      font-size: 20px;
      line-height: 1.3;
      text-align: center;
      margin-bottom: 65px;
      letter-spacing: 1px; }
    .dark-matters__frame__sidebar-bg {
      background: #ecf9fe;
      position: absolute;
      right: 0;
      top: -125px;
      bottom: 0;
      width: 27.1028%; }
      @media (min-width: 0) and (max-width: 950px) {
        .dark-matters__frame__sidebar-bg {
          display: none; } }
    .dark-matters__frame .h5--orange {
      margin-top: 15px; }
    .dark-matters__frame .h5--orange + p {
      margin-top: 15px; }
    .dark-matters__frame .content-block__frame--horizontal {
      width: 71.96262%;
      float: left;
      margin-right: 0.93458%;
      padding-bottom: 66px; }
      @media (min-width: 0) and (max-width: 950px) {
        .dark-matters__frame .content-block__frame--horizontal {
          width: 90%;
          max-width: 90%;
          float: none;
          margin-left: auto;
          margin-right: auto; } }
      @media (min-width: 0) and (max-width: 480px) {
        .dark-matters__frame .content-block__frame--horizontal {
          margin-top: -40px;
          padding-bottom: 20px; } }
      .dark-matters__frame .content-block__frame--horizontal .hr {
        margin-top: 45px;
        margin-bottom: 45px;
        height: 1px;
        background: #43c7f4; }
    .dark-matters__frame .content-block__sidebar {
      width: 27.1028%;
      float: right;
      margin-right: 0;
      margin-top: -125px;
      padding: 36px;
      position: relative;
      z-index: 1; }
      @media (min-width: 0) and (max-width: 950px) {
        .dark-matters__frame .content-block__sidebar {
          width: 90%;
          max-width: 90%;
          float: none;
          margin-left: auto;
          margin-right: auto;
          margin-top: 50px;
          background: #ecf9fe; } }
      @media (min-width: 0) and (max-width: 480px) {
        .dark-matters__frame .content-block__sidebar {
          padding: 30px; } }
      .dark-matters__frame .content-block__sidebar .content-thumbnail__article-title {
        padding-top: 4px; }
      .dark-matters__frame .content-block__sidebar .hr {
        height: 1px;
        background: #43c7f4;
        margin-top: 35px;
        margin-bottom: 35px; }
    .dark-matters__frame-item {
      overflow: hidden; }
      .dark-matters__frame-item__thumbnail {
        width: 25%;
        float: left; }
        @media (min-width: 0) and (max-width: 950px) {
          .dark-matters__frame-item__thumbnail {
            width: 100%;
            float: none;
            margin-bottom: 25px; } }
      .dark-matters__frame-item .content-thumbnail__image-wrapper {
        border-radius: 50%;
        overflow: hidden;
        width: 130px;
        height: 130px; }
      .dark-matters__frame-item .content-thumbnail__image {
        height: 105%; }
      .dark-matters__frame-item__info {
        width: 73%;
        margin-left: 2%;
        float: left; }
        @media (min-width: 0) and (max-width: 950px) {
          .dark-matters__frame-item__info {
            width: 100%;
            margin-left: 0;
            float: none; } }

.sidebar-resource .content-thumbnail__image-wrapper--resources {
  width: 120px;
  height: 120px; }
  @media (min-width: 0) and (max-width: 950px) {
    .sidebar-resource .content-thumbnail__image-wrapper--resources {
      padding-right: 0;
      padding-top: 0;
      float: left; } }
  @media (min-width: 0) and (max-width: 600px) {
    .sidebar-resource .content-thumbnail__image-wrapper--resources {
      float: none; } }
@media (min-width: 0) and (max-width: 950px) {
  .sidebar-resource .sidebar-resource__column {
    float: left;
    width: 70%; } }
@media (min-width: 0) and (max-width: 600px) {
  .sidebar-resource .sidebar-resource__column {
    float: none;
    width: 100%; } }

.content-thumbnail__date {
  font-family: "ProximaNova-Regular";
  font-size: 14px;
  color: #0091b1;
  margin-left: 15px; }
  @media (min-width: 0) and (max-width: 600px) {
    .content-thumbnail__date {
      display: block;
      padding-top: 0;
      margin-top: 0;
      margin-left: 0 !important; } }

.sidebar-link {
  font-family: "ProximaNova-Bold";
  text-transform: uppercase;
  font-size: 14px;
  line-height: 1.3;
  color: #43c7f4;
  text-decoration: none;
  display: block; }
  .sidebar-link:visited {
    color: inherit;
    color: #43c7f4;
    text-decoration: none; }
  .sidebar-link:hover {
    color: #f16138; }
    .sidebar-link:hover .h6--underlined {
      color: #f16138;
      box-shadow: 0 0.165em 0 #f16138; }

.post-related-articles {
  margin-top: 75px;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto; }
  .post-related-articles:after {
    content: " ";
    display: block;
    clear: both; }
  .post-related-articles .hr {
    margin-top: 45px;
    margin-bottom: 45px;
    height: 1px;
    background: #43c7f4; }
    .post-related-articles .hr.no-top-margin {
      margin-top: 0; }
  .post-related-articles .post-list__item:last-of-type {
    border-bottom: none; }
  @media (min-width: 480px) and (max-width: 950px) {
    .post-related-articles {
      width: 77.57009%;
      float: left;
      margin-right: 0.93458%;
      margin-left: 11.21495%; } }

.dark-matters__footer__nav {
  max-width: 882px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  margin-bottom: 50px; }
  .dark-matters__footer__nav:after {
    content: " ";
    display: block;
    clear: both; }
  @media (min-width: 0) and (max-width: 950px) {
    .dark-matters__footer__nav {
      text-align: center;
      width: 90%; } }
  @media (min-width: 0) and (max-width: 480px) {
    .dark-matters__footer__nav__column {
      width: 50%;
      float: left; } }
  .dark-matters__footer__nav__title {
    color: #43c7f4;
    float: left;
    font-size: 24px;
    width: 21.49533%;
    float: left;
    margin-right: 0.93458%;
    transform: translateY(-3px); }
    @media (min-width: 0) and (max-width: 950px) {
      .dark-matters__footer__nav__title {
        float: none;
        text-align: center;
        width: 90%;
        width: 100%;
        float: right;
        margin-right: 0;
        margin-bottom: 15px; } }
    @media (min-width: 0) and (max-width: 480px) {
      .dark-matters__footer__nav__title {
        text-align: left; } }
    .dark-matters__footer__nav__title .a--clear {
      transition-duration: 100ms; }
    .dark-matters__footer__nav__title:hover .a--clear {
      color: #f16138; }
  .dark-matters__footer__nav__search {
    width: 32.71028%;
    float: right;
    margin-right: 0;
    width: 26%; }
    @media (min-width: 0) and (max-width: 950px) {
      .dark-matters__footer__nav__search {
        float: none;
        display: inline; } }
  .dark-matters__footer__nav__categories {
    width: 77.57009%;
    float: right;
    margin-right: 0;
    padding-top: 8px;
    float: left; }
    @media (min-width: 0) and (max-width: 950px) {
      .dark-matters__footer__nav__categories {
        float: none;
        display: inline; }
        .dark-matters__footer__nav__categories .first-row-sm {
          width: 100%;
          float: right;
          margin-right: 0; } }
  .dark-matters__footer__nav__link {
    color: #bbb;
    font-family: "ProximaNova-Bold";
    font-size: 14px;
    font-weight: 300;
    float: left;
    margin-right: 15px;
    text-align: center;
    line-height: 1.5;
    padding-left: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #43c7f4; }
    .dark-matters__footer__nav__link:before {
      background-color: #43c7f4;
      width: 5px;
      height: 5px; }
    @media (min-width: 0) and (max-width: 950px) {
      .dark-matters__footer__nav__link {
        float: none;
        display: inline-block;
        padding-left: 2em;
        margin-right: 1em;
        font-size: 12px;
        padding-bottom: 1.5em;
        font-size: 14px;
        padding-left: 1.5em;
        padding-bottom: 0.5em;
        margin-right: 0.5em; }
        .dark-matters__footer__nav__link.no-bullet:before {
          display: none; } }
    @media (min-width: 0) and (max-width: 480px) {
      .dark-matters__footer__nav__link {
        padding-left: 0;
        margin-right: 0;
        text-align: left;
        display: block; }
        .dark-matters__footer__nav__link:before {
          display: none; } }
    .dark-matters__footer__nav__link .inner-link {
      transition-duration: 100ms; }
    .dark-matters__footer__nav__link.isSelected, .dark-matters__footer__nav__link:hover .inner-link {
      color: #f16138; }
    .dark-matters__footer__nav__link.first-link {
      padding-left: 0; }
      .dark-matters__footer__nav__link.first-link:before {
        display: none; }
    .dark-matters__footer__nav__link.last-link {
      margin-right: 0; }
  .dark-matters__footer__nav__search-input {
    border: 1px solid #939597;
    color: #aaa;
    padding: 8px;
    font-family: "SanchezSlab", Courier;
    font-size: 16px;
    background: none;
    outline: none;
    -webkit-appearance: none; }
    .dark-matters__footer__nav__search-input:focus {
      border: 1px solid white;
      color: white; }
    @media (min-width: 0) and (max-width: 950px) {
      .dark-matters__footer__nav__search-input {
        width: 150px;
        display: inline; } }

.max-width-container {
  max-width: 1080px; }

.no-underline {
  text-decoration: none; }

.matchlight-intro-text {
  font-size: 28px;
  margin-bottom: 20px; }
  .matchlight-intro-text:hover span {
    color: #00657d;
    box-shadow: 0 0.165em 0 #00657d; }

.matchlight-intro-text span {
  color: #fff; }

.matchlight-quote {
  padding-top: 35px; }

.standard-content__circle-blockquote {
  margin-left: 0;
  margin-top: 0; }
  @media (min-width: 0) and (max-width: 950px) {
    .standard-content__circle-blockquote {
      margin-top: 80px; } }
  @media (min-width: 0) and (max-width: 950px) {
    .standard-content__circle-blockquote {
      margin-left: auto;
      margin-right: auto;
      font-size: 14px; } }
  .standard-content__circle-blockquote .p {
    font-family: 'ProximaNova-Regular', sans-serif; }

.content-block__full-image {
  position: relative; }

.content-block__awards-section {
  padding-top: 20px;
  padding-bottom: 20px; }
  .content-block__awards-section .awards__logos .award__logo {
    max-height: calc(234px / 2); }
  .content-block__awards-section .awards__logos .award__logo--cybersecurity {
    width: 127px; }
  .content-block__awards-section .awards__logos .award__logo--cse {
    width: 127px; }
  .content-block__awards-section .awards__logos .award__logo--csa {
    width: 300px; }

.content-block__awards-section__closing-link {
  margin-top: 25px; }

.keyframe-shadow,
.keyframe-1,
.keyframe-2,
.keyframe-3 {
  max-width: 550px; }
  @media (min-width: 0) and (max-width: 950px) {
    .keyframe-shadow,
    .keyframe-1,
    .keyframe-2,
    .keyframe-3 {
      max-width: 100%; } }

.keyframe-1,
.keyframe-2,
.keyframe-3 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0; }

@media (min-width: 0) and (max-width: 950px) {
  .keyframe-shadow {
    position: relative; } }

.keyframe-2,
.keyframe-3 {
  opacity: 0; }

.heading-mt0 {
  margin-top: 0; }

.matchlight-uses {
  border: solid 8px #43c7f4; }
  .matchlight-uses img {
    max-width: 100px;
    display: block;
    margin: 0 auto; }
  .matchlight-uses .a--clear {
    margin: 25px auto 0;
    display: block;
    width: 200px; }

.tab-title {
  padding-left: 1rem;
  padding-right: 1rem;
  line-height: 1.2; }
  @media (min-width: 950px) {
    .tab-title {
      font-size: 16px;
      color: #939597; } }
  @media (min-width: 0) and (max-width: 855px) {
    .tab-title {
      font-size: 20px;
      color: #0091b1; } }
  .tab-title a {
    color: #0091b1;
    text-decoration: none; }

.matchlight-tabs {
  margin-bottom: -8px; }
  @media (min-width: 0) and (max-width: 855px) {
    .matchlight-tabs {
      display: none; } }

@media (min-width: 855px) {
  .matchlight-uses-image {
    display: none; } }

@media (min-width: 855px) {
  .matchlight-uses {
    display: none; } }
.matchlight-uses p strong {
  font-family: 'SanchezSlab-Bold', Courier !important;
  font-weight: normal; }

@media (min-width: 0) and (max-width: 855px) {
  .matchlight-uses:not(:last-child) {
    margin-bottom: -8px; } }

.matchlight-uses.active {
  display: block; }

.matchlight-tab {
  position: relative;
  text-decoration: none;
  cursor: pointer;
  border: solid 8px transparent;
  border-bottom: none; }
  .matchlight-tab:before {
    content: '';
    width: 1px;
    background: #bcbec0;
    position: absolute;
    right: -8px;
    height: 130px;
    top: 50%;
    transform: translateY(-50%); }
  .matchlight-tab:last-of-type:before {
    display: none; }
  .matchlight-tab .tab-title {
    font-size: 18px;
    line-height: 20px;
    color: #43c7f4;
    font-family: 'ProximaNova-Bold';
    font-weight: 300;
    text-align: center;
    margin-top: 10px; }

.matchlight-tab-image img {
  width: 80px;
  height: 88px;
  margin: 0 auto;
  display: block; }
  @media (min-width: 0) and (max-width: 480px) {
    .matchlight-tab-image img {
      width: 50px;
      height: 50px; } }

.tab-label {
  font-size: 20px;
  color: #0091b1; }

.matchlight-tab.active {
  background: white;
  border: solid 8px #43c7f4;
  border-bottom: none; }

@media (min-width: 950px) {
  .dark-web--feature {
    padding: 50px 40px; } }

.matchlight-intro {
  padding: 20px 0 40px 0;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  color: #0091b1; }
  @media (min-width: 950px) {
    .matchlight-intro {
      line-height: 1.25;
      font-size: 34px; } }

@media (min-width: 950px) {
  .content-block--endorsement {
    padding: 80px 36px; } }

.content-block--awards {
  margin-bottom: 40px; }
  @media (min-width: 950px) {
    .content-block--awards {
      padding: 80px 36px;
      margin-bottom: 110px; } }

.content-block--endorsement .h5--white {
  margin-bottom: 3rem; }

@media (min-width: 950px) {
  .dark-web-title {
    margin-top: 0; } }

.matchlight-resources-link {
  margin-top: 50px;
  margin-bottom: 120px; }

.matchlight-resources-hr {
  height: 1px;
  background: #43c7f4; }

.use-case-list-image-holder {
  min-height: 156px;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: flex-start; }

.use-case-list-image {
  max-width: 126px; }

@media (min-width: 950px) {
  .use-case-list-content {
    padding-right: 45px; } }

.db {
  display: block; }

@media (min-width: 800px) {
  .benefits-of-matchlight .md-col-5 {
    width: 48%; } }

@media (min-width: 800px) {
  .home-why-use-matchlight-block {
    flex-wrap: wrap; } }
@media (min-width: 950px) {
  .home-why-use-matchlight-block .md-col-4 {
    width: 33.33% !important; } }
@media (min-width: 800px) and (max-width: 950px) {
  .home-why-use-matchlight-block .md-col-4 {
    width: 48%; } }

.lh-solid {
  line-height: 1.2; }

.alert-image-container {
  text-align: center;
  max-width: 850px;
  padding-left: 25px;
  padding-right: 25px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 80px; }
  @media (min-width: 0) and (max-width: 600px) {
    .alert-image-container {
      padding-bottom: 60px; } }
  .alert-image-container img {
    display: block;
    max-width: 100%;
    height: auto !important; }

.news__frame {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 80px;
  position: relative; }
  .news__frame:after {
    content: " ";
    display: block;
    clear: both; }
  .news__frame__title {
    font-family: "ProximaNova-Bold";
    text-transform: uppercase;
    font-size: 20px;
    line-height: 1.3;
    text-align: center;
    margin-bottom: 65px;
    letter-spacing: 1px; }
  .news__frame__sidebar-bg {
    background: #ecf9fe;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 32.71028%;
    float: right;
    margin-right: 0; }
    @media (min-width: 0) and (max-width: 950px) {
      .news__frame__sidebar-bg {
        display: none; } }
  .news__frame-item {
    margin-bottom: 25px; }
  .news__frame .content-block__frame--horizontal {
    width: 66.35514%;
    float: left;
    margin-right: 0.93458%;
    padding-bottom: 66px;
    margin: 0 auto;
    padding: 36px 36px 66px 36px; }
    @media (min-width: 0) and (max-width: 950px) {
      .news__frame .content-block__frame--horizontal {
        width: 100%;
        max-width: 100%;
        float: none;
        margin-left: auto;
        margin-right: auto; } }
    @media (min-width: 0) and (max-width: 480px) {
      .news__frame .content-block__frame--horizontal {
        padding: 36px 26px 30px 26px;
        padding-bottom: 30px; } }
    .news__frame .content-block__frame--horizontal .hr {
      margin-top: 45px;
      margin-bottom: 45px;
      height: 1px;
      background: #43c7f4; }
    .news__frame .content-block__frame--horizontal .p--intro {
      color: #6d6e70;
      margin-top: 5px; }
      @media (min-width: 0) and (max-width: 480px) {
        .news__frame .content-block__frame--horizontal .p--intro {
          font-size: 17px; } }
  .news__frame .content-block__sidebar {
    width: 32.71028%;
    float: right;
    margin-right: 0;
    padding: 36px;
    position: relative;
    z-index: 1; }
    @media (min-width: 0) and (max-width: 950px) {
      .news__frame .content-block__sidebar {
        width: 100%;
        max-width: 100%;
        float: none;
        margin-left: auto;
        margin-right: auto;
        margin-top: 50px;
        background: #ecf9fe; } }
    @media (min-width: 0) and (max-width: 480px) {
      .news__frame .content-block__sidebar {
        padding: 30px; } }
    .news__frame .content-block__sidebar .content-thumbnail__article-title {
      padding-top: 4px; }
    .news__frame .content-block__sidebar .hr {
      height: 1px;
      background: #43c7f4;
      margin-top: 35px;
      margin-bottom: 35px; }
  .news__frame-item {
    overflow: hidden; }
    .news__frame-item__thumbnail {
      width: 25%;
      float: left; }
      @media (min-width: 0) and (max-width: 950px) {
        .news__frame-item__thumbnail {
          width: 100%;
          float: none;
          margin-bottom: 25px; } }
    .news__frame-item .content-thumbnail__image-wrapper {
      width: 130px;
      height: auto; }
    .news__frame-item .content-thumbnail__image {
      width: 100%;
      height: auto;
      position: static;
      left: auto;
      top: auto;
      display: block;
      transform: translate(0, 0); }
    .news__frame-item__info {
      width: 73%;
      margin-left: 2%;
      float: left; }
      @media (min-width: 0) and (max-width: 950px) {
        .news__frame-item__info {
          width: 100%;
          margin-left: 0;
          float: none; } }
    .news__frame-item__meta {
      margin-bottom: 5px; }

.news-filter-meta {
  font-family: "ProximaNova-Regular", sans-serif;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 1.3;
  padding-bottom: 20px;
  text-align: center;
  color: #939597; }

.news-filter-border {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  height: 2px;
  background: #43c7f4;
  margin-top: 60px; }
  .news-filter-border:after {
    content: " ";
    display: block;
    clear: both; }

@media (min-width: 0) and (max-width: 480px) {
  .news-thumb-container {
    padding: 0px 10px; } }

.award-thumbnail {
  background-color: #ecf9fe;
  width: 48%;
  float: left;
  margin-left: 1%;
  margin-right: 1%;
  margin-top: 35px; }
  @media (min-width: 0) and (max-width: 950px) {
    .award-thumbnail {
      width: 100%;
      float: none;
      margin-bottom: 0;
      margin-left: 0;
      margin-right: 0; } }
  .award-thumbnail__inner {
    padding: 40px;
    position: relative; }
  .award-thumbnail__image-wrapper {
    width: 50%;
    float: left; }
    @media (min-width: 0) and (max-width: 950px) {
      .award-thumbnail__image-wrapper {
        width: 100%;
        float: none;
        text-align: center; }
        .award-thumbnail__image-wrapper img {
          margin: 0 auto; } }
  .award-thumbnail__image {
    max-height: 160px;
    width: auto;
    display: block;
    max-width: 100%;
    padding-right: 15px; }
    @media (min-width: 0) and (max-width: 950px) {
      .award-thumbnail__image {
        padding-right: 0; } }
  .award-thumbnail__content-wrapper {
    width: 50%;
    float: left;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    padding: 40px 40px 40px 0; }
    @media (min-width: 0) and (max-width: 950px) {
      .award-thumbnail__content-wrapper {
        width: 100%;
        padding: 40px 0 0 0;
        float: none;
        display: block;
        position: relative;
        text-align: center; } }
  .award-thumbnail__content-title {
    font-size: 16px;
    text-transform: uppercase;
    color: #7a7b7d; }
  .award-thumbnail__content-subtitle {
    font-size: 16px;
    font-family: "ProximaNova", Courier;
    color: #7a7b7d;
    font-weight: 800; }

.legal-page .p--normal a {
  color: #43c7f4; }

.content-block--matchlight-use-case {
  padding-top: 120px;
  padding-bottom: 80px; }
  @media (min-width: 950px) {
    .content-block--matchlight-use-case {
      padding-top: 130px;
      padding-bottom: 100px; } }

@media (min-width: 0) and (max-width: 950px) {
  .why-use-matchlight-intro {
    font-size: 34px; } }

.use-cases-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  max-width: 1080px;
  margin: 0 auto; }
  .use-cases-nav .use-cases-nav-item {
    width: 16.6666%;
    display: block;
    text-decoration: none;
    outline: 0;
    min-height: 223px;
    position: relative; }
    @media (min-width: 680px) and (max-width: 980px) {
      .use-cases-nav .use-cases-nav-item {
        width: 25%;
        border-bottom: 1px solid #bcbec0; }
        .use-cases-nav .use-cases-nav-item:nth-child(4n):after {
          display: none; }
        .use-cases-nav .use-cases-nav-item:nth-child(5) {
          border-bottom: none; } }
    @media (min-width: 480px) and (max-width: 680px) {
      .use-cases-nav .use-cases-nav-item {
        width: 33.33%;
        border-bottom: 1px solid #bcbec0; }
        .use-cases-nav .use-cases-nav-item:nth-child(3n):after {
          display: none; }
        .use-cases-nav .use-cases-nav-item:nth-child(4), .use-cases-nav .use-cases-nav-item:nth-child(5) {
          border-bottom: none; } }
    @media (min-width: 0) and (max-width: 480px) {
      .use-cases-nav .use-cases-nav-item {
        width: 50%;
        min-height: 200px;
        border-bottom: 1px solid #bcbec0; }
        .use-cases-nav .use-cases-nav-item:nth-child(2n):after {
          display: none; }
        .use-cases-nav .use-cases-nav-item:nth-child(5) {
          border-bottom: none; } }
    .use-cases-nav .use-cases-nav-item:after {
      content: '';
      width: 1px;
      background: #bcbec0;
      position: absolute;
      right: 0;
      height: 130px;
      top: 50%;
      transform: translateY(-50%); }
    .use-cases-nav .use-cases-nav-item:last-of-type {
      border-bottom: none; }
      .use-cases-nav .use-cases-nav-item:last-of-type:after {
        display: none; }
    .use-cases-nav .use-cases-nav-item:hover {
      background: #ecf8fe; }
    .use-cases-nav .use-cases-nav-item__content {
      padding: 20px 20px 0; }
    .use-cases-nav .use-cases-nav-item__icon {
      width: 80px;
      height: 88px;
      margin: 0 auto;
      display: block; }
      @media (min-width: 0) and (max-width: 480px) {
        .use-cases-nav .use-cases-nav-item__icon {
          width: 50px;
          height: 50px; } }
    .use-cases-nav .use-cases-nav-item__title {
      font-size: 18px;
      line-height: 20px;
      color: #0091b1;
      font-family: 'ProximaNova-Bold';
      font-weight: 300;
      text-align: center;
      margin-top: 10px; }

.use-case-block {
  max-width: 770px;
  margin: 0 auto;
  padding-top: 15px;
  padding-bottom: 35px; }
  .use-case-block__header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center; }
    @media (min-width: 0) and (max-width: 680px) {
      .use-case-block__header {
        display: block; } }
  .use-case-block__header-title {
    line-height: 1.2;
    margin: 0 0 0 30px;
    letter-spacing: 1px;
    font-size: 38px;
    font-weight: 400; }
    @media (min-width: 0) and (max-width: 680px) {
      .use-case-block__header-title {
        margin: 10px 0 0 0; } }
    @media (min-width: 0) and (max-width: 950px) {
      .use-case-block__header-title {
        font-size: 32px; } }
  .use-case-block__icon {
    height: 165px;
    display: block;
    margin-left: -2px; }
    @media (min-width: 0) and (max-width: 680px) {
      .use-case-block__icon {
        margin-left: 0; } }
  .use-case-block__content {
    margin-top: 35px;
    margin-bottom: 35px; }
    .use-case-block__content p {
      font-size: 20px;
      line-height: 1.5;
      margin-bottom: 35px;
      font-family: 'SanchezSlab', Courier; }
      .use-case-block__content p strong {
        font-family: 'SanchezSlab-Bold', Courier !important;
        font-weight: normal; }
  .use-case-block__content-feature {
    font-size: 17px;
    line-height: 1.5;
    margin-bottom: 0;
    font-family: 'SanchezSlab', Courier;
    font-weight: normal;
    padding-bottom: 20px;
    margin-top: 20px;
    border-bottom: 1px solid #eeeeef; }
    .use-case-block__content-feature .b {
      color: #f16138;
      font-family: 'SanchezSlab-Bold';
      font-weight: normal; }
    .use-case-block__content-feature:last-of-type {
      border-bottom: 0; }

.single-use-case {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 35px;
  padding-right: 35px; }
  .single-use-case:after {
    content: " ";
    display: block;
    clear: both; }
  .single-use-case .use-case-header-image {
    margin-bottom: 35px;
    max-width: 215px; }
    @media (min-width: 0) and (max-width: 950px) {
      .single-use-case .use-case-header-image {
        max-width: 180px; } }
  .single-use-case .signup-call {
    padding-bottom: 100px; }
  @media (min-width: 0) and (max-width: 950px) {
    .single-use-case {
      padding-left: 18px;
      padding-right: 18px; } }
  .single-use-case__container {
    max-width: 768px;
    margin: 0 auto;
    width: 100%; }
  .single-use-case__label {
    font-size: 14px;
    color: #f16138;
    font-family: 'ProximaNova-Bold';
    font-weight: 300; }
  .single-use-case__container-intro {
    margin-top: 50px;
    margin-bottom: 40px;
    position: relative; }
    .single-use-case__container-intro p {
      font-size: 28px;
      line-height: 34px;
      color: #f16138;
      font-family: 'ProximaNova-Bold';
      font-weight: 300; }
      @media (min-width: 0) and (max-width: 480px) {
        .single-use-case__container-intro p {
          font-size: 26px;
          line-height: 32px; } }
    .single-use-case__container-intro .content-page__post-nav {
      color: #bbbdc0; }
      .single-use-case__container-intro .content-page__post-nav:hover .text-label,
      .single-use-case__container-intro .content-page__post-nav:hover .text-title {
        color: #939597; }
    .single-use-case__container-intro .content-page__next_post {
      left: -130px;
      width: 90px;
      top: 43px;
      bottom: auto; }
      .single-use-case__container-intro .content-page__next_post .back-chevron {
        margin-left: -50px; }
      @media (min-width: 0) and (max-width: 950px) {
        .single-use-case__container-intro .content-page__next_post {
          display: none; } }
    .single-use-case__container-intro .content-page__previous_post {
      right: -120px;
      width: 90px;
      top: 43px;
      bottom: auto; }
      .single-use-case__container-intro .content-page__previous_post .forward-chevron {
        margin-right: -50px; }
      @media (min-width: 0) and (max-width: 950px) {
        .single-use-case__container-intro .content-page__previous_post {
          display: none; } }
  .single-use-case__container-body p {
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 35px;
    font-family: "SanchezSlab", Courier; }
    .single-use-case__container-body p img {
      max-width: 100%; }
    @media (min-width: 0) and (max-width: 480px) {
      .single-use-case__container-body p {
        font-size: 19px; } }
    .single-use-case__container-body p strong {
      font-family: 'SanchezSlab-Bold', Courier !important;
      font-weight: normal; }
  .single-use-case__container-body .button {
    box-shadow: none; }
  .single-use-case__container-body h1,
  .single-use-case__container-body h2,
  .single-use-case__container-body h3,
  .single-use-case__container-body h4,
  .single-use-case__container-body h5,
  .single-use-case__container-body h6 {
    color: #0091b1;
    margin-top: 45px;
    margin-bottom: 5px;
    font-size: 26px;
    line-height: 1.2; }
    @media (min-width: 0) and (max-width: 480px) {
      .single-use-case__container-body h1,
      .single-use-case__container-body h2,
      .single-use-case__container-body h3,
      .single-use-case__container-body h4,
      .single-use-case__container-body h5,
      .single-use-case__container-body h6 {
        font-size: 24px; } }
  .single-use-case__container-body ul {
    list-style-type: none; }
  .single-use-case__container-body li {
    margin-left: 24px;
    padding-left: 5px;
    font-size: 20px;
    line-height: 1.5;
    position: relative; }
    .single-use-case__container-body li:after {
      content: '';
      background: #0091b1;
      width: 8px;
      height: 8px;
      position: absolute;
      top: 12px;
      left: -20px;
      border-radius: 50%; }
    @media (min-width: 0) and (max-width: 480px) {
      .single-use-case__container-body li {
        font-size: 19px; } }
  .single-use-case__container-body p + ul {
    margin-top: -10px; }
  .single-use-case .mobile-resources {
    display: block; }
    .single-use-case .mobile-resources .content-thumbnail__image-wrapper--resources {
      margin-right: 20px;
      flex: 1; }
    .single-use-case .mobile-resources .sidebar-resource__column {
      flex: 4; }
    .single-use-case .mobile-resources .hr {
      height: 1px;
      background: #43c7f4;
      margin-top: 35px;
      margin-bottom: 35px; }
    .single-use-case .mobile-resources .sidebar-resource {
      align-items: center;
      align-content: center;
      justify-content: flex-start;
      display: flex; }
      @media (min-width: 0) and (max-width: 600px) {
        .single-use-case .mobile-resources .sidebar-resource {
          display: block; }
          .single-use-case .mobile-resources .sidebar-resource .content-thumbnail__image-wrapper {
            float: none; } }
  .single-use-case .blog-navigator {
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto; }

.mobile-post-nav {
  padding-top: 50px;
  display: none;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start; }
  .mobile-post-nav.double-nav {
    justify-content: space-between; }
  @media (min-width: 0) and (max-width: 950px) {
    .mobile-post-nav {
      display: flex; } }
  .mobile-post-nav .content-page__post-nav {
    position: static;
    color: #bbbdc0;
    display: block;
    width: 100px; }
    .mobile-post-nav .content-page__post-nav .back-chevron,
    .mobile-post-nav .content-page__post-nav .forward-chevron {
      display: none; }
    .mobile-post-nav .content-page__post-nav .text-label,
    .mobile-post-nav .content-page__post-nav .text-title {
      display: block; }
    .mobile-post-nav .content-page__post-nav:hover .text-label,
    .mobile-post-nav .content-page__post-nav:hover .text-title {
      color: #939597; }
  .mobile-post-nav .content-page__previous_post {
    text-align: right; }

.use-cases-footer {
  margin-top: 120px;
  margin-bottom: 90px; }
  .use-cases-footer h6 {
    margin-bottom: 25px; }
  .use-cases-footer .hr {
    height: 1px;
    background: #43c7f4;
    margin-top: 35px;
    margin-bottom: 35px; }

.single-use-case__additional-links {
  margin-top: 35px;
  margin-bottom: 65px; }

.use-cases-footer-nav {
  align-items: flex-start;
  align-content: flex-start;
  justify-content: flex-start; }
  @media (min-width: 680px) {
    .use-cases-footer-nav {
      display: flex; } }
  .use-cases-footer-nav__column {
    width: 33%;
    padding-right: 35px;
    position: relative; }
    .use-cases-footer-nav__column .dropdown-divider {
      height: 200px;
      top: 0;
      transform: translateY(0);
      width: 1px;
      background: #43c7f4;
      position: absolute;
      right: 35px; }
      @media (min-width: 0) and (max-width: 980px) {
        .use-cases-footer-nav__column .dropdown-divider {
          right: 17.5px; } }
      @media (min-width: 0) and (max-width: 680px) {
        .use-cases-footer-nav__column .dropdown-divider {
          display: none; } }
    @media (min-width: 0) and (max-width: 680px) {
      .use-cases-footer-nav__column {
        width: 100%;
        padding: 4% 0 4% 0;
        margin: 0 4% 4% 4%;
        max-width: 92%;
        border-bottom: 1px solid #27bdbe; }
        .use-cases-footer-nav__column:last-of-type {
          border-bottom: none; } }
    .use-cases-footer-nav__column a {
      display: block;
      position: relative;
      padding-left: 15px;
      color: #6d6e70;
      text-decoration: none;
      font-family: 'ProximaNova-Bold';
      font-weight: 300;
      font-size: 16px;
      line-height: 20px;
      padding-top: 8px; }
      .use-cases-footer-nav__column a:hover {
        color: #43c7f4; }
      .use-cases-footer-nav__column a:before {
        content: '';
        background-color: #43c7f4;
        display: block;
        position: absolute;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        left: 0;
        top: 60%;
        transform: translateY(-50%); }
  .use-cases-footer-nav__column-heading {
    color: #43c7f4;
    font-size: 13px;
    text-transform: uppercase;
    font-family: 'ProximaNova-Bold';
    font-weight: 300; }

.use-case-navigator {
  display: block;
  align-items: center;
  align-content: center;
  justify-content: center; }
  @media (min-width: 600px) {
    .use-case-navigator {
      display: flex; } }

.use-case-navigator-title {
  margin-top: 25px; }

.use-case-navigator-link {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  width: 100%; }
  @media (min-width: 600px) {
    .use-case-navigator-link {
      max-width: 340px;
      flex: 1; } }
  .use-case-navigator-link a {
    text-decoration: none; }
  .use-case-navigator-link .link-heading {
    padding-left: 15px;
    padding-right: 15px; }
  .use-case-navigator-link .image-container {
    min-height: 115px;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center; }
  .use-case-navigator-link:hover .image-container {
    opacity: 0.5; }
  .use-case-navigator-link .use-case-why-use-image,
  .use-case-navigator-link .use-case-products-image {
    max-width: 85px; }
  .use-case-navigator-link .link-heading {
    color: #6d6e70;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    text-decoration: none; }

.use-case-navigator-divider {
  width: 80%;
  height: 1px;
  margin: 25px auto;
  background-color: #43c7f4; }
  @media (min-width: 600px) {
    .use-case-navigator-divider {
      width: 1px;
      height: 73px;
      margin: 0; } }

.products-page .matchlight-overview-image {
  max-width: 85px; }

/* Inbox
 * don’t know exactly where a SASS change/addition
 * should go? Put it in the _inbox.scss file.
 * Because it is imported last here it will trump
 * all SASS above.
================================================ */
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }