@font-face {
	font-family: proxima_nova_condensed;
	src: url(../fonts/proximanovacond-light-webfont.woff2) format("woff2"), url(../fonts/proximanovacond-light-webfont.woff) format("woff");
	font-weight: 100;
	font-style: normal;
}
@font-face {
	font-family: proxima_nova_condensed;
	src: url(../fonts/proximanovacond-lightit-webfont.woff2) format("woff2"), url(../fonts/proximanovacond-lightit-webfont.woff) format("woff");
	font-weight: 100;
	font-style: italic;
}
@font-face {
	font-family: proxima_nova_condensed;
	src: url(../fonts/proximanovacond-regular-webfont.woff2) format("woff2"), url(../fonts/proximanovacond-regular-webfont.woff) format("woff");
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: proxima_nova_condensed;
	src: url(../fonts/proximanovacond-regularitalic-webfont.woff2) format("woff2"), url(../fonts/proximanovacond-regularitalic-webfont.woff) format("woff");
	font-weight: 400;
	font-style: italic;
}
@font-face {
	font-family: proxima_nova_condensed;
	src: url(../fonts/proximanovacond-semibold-webfont.woff2) format("woff2"), url(../fonts/proximanovacond-semibold-webfont.woff) format("woff");
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: proxima_nova_condensed;
	src: url(../fonts/proximanovacond-semiboldit-webfont.woff2) format("woff2"), url(../fonts/proximanovacond-semiboldit-webfont.woff) format("woff");
	font-weight: 700;
	font-style: italic;
}
@font-face {
	font-family: proxima_nova;
	src: url(../fonts/proximanova-black-webfont.woff2) format("woff2"), url(../fonts/proximanova-black-webfont.woff) format("woff");
	font-weight: 800;
	font-style: normal;
}
@font-face {
	font-family: proxima_nova;
	src: url(../fonts/proximanova-light-webfont.woff2) format("woff2"), url(../fonts/proximanova-light-webfont.woff) format("woff");
	font-weight: 100;
	font-style: normal;
}
@font-face {
	font-family: proxima_nova;
	src: url(../fonts/proximanova-lightit-webfont.woff2) format("woff2"), url(../fonts/proximanova-lightit-webfont.woff) format("woff");
	font-weight: 100;
	font-style: italic;
}
@font-face {
	font-family: proxima_nova;
	src: url(../fonts/proximanova-regular-webfont.woff2) format("woff2"), url(../fonts/proximanova-regular-webfont.woff) format("woff");
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: proxima_nova;
	src: url(../fonts/proximanova-regularitalic-webfont.woff2) format("woff2"), url(../fonts/proximanova-regularitalic-webfont.woff) format("woff");
	font-weight: 400;
	font-style: italic;
}
@font-face {
	font-family: proxima_nova;
	src: url(../fonts/proximanova-bold-webfont.woff2) format("woff2"), url(../fonts/proximanova-bold-webfont.woff) format("woff");
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: proxima_nova;
	src: url(../fonts/proximanova-boldit-webfont.woff2) format("woff2"), url(../fonts/proximanova-boldit-webfont.woff) format("woff");
	font-weight: 700;
	font-style: italic;
}

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
  display: block;
}
audio, canvas, progress, video {
  display: inline-block;
}
audio: not([controls]) {
  display: none;
  height: 0;
}
[hidden], template {
  display: none;
}
a {
  background-color: transparent
}
a:active, a:hover {
  outline-width: 0;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
.canvas-nav-item, .card a, .footer-nav-social a, .site-nav-item a, .site-subhead a {
  text-decoration: none;
}
b, strong {
  font-weight: bolder;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: .67em 0;
}
mark {
  background-color: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}
sub {
  bottom: -.25em;
}
sup {
  top: -.5em;
}
img {
  border-style: none;
}
svg: not(: root) {
  overflow: hidden;
}
code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
button, input, select, textarea, .js-submit-button {
  font: inherit;
  margin: 0;
}
optgroup {
  font-weight: 700;
}
button, select, .js-submit-button {
  text-transform: none;
}
[type=button], [type=reset], [type=submit], button, .js-submit-button {
  cursor: pointer;
}
[disabled] {
  cursor: default;
}
[type=reset], [type=submit], button, html [type=button], .js-submit-button {
  -webkit-appearance: button;
}
button:: -moz-focus-inner, input:: -moz-focus-inner {
  border: 0;
  padding: 0;
}
button: -moz-focusring, input: -moz-focusring {
  outline: ButtonText dotted 1px;
}
fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em;
}
legend {
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal;
}
textarea {
  overflow: auto;
}
[type=number]:: -webkit-inner-spin-button, [type=number]:: -webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
}
[type=search]:: -webkit-search-cancel-button, [type=search]:: -webkit-search-decoration {
  -webkit-appearance: none;
}
body {
  margin: 0;
  min-height: 100%;
  font-size: 16px;
  line-height: 1.4em;
  font-family: proxima_nova, ProximaNova, Helvetica, Arial, sans-serif;
}
.site-nav-item, .site-subhead {
  font-family: proxima_nova, ProximaNova, monospace;
}
.u-mobile-visible {
  display: none;
}
.site-header {
  background-color: #fff;
  color: #000;
  position: absolute;
  width: 100%;
  height: 65px;
  z-index: 500;
}

@media screen and (max-width: 767px) {
  body .u-mobile-hide {
    display: none;
  }
  .u-mobile-visible {
    display: initial;
  }
  .site-header {
    height: 50px;
  }
}

.site-branding {
  display: inline-block;
  height: 100%;
}
.site-logo, .site-subhead {
  display: inline-block;
  vertical-align: middle;
}
.site-logo {
  display: inline-block;
  background-color: #ff602a;
  padding: 1rem;
  margin: 0;
  height: 100%;
}
.site-logo-partner {
  background-color: #2f3f4f;

}
.site-logo-partner img {
  max-height: 100%;
  width: auto;

}
.site-header:after, .site-nav {
  left: 0;
  background-color: #fff;
}
.site-logo svg {
  width: 90px;
  height: 100%;
}
.site-logo path, .site-logo polygon {
  fill: #fff;
}
.site-logo .knockout {
  fill: #545454;
}
.site-subhead {
  margin: 0 0 0 1em;
  font-size: 1.125rem;
  color: #31ba66;
}
.site-subhead a {
  color: #4796b8;
}
.site-subhead a:hover {
  color: #397893;
}

@media screen and (max-width: 767px) {
  .site-subhead {
    font-size: .9rem;
    margin-left: .5rem;
  }
  .site-logo {
    padding: .75rem;
  }
  .site-logo svg {
    width: 70px;
    height: 26px;
  }
}

.site-tools {
  float: right;
  padding: .8rem 1.5rem .8rem 1rem;
  height: 100%;
}
.site-tools:before {
  height: 100%;
  width: 1px;
  display: inline-block;
  vertical-align: middle;
}
.site-tools .button {
  padding-left: 1rem;
  padding-right: 1rem;
}
.site-tools .form-control--inline input[type=email] {
  width: 16rem;
  margin-right: .25em;
}
.site-header-download, .site-nav-toggle {
  display: inline-block;
  vertical-align: middle;
}

@media screen and (max-width: 960px) {
  .site-header-download .form-control--inline input[type=email] {
    width: 10rem;
  }
}

@media screen and (max-width: 767px) {
  .site-tools {
    padding: .75rem 0;
    float: none;
    background-color: #fff;
  }
  .site-header-download {
    display: block;
    margin-top: -34px;
    width: 100%;
    text-align: center;
  }
  .site-header-download button.button {
    font-size: 14px;
    padding-left: 7px;
    padding-right: 7px;
  }
  #thanks-control {
    line-height: 40px;
  }
}

.site-nav-toggle {
  margin: 0 0 0 2rem;
  cursor: pointer;
}
.site-nav-toggle:hover path {
  fill: #000;
}
.site-nav-toggle svg {
  width: 35px;
  height: 23px;
  position: relative;
  top: 1px;
}
.site-nav-toggle path {
  fill: #545454;
  transition: fill .25s;
}
.site-nav-toggle--opened .site-nav-toggle__open {
  display: none;
}
.site-nav-toggle--closed .site-nav-toggle__open, .site-nav-toggle--opened .site-nav-toggle__close {
  display: inline-block;
}
.site-nav-toggle--closed .site-nav-toggle__close {
  display: none;
}
.site-nav-footer {
  text-align: right;
  font-size: .875rem;
  margin-top: 1.5rem;
  opacity: .5;
}
.site-nav-footer img, .site-nav-footer span {
  display: inline-block;
  vertical-align: middle;
  line-height: 1em;
  margin: 0 .25em;
}
.site-nav-footer img {
  width: 120px;
  height: auto;
}

@media screen and (max-width: 960px) {
  .site-nav-toggle {
    margin-left: 1rem;
  }
}

@media screen and (max-width: 767px) {
  .site-nav-toggle svg {
    width: 25px;
    height: 16px;
  }
  .site-nav-footer {
    display: block;
  }
}

.site-nav {
  width: 100%;
  position: absolute;
  top: 65px;
  text-align: center;
  padding: 2rem 1rem;
  margin-top: -100%;
  visibility: hidden;
  transition: margin .375s ease-in, visibility .375s ease-in;
}
.site-nav.is-open {
  margin-top: 0;
  visibility: visible;
  transition-timing-function: ease-out;
}
.site-nav-group {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  max-width: 25rem;
}
.site-nav-group+.site-nav-group {
  margin-left: 6rem;
}

@media screen and (max-width: 960px) {
  .site-nav-group {
    width: auto;
  }
  .site-nav-group+.site-nav-group {
    margin-left: 3rem
  };
}

.site-nav-group-header {
  font-size: 1.25rem;
  font-weight: 400;
  color: #545454;
  margin: 0;
}
.site-nav-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.site-nav-item {
  font-size: 1.25rem;
  line-height: 1.4em;
  font-weight: 400;
}
.site-nav-item a {
  color: #ff602a;
  display: block;
}
.site-nav-item a:hover {
  color: #dd3800;
}
.site-nav-item a:hover .site-nav-item-teaser {
  color: #737373;
}
.site-nav-item .site-nav-item-teaser {
  display: block;
  color: #999;
  font-size: 1rem;
  font-family: proxima_nova, ProximaNova, Helvetica, Arial, sans-serif;
  font-weight: 400;
}
.site-nav-group-header, .site-nav-item {
  margin-bottom: 1rem;
}

@media screen and (max-width: 767px) {
  .site-nav {
    margin-top: -500%;
    top: 50px;
    padding-bottom: 1rem;
  }
  .site-nav-group {
    width: 100%;
  }
  .site-nav-group+.site-nav-group {
    margin-left: 0;
  }
  .site-nav-group-header, .site-nav-item {
    font-size: 1rem;
  }
}

.site-branding, .site-tools {
  z-index: 400;
  position: relative;
}
.site-header:after {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 300;
}
.site-nav {
  z-index: 400;
}
input[type=email], input[type=text] {
  border: 1px solid #cacaca;
  border-radius: 4px;
  padding: 8px 4px;
  box-shadow: inset 1px 1px 2px #e0e0e0;
}
progress, sub, sup {
	vertical-align: baseline;
}
button, hr, input, select {
	overflow: visible;
}
[type=checkbox], [type=radio], legend {
	padding: 0;
	box-sizing: border-box;
}
*, legend {
	box-sizing: border-box;
}
body, html {
	background: #000;
}
.site-header, .site-nav {
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .25);
}
.card:after, .form-control--opt-ins:after, .site-header:after, .site-tools:before {
	content: '';
}

.button {
  background: #4796b8;
  /*box-shadow: 0 4px #00524b;
  */
  border: 1px solid #fff;
  border-radius: 4px;
  padding: 8px 8px 6px;
  color: #fff;
  position: relative;
  /*top: -2px;*/
  transition: background-color .125s linear;
}
.button:hover {
  outline: 0;
  top: 1px;
  /*box-shadow: 0 3px #00524b*/
}
.button:active {
  outline: 0;
  top: 1px;
  /*box-shadow: 0 1px #00524b*/
}
.button[disabled], .button[disabled]:hover {
  background-color: #545454;
  box-shadow: 0 4px #212121;
}
.button .icon {
  margin-left: .25rem;
}
.button .icon svg {
  width: 8px;
  height: 13px;
  vertical-align: middle;
  margin-top: -2px;
}
.button .icon path {
  fill: #fff;
}
.button--yellow {
  background: #ffae2e;
  box-shadow: 0 4px #c77a00;
}
.button--yellow:hover {
  box-shadow: 0 3px #c77a00;
}
.button--yellow:active {
  box-shadow: 0 1px #c77a00;
}
.form-control {
  display: inline-block;
  vertical-align: middle;
}
.form-control.text-only {
  color: #fff;
}
.form-control--opt-ins {
  overflow: hidden;
  font-size: .9rem;
/*  text-align: justify;*/
}
.form-control--opt-ins label {
  width: 100%;
  display: inline-block;
  text-align: left;
  vertical-align: top;
  text-indent: -1.25em;
  padding-left: 1.25em;
  line-height: 1.2em;
}
.form-control--opt-ins input[type=checkbox] {
  margin-right: .125em;
}
.form-control--opt-ins:after {
  width: 100%;
  height: 1px;
  overflow: hidden;
/*  display: inline-block;*/
  display: none;
  line-height: 1px;
}
.card a.js-submit-button, .card a.js-submit-button:hover {
  display: block;
  color: #fff;
  border-bottom: 1px solid #fff;
}

@media screen and (max-width: 600px) {
  .form-control--opt-ins label {
    width: 100%;
    margin-bottom: 1em;
  }
  .form-control--opt-ins:after {
    display: none;
  }
}

.form-control--inline {
  overflow: hidden;
  position: relative;
  color: #000;
}
.form-control--inline input[type=email], .form-control--inline input[type=text] {
  padding-left: 35px;
  display: block;
  width: 100%;
}
.form-control--inline .button {
  width: 100%;
}
.form-control--inline label {
  width: 35px;
  position: absolute;
  left: 5px;
  padding: 9px 4px;
  overflow: hidden;
  text-align: left;
  top: 1px;
}
.form-control--inline label svg {
  width: 20px;
  height: 13px;
  /*vertical-align: text-top;*/
}
.form-control--inline label path {
  fill: #545454;
}
.axis .tick, .canvas-nav-item path, .legend text {
  fill: #fff;
}
.form-control--inline label span {
  position: absolute;
  left: -9999px;
}
.button {
  width: 100%;
}
.form-multi {
  text-align: justify;
  margin-top: -1rem;
}
.form-multi .form-control {
  text-align: left;
  position: relative;
  margin-bottom: .75rem;
  width: 100%;
}
.canvas-nav, .card, .is-tall.canvas-video, .site-canvas {
  position: absolute;
}
.form-multi .form-control input {
  width: 100%;
  padding-top: 1.25rem;
  padding-bottom: .25rem;
  padding-left: .5rem;
}
.form-multi .form-control label {
  position: absolute;
  top: .125em;
  left: .5rem;
  color: #1a1a1a;
  font-size: .75rem;
}
.form-multi .form-control--header {
  width: 100%;
  text-align: center;
  margin-top: 1.25rem;
  margin-bottom: .75rem;
}
.form-multi .form-control--header h2 {
  margin: 0;
  font-size: 1.25rem;
}
.form-multi .form-control--2 {
  width: 48%;
}
.form-multi .form-control--3 {
  width: 31%;
}
.form-multi .form-control--4 {
  width: 23%;
}
.form-multi .form-control--5 {
  width: 18%;
}
.form-multi .form-control--submit {
  text-align: center;
  margin: 2rem 0;
}
.form-multi .form-control--submit button {
  width: 100%;
  max-width: 20rem;
}

@media screen and (max-width: 600px) {
  .form-multi .form-control--2 {
    width: 100%;
  }
  .form-multi .form-control--3, .form-multi .form-control--4, .form-multi .form-control--5 {
    width: 48%;
  }
}

.form-error {
  display: none;
  text-align: center;
  color: #dd3800;
  font-weight: 700;
  margin-bottom: .5rem;
}
.is-error .form-error {
  display: inline-block;
}
input[type=email].is-error, input[type=text].is-error {
  background-color: #ffac90;
  border-color: #dd3800;
}
.is-submitted .form-control input[type=email], .is-submitted .form-control--opt-ins, .page--archive .is-submitted .form-control input[type=email], .page--archive .is-submitted .form-control--opt-ins {
  display: none;
}
.site-canvas {
  background-color: #000;
  background-image: url(../img/bg-desktop.jpg);
  background-position: center center;
  background-size: cover;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding-top: 65px;
  overflow: hidden;
  text-align: center;
}
.canvas-video {
  width: 100%;
  height: auto;
  display: inline-block;
}
.canvas-video-fallback {
  width: 100%;
  height: auto;
  display: block;
}
.is-tall.canvas-video {
  left: 50%;
}

@media screen and (max-width: 767px) {
  .site-canvas {
    padding-top: 50px;
    background-color: #000;
    background-image: url(../img/bg-mobile.jpg);
    background-position: center center;
    background-size: cover;
  }
  .canvas-video {
    display: none;
  }
}

.canvas-nav-item svg, .canvas-nav-item__teaser {
  display: inline-block;
  vertical-align: middle;
}
.canvas-nav {
  height: 82px;
  width: auto;
  padding: 0 1rem;
  top: 50%;
  overflow: hidden;
  margin-top: -32px;
  z-index: 100;
}
.canvas-nav__prev {
  left: 0;
}
.canvas-nav__next {
  right: 0;
}
.canvas-nav-item {
  opacity: .5;
  transition: opacity .25s linear;
  padding: 16px;
}
.canvas-nav-item:hover {
  opacity: 1;
}
.canvas-nav-item__prev svg {
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.canvas-nav-item__teaser {
  color: #fff;
  line-height: 1em;
  margin-right: 1rem;
  transition: opacity .25s linear;
}

@media screen and (max-width: 960px) {
  .canvas-nav-item__teaser {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .canvas-nav {
    padding-left: .75rem;
    padding-right: .75rem;
    height: auto;
    margin-top: .25rem;
  }
  .canvas-nav-item {
    padding: 0;
    opacity: .3;
  }
  .canvas-nav-item svg {
    width: 15px;
    height: auto;
  }
  .canvas-nav-item__teaser {
    display: none;
  }
}

.card:after, .card__foreground {
  display: inline-block;
  vertical-align: middle;
}
.card {
  width: 100%;
  height: 100%;
  background: 0 0;
  font-family: proxima_nova, ProximaNova, monospace;
  text-align: center;
  left: auto;
  top: 0;
}
.card--download .card__foreground, .card--intro .card__foreground p {
  font-family: proxima_nova, ProximaNova, Helvetica, Arial, sans-serif;
}
.card:after {
  width: 1px;
  height: 100%;
  margin-left: -.25rem;
}
.card--background {
  background-size: cover;
  background-position: center;
}
.card--yellow {
  background-color: #ffae2e;
}
.card--blue {
  background-color: #4796b8;
}
.card--green {
  background-color: #31ba66;
}
.card--orange {
  background-color: #ff602a;
}
.card--gray {
  background-color: #545454;
}
.card__foreground {
  font-size: 1.25rem;
  line-height: 1.4em;
  padding: 1rem 2rem;
  text-align: center;
  color: #fff;
  max-width: 40rem;
  position: relative;
  z-index: 200;
}
.card--teaser .card__foreground h2 {
  display: none;
}
.card--intro .card__foreground {
  background-color: #4796b8;
  font-size: 1.125rem;
  max-width: 34rem;
  padding-bottom: 2.5rem;
}
.card--intro .card__foreground a.button {
  color: #fff;
  text-decoration: none;
  display: block;
  margin: 1rem auto 0;
  border-bottom: 0;
  max-width: 16rem;
}
.card--intro .card__foreground h2 {
  font-family: 'Source Serif Pro', serif;
  font-weight: 800;
  font-size: 2.5rem;
  line-height: 1.2em;
  margin-bottom: 1.125rem;
}
.card--download .card__foreground {
/*  background-color: #ffae2e;*/
  background-color: #4796b8;
  font-size: 1rem;
  padding: 2rem;
}
.card--download .card__foreground h2 {
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1.2em;
  margin-top: 0;
  font-family: 'Source Serif Pro', serif;
}
.canvas-tag, .card__chart {
  font-family: proxima_nova, ProximaNova, Helvetica, Arial, sans-serif;
}
.card--download .download-form {
  width: 100%;
  max-width: 24rem;
  margin: 1.5rem auto 0;
  text-align: center;
}
.card--download .form-control {
  width: 100%;
  margin-bottom: 1rem;
}
.card--download .form-control button[type=submit], .card--download .form-control input[type=email], .card--download .form-control input[type=text] {
  width: 100%;
  transition: background-color .5s linear;
}

@media screen and (max-width: 767px) {
  .card--text-heavy {
    overflow-y: auto;
  }
  .card .card__foreground {
    max-width: 90%;
    font-size: 1rem;
    margin-top: 2rem;
  }
  .card .card__foreground h2 {
    display: block;
    font-size: 1.125rem;
  }
  .card .card__foreground p {
    font-size: 1rem;
    line-height: 1.3em;
  }
  .card--download .card__foreground, .card--intro .card__foreground {
    max-width: 80%;
  }
  .card--text-heavy .card__foreground {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .card--intro .card__foreground {
    font-size: 1rem;
    width: 98%;
    max-width: 100%;
    margin-top: 1rem;
    text-shadow: 0 0 2px rgba(0, 0, 0, .5);
  }
  .card--intro .card__foreground h1 {
    font-size: 1.5rem;
    font-weight: 400;
  }
  .card--intro .card__foreground p {
    font-family: proxima_nova, ProximaNova, Helvetica, Arial, sans-serif;
  }
  .canvas-nav, .card__chart {
    display: none;
  }
  .card h2 {
    font-size: 1.25rem;
    line-height: 1.2em;
    font-weight: 800;
  }
  .card--intro .card__foreground h2 {
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 400px) {
  .card__foreground {
    max-width: 85%;
  }
}

.card a {
  color: #ffae2e;
  border-bottom: 1px solid #31ba66;
}
.card a:hover {
  border-bottom: 0;
  color: #fa9900;
}
.canvas-tag {
  background: #fff;
  color: #000;
  display: inline-block;
  font-weight: 400;
  font-size: .875rem;
  line-height: 1em;
  padding: .75rem 1rem;
  margin: 0;
  position: absolute;
  top: 97px;
  left: 148px;
  z-index: 200;
}
.page .canvas-tag {
  top: 32px;
}
.page .canvas-tag .canvas-tag__close {
  width: 40px;
  height: 38px;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: -40px;
  text-align: center;
  opacity: .5;
  cursor: pointer;
  transition: opacity .25s linear;
}
.page .canvas-tag .canvas-tag__close:before {
  content: '\00D7';
  font-size: 1.5rem;
  font-weight: 700;
  margin-top: 12px;
  margin-bottom: -1px;
  display: inline-block;
  vertical-align: middle;
}
.page .canvas-tag .canvas-tag__close:hover {
  opacity: .75;
}

@media screen and (max-width: 960px) and (max-height: 959px) {
  .card--chart .canvas-tag {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .canvas-tag {
    display: none;
  }
  .page .canvas-tag {
    top: .5rem;
    left: auto;
    display: inline-block;
    position: relative;
    background: 0 0;
  }
  .page .canvas-tag .canvas-tag__content {
    display: none;
  }
  .page .canvas-tag .canvas-tag__close {
    position: absolute;
    left: -1.5rem;
    display: inline-block;
    width: 5rem;
  }
  .page .canvas-tag .canvas-tag__close:before {
    content: '\00D7';
    display: inline-block;
    vertical-align: middle;
  }
  .page .canvas-tag .canvas-tag__close:after {
    display: inline-block;
    content: 'close';
    font-size: .875rem;
    vertical-align: middle;
    margin-left: .5rem;
    margin-top: 11px;
  }
}

.card, .page, .x.axis path, .y.axis path {
  display: none;
}
.card--chart .card__foreground {
  width: 80%;
  max-width: 60rem;
  margin-top: 2rem;
}
.card--chart h2 {
  font-size: 1.25rem;
  font-weight: 400;
}
.card__chart {
  width: 100%;
  font-size: .875rem;
}
.card__chart svg {
  opacity: 0;
  transition: opacity .35s ease-in;
}
.card--horizontal-grouped .x.axis .tick line {
  stroke-dasharray: 1, 2;
  opacity: .5;
}
.card--horizontal-grouped .x.axis .tick-0 line {
  stroke-dasharray: none;
  opacity: 1;
}
.card--horizontal-box .x.axis .tick line {
  stroke-dasharray: 1, 2;
  opacity: .5;
}
.card--stacked-bar .x.axis .tick line {
  stroke: #fff;
  stroke-dasharray: 1, 2;
  opacity: .5;
}
.card--stacked-bar .x.axis .tick-0 line {
  opacity: 1;
  stroke-dasharray: none;
}
.card--grouped-bar .y.axis .tick line {
  stroke: #fff;
  stroke-dasharray: 1, 2;
  opacity: .5;
}
.card--grouped-bar .y.axis .tick-0 line {
  opacity: 1;
  stroke-dasharray: none;
}
.x.axis .tick {
  font-size: .75rem;
}
.axis line, .axis path {
  fill: none;
  stroke: #fff;
  shape-rendering: crispEdges;
}
.site-pages {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow-y: auto;
  background: #ff602a;
  color: #fff;
  opacity: 0;
  transition: margin .5s, opacity .5s;
  z-index: 50;
}
.site-pages--active {
  margin-top: 0;
  opacity: 1;
  z-index: 300;
}

@media screen and (max-width: 767px) {
  .site-pages {
    margin-top: -200%;
  }
  .site-pages--active {
    margin-top: 0;
  }
}

.page {
  padding-top: 1rem;
  padding-bottom: 6rem;
}
.page--active {
  display: block;
}
.page__content {
  margin: 8rem auto 2rem;
  max-width: 25rem;
}
.page--blue {
  background-color: #4796b8;
}
.page--orange {
  background-color: #ff602a;
}
.page--yellow {
  background-color: #ffae2e;
}
.page--gray {
  background-color: #545454;
}
.page--green {
  background-color: #31ba66;
}

@media screen and (max-height: 45rem) {
  .page__content {
    margin-top: 6rem;
  }
}

.page h2 {
  font-family: Sanchez, monospace;
  font-weight: 400;
  text-align: center;
  line-height: 1.2em;
}
.page .download-form {
  width: 100%;
  text-align: center;
}
.page .download-form .form-control {
  width: 100%;
  margin-bottom: 1rem;
}
.page .download-form .form-control button[type=submit], .page .download-form .form-control input[type=email], .page .download-form .form-control input[type=text] {
  width: 100%;
  transition: background-color .5s linear;
}

@media screen and (max-width: 767px) {
  .page {
    text-align: center;
  }
  .page__content {
    margin-top: 2rem;
    width: 100%;
    padding: 1rem;
  }
}

.page--infographic .page__content {
  max-width: 95%;
  padding-bottom: 2rem;
  margin-top: 6rem;
}
.page--infographic .infographic {
  max-width: 100%;
  width: auto;
  max-height: 600px;
  height: auto;
  margin: 0 auto;
  display: block;
}

@media screen and (max-width: 767px) {
  .page--infographic .page__content {
    margin-top: 2rem;
  }
}

.page--archive .page__content {
  width: 90%;
  max-width: 55rem;
}
.page--archive .form-control {
  max-width: 25rem;
  margin: 0 auto 1rem;
  display: block;
}
.page--archive .form-control--reports {
  width: 100%;
  max-width: 100%;
  display: block;
  text-align: center;
}
.page--archive .form-control--reports label {
  position: relative;
  overflow: hidden;
  background: #000;
  display: inline-block;
  box-shadow: 0 0 5px rgba(0, 0, 0, .5);
  margin: .25rem;
}
.page--archive .form-control--reports input[type=checkbox] {
  position: absolute;
  left: -9999px;
  visibility: hidden;
}
.page--archive .form-control--reports img {
  background-color: #000;
  transition: none;
  opacity: .375;
  display: block;
  cursor: pointer;
}
.page--archive .form-control--reports input[type=checkbox]: checked+img, .page--archive .form-control--reports label.is-checked img {
  opacity: 1;
  transition: opacity .25s linear;
}

@media screen and (max-width: 767px) {
  .page--archive .heads-up {
    font-size: .875rem;
    margin-bottom: 1em;
    line-height: 1.2em;
    color: #e6e6e6;
    display: block;
  }
  .page--archive .form-control--reports label {
    width: 23%;
  }
  .page--archive .form-control--reports img {
    max-width: 100%;
    height: auto;
  }
}

.page--yoself .page__content {
  width: 50%;
  max-width: 40rem;
  min-width: 34rem;
}
.page--yoself .form-error {
  text-align: center;
  color: #fff;
  margin: 1rem 0 0;
}

@media screen and (max-width: 767px) {
  .page--yoself .page__content {
    width: 90%;
  }
}

.page--bys .page__content {
  width: 90%;
  max-width: 560px;
}
.page--bys .page__content img {
  width: 100%;
  height: auto;
  max-width: 100%;
}
.site-footer {
  padding: 1rem;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 300;
  color: #fff;
  overflow: hidden;
  font-size: .875rem;
}
.footer-logo {
  max-width: 120px;
  height: auto;
  display: inline-block;
  vertical-align: middle;
}
.footer-copyright {
  display: inline-block;
  vertical-align: middle;
  margin-left: 1rem;
}
.footer-nav-social {
  float: right;
  margin-right: 1rem;
}
.footer-nav-social a {
  color: #fff;
  margin-left: 1rem;
}
.footer-nav-social a svg {
  fill: #fff;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: text-bottom;
}
.footer-nav-social a:hover {
  color: #e6e6e6;
}
.footer-nav-social a:hover svg {
  fill: #e6e6e6;
}

@media screen and (max-width: 767px) {
  .site-footer {
    display: none;
  }
}

/* Animation: */
[id="slide/0"] {
  left: 0px;
  display: block;
  z-index: 100;
  visibility: visible;
  transition: left 0.5s, right 0.5s;
}
[id="slide/1"] {
  left: 100%;
  display: block;
  z-index: 0;
  visibility: visible;
  transition: left 0.5s, right 0.5s;
}
.page2 [id="slide/0"] {
  left: -100%;
  right: auto;
}
.page2 [id="slide/1"] {
  left: 0px;
  z-index: 100;
}