@charset "UTF-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

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

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

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

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

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

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

small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

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

figure {
  margin: 1em 40px;
}

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

pre {
  overflow: auto;
}

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

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

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

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

input {
  line-height: normal;
}

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

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

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

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

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

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td,
th {
  padding: 0;
}

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}

.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}

.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}

.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}

.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}

input[type=search] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
}

input[type=radio],
input[type=checkbox] {
  margin: 4px 0 0;
  margin-top: 1px \9 ;
  line-height: normal;
}
input[type=radio][disabled], input[type=radio].disabled, fieldset[disabled] input[type=radio],
input[type=checkbox][disabled],
input[type=checkbox].disabled,
fieldset[disabled] input[type=checkbox] {
  cursor: not-allowed;
}

input[type=file] {
  display: block;
}

input[type=range] {
  display: block;
  width: 100%;
}

select[multiple],
select[size] {
  height: auto;
}

input[type=file]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  background-color: #eeeeee;
  opacity: 1;
}
.form-control[disabled], fieldset[disabled] .form-control {
  cursor: not-allowed;
}

textarea.form-control {
  height: auto;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type=date].form-control,
input[type=time].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control {
    line-height: 34px;
  }
  input[type=date].input-sm, .input-group-sm input[type=date],
input[type=time].input-sm,
.input-group-sm input[type=time],
input[type=datetime-local].input-sm,
.input-group-sm input[type=datetime-local],
input[type=month].input-sm,
.input-group-sm input[type=month] {
    line-height: 30px;
  }
  input[type=date].input-lg, .input-group-lg input[type=date],
input[type=time].input-lg,
.input-group-lg input[type=time],
input[type=datetime-local].input-lg,
.input-group-lg input[type=datetime-local],
input[type=month].input-lg,
.input-group-lg input[type=month] {
    line-height: 46px;
  }
}
.form-group {
  margin-bottom: 15px;
}

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio.disabled label, fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
}

.radio input[type=radio],
.radio-inline input[type=radio],
.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox] {
  position: absolute;
  margin-top: 4px \9 ;
  margin-left: -20px;
}

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  vertical-align: middle;
  cursor: pointer;
}
.radio-inline.disabled, fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}

.form-control-static {
  min-height: 34px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}
.form-control-static.input-lg, .form-control-static.input-sm {
  padding-right: 0;
  padding-left: 0;
}

.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

select.input-sm {
  height: 30px;
  line-height: 30px;
}

textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}

.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

select.input-lg {
  height: 46px;
  line-height: 46px;
}

textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}

.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}

.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 42.5px;
}

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}

.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}

.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8;
}
.has-success .form-control-feedback {
  color: #3c763d;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede;
}
.has-error .form-control-feedback {
  color: #a94442;
}

.has-feedback label ~ .form-control-feedback {
  top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn,
.form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
.form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
.form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type=radio],
.form-inline .checkbox input[type=checkbox] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px;
}
.form-horizontal .form-group:before, .form-horizontal .form-group:after {
  display: table;
  content: " ";
}
.form-horizontal .form-group:after {
  clear: both;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}

/* Peppermint minimal required styles */
.peppermint.peppermint-active {
  position: relative;
  overflow: hidden;
  padding-left: 0;
  padding-right: 0;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}
.peppermint.peppermint-active .peppermint-slides {
  position: relative;
  overflow: hidden;
  /* clearfix */
  touch-action: pan-y;
}
.peppermint.peppermint-active .peppermint-slides > * {
  float: left;
  margin: 0;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
}
.peppermint.peppermint-active .peppermint-slides a:active {
  outline: none;
}
.peppermint.peppermint-active .peppermint-slides a:active img {
  outline: none;
}
.peppermint.peppermint-active .peppermint-dots {
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}
.peppermint.peppermint-active .peppermint-slides {
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}
.peppermint.peppermint-active .peppermint-slides > * {
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}
.peppermint.peppermint-mouse .peppermint-slides {
  user-select: none;
  cursor: grab;
}
.peppermint.peppermint-mouse.peppermint-drag .peppermint-slides * {
  cursor: grabbing;
}

/* A very rounded button. */
.btn {
  font-size: 1.1rem;
  font-weight: bold;
  display: inline-block;
  background: #0b96e4;
  color: white;
  padding: 0.6em 2em;
  border-radius: 2rem;
  text-align: center;
}

.btn:hover {
  background: #20a6f3;
  text-decoration: none;
}

.btn:active {
  background: #0976b5;
}

.btn.btn-cta {
  background: #fd5545;
}

.btn.btn-cta:hover {
  background: #fd7467;
}

.btn.btn-cta:active {
  background: #fc2713;
}

.btn.btn-slim {
  padding-left: 1em;
  padding-right: 1em;
}

/* A section of the page which usually contains a call-to-action. */
.box {
  background: #f1faff;
  padding: 6rem 1rem;
  text-align: center;
}
.box.dark {
  background: #153b52;
  color: white;
}
.box.download h2 {
  font-weight: 800;
  font-size: 2.4rem;
  margin: 0 0 2.4rem;
  line-height: 1.1;
}
.box.download img {
  width: 6rem;
  display: block;
  margin: 0 auto 2.5rem;
}

@font-face {
  font-family: "Figtree";
  font-style: normal;
  font-weight: 100 900;
  src: url(fonts/figtree_wght.woff2) format("woff2");
  ascent-override: 79.8998%;
  descent-override: 21.2392%;
  size-adjust: 98.8739%;
}
@font-face {
  font-family: "Figtree";
  font-style: italic;
  font-weight: 100 900;
  src: url(fonts/figtree_italic_wght.woff2) format("woff2");
  ascent-override: 79.8998%;
  descent-override: 21.2392%;
  size-adjust: 98.8739%;
}
@font-face {
  font-family: "Objectivity";
  font-style: normal;
  font-weight: 600 700;
  src: local("Objectivity Bold"), url(fonts/Objectivity-Bold.woff) format("woff");
}
html,
body {
  font-size: 15px;
  -webkit-font-smoothing: antialiased;
}

body {
  font-family: Figtree, Arial, sans-serif;
  line-height: 1.4;
  color: black;
}

.tm {
  font-size: 0.6em;
  opacity: 0.6;
}

.imperative {
  font-weight: bold;
}

.notification {
  border: 1px dashed #fcca9e;
  background-color: #fde9d6;
  padding: 0.5em 1em;
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
  margin: 0.5em 0;
}
.notification h3 {
  margin-top: 0.5em;
}
.notification ol li {
  text-align: left;
}

ul.tag-cloud {
  margin: 0;
  padding: 0;
  list-style: none none outside;
}
ul.tag-cloud > li {
  margin: 0 0.5em 0.5em 0;
  padding: 0 0.5em;
  background: #eee;
  border: 1px solid #ccc;
  display: inline-block;
}

p img {
  margin: 1em;
}

a {
  color: #0099f8;
  text-decoration: none;
  font-weight: bold;
}
a:hover {
  text-decoration: underline;
}

html {
  min-height: 100%;
  zoom: 1;
}

body {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow-x: hidden;
}

html,
body {
  overflow-x: hidden;
  position: relative;
}

#header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: #1f2731;
  height: 60px;
  z-index: 2;
}
#header .logo {
  float: left;
  width: 60px;
  height: 60px;
  background-image: url(/images/logo.svg);
  background-size: cover;
  background-position: center;
}
#header > a:hover {
  text-decoration: none;
}
#header .title {
  color: white;
  padding-left: 15px;
  margin: 0;
  font-size: 18.7px;
  line-height: 60px;
  font-weight: bold;
}
@media not all and (min-width: 640px) {
  #header .title {
    font-size: 14px;
  }
}
@media all and (max-width: 365px) {
  #header .title {
    display: none;
  }
}

/* Nav */
#header > .btn {
  margin-top: 8px;
  float: right;
}

#navButton {
  cursor: pointer;
  user-select: none;
  color: white;
  float: right;
  position: relative;
  z-index: 2003;
  display: block;
  width: 60px;
  height: 60px;
  /* When the nav opens, the SVG button animates from three parallel lines to a
     cross. */
}
#navButton path {
  transition: transform 200ms, opacity 200ms;
}
#navButton.active path:nth-of-type(1) {
  transform: rotate(45deg) translate(4px, -2px);
}
#navButton.active path:nth-of-type(2) {
  opacity: 0;
}
#navButton.active path:nth-of-type(3) {
  transform: rotate(-45deg) translate(-11px, -3px);
}

ul#nav a:hover {
  text-decoration: none;
  color: #4fb4ee;
}

@media all and (max-width: 959px) {
  ul#nav {
    position: absolute;
    z-index: 1;
    margin: 0;
    font-size: 1.1rem;
    /* above map zoom control */
    top: 60px;
    right: 0;
    width: 100%;
    transform: translateX(100%);
    transition-duration: 0.4s;
    transition-timing-function: cubic-bezier(0.2, 1, 0.2, 1);
    /* easeOutExpo */
    transition-property: transform;
    min-height: calc(100vh - 60px);
    background: linear-gradient(to bottom, #1f2731 0%, rgba(66, 79, 95, 0.95) 100%);
  }
  ul#nav,
ul#nav ul {
    list-style: none;
    padding: 0 0.8rem;
  }
}
@media all and (max-width: 959px) and (min-width: 640px) {
  ul#nav {
    max-width: 20rem;
  }
}
@media all and (max-width: 959px) {
  ul#nav a {
    color: white;
    display: block;
    position: relative;
  }
  ul#nav a:after {
    content: url(images/back_icon.svg);
    width: 1rem;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%) scaleX(-1);
    opacity: 0.5;
  }
}
@media all and (max-width: 959px) {
  ul#nav > li {
    border-top: 0.1rem solid rgba(255, 255, 255, 0.2);
  }
  ul#nav > li > a {
    padding: 1rem 0;
  }
  ul#nav > li ul {
    margin-bottom: 0.6rem;
  }
  ul#nav > li ul li a {
    padding-left: 3rem;
    padding: 0.4rem 0 0.4rem 1.4rem;
  }
}
@media all and (max-width: 959px) {
  #navButton.active ~ #nav {
    transform: none;
  }
}
@media all and (min-width: 960px) {
  #header > .btn {
    margin-right: 18px;
    margin-left: 30px;
  }

  #nav {
    float: right;
    border: 0;
    width: auto;
    position: relative;
    z-index: 2;
    font-size: 16.5px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow-x: hidden;
  }
  #nav > li {
    padding: 0;
    background: transparent;
    margin: 0;
    line-height: 60px;
    display: inline-block;
  }
  #nav > li > a {
    color: white;
    height: 60px;
    display: block;
    padding: 0 12px;
    text-decoration: none;
  }
  #nav > li ul {
    display: none;
  }

  #navButton {
    display: none;
  }
}
/* Footer */
#footer {
  display: block;
  background: #082434;
  color: white;
  font-size: 15px;
  padding: 70px 0 0;
}
@media all and (min-width: 860px) {
  #footer {
    padding-top: 110px;
  }
}
#footer .leading,
#footer .footer-menus {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 40px);
}
@media all and (min-width: 860px) {
  #footer .leading,
#footer .footer-menus {
    width: calc(100% - 80px);
  }
}
#footer .leading {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 40px;
}
@media all and (min-width: 860px) {
  #footer .leading {
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 100px;
  }
}
#footer .title {
  font-weight: bold;
  font-size: 32px;
  margin-bottom: 32px;
  font-weight: bold;
  font-family: "Objectivity", sans-serif;
}
@media all and (min-width: 860px) {
  #footer .title {
    font-size: 36px;
    margin-bottom: 0;
  }
}
#footer .store-badges {
  display: flex;
  max-width: 300px;
}
#footer .store-badges a,
#footer .store-badges img {
  width: 100%;
}
#footer .store-badges a:first-child {
  margin-right: 20px;
}
@media all and (min-width: 860px) {
  #footer .store-badges {
    max-width: 380px;
  }
}
#footer ul.footer-menus {
  list-style: none;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: stretch;
}
#footer ul.footer-menus li {
  flex-grow: 1;
  margin: 0;
  padding-bottom: 90px;
}
#footer ul.footer-menus li h3 {
  margin: 0 0 4px;
  font-size: 1.3em;
}
#footer ul.footer-menus li a {
  font-size: 1.1em;
  display: block;
  line-height: 1.8;
  color: inherit;
  font-weight: normal;
  text-decoration: none;
}
#footer ul.footer-menus li a:hover {
  text-decoration: underline;
}
@media not all and (min-width: 640px) {
  #footer ul.footer-menus {
    flex-wrap: wrap;
  }
  #footer ul.footer-menus li {
    flex-basis: 50%;
  }
}

body.default {
  background: #eef5ff url(images/background_pompadour.jpg) fixed no-repeat right bottom;
}
@media all and (max-width: 640px) {
  body.default {
    background-image: none;
  }
}
body.default #container {
  position: relative;
  min-width: 320px;
  max-width: 640px;
  margin: 0 auto;
  background-color: white;
  background-color: rgba(255, 255, 255, 0.9);
  padding-top: 61px;
  overflow: hidden;
}
@media all and (min-width: 960px) {
  body.default #container {
    position: static;
  }
}

body.default #body {
  position: relative;
  z-index: 0;
  /* Call to action button */
  /* HTML content */
  /* Accordion for FAQ etc */
  /* List of thumbnail links */
  /* Course list */
  /* Errors */
  /* Testimonial list */
  /* Featured link */
  /* Item list */
  /* Course list */
  /* Course filter */
  /* Loader */
  /* Alert */
  /* More button */
  /* Hero (a static substitute for the carousel) */
  /* Carousel */
}
body.default #body > h2 {
  margin-top: 0.5em;
}
body.default #body figure {
  margin: 1em 0;
}
body.default #body .affiliates + .content {
  margin-top: 1em;
}
body.default #body a:not(.xc-btn) {
  color: #c32f2f;
  text-decoration: none;
  font-weight: normal;
}
body.default #body a:not(.xc-btn):hover {
  color: black;
  text-decoration: underline;
}
body.default #body a.cta {
  display: block;
  line-height: 42px;
  background: #f79b2f;
  text-align: center;
  margin-bottom: 1px;
  text-transform: uppercase;
  color: white;
  font-size: 21px;
}
body.default #body a.cta:hover {
  color: white;
  text-decoration: none;
}
body.default #body .content {
  margin: 0 20px;
  overflow: auto;
}
body.default #body .content img {
  max-width: 100%;
  margin: 0;
}
body.default #body .content > img,
body.default #body .content > a > img {
  margin: 1em 0;
}
body.default #body .content li img {
  margin: 0.6em 0;
}
body.default #body .content img[align=left] {
  margin: 0.4em 1em;
  margin-left: 0;
}
body.default #body .content img[align=right] {
  margin: 0.4em 1em;
  margin-right: 0;
}
body.default #body .content iframe {
  max-width: 100%;
}
body.default #body .content dt {
  font-size: 1.3em;
  color: #194f74;
}
@media all and (max-width: 640px) {
  body.default #body .content {
    margin: 0 10px;
  }
}
body.default #body dl.accordion {
  margin: 1em 0;
  padding: 0;
}
body.default #body dl.accordion > dt {
  font-weight: bold;
  margin-bottom: 0.1em;
}
body.default #body dl.accordion > dd {
  margin-bottom: 1em;
}
body.default #body ul.thumbnail-links {
  list-style: none;
  padding: 0;
  margin: 0.8em 0;
}
body.default #body ul.thumbnail-links > li {
  padding: 0;
  margin: 0 1em 0 0;
  float: left;
}
body.default #body ul.courses {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
body.default #body .error a {
  text-decoration: underline;
}
body.default #body .testimonials {
  margin: 1.6em 0;
  padding: 0;
  clear: both;
}
body.default #body .testimonials > li {
  margin: 0 0 0.6em;
  padding: 0;
  list-style: none none outside;
  width: 100%;
}
body.default #body .testimonials > li .media {
  float: right;
  margin: 0 0 1em 1em;
}
body.default #body .testimonials > li blockquote {
  margin: 0;
  padding: 0;
}
body.default #body .testimonials > li blockquote q {
  font-style: italic;
}
body.default #body .testimonials > li blockquote footer {
  text-align: left;
  font-weight: bold;
}
body.default #body .featured {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  background: #0d7dbd;
  margin-bottom: 2px;
}
body.default #body .featured > a {
  display: block;
  background: url(images/arrow_right_blue_17.png) no-repeat right center;
  color: white;
  font-size: 15px;
  margin-right: 10px;
  text-decoration: none;
  padding: 9px 27px 9px 9px;
}
body.default #body .featured > a:hover {
  display: block;
  background: url(images/arrow_right_blue_17.png) no-repeat right center;
  color: white;
  font-size: 15px;
  margin-right: 10px;
  text-decoration: none;
  padding: 9px 27px 9px 9px;
}
body.default #body .featured .title {
  font-weight: bold;
  text-transform: uppercase;
}
body.default #body ul.items {
  margin: 0 0 1px;
  padding: 0;
  list-style-type: none;
  color: black;
}
body.default #body ul.items > li {
  background: white;
  margin-bottom: 2px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  font-size: 13px;
  color: black;
}
body.default #body ul.items > li.row-break {
  display: none;
}
body.default #body ul.items > li > a:first-child {
  display: block;
  color: inherit;
  padding-right: 27px;
  margin-right: 10px;
  background: url(images/arrow_right_17.png) no-repeat center right;
}
body.default #body ul.items > li > a:first-child:hover {
  text-decoration: none;
}
body.default #body ul.items > li img {
  float: left;
  width: 70px;
}
body.default #body ul.items > li span {
  display: block;
  margin-left: 10px;
  padding-bottom: 4px;
}
body.default #body ul.items > li img ~ span {
  margin-left: 76px;
}
body.default #body ul.items > li .title {
  padding-bottom: 0;
  padding-top: 4px;
  font-size: 17px;
  line-height: 1.3;
}
body.default #body ul.items.courses > li img {
  width: 120px;
  aspect-ratio: 4/3;
  object-fit: cover;
}
body.default #body ul.items.courses > li > span {
  margin-left: 126px;
  font-size: 10px;
}
body.default #body ul.items.courses > li.selected {
  background: #e7e7e7;
}
body.default #body ul.items.courses > li .title {
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  color: inherit;
}
body.default #body ul.items.courses > li .filesize {
  float: right;
  line-height: 30px;
  font-size: 12px;
  margin: 0 9px 3px;
}
body.default #body ul.items.courses > li .course-cta {
  float: right;
  margin: 8px;
}
body.default #body ul.items.courses > li .course-cta sup {
  text-transform: uppercase;
  color: orange;
  font-size: 0.7em;
}
body.default #body ul.items.courses > li .disclaimer {
  font-weight: bold;
}
@media all and (min-width: 640px) {
  body.default #body ul.items {
    margin: 10px 0;
  }
  body.default #body ul.items > li {
    width: 200px;
    margin: 0 0 10px 10px;
    float: left;
    box-shadow: none;
    background-color: transparent;
    text-align: center;
    font-size: 12px;
  }
  body.default #body ul.items > li.row-break {
    float: none;
    display: block;
    margin: 0;
    clear: both;
  }
  body.default #body ul.items > li > a:first-child {
    padding-right: 0;
    background-image: none;
    margin-right: 0;
  }
  body.default #body ul.items > li img {
    width: 100%;
    float: none;
  }
  body.default #body ul.items > li > span {
    margin-left: 0 !important;
  }
  body.default #body ul.items > li > a > span {
    margin-left: 0 !important;
  }
  body.default #body ul.items > li > a:first-child:after {
    display: block;
    color: #2f90d4;
    content: "Learn more";
  }
}
@media all and (min-width: 640px) {
  body.default #body ul.items.courses > li {
    position: relative;
  }
  body.default #body ul.items.courses > li img {
    width: 100%;
  }
  body.default #body ul.items.courses > li .filesize {
    display: block;
    right: 0;
    bottom: 4px;
    position: absolute;
    text-align: left;
    width: 44px;
  }
  body.default #body ul.items.courses > li .course-cta {
    margin: 10px;
    float: none;
  }
}
body.default #body .course-filter {
  background: #1f2631;
  margin-bottom: 1px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
body.default #body .course-filter + .affiliates {
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
body.default #body .course-filter .form-group {
  padding: 6px 8px;
  position: relative;
  margin: 0;
}
body.default #body .course-filter input {
  padding-right: 44px;
}
body.default #body .course-filter span {
  position: absolute;
  top: 7px;
  right: 9px;
  cursor: pointer;
  width: 44px;
  line-height: 44px;
  text-align: center;
  font-size: 21px;
}
body.default #body .loader {
  background: white url(images/loader_64.gif) no-repeat center center;
  margin-bottom: 2px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  height: 112px;
  text-indent: -9999px;
  overflow: hidden;
}
body.default #body .content .loader {
  box-shadow: 0 0 0 0;
  margin: 1em 0;
}
body.default #body #infiniteScrollTrigger {
  height: 1px;
}
body.default #body .alert {
  margin: 1em;
}
body.default #body .alert.failed a {
  float: right;
}
body.default #body a.more-button {
  color: #0b95e4;
  border: 1px solid #0b95e4;
  line-height: 33px;
  text-align: center;
  width: 136px;
  text-transform: uppercase;
  font-size: 19px;
  display: block;
  margin: 10px auto;
  cursor: pointer;
}
body.default #body a.more-button:hover {
  background-color: #0b95e4;
  color: white;
  text-decoration: none;
}
body.default #body .ad {
  padding: 0;
  margin: 0 0 3px;
}
body.default #body .ad img {
  width: 100%;
  display: block;
}
body.default #body .hero {
  display: block;
  background: white;
  color: black !important;
  text-decoration: none !important;
  text-align: center;
}
body.default #body .hero img {
  width: 100%;
  display: block;
}
body.default #body .hero span {
  display: block;
  font-weight: bold;
  font-size: 1.5rem;
  padding: 0.8em 0;
}
body.default #body .carousel {
  position: relative;
}
body.default #body .carousel a {
  color: black;
}
body.default #body .carousel a:hover {
  color: black;
}
body.default #body .carousel figure {
  text-align: center;
}
body.default #body .carousel.peppermint-inactive figure {
  /* hide extra slides when loading */
  display: none;
}
body.default #body .carousel figure:first-child {
  display: block !important;
}
body.default #body .carousel img {
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
}
body.default #body .carousel figcaption {
  display: table;
  padding: 0 42px;
  width: 100%;
}
body.default #body .carousel figcaption > * {
  display: table-cell;
  height: 80px;
  vertical-align: middle;
  font-size: 21px;
}
body.default #body .carousel figcaption > .quote {
  font-size: 14px;
}
body.default #body .carousel figcaption > .event {
  font-size: 12px;
}
body.default #body .carousel figcaption > .event > .title {
  font-size: 17px;
  display: block;
}
body.default #body .carousel figcaption footer {
  font-weight: bold;
  display: block;
  margin-top: 4px;
}
body.default #body .carousel .navigation {
  overflow: hidden;
  text-indent: -999px;
  display: block;
  background: #0b95e4 no-repeat 9px 9px;
  width: 34px;
  height: 45px;
  border-radius: 4px;
  cursor: pointer;
  position: absolute;
  bottom: 13px;
  z-index: 1;
  border: 0;
}
body.default #body .carousel .navigation:disabled {
  background-color: #bbb;
}
body.default #body .carousel .previous {
  background-image: url(images/arrow_left_28.png);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  left: 0;
}
body.default #body .carousel .next {
  background-image: url(images/arrow_right_28.png);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  right: 0;
}
body.default #body .carousel.peppermint-active.events::before {
  display: block;
  content: "Featured Event";
  font-size: 16px;
  line-height: 28px;
  color: white;
  background: #f7a22f;
  box-shadow: -2px 2px 1px rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 6px;
  left: 0;
  padding: 0 10px;
  z-index: 2;
}
body.default #body .register-form input,
body.default #body .register-form select,
body.default #body .register-form textarea {
  max-width: 100%;
  width: 20em;
  margin-bottom: 0.8em;
}
body.default #body .register-form input[type=radio] {
  width: 1.5em;
}

body.home #container {
  padding-top: 60px;
}
body.home .hero {
  background: #0b96e4;
}
body.home .hero .heading {
  color: white;
  font-family: "Objectivity", sans-serif;
  font-weight: bold;
}
@media not all and (min-width: 640px) {
  body.home .hero .image {
    background-size: cover;
    background-position: center;
    padding-bottom: 100%;
    position: relative;
  }
  body.home .hero .image::after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(0deg, #0b96e4 0%, transparent 40%);
  }
  body.home .hero .text {
    position: relative;
    margin-top: -40px;
    padding: 0 30px 18px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  body.home .hero .heading {
    font-size: 34px;
    margin-bottom: 24px;
    text-align: center;
    max-width: none !important;
  }
  body.home .hero .buttons {
    display: flex;
    flex-direction: column;
  }
  body.home .hero .buttons img {
    width: 186px;
  }
  body.home .hero .buttons a,
body.home .hero .buttons img {
    display: block;
  }
  body.home .hero .buttons a:first-child img {
    margin-bottom: 10px;
  }
}
@media all and (min-width: 640px) {
  body.home .hero {
    display: flex;
    align-items: center;
    position: relative;
    height: 594px;
  }
  body.home .hero .image {
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: calc(50% + 620px);
    max-width: 80%;
    background-size: cover;
    background-position: 15% center;
  }
  body.home .hero .image::after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #0b96e4 0px, transparent 380px);
  }
  body.home .hero .text {
    position: relative;
    z-index: 1;
    padding: 0 20px;
    margin: 0 auto;
    width: 100%;
    max-width: 1500px;
  }
  body.home .hero .heading {
    font-size: 44px;
    margin-bottom: 76px;
  }
  body.home .hero .buttons {
    display: flex;
  }
  body.home .hero .buttons img {
    width: 200px;
  }
  body.home .hero .buttons img:first-child {
    margin-right: 9px;
  }
}
body.home .video {
  margin: 24px auto 0;
  max-width: 768px;
}
body.home .video video {
  display: block;
  max-width: 100%;
  width: 100%;
  aspect-ratio: 16/9 auto;
}
body.home .video p {
  font-size: 17px;
  margin: 12px auto 0;
  padding: 0 42px;
  text-align: center;
}
body.home .audiences a {
  list-style: none;
  font-size: 17px;
  font-weight: normal;
  color: black;
  text-decoration: none;
  display: block;
  text-align: center;
}
body.home .audiences h2 {
  position: relative;
  padding-bottom: 100%;
  background-size: cover;
  border-radius: 20px;
  margin: 0 0 16px;
}
body.home .audiences h2 span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -30%);
  color: white;
  font: 42px Objectivity, sans-serif;
  text-shadow: 0 4px 30px rgba(0, 0, 0, 0.45);
}
body.home .audiences .ride h2 {
  background-image: url("/images/home_ride.jpg");
}
body.home .audiences .organise h2 {
  background-image: url("/images/home_organise.jpg");
}
body.home .audiences .design h2 {
  background-image: url("/images/home_design.jpg");
}
body.home .audiences div {
  color: #0b96e4;
  font-weight: bold;
  margin-top: 12px;
}
@media not all and (min-width: 640px) {
  body.home .audiences {
    text-align: center;
    padding: 32px 16px;
  }
  body.home .audiences a:not(:last-child) {
    margin-bottom: 28px;
  }
}
@media all and (min-width: 640px) {
  body.home .audiences {
    display: flex;
    padding: 30px 20px;
    max-width: 1240px;
    margin: 0 auto;
  }
  body.home .audiences a {
    flex-basis: 33%;
  }
  body.home .audiences a:not(:last-child) {
    margin-right: 3%;
  }
  body.home .audiences h2 span {
    font-size: min(4vw, 42px);
  }
}
body.home .selling-point {
  margin-bottom: 15%;
}
body.home .selling-point h2 {
  font: 34px/1.2 Objectivity, sans-serif;
  margin: 0 0 16px;
}
body.home .selling-point h2,
body.home .selling-point p {
  padding: 0 18px;
}
body.home .selling-point p {
  font-size: 17px;
}
body.home .selling-point img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
body.home .selling-point a {
  display: block;
  margin: 0 18px;
}
body.home .selling-point.left {
  background: #f0faff;
  padding: 50px 0;
}
@media all and (min-width: 640px) {
  body.home .selling-point a {
    width: 16em;
    margin-left: auto;
    margin-right: auto;
  }
}
@media not all and (min-width: 860px) {
  body.home .selling-point > div {
    padding-top: 0 !important;
    margin-bottom: 0 !important;
  }
  body.home .selling-point img {
    margin-top: 0 !important;
  }
}
@media all and (min-width: 860px) {
  body.home .selling-point > div {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
  }
  body.home .selling-point a {
    width: auto;
    display: inline-block;
  }
  body.home .selling-point h2,
body.home .selling-point p {
    width: 45%;
  }
  body.home .selling-point img {
    width: 50%;
    max-width: 580px;
    margin-left: 0;
    margin-right: 0;
  }
  body.home .selling-point.right img {
    float: right;
  }
  body.home .selling-point.right a {
    margin-left: 18px;
  }
  body.home .selling-point.left {
    overflow: hidden;
    padding: 0;
  }
  body.home .selling-point.left > div {
    overflow: hidden;
  }
  body.home .selling-point.left img {
    float: left;
    max-width: 594px;
  }
  body.home .selling-point.left h2,
body.home .selling-point.left p {
    float: right;
  }
  body.home .selling-point.left p + p {
    margin-top: 0;
    /* simulate margin collapsing */
  }
  body.home .selling-point.left a {
    margin-left: calc(5% + 18px);
  }
}
body.home .section {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 72px;
}
body.home .section h2,
body.home .section p {
  padding: 0 20px;
  margin: 0 0 20px;
}
body.home .section h2 {
  max-width: 620px;
  font: 36px/1.2 Objectivity, sans-serif;
  text-align: center;
}
body.home .section p {
  max-width: 640px;
  font-size: 17px;
}
body.home .explore {
  margin-top: 70px;
}
body.home .explore a {
  width: calc(100% - 36px);
}
body.home .explore p {
  text-align: center;
}
@media all and (min-width: 640px) {
  body.home .explore {
    margin-top: 100px;
  }
  body.home .explore a {
    width: 16em;
  }
}
@media all and (min-width: 860px) {
  body.home .explore h2 {
    order: 0;
  }
  body.home .explore p {
    order: 1;
  }
  body.home .explore div {
    order: 2;
  }
  body.home .explore a {
    order: 3;
  }
}
body.home .fences {
  width: 100%;
  padding: 0 8px 18px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  /* The div wrapper is necessary because Safari 13 will stretch the image out
  of proportion if positioned using flexbox directly. See
  https://stackoverflow.com/q/57516373. */
}
body.home .fences div {
  flex: 1 1;
  min-width: 40%;
  margin: 1%;
}
body.home .fences img {
  border-radius: 20px;
  width: 100%;
}
@media all and (min-width: 860px) {
  body.home .fences {
    max-width: 1504px;
    flex-wrap: nowrap;
    padding-bottom: 40px;
  }
  body.home .fences div {
    margin: 40px 8px 8px;
    min-width: 0;
  }
  body.home .fences img {
    width: 100%;
  }
}
body.home .testimonials figure {
  margin: 0;
}
body.home .testimonials figcaption {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
body.home .testimonials .content {
  display: flex;
  background: #082434;
  border-radius: 40px;
  overflow: hidden;
  color: white;
}
body.home .testimonials .image {
  position: relative;
}
body.home .testimonials img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.home .testimonials blockquote {
  margin: 0;
}
body.home .testimonials blockquote p {
  padding: 0;
  font-size: 17px;
}
body.home .testimonials blockquote::before {
  display: block;
  content: "“";
  font-size: 130px;
  height: 92px;
  text-indent: -0.05em;
}
body.home .testimonials cite {
  font-size: 17px;
  font-style: normal;
}
body.home .testimonials cite b {
  display: block;
}
@media not all and (min-width: 640px) {
  body.home .testimonials {
    /* We position the scrollport so that we can "peek" at adjacent slides. */
    width: 92vw;
    margin-left: 5.5vw;
    margin-right: 2.5vw;
  }
  body.home .testimonials .content {
    margin-right: 3vw;
    height: 100%;
    flex-direction: column;
  }
  body.home .testimonials figcaption {
    padding: 0 20px 30px;
    flex-grow: 1;
  }
  body.home .testimonials .image {
    padding-bottom: 100%;
  }
}
@media all and (min-width: 640px) {
  body.home .testimonials {
    width: 812px;
    max-width: calc(100% - 20px);
    margin: 30px auto 0;
  }
  body.home .testimonials .content {
    height: 100%;
    margin-right: 16px;
    transition: opacity 200ms linear;
  }
  body.home .testimonials .peeking .content {
    opacity: 0.4;
  }
  body.home .testimonials .image {
    min-width: 0;
    flex: 1 1;
  }
  body.home .testimonials figcaption {
    width: 50%;
    padding: 30px 30px 45px;
  }
}
body.home .controls {
  margin-top: 14px;
  display: flex;
  justify-content: center;
}
body.home .controls button {
  border-radius: 50px;
  border: 1px solid #707070;
  margin: 8px;
  width: 48px;
  height: 48px;
  background: url(/images/chevron.svg) no-repeat center center;
  background-size: 9px;
}
body.home .controls button:last-child {
  transform: rotate(180deg);
}
body.home .controls button:hover {
  background-color: #efefef;
}
@media all and (min-width: 640px) {
  body.home .controls {
    margin-top: 50px;
    margin-bottom: 60px;
  }
}
body.home .download-image {
  background-image: url(/images/home_download.jpg);
  background-size: cover;
  border-radius: 20px;
  max-width: 435px;
  width: calc(100% - 40px);
}
body.home .download-image::before {
  display: block;
  content: "";
  padding-bottom: 100%;
}

body.embedded #header,
body.embedded #navButton,
body.embedded #nav,
body.embedded #footer,
body.embedded .courses .course-cta.view,
body.embedded a.cta {
  display: none;
}
body.embedded #infiniteScrollTrigger {
  height: 200px;
}
body.embedded #container {
  padding-top: 0;
}

body.event #body {
  margin: 60px auto 0;
}
@media all and (min-width: 640px) {
  body.event #body {
    max-width: 50rem;
    padding: 0 1rem;
  }
}
body.event.embedded #body > .content > .event {
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: white;
  overflow: scroll;
}
body.event form.search {
  border: none;
  margin: 0;
  display: flex;
  padding: 0.4rem;
}
body.event form.search input {
  border-top-left-radius: 0.4rem;
  border-bottom-left-radius: 0.4rem;
  border: 0.05rem solid rgba(0, 0, 0, 0.2);
  font-size: 1.2rem;
  padding: 0.7rem;
  flex-grow: 1;
}
body.event form.search button {
  flex-grow: 0;
  width: auto;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
@media all and (min-width: 640px) {
  body.event form.search {
    padding-top: 1rem;
    margin-bottom: 1rem;
  }
}
body.event .event-not-found,
body.event .no-courses {
  padding: 25vh 0;
}
@media not all and (min-width: 640px) {
  body.event .event-not-found,
body.event .no-courses {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
body.event .no-courses {
  padding-top: 0;
}
body.event header {
  display: flex;
  align-items: flex-start;
  padding-top: 1rem;
  margin-bottom: 1rem;
  line-height: 1.1;
}
@media all and (min-width: 640px) {
  body.event header {
    align-items: center;
  }
}
body.event header .event-logo {
  flex: 0 0 1em;
  height: 1em;
  overflow: hidden;
  border-radius: 999em;
  object-fit: cover;
}
@media not all and (min-width: 640px) {
  body.event header .event-logo {
    font-size: 6rem;
    margin-right: 1rem;
  }
}
@media all and (min-width: 640px) {
  body.event header .event-logo {
    font-size: 10rem;
    margin-right: 3rem;
  }
}
body.event header .text {
  flex-grow: 1;
}
@media not all and (min-width: 640px) {
  body.event header .text h1 {
    margin: 0.3rem 0 0 0;
    font-size: 1.4rem;
  }
}
@media all and (min-width: 640px) {
  body.event header .text h1 {
    font-size: 2rem;
    margin: -0.5rem 0 0 0;
  }
}
body.event header .text .location-name {
  margin: 0;
  font-style: italic;
}
@media not all and (min-width: 640px) {
  body.event header .text .location-name {
    margin-top: 0.5rem;
  }
}
@media all and (min-width: 640px) {
  body.event header .text .location-name {
    margin-top: 0.3rem;
    font-size: 1.16rem;
  }
}
@media not all and (min-width: 640px) {
  body.event header {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
body.event .explanation {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
@media not all and (min-width: 640px) {
  body.event .explanation {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
@media all and (min-width: 640px) {
  body.event .explanation {
    font-size: 1.16rem;
  }
}
body.event ul.comps {
  list-style: none;
  padding: 0;
}
@media all and (min-width: 640px) {
  body.event ul.comps > li:not(:last-child) {
    border-bottom: 0.05rem solid rgba(0, 0, 0, 0.2);
  }
}
@media not all and (min-width: 640px) {
  body.event ul.comps > li > h2 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
body.event ul.courses {
  list-style: none;
  padding: 0;
  margin: 1rem 0 2rem;
}
@media all and (min-width: 640px) {
  body.event ul.courses {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-row-gap: 1.5rem;
    grid-column-gap: 0.5rem;
  }
}
@media not all and (min-width: 640px) {
  body.event ul.courses > li {
    padding-left: 1rem;
    margin-bottom: 0.8rem;
  }
}
@media all and (min-width: 640px) {
  body.event ul.courses > li {
    min-width: 0;
  }
}
body.event ul.courses > li a {
  color: black;
  font-weight: normal;
}
body.event ul.courses > li a:hover {
  text-decoration: none;
}
@media not all and (min-width: 640px) {
  body.event ul.courses > li > .wrap {
    display: flex;
    align-items: center;
  }
}
@media not all and (min-width: 640px) {
  body.event ul.courses > li > .wrap .textual-content {
    display: flex;
    align-items: flex-start;
    min-height: 5.5rem;
    flex: 1 1;
    padding-left: 0.25rem;
    padding-right: 1rem;
    padding-bottom: 0.8rem;
    border-bottom: 0.05rem solid rgba(0, 0, 0, 0.1);
    min-width: 1rem;
  }
}
@media all and (min-width: 640px) {
  body.event ul.courses > li > .wrap .textual-content {
    margin-top: 0.1rem;
  }
}
body.event ul.courses > li > .wrap .overview {
  flex: 1 1;
  min-width: 1rem;
}
body.event ul.courses > li > .wrap .overview h3 {
  margin: 0 0 0.2rem;
  line-height: 1.2;
  font-size: 1.1rem;
  font-weight: bold;
}
body.event ul.courses > li > .wrap .overview .date {
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.95rem;
  font-weight: bold;
}
body.event ul.courses > li > .wrap .overview .description {
  margin: 0;
  line-height: 1.2;
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.9rem;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media all and (min-width: 640px) {
  body.event ul.courses > li > .wrap .overview .description {
    display: none;
  }
}
body.event ul.courses > li > .wrap .overview .location-name {
  display: none;
}
body.event ul.courses > li > .wrap .thumbnail {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 0.4rem;
}
body.event ul.courses > li > .wrap .thumbnail > .inner {
  width: 100%;
  height: 100%;
}
body.event ul.courses > li > .wrap .thumbnail .description {
  display: none;
}
@media not all and (min-width: 640px) {
  body.event ul.courses > li > .wrap .thumbnail {
    flex: 0 0 5rem;
    height: 5rem;
    margin-right: 0.25rem;
    margin-bottom: 0.8rem;
  }
}
@media all and (min-width: 640px) {
  body.event ul.courses > li > .wrap .thumbnail {
    width: 100%;
    padding-bottom: 75%;
  }
  body.event ul.courses > li > .wrap .thumbnail > .inner {
    position: absolute;
    top: 0;
    left: 0;
  }
}
body.event ul.courses > li > .wrap .thumbnail .missing {
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(0, 0, 0, 0.1) url(/images/course.svg) no-repeat center center;
  background-size: 60%;
}
body.event ul.courses > li > .wrap .thumbnail img {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
body.event ul.courses > li > .wrap .thumbnail.guided:after {
  display: block;
  content: "Guided";
  position: absolute;
  bottom: 0;
  left: 0;
  color: white;
  background-color: #fb7b4c;
}
@media not all and (min-width: 640px) {
  body.event ul.courses > li > .wrap .thumbnail.guided:after {
    line-height: 1.7;
    font-size: 0.85rem;
    right: 0;
    text-align: center;
  }
}
@media all and (min-width: 640px) {
  body.event ul.courses > li > .wrap .thumbnail.guided:after {
    border-top-right-radius: 0.4rem;
    padding: 0.2rem 0.8rem;
  }
}
body.event ul.courses > li > .wrap .view-btn,
body.event ul.courses > li > .wrap .download-btn {
  border-radius: 999rem;
  background: #0099f8;
  line-height: 2.4;
  color: white;
  text-transform: uppercase;
  padding: 0 1.1rem;
  font-size: 0.9rem;
}
@media not all and (min-width: 640px) {
  body.event ul.courses > li > .wrap .view-btn,
body.event ul.courses > li > .wrap .download-btn {
    margin-left: 0.5rem;
    align-self: center;
  }
}
@media all and (min-width: 640px) {
  body.event ul.courses > li > .wrap .view-btn,
body.event ul.courses > li > .wrap .download-btn {
    display: inline-block;
    line-height: 1.8;
    margin-top: 0.5rem;
  }
}
body.event ul.courses > li > .wrap .download-btn {
  padding: 0 0.7rem;
}
body.event ul.courses > li > .wrap .download-btn svg {
  width: 1.4rem;
  height: 1.4rem;
  fill: white;
  vertical-align: middle;
}
@media all and (min-width: 640px) {
  body.event ul.courses > li > .wrap.has-description .thumbnail:hover .description {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    margin: 0;
    padding: 1.2rem 0.6rem;
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.95rem;
    overflow-y: auto;
  }
}

.xc-btn {
  background-color: transparent;
  border-width: 0;
  padding: 0;
  cursor: pointer;
  /* shapes */
}
.xc-btn.xc-blockish {
  display: block;
  border-radius: 0.3rem;
  border-width: 0.05rem;
  border-style: solid;
  padding: 0.7em 0.9em;
  font-size: 0.9em;
  display: inline-block;
  transition-duration: 0.2s;
  transition-property: opacity, color, background-color;
  transition-timing-function: ease-in-out;
  font-weight: bold;
  cursor: pointer;
  border: none;
  text-decoration: none;
  text-align: center;
  border: 0.05rem solid transparent;
  white-space: nowrap;
  line-height: 1.15em;
  color: white;
  background-color: #0099f8;
}
.xc-btn.xc-blockish:hover {
  background-color: #0089dc;
  text-decoration: none;
}
.xc-btn.xc-blockish:focus {
  box-shadow: 0 0 0.2em 0.2em rgba(79, 180, 238, 0.4);
}
.xc-btn.xc-blockish:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.xc-btn.xc-blockish > .xc-icon {
  vertical-align: bottom;
}
.xc-btn.xc-blockish.xc-wide {
  padding-left: 3em;
  padding-right: 3em;
}
.xc-btn.xc-blockish.xc-danger {
  background-color: #d00a0a;
}
.xc-btn.xc-blockish.xc-danger:hover {
  background-color: #9e0a0a;
}
.xc-btn.xc-blockish.xc-safe {
  background-color: #5cb85c;
}
.xc-btn.xc-blockish.xc-safe:hover {
  background-color: #4b9a4b;
}
.xc-btn.xc-blockish.xc-avoid {
  border-color: #b5b5b5;
  color: #b5b5b5;
}
.xc-btn.xc-blockish.xc-avoid, .xc-btn.xc-blockish.xc-avoid:hover {
  background: transparent;
}
.xc-btn.xc-blockish.xc-avoid:hover {
  border-color: #949494;
  color: #949494;
}
.xc-btn.xc-blockish.xc-alternate {
  border-color: #b5b5b5;
}
.xc-btn.xc-blockish.xc-alternate, .xc-btn.xc-blockish.xc-alternate:hover {
  color: inherit;
  background-color: transparent;
}
.xc-btn.xc-blockish.xc-alternate:hover {
  border-color: #949494;
}
.xc-btn.xc-blockish.xc-call-to-action, .xc-btn.xc-blockish.xc-call-to-action:hover {
  border: none;
  color: white;
  background: linear-gradient(to bottom, #f69433 0%, #fe6764 100%);
}
.xc-btn.xc-blockish.xc-call-to-action:hover {
  filter: saturate(1.5);
}
.xc-btn.xc-borderless {
  transition: opacity 0.2s ease-in-out;
}
.xc-btn.xc-borderless:active, .xc-btn.xc-borderless:disabled {
  opacity: 0.3;
}
.xc-btn.xc-borderless:active {
  transition: none;
}
.xc-btn.xc-overlay {
  background-color: rgba(0, 0, 0, 0.4);
  color: white;
  font-weight: bold;
  text-align: center;
  font-size: 0.8em;
  line-height: 1.2;
  vertical-align: baseline;
  padding: 0.3em 0.7em;
}
.xc-btn.xc-overlay:hover {
  background-color: rgba(0, 0, 0, 0.6);
}

ul.plans-comparison {
  display: flex;
  justify-content: center;
  padding: 0 1rem;
  margin: 1rem auto;
}
@media not all and (min-width: 640px) {
  ul.plans-comparison {
    flex-direction: column;
    align-items: center;
  }
}
@media all and (min-width: 640px) {
  ul.plans-comparison {
    flex-direction: row;
    max-width: 52rem;
  }
}
ul.plans-comparison > li {
  list-style: none;
  max-width: 20rem;
  padding: 0 1rem 1rem;
  box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.1);
  border: 0.05rem solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  border-top-width: 0.6rem;
  border-top-style: solid;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media not all and (min-width: 640px) {
  ul.plans-comparison > li {
    width: 100%;
  }
}
@media all and (min-width: 640px) {
  ul.plans-comparison > li {
    flex-basis: 100%;
  }
}
ul.plans-comparison > li .loader {
  font-size: 0.7rem;
}
@media not all and (min-width: 640px) {
  ul.plans-comparison > li + li {
    margin: 1.5rem 0 0 0;
  }
}
@media all and (min-width: 640px) {
  ul.plans-comparison > li + li {
    margin: 0 0 0 0.7rem;
  }
}
ul.plans-comparison > li .description h3 {
  font-weight: bold;
  text-align: center;
  font-size: 1.2rem;
  margin: 1rem 0 0;
}
ul.plans-comparison > li .description .blurb {
  color: rgba(0, 0, 0, 0.7);
  font-style: italic;
  text-align: center;
  margin: 0.5em 0 0.7em;
  min-height: 3rem;
}
ul.plans-comparison > li .description ul {
  margin: 0.8rem 0;
  padding: 0;
}
ul.plans-comparison > li .description ul li {
  list-style: none;
  padding-left: 2.4rem;
  line-height: 1.4;
  margin-bottom: 0.2em;
}
ul.plans-comparison > li .description ul li .icon {
  margin-right: 0.4em;
  margin-left: -2.4rem;
  vertical-align: middle;
  font-size: 1.2em;
  display: inline-block;
  width: 1em;
  height: 1em;
}
ul.plans-comparison > li .cta .pricing {
  white-space: nowrap;
  text-align: center;
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
}
ul.plans-comparison > li .cta .pricing .cost {
  font-size: 1.8rem;
  display: inline-block;
  margin-right: 0.2rem;
}
ul.plans-comparison > li .cta a {
  font-weight: bold;
  font-size: 1.1rem;
  line-height: 1;
  display: block;
  text-align: center;
  margin-bottom: 0.4em;
}
ul.plans-comparison > li .cta a.call-to-action {
  color: #0099f8;
}

body.landing ul.plans-comparison > li.free {
  border-top-color: #f69134;
}
body.landing ul.plans-comparison > li.individual {
  border-top-color: #f88344;
}
body.landing ul.plans-comparison > li.bespoke {
  border-top-color: #fa7453;
}
body.landing .plans-disclaimer {
  font-size: 1.05rem;
  font-style: italic;
  text-align: center;
  color: rgba(0, 0, 0, 0.6);
  margin-bottom: 0.5rem;
}
body.landing .plans-secure {
  text-align: center;
  color: #55b867;
  font-weight: bold;
}
body.landing .plans-secure .icon {
  width: 1.5rem;
  fill: currentcolor;
  vertical-align: middle;
}
body.landing .faqs {
  max-width: 60rem;
  margin: 4rem auto;
  font-size: 1.2rem;
  line-height: 1.4;
  padding: 0 1rem;
}
body.landing .faqs h2 {
  font-weight: 800;
  font-size: 2.2rem;
  margin-bottom: 0;
}
body.landing .faqs > ul {
  list-style: none;
  padding: 0;
  margin-top: 0.7rem;
}
@media all and (min-width: 640px) {
  body.landing .faqs > ul {
    columns: 3;
  }
}
body.landing .faqs > ul li {
  display: inline-block;
}
body.landing .faqs > ul li h3 {
  margin: 1em 0 0.2em;
  font-size: 1em;
}
body.landing .faqs > ul li p {
  margin: 0;
}

body.landing .hero-bg {
  background-color: #1c4e89;
  background-image: url(/toolkit/images/landing_head.jpg);
  background-size: cover;
  background-position: center bottom;
  padding-bottom: 2vw;
  margin-bottom: calc(-4rem - 2vw);
}
@media not all and (min-width: 640px) {
  body.landing .hero-bg {
    background-image: url(/toolkit/images/landing_head_500.jpg);
  }
}
body.landing .hero-bg.dark #submenu .subpages a {
  color: white;
}
body.landing .hero-bg.dark .hero {
  color: white;
  margin-bottom: 4rem;
}
body.landing .hero-bg.dark .hero > .cta {
  font-size: 1.2em;
  display: block;
  width: auto;
  max-width: 14em;
  margin: 0 auto;
}
body.landing .hero-bg.dark .hero .disclaimer {
  font-size: 0.95em;
  margin: 1.6rem 0 3em;
}
@media not all and (min-width: 640px) {
  body.landing .hero-bg.dark .hero .disclaimer {
    padding-left: 4rem;
    padding-right: 4rem;
    margin-bottom: 0;
  }
}
body.landing .sell + .sell {
  margin-top: 3rem;
}
body.landing .sell .media img,
body.landing .sell .media video {
  display: block;
  margin: 1.6rem auto;
  max-width: calc(100vw - 2rem);
}
body.landing .sell .media.bordered img,
body.landing .sell .media.bordered video {
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.4);
}
body.landing .sell ul.text-items {
  list-style: none;
  padding: 0;
  font-size: 1.2rem;
  margin: 2rem 2rem;
  text-align: center;
}
body.landing .sell ul.text-items > li {
  margin-bottom: 0.2em;
}
body.landing .sell ul.text-items > li a {
  white-space: nowrap;
}
body.landing .sell ul.text-items h3 {
  font-size: 1.3em;
  margin-bottom: 1rem;
}
body.landing .sell ul.text-items h3 + p {
  margin-top: 0;
}
@media all and (min-width: 640px) {
  body.landing .sell ul.text-items {
    display: flex;
    flex-direction: row;
    justify-content: center;
    text-align: left;
  }
  body.landing .sell ul.text-items > li {
    flex: 0 1 20rem;
    margin: 0 0.75rem;
  }
  body.landing .sell ul.text-items > li.testimonial {
    align-self: center;
  }
  body.landing .sell ul.text-items > li:only-child {
    flex-basis: 40rem;
    text-align: center;
  }
}
@media all and (min-width: 640px) {
  body.landing .sell .media + ul.text-items > li:only-child {
    flex-basis: 27rem;
  }
}
@media all and (min-width: 640px) {
  body.landing .sell.compact {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
  }
  body.landing .sell.compact:nth-child(2n) {
    flex-direction: row;
  }
  body.landing .sell.compact ul.text-items,
body.landing .sell.compact .media {
    margin: 2rem;
  }
  body.landing .sell.compact ul.text-items {
    display: block;
    flex-basis: 24rem;
  }
  body.landing .sell.compact ul.text-items > li {
    text-align: left;
  }
  body.landing .sell.compact .media {
    flex-shrink: 1;
  }
  body.landing .sell.compact .media > img {
    margin: 0;
    width: 100%;
  }
}
body.landing blockquote {
  color: rgba(0, 0, 0, 0.7);
  margin: 2.6rem 0;
  position: relative;
  padding-left: 1.2rem;
  text-align: left;
}
body.landing blockquote > p {
  font-weight: bold;
  font-style: italic;
  font-size: 1.3rem;
  position: relative;
  z-index: 1;
}
body.landing blockquote footer {
  line-height: 1.2;
}
body.landing blockquote footer .name {
  text-transform: uppercase;
  font-weight: bold;
  font-style: normal;
  font-size: 1.2rem;
  display: block;
}
body.landing blockquote footer .position,
body.landing blockquote footer .organisation {
  font-style: italic;
  font-size: 1rem;
}
body.landing blockquote footer .position:not(:last-child):after {
  content: ", ";
}
body.landing blockquote:before {
  font-size: 7.4rem;
  content: "“";
  position: absolute;
  color: rgba(0, 0, 0, 0.1);
  font-style: italic;
  left: -1.2rem;
  top: -1.7rem;
  line-height: 1;
  font-weight: bold;
}
body.landing .affiliates {
  margin-bottom: 4rem;
}
body.landing .affiliates h2 {
  color: rgba(0, 0, 0, 0.4);
  text-align: center;
}
body.landing .affiliates ul {
  list-style: none;
  padding: 0;
  margin: 1.6rem 1rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
body.landing .affiliates ul li {
  flex: 0 1 10rem;
  margin: 0 1rem;
}
body.landing .affiliates ul li.featured {
  flex-basis: 12rem;
}
body.landing .affiliates ul li div {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 0;
  padding-bottom: 75%;
}
@media not all and (min-width: 640px) {
  body.landing .affiliates {
    border: 0.05rem solid rgba(0, 0, 0, 0.2);
    border-left: none;
    border-right: none;
    margin-bottom: 0;
  }
  body.landing .affiliates h2 {
    margin-left: auto;
    margin-right: auto;
    font-size: 1.3rem;
    max-width: 15em;
  }
  body.landing .affiliates ul {
    margin-left: 0;
    margin-right: 0;
    flex-wrap: wrap;
  }
  body.landing .affiliates ul li {
    flex-basis: 25vw;
    margin: 0.5rem;
  }
  body.landing .affiliates ul li.featured {
    flex-basis: 30vw;
  }
}
body.landing .cta-block {
  background: linear-gradient(to bottom, #f69433 0%, #fe6764 100%);
  text-align: center;
  color: white;
  padding: 1rem;
}
body.landing .cta-block h2 {
  margin: 1rem 0;
  font-size: 1.6rem;
}
body.landing .cta-block > a,
body.landing .cta-block > a:hover {
  font-size: 1.1rem;
  color: rgba(0, 0, 0, 0.7);
  background: white;
  box-shadow: 0 0.3em 0.5em rgba(0, 0, 0, 0.1);
  display: block;
  max-width: 16rem;
  margin: 1.7rem auto 1rem;
}
body.landing .cta-block .links a {
  color: white;
  font-size: 1.2rem;
  display: inline-block;
  margin: 1rem 1.3rem;
  font-weight: bold;
}
body.landing ul.thumbnails {
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
body.landing ul.thumbnails > li {
  transition: transform 0.15s ease-in-out;
  margin: 0.3rem;
  box-shadow: 0 0 0.6rem rgba(0, 0, 0, 0.2);
  width: 10rem;
}
body.landing ul.thumbnails > li:hover {
  transform: scale(1.1);
}
body.landing ul.thumbnails > li > a > img {
  display: block;
  width: 100%;
}
@media not all and (min-width: 640px) {
  body.landing ul.thumbnails {
    flex-wrap: wrap;
  }
  body.landing ul.thumbnails > li {
    width: 7.5rem;
  }
}
body.landing .video {
  max-width: 694px;
  margin: 0 auto;
}

body.landing .article-container {
  display: flex;
  line-height: 1.4;
}
@media all and (min-width: 640px) {
  body.landing .article-container {
    flex-direction: row;
    padding: 10rem 1.6rem;
    margin: 0 auto;
    max-width: 64rem;
  }
}
@media not all and (min-width: 640px) {
  body.landing .article-container {
    flex-direction: column;
    padding: 0 1rem;
  }
}
body.landing .article-menu {
  margin-right: 4rem;
  line-height: 1.3;
  flex-shrink: 0.75;
  min-width: 10rem;
}
body.landing .article-menu ul {
  padding: 0;
  list-style: none;
}
body.landing .article-menu a {
  color: black;
  font-weight: normal;
}
body.landing .article-menu a.selected, body.landing .article-menu a.active {
  font-weight: bold;
  color: #f69134;
}
body.landing .article-menu a:hover {
  color: #f69134;
  text-decoration: none;
}
body.landing .article-menu li {
  margin-bottom: 0.5rem;
}
body.landing .article-menu > ul {
  font-size: 1.2rem;
}
body.landing .article-menu > ul ul {
  display: none;
  font-size: 1rem;
  padding-left: 2rem;
  margin: 0.3em 0;
}
body.landing .article-menu > ul .active + ul {
  display: block;
}
@media not all and (min-width: 640px) {
  body.landing .article-menu {
    border: 0.05rem solid rgba(0, 0, 0, 0.4);
    border-radius: 0.4rem;
    margin: 2rem 0 0;
  }
  body.landing .article-menu .title {
    font-size: 1.4rem;
    padding: 0.6rem 0.7rem;
    margin: 0;
    border-bottom: 0.05rem solid rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  body.landing .article-menu .title:after {
    content: url(/toolkit/images/chevron_black.svg);
    font-size: 1.3rem;
    width: 1em;
    height: 1em;
    transition: transform 0.2s ease-in-out;
    transform: rotate(-90deg);
    opacity: 0.6;
  }
  body.landing .article-menu ul {
    transition-duration: 0.4s;
    transition-timing-function: cubic-bezier(0.2, 1, 0.2, 1);
    /* easeOutExpo */
    transition-property: height, margin;
    height: 0;
    overflow-y: hidden;
    margin: 0;
    padding: 0 0.7rem;
  }
  body.landing .article-menu.open h2:after {
    transform: rotate(90deg);
  }
  body.landing .article-menu.open ul {
    height: auto;
    margin: 1rem 0;
  }
}
body.landing .article {
  font-size: 1.2rem;
  padding: 2.6rem 0;
  flex: 1 1;
}
@media not all and (min-width: 640px) {
  body.landing .article {
    padding: 0;
  }
}
body.landing .article h1 {
  font-weight: 800;
}
body.landing .article h2 {
  font-size: 1.4rem;
  border-bottom: 0.05rem solid rgba(0, 0, 0, 0.2);
  padding-bottom: 0.3em;
}
body.landing .article h3 {
  font-size: 1.2rem;
  font-weight: bold;
}
body.landing .article img {
  display: block;
  max-width: 100%;
  margin: 1rem auto;
}
body.landing .article img.bordered {
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
  margin-top: 1.8rem;
  margin-bottom: 1.8rem;
}
body.landing .article img[align=right] {
  margin-left: 1rem;
}
body.landing .article img[align=left] {
  margin-right: 1rem;
}
body.landing .article hr {
  display: block;
  height: 0.05rem;
  margin: 1rem 0;
  border: none;
  border-bottom: 0.05rem solid rgba(0, 0, 0, 0.2);
}
body.landing .v1-tip,
body.landing .v2-tip {
  border-radius: 0.4rem;
  padding: 0.001rem 1rem;
  margin-bottom: 1rem;
  border: 0.05rem solid rgba(0, 0, 0, 0.1);
}
body.landing .v1-tip > header,
body.landing .v2-tip > header {
  margin: 1rem 0 1rem 0;
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 1.4rem;
  min-height: 3rem;
  padding-right: 3.5rem;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 3rem 3rem;
}
body.landing .v1-tip {
  background-color: rgba(255, 0, 0, 0.1);
}
body.landing .v1-tip > header {
  background-image: url("/images/launch_icon_small.png");
}
body.landing .v2-tip {
  background-color: rgba(20, 126, 251, 0.1);
}
body.landing .v2-tip > header {
  background-image: url("/app/images/app_icon.svg");
}

body.landing #body {
  margin-top: 60px;
  position: relative;
}
body.landing .hero {
  max-width: 40rem;
  margin: 0 auto;
  text-align: center;
  line-height: 1.3;
  padding: 1rem 0 0;
}
@media not all and (min-width: 640px) {
  body.landing .hero {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
body.landing .hero h1 {
  font-size: 2.4em;
  margin: 5rem 0 2rem;
  font-weight: 800;
}
@media not all and (min-width: 640px) {
  body.landing .hero h1 {
    font-size: 2.2em;
    margin-top: 1rem;
  }
}
body.landing .hero h2 {
  font-size: 1.5em;
  margin: 2rem 0;
}
@media not all and (min-width: 640px) {
  body.landing .hero h2 {
    font-size: 1.3em;
  }
}
body.landing #submenu {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: absolute;
  top: 0.8rem;
  right: 1.6rem;
  min-height: 2rem;
}
@media not all and (min-width: 640px) {
  body.landing #submenu {
    display: none;
  }
}
body.landing #submenu .subpages a {
  color: black;
  text-decoration: none;
  font-weight: normal;
  padding: 0.15em 0.4em;
  font-size: 1.2rem;
  margin: 0 0.15em;
}
body.landing #submenu .subpages a.active, body.landing #submenu .subpages a:hover {
  border-bottom: 0.15em solid #f69134;
}
body.landing #submenu .subpages a.signup {
  margin-left: 3rem;
}
body.landing #submenu > a {
  margin-left: 3.2rem;
}
body.landing .embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
body.landing .embed-container iframe,
body.landing .embed-container object,
body.landing .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.landing .more-questions {
  background: #fcad75;
  color: white;
  padding: 0.1rem 2rem;
}
@media not all and (min-width: 640px) {
  body.landing .more-questions {
    margin-top: 6rem;
  }
}
@media all and (min-width: 640px) {
  body.landing .more-questions {
    margin-top: 3rem;
  }
}
body.landing .more-questions .inner {
  padding: 0 1rem;
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
}
body.landing .more-questions h2 {
  font-weight: 800;
  font-size: 2.2rem;
}
body.landing .more-questions p {
  font-size: 1.3rem;
  font-weight: bold;
  margin-bottom: 3rem;
}
body.landing .more-questions p a {
  color: inherit;
}
body.landing .more-questions .graphic {
  margin-top: -4rem;
}
@media not all and (min-width: 640px) {
  body.landing .more-questions .graphic {
    width: 80vw;
    max-width: 20rem;
  }
}
@media all and (min-width: 640px) {
  body.landing .more-questions .graphic {
    width: 26rem;
    float: right;
  }
}

.xc-btn {
  background-color: transparent;
  border-width: 0;
  padding: 0;
  cursor: pointer;
  /* shapes */
}
.xc-btn.xc-blockish {
  display: block;
  border-radius: 0.3rem;
  border-width: 0.05rem;
  border-style: solid;
  padding: 0.7em 0.9em;
  font-size: 0.9em;
  display: inline-block;
  transition-duration: 0.2s;
  transition-property: opacity, color, background-color;
  transition-timing-function: ease-in-out;
  font-weight: bold;
  cursor: pointer;
  border: none;
  text-decoration: none;
  text-align: center;
  border: 0.05rem solid transparent;
  white-space: nowrap;
  line-height: 1.15em;
  color: white;
  background-color: #0099f8;
}
.xc-btn.xc-blockish:hover {
  background-color: #0089dc;
  text-decoration: none;
}
.xc-btn.xc-blockish:focus {
  box-shadow: 0 0 0.2em 0.2em rgba(79, 180, 238, 0.4);
}
.xc-btn.xc-blockish:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.xc-btn.xc-blockish > .xc-icon {
  vertical-align: bottom;
}
.xc-btn.xc-blockish.xc-wide {
  padding-left: 3em;
  padding-right: 3em;
}
.xc-btn.xc-blockish.xc-danger {
  background-color: #d00a0a;
}
.xc-btn.xc-blockish.xc-danger:hover {
  background-color: #9e0a0a;
}
.xc-btn.xc-blockish.xc-safe {
  background-color: #5cb85c;
}
.xc-btn.xc-blockish.xc-safe:hover {
  background-color: #4b9a4b;
}
.xc-btn.xc-blockish.xc-avoid {
  border-color: #b5b5b5;
  color: #b5b5b5;
}
.xc-btn.xc-blockish.xc-avoid, .xc-btn.xc-blockish.xc-avoid:hover {
  background: transparent;
}
.xc-btn.xc-blockish.xc-avoid:hover {
  border-color: #949494;
  color: #949494;
}
.xc-btn.xc-blockish.xc-alternate {
  border-color: #b5b5b5;
}
.xc-btn.xc-blockish.xc-alternate, .xc-btn.xc-blockish.xc-alternate:hover {
  color: inherit;
  background-color: transparent;
}
.xc-btn.xc-blockish.xc-alternate:hover {
  border-color: #949494;
}
.xc-btn.xc-blockish.xc-call-to-action, .xc-btn.xc-blockish.xc-call-to-action:hover {
  border: none;
  color: white;
  background: linear-gradient(to bottom, #f69433 0%, #fe6764 100%);
}
.xc-btn.xc-blockish.xc-call-to-action:hover {
  filter: saturate(1.5);
}
.xc-btn.xc-borderless {
  transition: opacity 0.2s ease-in-out;
}
.xc-btn.xc-borderless:active, .xc-btn.xc-borderless:disabled {
  opacity: 0.3;
}
.xc-btn.xc-borderless:active {
  transition: none;
}
.xc-btn.xc-overlay {
  background-color: rgba(0, 0, 0, 0.4);
  color: white;
  font-weight: bold;
  text-align: center;
  font-size: 0.8em;
  line-height: 1.2;
  vertical-align: baseline;
  padding: 0.3em 0.7em;
}
.xc-btn.xc-overlay:hover {
  background-color: rgba(0, 0, 0, 0.6);
}

ul.plans-comparison {
  display: flex;
  justify-content: center;
  padding: 0 1rem;
  margin: 1rem auto;
}
@media not all and (min-width: 640px) {
  ul.plans-comparison {
    flex-direction: column;
    align-items: center;
  }
}
@media all and (min-width: 640px) {
  ul.plans-comparison {
    flex-direction: row;
    max-width: 52rem;
  }
}
ul.plans-comparison > li {
  list-style: none;
  max-width: 20rem;
  padding: 0 1rem 1rem;
  box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.1);
  border: 0.05rem solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  border-top-width: 0.6rem;
  border-top-style: solid;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media not all and (min-width: 640px) {
  ul.plans-comparison > li {
    width: 100%;
  }
}
@media all and (min-width: 640px) {
  ul.plans-comparison > li {
    flex-basis: 100%;
  }
}
ul.plans-comparison > li .loader {
  font-size: 0.7rem;
}
@media not all and (min-width: 640px) {
  ul.plans-comparison > li + li {
    margin: 1.5rem 0 0 0;
  }
}
@media all and (min-width: 640px) {
  ul.plans-comparison > li + li {
    margin: 0 0 0 0.7rem;
  }
}
ul.plans-comparison > li .description h3 {
  font-weight: bold;
  text-align: center;
  font-size: 1.2rem;
  margin: 1rem 0 0;
}
ul.plans-comparison > li .description .blurb {
  color: rgba(0, 0, 0, 0.7);
  font-style: italic;
  text-align: center;
  margin: 0.5em 0 0.7em;
  min-height: 3rem;
}
ul.plans-comparison > li .description ul {
  margin: 0.8rem 0;
  padding: 0;
}
ul.plans-comparison > li .description ul li {
  list-style: none;
  padding-left: 2.4rem;
  line-height: 1.4;
  margin-bottom: 0.2em;
}
ul.plans-comparison > li .description ul li .icon {
  margin-right: 0.4em;
  margin-left: -2.4rem;
  vertical-align: middle;
  font-size: 1.2em;
  display: inline-block;
  width: 1em;
  height: 1em;
}
ul.plans-comparison > li .cta .pricing {
  white-space: nowrap;
  text-align: center;
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
}
ul.plans-comparison > li .cta .pricing .cost {
  font-size: 1.8rem;
  display: inline-block;
  margin-right: 0.2rem;
}
ul.plans-comparison > li .cta a {
  font-weight: bold;
  font-size: 1.1rem;
  line-height: 1;
  display: block;
  text-align: center;
  margin-bottom: 0.4em;
}
ul.plans-comparison > li .cta a.call-to-action {
  color: #0099f8;
}

body.app {
  color: #082535;
  font-size: 1.1rem;
}
body.app #body {
  margin-top: 60px;
  position: relative;
  display: flex;
  flex-direction: column;
}
@media not all and (min-width: 640px) {
  body.app header {
    border: 0.05rem solid rgba(0, 0, 0, 0.4);
    border-radius: 0.4rem;
    margin: 2rem 1rem;
  }
  body.app header.empty {
    display: none;
  }
  body.app header .title {
    font-size: 1.4rem;
    padding: 0.6rem 0.7rem;
    margin: 0;
    border-bottom: 0.05rem solid rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  body.app header .title:after {
    content: url(/toolkit/images/chevron_black.svg);
    font-size: 1.3rem;
    width: 1em;
    height: 1em;
    transition: transform 0.2s ease-in-out;
    transform: rotate(-90deg);
    opacity: 0.6;
  }
  body.app header ul {
    transition-duration: 0.4s;
    transition-timing-function: cubic-bezier(0.2, 1, 0.2, 1);
    /* easeOutExpo */
    transition-property: height, margin;
    height: 0;
    overflow-y: hidden;
    margin: 0;
    padding: 0 0.7rem;
  }
  body.app header.open h2:after {
    transform: rotate(90deg);
  }
  body.app header.open ul {
    height: auto;
    margin: 1rem 0;
  }
  body.app header li + li {
    margin-top: 0.5rem;
  }
  body.app header a {
    color: rgba(0, 0, 0, 0.9);
    font-size: 1.2rem;
    font-weight: normal;
    display: block;
  }
  body.app header a.selected, body.app header a.active {
    color: #0099f8;
    font-weight: bold;
  }
}
@media all and (min-width: 640px) {
  body.app header {
    padding: 0.6rem 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  body.app header .title {
    font-size: 1.4rem;
    font-weight: bold;
  }
  body.app header ul {
    padding: 0;
    list-style: none;
  }
  body.app header li {
    display: inline-block;
  }
  body.app header a {
    color: rgba(0, 0, 0, 0.7);
    font-weight: normal;
    font-size: 1.2rem;
    border-bottom: 0.2rem solid transparent;
    padding: 0.24rem 0.5rem;
    margin-left: 0.6rem;
  }
  body.app header a:hover {
    border-bottom-color: rgba(0, 0, 0, 0.1);
    text-decoration: none;
  }
  body.app header a.selected, body.app header a.active {
    border-bottom-color: #0099f8;
  }
}
body.app a.big {
  font-size: 1.6rem;
  color: #0099f8;
  font-weight: normal;
  display: inline-block;
  padding: 0.5rem 0;
}
body.app .btn-group > * {
  margin: 0.4rem 0.2rem;
}
body.app .hero {
  max-width: 495px;
  margin: 0 auto;
  text-align: center;
  padding: 0 1rem;
}
body.app .hero h2 {
  font-size: 2.5rem;
  line-height: 1.1;
  font-weight: 800;
}
body.app .hero .image {
  position: relative;
  display: flex;
  justify-content: center;
}
body.app .hero .screenshots {
  width: 33rem;
}
body.app .hero .icon {
  position: absolute;
  width: 4.1rem;
  left: 50%;
  transform: translateX(-50%);
  bottom: 8.5rem;
}
body.app ul.selling-points {
  padding: 0;
  list-style: none;
  width: 100%;
}
body.app ul.selling-points span {
  display: block;
  color: #fa7453;
  font-size: 1rem;
  margin-bottom: -0.3rem;
}
body.app ul.selling-points h2,
body.app ul.selling-points h3 {
  font-weight: 800;
  font-size: 1.8rem;
  margin: 0 0 1rem;
}
body.app ul.selling-points p {
  color: rgba(0, 0, 0, 0.6);
}
body.app ul.selling-points img {
  width: 100%;
}
@media not all and (min-width: 640px) {
  body.app ul.selling-points {
    margin: 3rem 0;
  }
  body.app ul.selling-points > li {
    margin: 0 1.5rem;
  }
  body.app ul.selling-points > li + li {
    margin-top: 3.4rem;
  }
  body.app ul.selling-points .text {
    margin: 0 1.5rem 2rem;
  }
  body.app ul.selling-points.landscape {
    overflow-x: hidden;
  }
  body.app ul.selling-points.landscape > li {
    display: flex;
    flex-direction: column;
  }
  body.app ul.selling-points.landscape .text {
    margin-bottom: 1rem;
  }
  body.app ul.selling-points.landscape .image {
    margin: 0 -5rem;
  }
}
@media all and (min-width: 640px) {
  body.app ul.selling-points {
    margin: 5rem auto;
    max-width: 47rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  body.app ul.selling-points.landscape {
    max-width: 66rem;
    margin-top: 10rem;
    margin-bottom: 10rem;
  }
  body.app ul.selling-points > li {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  body.app ul.selling-points > li:nth-child(2n) {
    flex-direction: row-reverse;
  }
  body.app ul.selling-points > li:nth-child(2n) .image {
    margin: 0 2rem 0 0;
  }
  body.app ul.selling-points > li + li {
    margin-top: -7rem;
  }
  body.app ul.selling-points .text {
    width: 21rem;
    padding: 0 1rem;
  }
  body.app ul.selling-points .image {
    margin: 0 0 0 2rem;
    flex: 1 1;
    max-width: 47%;
  }
}
body.app .new-look img {
  width: 10rem;
}
body.app .new-look h2 {
  font-weight: 800;
  margin: 1.7rem 0;
  line-height: 1;
  font-size: 4rem;
}
body.app .new-look p {
  max-width: 39rem;
  margin: 0 auto;
}
@media not all and (min-width: 640px) {
  body.app .new-look h2 {
    font-size: 2.4rem;
    line-height: 1.1;
  }
}
body.app .maps h2 {
  font-size: 4rem;
  font-weight: 800;
  margin-bottom: 0;
  line-height: 1;
}
body.app .maps > p {
  margin-top: 0.5rem;
}
body.app .maps p {
  color: rgba(0, 0, 0, 0.6);
}
body.app .maps ul {
  list-style: none;
  padding: 0;
}
body.app .maps div {
  margin-bottom: 1rem;
}
body.app .maps div h3 {
  font-weight: 800;
  font-size: 1.8rem;
  margin: 0 0 0.6rem;
}
body.app .maps div p {
  margin: 0;
}
body.app .maps img {
  width: 100%;
}
@media not all and (min-width: 640px) {
  body.app .maps h2,
body.app .maps > p {
    margin-left: 3rem;
    margin-right: 3rem;
  }
  body.app .maps li {
    padding: 0 1.5rem;
  }
  body.app .maps li + li {
    margin-top: 3.4rem;
  }
  body.app .maps div {
    margin: 0 1.5rem 2rem;
  }
  body.app .maps img {
    width: 100%;
  }
}
@media all and (min-width: 640px) {
  body.app .maps {
    width: 72rem;
    max-width: calc(100% - 2rem);
    margin: 5rem auto;
  }
  body.app .maps ul {
    display: flex;
  }
  body.app .maps li {
    flex: 1 1 33%;
  }
  body.app .maps li + li {
    margin-left: 5%;
  }
  body.app .maps div {
    display: flex;
    flex-direction: column;
  }
  body.app .maps div h3 {
    flex-basis: 2rem;
  }
  body.app .maps div p {
    flex-basis: 7rem;
  }
}
body.app .subscriptions {
  max-width: 39rem;
  width: 100%;
  text-align: center;
  margin: 10rem auto;
  padding: 0 1rem;
}
body.app .subscriptions h2 {
  font-weight: 800;
  font-size: 1.8rem;
  margin-bottom: 1rem;
}
body.app .subscriptions p {
  color: rgba(0, 0, 0, 0.6);
}
body.app .question h2 {
  font-size: 2.4rem;
  font-weight: normal;
  margin: 0 0 1.7rem;
}
body.app .flow {
  max-width: 42em;
  margin: 0 auto;
  padding: 0 1.2em;
}
body.app .flow img {
  width: 100%;
}
body.app .flow ul,
body.app .flow ol {
  padding-left: 1.5rem;
}
body.app .flow .cta-container {
  margin: 2rem 0;
  text-align: center;
}
body.app .faqs {
  max-width: 36em;
  margin: 8rem auto;
  padding: 0 1.2em;
}
body.app .faqs h1 {
  font-size: 3.3em;
  font-weight: 800;
  text-align: center;
  margin-bottom: 1.5em;
}
body.app .faqs dl {
  margin: 0;
}
body.app .faqs dt {
  font-weight: bold;
  font-size: 1.2em;
  line-height: 1.3;
  margin: 0 0 0.3em;
}
body.app .faqs dd {
  margin: 0;
  line-height: 1.5;
  margin-bottom: 2.5em;
}
@media not all and (min-width: 640px) {
  body.app .faqs {
    font-size: 0.95em;
    margin-top: 4rem;
  }
  body.app .faqs h1 {
    font-size: 10vw;
  }
  body.app .faqs dt {
    font-size: 1.1em;
  }
}
body.app .split {
  display: flex;
  flex-direction: column;
  text-align: left;
  background: #f1faff;
  padding: 1rem 1.5rem;
}
body.app .split h2 {
  font-size: 2.4rem;
  margin-top: 0;
  margin-bottom: 1.6rem;
}
body.app .split div {
  padding: 3.6rem 0;
}
body.app .split div + div {
  border-top: 0.1rem solid rgba(0, 0, 0, 0.1);
}
body.app .split p {
  max-width: 35rem;
  color: rgba(0, 0, 0, 0.6);
}
body.app .split a.email {
  margin-top: -1.1rem;
  white-space: nowrap;
}
body.app .split a.email svg {
  vertical-align: bottom;
  width: 1.5em;
  margin-right: 0.3rem;
}
@media all and (min-width: 860px) {
  body.app .split {
    flex-direction: row;
    padding: 6rem 5%;
  }
  body.app .split h2 {
    margin-bottom: 2.6rem;
  }
  body.app .split div {
    flex: 1 1 50%;
    padding: 2rem 3.4rem;
  }
  body.app .split div + div {
    border-top: none;
    border-left: 0.1rem solid rgba(0, 0, 0, 0.1);
  }
}
@media not all and (min-width: 640px) {
  body.app .split a.email {
    font-size: 1.3rem;
  }
}
body.app .plans-introduction,
body.app .plans-disclaimer {
  margin-left: auto;
  margin-right: auto;
  padding: 0 1rem;
  max-width: 34rem;
  text-align: center;
}
body.app .plans-introduction {
  margin-top: 7rem;
}
body.app .plans-introduction h2 {
  font-size: 1.8rem;
  font-weight: 900;
  margin-bottom: 1.8rem;
}
body.app .plans-introduction p {
  font-size: 1rem;
  font-weight: bold;
  color: #42555c;
  margin-bottom: 3.4rem;
}
body.app ul.plans-comparison > li:first-child {
  border-top-color: #4fb4ee;
}
body.app ul.plans-comparison > li:last-child {
  border-top-color: #0099f8;
}
body.app .plans-disclaimer {
  margin-top: 2.5rem;
  margin-bottom: 8rem;
  font-size: 0.85rem;
}

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

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

/*# sourceMappingURL=main.css.map */