@charset "UTF-8";
/* stylelint-disable-line */
/* stylelint-disable */
/* stylelint-enable */
*, *:before, *:after {
  box-sizing: border-box;
}

html,
body {
  overflow-x: hidden;
  position: relative;
  height: 100%;
  width: 100%;
}

html {
  font-family: "Apercu", "Helvetica Neue", Helvetica, sans-serif;
  line-height: 1.5;
  font-size: 100%;
  text-size-adjust: 100%;
}
@media (min-width: 2500px) {
  html {
    font-size: 1vw;
  }
}

body {
  margin: 0;
  font-size: 18px;
  font-size: calc( 16px + (18 - 16) * (100vw - 300px) / (1800 - 300) );
  color: #516A7D;
}

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Apercu", "Helvetica Neue", Helvetica, sans-serif;
  color: currentColor;
  font-size: 16px;
  font-weight: 300;
  margin: 0;
}

h1 {
  font-size: 64px;
  font-size: calc( 30px + (64 - 30) * (100vw - 300px) / (1800 - 300) );
}

h2 {
  font-size: 48px;
  font-size: calc( 24px + (48 - 24) * (100vw - 300px) / (1800 - 300) );
}

h1, h2 {
  line-height: 1.15;
}

h3 {
  font-size: 36px;
  font-size: calc( 20px + (36 - 20) * (100vw - 300px) / (1800 - 300) );
  line-height: 1.25;
}

h4 {
  font-size: 22px;
  font-size: calc( 18px + (22 - 18) * (100vw - 300px) / (1800 - 300) );
  line-height: 1.5;
}

h5 {
  font-size: 18px;
  font-size: calc( 16px + (18 - 16) * (100vw - 300px) / (1800 - 300) );
}

h6 {
  font-size: 14px;
  font-size: calc( 14px + (16 - 14) * (100vw - 300px) / (1800 - 300) );
}

p {
  margin: 24px 0;
}

a {
  color: #29B0E0;
  background-color: transparent;
  /* 1 */
  scroll-behavior: smooth;
  text-decoration: none;
}
a:focus, a:active, a:hover {
  text-decoration: underline;
  color: #29B0E0;
}
a:active, a:hover {
  outline-width: 0;
}

/* stylelint-disable */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/* stylelint-enable */
b,
strong {
  font-weight: inherit;
}

/* stylelint-disable */
b,
strong {
  font-weight: bold;
}

/* stylelint-enable */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

dfn {
  font-style: italic;
}

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

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

audio,
video {
  display: inline-block;
}

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

img {
  border-style: none;
  max-width: 100%;
  vertical-align: middle;
}

/* stylelint-disable */
svg:not(:root) {
  overflow: hidden;
}

/* stylelint-enable */
iframe[width] {
  width: auto !important;
}

button,
input,
optgroup,
select,
textarea {
  font-family: "Apercu", "Helvetica Neue", Helvetica, sans-serif;
  font-size: 100%;
  line-height: 1.5;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

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

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  display: inline-block;
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

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

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

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

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

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details,
menu {
  display: block;
}

summary {
  display: list-item;
}

canvas {
  display: inline-block;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

/*!
 *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
  font-family: "FontAwesome";
  src: url("../fonts/fontawesome-webfont.eot?v=4.3.0");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}

.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-fw {
  width: 1.28571429em;
  text-align: center;
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}

.fa-ul > li {
  position: relative;
}

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}

.fa-li.fa-lg {
  left: -1.85714286em;
}

.fa-border {
  padding: 0.2em 0.25em 0.15em;
  border: solid 0.08em #eee;
  border-radius: 0.1em;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.fa.pull-left {
  margin-right: 0.3em;
}

.fa.pull-right {
  margin-left: 0.3em;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
  filter: none;
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

.fa-glass:before {
  content: "";
}

.fa-music:before {
  content: "";
}

.fa-search:before {
  content: "";
}

.fa-envelope-o:before {
  content: "";
}

.fa-heart:before {
  content: "";
}

.fa-star:before {
  content: "";
}

.fa-star-o:before {
  content: "";
}

.fa-user:before {
  content: "";
}

.fa-film:before {
  content: "";
}

.fa-th-large:before {
  content: "";
}

.fa-th:before {
  content: "";
}

.fa-th-list:before {
  content: "";
}

.fa-check:before {
  content: "";
}

.fa-remove:before, .fa-close:before, .fa-times:before {
  content: "";
}

.fa-search-plus:before {
  content: "";
}

.fa-search-minus:before {
  content: "";
}

.fa-power-off:before {
  content: "";
}

.fa-signal:before {
  content: "";
}

.fa-gear:before, .fa-cog:before {
  content: "";
}

.fa-trash-o:before {
  content: "";
}

.fa-home:before {
  content: "";
}

.fa-file-o:before {
  content: "";
}

.fa-clock-o:before {
  content: "";
}

.fa-road:before {
  content: "";
}

.fa-download:before {
  content: "";
}

.fa-arrow-circle-o-down:before {
  content: "";
}

.fa-arrow-circle-o-up:before {
  content: "";
}

.fa-inbox:before {
  content: "";
}

.fa-play-circle-o:before {
  content: "";
}

.fa-rotate-right:before, .fa-repeat:before {
  content: "";
}

.fa-refresh:before {
  content: "";
}

.fa-list-alt:before {
  content: "";
}

.fa-lock:before {
  content: "";
}

.fa-flag:before {
  content: "";
}

.fa-headphones:before {
  content: "";
}

.fa-volume-off:before {
  content: "";
}

.fa-volume-down:before {
  content: "";
}

.fa-volume-up:before {
  content: "";
}

.fa-qrcode:before {
  content: "";
}

.fa-barcode:before {
  content: "";
}

.fa-tag:before {
  content: "";
}

.fa-tags:before {
  content: "";
}

.fa-book:before {
  content: "";
}

.fa-bookmark:before {
  content: "";
}

.fa-print:before {
  content: "";
}

.fa-camera:before {
  content: "";
}

.fa-font:before {
  content: "";
}

.fa-bold:before {
  content: "";
}

.fa-italic:before {
  content: "";
}

.fa-text-height:before {
  content: "";
}

.fa-text-width:before {
  content: "";
}

.fa-align-left:before {
  content: "";
}

.fa-align-center:before {
  content: "";
}

.fa-align-right:before {
  content: "";
}

.fa-align-justify:before {
  content: "";
}

.fa-list:before {
  content: "";
}

.fa-dedent:before, .fa-outdent:before {
  content: "";
}

.fa-indent:before {
  content: "";
}

.fa-video-camera:before {
  content: "";
}

.fa-photo:before, .fa-image:before, .fa-picture-o:before {
  content: "";
}

.fa-pencil:before {
  content: "";
}

.fa-map-marker:before {
  content: "";
}

.fa-adjust:before {
  content: "";
}

.fa-tint:before {
  content: "";
}

.fa-edit:before, .fa-pencil-square-o:before {
  content: "";
}

.fa-share-square-o:before {
  content: "";
}

.fa-check-square-o:before {
  content: "";
}

.fa-arrows:before {
  content: "";
}

.fa-step-backward:before {
  content: "";
}

.fa-fast-backward:before {
  content: "";
}

.fa-backward:before {
  content: "";
}

.fa-play:before {
  content: "";
}

.fa-pause:before {
  content: "";
}

.fa-stop:before {
  content: "";
}

.fa-forward:before {
  content: "";
}

.fa-fast-forward:before {
  content: "";
}

.fa-step-forward:before {
  content: "";
}

.fa-eject:before {
  content: "";
}

.fa-chevron-left:before {
  content: "";
}

.fa-chevron-right:before {
  content: "";
}

.fa-plus-circle:before {
  content: "";
}

.fa-minus-circle:before {
  content: "";
}

.fa-times-circle:before {
  content: "";
}

.fa-check-circle:before {
  content: "";
}

.fa-question-circle:before {
  content: "";
}

.fa-info-circle:before {
  content: "";
}

.fa-crosshairs:before {
  content: "";
}

.fa-times-circle-o:before {
  content: "";
}

.fa-check-circle-o:before {
  content: "";
}

.fa-ban:before {
  content: "";
}

.fa-arrow-left:before {
  content: "";
}

.fa-arrow-right:before {
  content: "";
}

.fa-arrow-up:before {
  content: "";
}

.fa-arrow-down:before {
  content: "";
}

.fa-mail-forward:before, .fa-share:before {
  content: "";
}

.fa-expand:before {
  content: "";
}

.fa-compress:before {
  content: "";
}

.fa-plus:before {
  content: "";
}

.fa-minus:before {
  content: "";
}

.fa-asterisk:before {
  content: "";
}

.fa-exclamation-circle:before {
  content: "";
}

.fa-gift:before {
  content: "";
}

.fa-leaf:before {
  content: "";
}

.fa-fire:before {
  content: "";
}

.fa-eye:before {
  content: "";
}

.fa-eye-slash:before {
  content: "";
}

.fa-warning:before, .fa-exclamation-triangle:before {
  content: "";
}

.fa-plane:before {
  content: "";
}

.fa-calendar:before {
  content: "";
}

.fa-random:before {
  content: "";
}

.fa-comment:before {
  content: "";
}

.fa-magnet:before {
  content: "";
}

.fa-chevron-up:before {
  content: "";
}

.fa-chevron-down:before {
  content: "";
}

.fa-retweet:before {
  content: "";
}

.fa-shopping-cart:before {
  content: "";
}

.fa-folder:before {
  content: "";
}

.fa-folder-open:before {
  content: "";
}

.fa-arrows-v:before {
  content: "";
}

.fa-arrows-h:before {
  content: "";
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
  content: "";
}

.fa-twitter-square:before {
  content: "";
}

.fa-facebook-square:before {
  content: "";
}

.fa-camera-retro:before {
  content: "";
}

.fa-key:before {
  content: "";
}

.fa-gears:before, .fa-cogs:before {
  content: "";
}

.fa-comments:before {
  content: "";
}

.fa-thumbs-o-up:before {
  content: "";
}

.fa-thumbs-o-down:before {
  content: "";
}

.fa-star-half:before {
  content: "";
}

.fa-heart-o:before {
  content: "";
}

.fa-sign-out:before {
  content: "";
}

.fa-linkedin-square:before {
  content: "";
}

.fa-thumb-tack:before {
  content: "";
}

.fa-external-link:before {
  content: "";
}

.fa-sign-in:before {
  content: "";
}

.fa-trophy:before {
  content: "";
}

.fa-github-square:before {
  content: "";
}

.fa-upload:before {
  content: "";
}

.fa-lemon-o:before {
  content: "";
}

.fa-phone:before {
  content: "";
}

.fa-square-o:before {
  content: "";
}

.fa-bookmark-o:before {
  content: "";
}

.fa-phone-square:before {
  content: "";
}

.fa-twitter:before {
  content: "";
}

.fa-facebook-f:before, .fa-facebook:before {
  content: "";
}

.fa-github:before {
  content: "";
}

.fa-unlock:before {
  content: "";
}

.fa-credit-card:before {
  content: "";
}

.fa-rss:before {
  content: "";
}

.fa-hdd-o:before {
  content: "";
}

.fa-bullhorn:before {
  content: "";
}

.fa-bell:before {
  content: "";
}

.fa-certificate:before {
  content: "";
}

.fa-hand-o-right:before {
  content: "";
}

.fa-hand-o-left:before {
  content: "";
}

.fa-hand-o-up:before {
  content: "";
}

.fa-hand-o-down:before {
  content: "";
}

.fa-arrow-circle-left:before {
  content: "";
}

.fa-arrow-circle-right:before {
  content: "";
}

.fa-arrow-circle-up:before {
  content: "";
}

.fa-arrow-circle-down:before {
  content: "";
}

.fa-globe:before {
  content: "";
}

.fa-wrench:before {
  content: "";
}

.fa-tasks:before {
  content: "";
}

.fa-filter:before {
  content: "";
}

.fa-briefcase:before {
  content: "";
}

.fa-arrows-alt:before {
  content: "";
}

.fa-group:before, .fa-users:before {
  content: "";
}

.fa-chain:before, .fa-link:before {
  content: "";
}

.fa-cloud:before {
  content: "";
}

.fa-flask:before {
  content: "";
}

.fa-cut:before, .fa-scissors:before {
  content: "";
}

.fa-copy:before, .fa-files-o:before {
  content: "";
}

.fa-paperclip:before {
  content: "";
}

.fa-save:before, .fa-floppy-o:before {
  content: "";
}

.fa-square:before {
  content: "";
}

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
  content: "";
}

.fa-list-ul:before {
  content: "";
}

.fa-list-ol:before {
  content: "";
}

.fa-strikethrough:before {
  content: "";
}

.fa-underline:before {
  content: "";
}

.fa-table:before {
  content: "";
}

.fa-magic:before {
  content: "";
}

.fa-truck:before {
  content: "";
}

.fa-pinterest:before {
  content: "";
}

.fa-pinterest-square:before {
  content: "";
}

.fa-google-plus-square:before {
  content: "";
}

.fa-google-plus:before {
  content: "";
}

.fa-money:before {
  content: "";
}

.fa-caret-down:before {
  content: "";
}

.fa-caret-up:before {
  content: "";
}

.fa-caret-left:before {
  content: "";
}

.fa-caret-right:before {
  content: "";
}

.fa-columns:before {
  content: "";
}

.fa-unsorted:before, .fa-sort:before {
  content: "";
}

.fa-sort-down:before, .fa-sort-desc:before {
  content: "";
}

.fa-sort-up:before, .fa-sort-asc:before {
  content: "";
}

.fa-envelope:before {
  content: "";
}

.fa-linkedin:before {
  content: "";
}

.fa-rotate-left:before, .fa-undo:before {
  content: "";
}

.fa-legal:before, .fa-gavel:before {
  content: "";
}

.fa-dashboard:before, .fa-tachometer:before {
  content: "";
}

.fa-comment-o:before {
  content: "";
}

.fa-comments-o:before {
  content: "";
}

.fa-flash:before, .fa-bolt:before {
  content: "";
}

.fa-sitemap:before {
  content: "";
}

.fa-umbrella:before {
  content: "";
}

.fa-paste:before, .fa-clipboard:before {
  content: "";
}

.fa-lightbulb-o:before {
  content: "";
}

.fa-exchange:before {
  content: "";
}

.fa-cloud-download:before {
  content: "";
}

.fa-cloud-upload:before {
  content: "";
}

.fa-user-md:before {
  content: "";
}

.fa-stethoscope:before {
  content: "";
}

.fa-suitcase:before {
  content: "";
}

.fa-bell-o:before {
  content: "";
}

.fa-coffee:before {
  content: "";
}

.fa-cutlery:before {
  content: "";
}

.fa-file-text-o:before {
  content: "";
}

.fa-building-o:before {
  content: "";
}

.fa-hospital-o:before {
  content: "";
}

.fa-ambulance:before {
  content: "";
}

.fa-medkit:before {
  content: "";
}

.fa-fighter-jet:before {
  content: "";
}

.fa-beer:before {
  content: "";
}

.fa-h-square:before {
  content: "";
}

.fa-plus-square:before {
  content: "";
}

.fa-angle-double-left:before {
  content: "";
}

.fa-angle-double-right:before {
  content: "";
}

.fa-angle-double-up:before {
  content: "";
}

.fa-angle-double-down:before {
  content: "";
}

.fa-angle-left:before {
  content: "";
}

.fa-angle-right:before {
  content: "";
}

.fa-angle-up:before {
  content: "";
}

.fa-angle-down:before {
  content: "";
}

.fa-desktop:before {
  content: "";
}

.fa-laptop:before {
  content: "";
}

.fa-tablet:before {
  content: "";
}

.fa-mobile-phone:before, .fa-mobile:before {
  content: "";
}

.fa-circle-o:before {
  content: "";
}

.fa-quote-left:before {
  content: "";
}

.fa-quote-right:before {
  content: "";
}

.fa-spinner:before {
  content: "";
}

.fa-circle:before {
  content: "";
}

.fa-mail-reply:before, .fa-reply:before {
  content: "";
}

.fa-github-alt:before {
  content: "";
}

.fa-folder-o:before {
  content: "";
}

.fa-folder-open-o:before {
  content: "";
}

.fa-smile-o:before {
  content: "";
}

.fa-frown-o:before {
  content: "";
}

.fa-meh-o:before {
  content: "";
}

.fa-gamepad:before {
  content: "";
}

.fa-keyboard-o:before {
  content: "";
}

.fa-flag-o:before {
  content: "";
}

.fa-flag-checkered:before {
  content: "";
}

.fa-terminal:before {
  content: "";
}

.fa-code:before {
  content: "";
}

.fa-mail-reply-all:before, .fa-reply-all:before {
  content: "";
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
  content: "";
}

.fa-location-arrow:before {
  content: "";
}

.fa-crop:before {
  content: "";
}

.fa-code-fork:before {
  content: "";
}

.fa-unlink:before, .fa-chain-broken:before {
  content: "";
}

.fa-question:before {
  content: "";
}

.fa-info:before {
  content: "";
}

.fa-exclamation:before {
  content: "";
}

.fa-superscript:before {
  content: "";
}

.fa-subscript:before {
  content: "";
}

.fa-eraser:before {
  content: "";
}

.fa-puzzle-piece:before {
  content: "";
}

.fa-microphone:before {
  content: "";
}

.fa-microphone-slash:before {
  content: "";
}

.fa-shield:before {
  content: "";
}

.fa-calendar-o:before {
  content: "";
}

.fa-fire-extinguisher:before {
  content: "";
}

.fa-rocket:before {
  content: "";
}

.fa-maxcdn:before {
  content: "";
}

.fa-chevron-circle-left:before {
  content: "";
}

.fa-chevron-circle-right:before {
  content: "";
}

.fa-chevron-circle-up:before {
  content: "";
}

.fa-chevron-circle-down:before {
  content: "";
}

.fa-html5:before {
  content: "";
}

.fa-css3:before {
  content: "";
}

.fa-anchor:before {
  content: "";
}

.fa-unlock-alt:before {
  content: "";
}

.fa-bullseye:before {
  content: "";
}

.fa-ellipsis-h:before {
  content: "";
}

.fa-ellipsis-v:before {
  content: "";
}

.fa-rss-square:before {
  content: "";
}

.fa-play-circle:before {
  content: "";
}

.fa-ticket:before {
  content: "";
}

.fa-minus-square:before {
  content: "";
}

.fa-minus-square-o:before {
  content: "";
}

.fa-level-up:before {
  content: "";
}

.fa-level-down:before {
  content: "";
}

.fa-check-square:before {
  content: "";
}

.fa-pencil-square:before {
  content: "";
}

.fa-external-link-square:before {
  content: "";
}

.fa-share-square:before {
  content: "";
}

.fa-compass:before {
  content: "";
}

.fa-toggle-down:before, .fa-caret-square-o-down:before {
  content: "";
}

.fa-toggle-up:before, .fa-caret-square-o-up:before {
  content: "";
}

.fa-toggle-right:before, .fa-caret-square-o-right:before {
  content: "";
}

.fa-euro:before, .fa-eur:before {
  content: "";
}

.fa-gbp:before {
  content: "";
}

.fa-dollar:before, .fa-usd:before {
  content: "";
}

.fa-rupee:before, .fa-inr:before {
  content: "";
}

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
  content: "";
}

.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
  content: "";
}

.fa-won:before, .fa-krw:before {
  content: "";
}

.fa-bitcoin:before, .fa-btc:before {
  content: "";
}

.fa-file:before {
  content: "";
}

.fa-file-text:before {
  content: "";
}

.fa-sort-alpha-asc:before {
  content: "";
}

.fa-sort-alpha-desc:before {
  content: "";
}

.fa-sort-amount-asc:before {
  content: "";
}

.fa-sort-amount-desc:before {
  content: "";
}

.fa-sort-numeric-asc:before {
  content: "";
}

.fa-sort-numeric-desc:before {
  content: "";
}

.fa-thumbs-up:before {
  content: "";
}

.fa-thumbs-down:before {
  content: "";
}

.fa-youtube-square:before {
  content: "";
}

.fa-youtube:before {
  content: "";
}

.fa-xing:before {
  content: "";
}

.fa-xing-square:before {
  content: "";
}

.fa-youtube-play:before {
  content: "";
}

.fa-dropbox:before {
  content: "";
}

.fa-stack-overflow:before {
  content: "";
}

.fa-instagram:before {
  content: "";
}

.fa-flickr:before {
  content: "";
}

.fa-adn:before {
  content: "";
}

.fa-bitbucket:before {
  content: "";
}

.fa-bitbucket-square:before {
  content: "";
}

.fa-tumblr:before {
  content: "";
}

.fa-tumblr-square:before {
  content: "";
}

.fa-long-arrow-down:before {
  content: "";
}

.fa-long-arrow-up:before {
  content: "";
}

.fa-long-arrow-left:before {
  content: "";
}

.fa-long-arrow-right:before {
  content: "";
}

.fa-apple:before {
  content: "";
}

.fa-windows:before {
  content: "";
}

.fa-android:before {
  content: "";
}

.fa-linux:before {
  content: "";
}

.fa-dribbble:before {
  content: "";
}

.fa-skype:before {
  content: "";
}

.fa-foursquare:before {
  content: "";
}

.fa-trello:before {
  content: "";
}

.fa-female:before {
  content: "";
}

.fa-male:before {
  content: "";
}

.fa-gittip:before, .fa-gratipay:before {
  content: "";
}

.fa-sun-o:before {
  content: "";
}

.fa-moon-o:before {
  content: "";
}

.fa-archive:before {
  content: "";
}

.fa-bug:before {
  content: "";
}

.fa-vk:before {
  content: "";
}

.fa-weibo:before {
  content: "";
}

.fa-renren:before {
  content: "";
}

.fa-pagelines:before {
  content: "";
}

.fa-stack-exchange:before {
  content: "";
}

.fa-arrow-circle-o-right:before {
  content: "";
}

.fa-arrow-circle-o-left:before {
  content: "";
}

.fa-toggle-left:before, .fa-caret-square-o-left:before {
  content: "";
}

.fa-dot-circle-o:before {
  content: "";
}

.fa-wheelchair:before {
  content: "";
}

.fa-vimeo-square:before {
  content: "";
}

.fa-turkish-lira:before, .fa-try:before {
  content: "";
}

.fa-plus-square-o:before {
  content: "";
}

.fa-space-shuttle:before {
  content: "";
}

.fa-slack:before {
  content: "";
}

.fa-envelope-square:before {
  content: "";
}

.fa-wordpress:before {
  content: "";
}

.fa-openid:before {
  content: "";
}

.fa-institution:before, .fa-bank:before, .fa-university:before {
  content: "";
}

.fa-mortar-board:before, .fa-graduation-cap:before {
  content: "";
}

.fa-yahoo:before {
  content: "";
}

.fa-google:before {
  content: "";
}

.fa-reddit:before {
  content: "";
}

.fa-reddit-square:before {
  content: "";
}

.fa-stumbleupon-circle:before {
  content: "";
}

.fa-stumbleupon:before {
  content: "";
}

.fa-delicious:before {
  content: "";
}

.fa-digg:before {
  content: "";
}

.fa-pied-piper:before {
  content: "";
}

.fa-pied-piper-alt:before {
  content: "";
}

.fa-drupal:before {
  content: "";
}

.fa-joomla:before {
  content: "";
}

.fa-language:before {
  content: "";
}

.fa-fax:before {
  content: "";
}

.fa-building:before {
  content: "";
}

.fa-child:before {
  content: "";
}

.fa-paw:before {
  content: "";
}

.fa-spoon:before {
  content: "";
}

.fa-cube:before {
  content: "";
}

.fa-cubes:before {
  content: "";
}

.fa-behance:before {
  content: "";
}

.fa-behance-square:before {
  content: "";
}

.fa-steam:before {
  content: "";
}

.fa-steam-square:before {
  content: "";
}

.fa-recycle:before {
  content: "";
}

.fa-automobile:before, .fa-car:before {
  content: "";
}

.fa-cab:before, .fa-taxi:before {
  content: "";
}

.fa-tree:before {
  content: "";
}

.fa-spotify:before {
  content: "";
}

.fa-deviantart:before {
  content: "";
}

.fa-soundcloud:before {
  content: "";
}

.fa-database:before {
  content: "";
}

.fa-file-pdf-o:before {
  content: "";
}

.fa-file-word-o:before {
  content: "";
}

.fa-file-excel-o:before {
  content: "";
}

.fa-file-powerpoint-o:before {
  content: "";
}

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
  content: "";
}

.fa-file-zip-o:before, .fa-file-archive-o:before {
  content: "";
}

.fa-file-sound-o:before, .fa-file-audio-o:before {
  content: "";
}

.fa-file-movie-o:before, .fa-file-video-o:before {
  content: "";
}

.fa-file-code-o:before {
  content: "";
}

.fa-vine:before {
  content: "";
}

.fa-codepen:before {
  content: "";
}

.fa-jsfiddle:before {
  content: "";
}

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
  content: "";
}

.fa-circle-o-notch:before {
  content: "";
}

.fa-ra:before, .fa-rebel:before {
  content: "";
}

.fa-ge:before, .fa-empire:before {
  content: "";
}

.fa-git-square:before {
  content: "";
}

.fa-git:before {
  content: "";
}

.fa-hacker-news:before {
  content: "";
}

.fa-tencent-weibo:before {
  content: "";
}

.fa-qq:before {
  content: "";
}

.fa-wechat:before, .fa-weixin:before {
  content: "";
}

.fa-send:before, .fa-paper-plane:before {
  content: "";
}

.fa-send-o:before, .fa-paper-plane-o:before {
  content: "";
}

.fa-history:before {
  content: "";
}

.fa-genderless:before, .fa-circle-thin:before {
  content: "";
}

.fa-header:before {
  content: "";
}

.fa-paragraph:before {
  content: "";
}

.fa-sliders:before {
  content: "";
}

.fa-share-alt:before {
  content: "";
}

.fa-share-alt-square:before {
  content: "";
}

.fa-bomb:before {
  content: "";
}

.fa-soccer-ball-o:before, .fa-futbol-o:before {
  content: "";
}

.fa-tty:before {
  content: "";
}

.fa-binoculars:before {
  content: "";
}

.fa-plug:before {
  content: "";
}

.fa-slideshare:before {
  content: "";
}

.fa-twitch:before {
  content: "";
}

.fa-yelp:before {
  content: "";
}

.fa-newspaper-o:before {
  content: "";
}

.fa-wifi:before {
  content: "";
}

.fa-calculator:before {
  content: "";
}

.fa-paypal:before {
  content: "";
}

.fa-google-wallet:before {
  content: "";
}

.fa-cc-visa:before {
  content: "";
}

.fa-cc-mastercard:before {
  content: "";
}

.fa-cc-discover:before {
  content: "";
}

.fa-cc-amex:before {
  content: "";
}

.fa-cc-paypal:before {
  content: "";
}

.fa-cc-stripe:before {
  content: "";
}

.fa-bell-slash:before {
  content: "";
}

.fa-bell-slash-o:before {
  content: "";
}

.fa-trash:before {
  content: "";
}

.fa-copyright:before {
  content: "";
}

.fa-at:before {
  content: "";
}

.fa-eyedropper:before {
  content: "";
}

.fa-paint-brush:before {
  content: "";
}

.fa-birthday-cake:before {
  content: "";
}

.fa-area-chart:before {
  content: "";
}

.fa-pie-chart:before {
  content: "";
}

.fa-line-chart:before {
  content: "";
}

.fa-lastfm:before {
  content: "";
}

.fa-lastfm-square:before {
  content: "";
}

.fa-toggle-off:before {
  content: "";
}

.fa-toggle-on:before {
  content: "";
}

.fa-bicycle:before {
  content: "";
}

.fa-bus:before {
  content: "";
}

.fa-ioxhost:before {
  content: "";
}

.fa-angellist:before {
  content: "";
}

.fa-cc:before {
  content: "";
}

.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
  content: "";
}

.fa-meanpath:before {
  content: "";
}

.fa-buysellads:before {
  content: "";
}

.fa-connectdevelop:before {
  content: "";
}

.fa-dashcube:before {
  content: "";
}

.fa-forumbee:before {
  content: "";
}

.fa-leanpub:before {
  content: "";
}

.fa-sellsy:before {
  content: "";
}

.fa-shirtsinbulk:before {
  content: "";
}

.fa-simplybuilt:before {
  content: "";
}

.fa-skyatlas:before {
  content: "";
}

.fa-cart-plus:before {
  content: "";
}

.fa-cart-arrow-down:before {
  content: "";
}

.fa-diamond:before {
  content: "";
}

.fa-ship:before {
  content: "";
}

.fa-user-secret:before {
  content: "";
}

.fa-motorcycle:before {
  content: "";
}

.fa-street-view:before {
  content: "";
}

.fa-heartbeat:before {
  content: "";
}

.fa-venus:before {
  content: "";
}

.fa-mars:before {
  content: "";
}

.fa-mercury:before {
  content: "";
}

.fa-transgender:before {
  content: "";
}

.fa-transgender-alt:before {
  content: "";
}

.fa-venus-double:before {
  content: "";
}

.fa-mars-double:before {
  content: "";
}

.fa-venus-mars:before {
  content: "";
}

.fa-mars-stroke:before {
  content: "";
}

.fa-mars-stroke-v:before {
  content: "";
}

.fa-mars-stroke-h:before {
  content: "";
}

.fa-neuter:before {
  content: "";
}

.fa-facebook-official:before {
  content: "";
}

.fa-pinterest-p:before {
  content: "";
}

.fa-whatsapp:before {
  content: "";
}

.fa-server:before {
  content: "";
}

.fa-user-plus:before {
  content: "";
}

.fa-user-times:before {
  content: "";
}

.fa-hotel:before, .fa-bed:before {
  content: "";
}

.fa-viacoin:before {
  content: "";
}

.fa-train:before {
  content: "";
}

.fa-subway:before {
  content: "";
}

.fa-medium:before {
  content: "";
}

/*!
  Modaal - accessible modals - v0.3.1
  by Humaan, for all humans.
  http://humaan.com
 */
.modaal-noscroll {
  overflow: hidden;
}

.modaal-accessible-hide {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

.modaal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  opacity: 0;
}

.modaal-wrapper {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow: auto;
  opacity: 1;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  transition: all 0.3s ease-in-out;
}
.modaal-wrapper * {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
}
.modaal-wrapper .modaal-close {
  border: none;
  background: transparent;
  padding: 0;
  -webkit-appearance: none;
}
.modaal-wrapper.modaal-start_none {
  display: none;
  opacity: 1;
}
.modaal-wrapper.modaal-start_fade {
  opacity: 0;
}
.modaal-wrapper *[tabindex="0"] {
  outline: none !important;
}
.modaal-wrapper.modaal-fullscreen {
  overflow: hidden;
}

.modaal-outer-wrapper {
  display: table;
  position: relative;
  width: 100%;
  height: 100%;
}
.modaal-fullscreen .modaal-outer-wrapper {
  display: block;
}

.modaal-inner-wrapper {
  display: table-cell;
  width: 100%;
  height: 100%;
  position: relative;
  vertical-align: middle;
  text-align: center;
  padding: 80px 25px;
}
.modaal-fullscreen .modaal-inner-wrapper {
  padding: 0;
  display: block;
  vertical-align: top;
}

.modaal-container {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: auto;
  text-align: left;
  color: #000;
  max-width: 700px;
  border-radius: 4px;
  cursor: auto;
}
.modaal-container.is_loading {
  height: 100px;
  width: 100px;
  overflow: hidden;
}
.modaal-fullscreen .modaal-container {
  max-width: none;
  height: 100%;
  overflow: auto;
}

.modaal-close {
  position: fixed;
  right: 20px;
  top: 20px;
  color: #fff;
  cursor: pointer;
  opacity: 1;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0);
  border-radius: 100%;
  transition: all 0.2s ease-in-out;
}
.modaal-close:focus, .modaal-close:hover {
  outline: none;
  background: #fff;
}
.modaal-close:focus:before, .modaal-close:focus:after, .modaal-close:hover:before, .modaal-close:hover:after {
  background: #29B0E0;
}
.modaal-close span {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}
.modaal-close:before, .modaal-close:after {
  display: block;
  content: " ";
  position: absolute;
  top: 14px;
  left: 23px;
  width: 4px;
  height: 22px;
  border-radius: 4px;
  background: #fff;
  transition: background 0.2s ease-in-out;
}
.modaal-close:before {
  transform: rotate(-45deg);
}
.modaal-close:after {
  transform: rotate(45deg);
}
.modaal-fullscreen .modaal-close {
  background: #afb7bc;
  right: 10px;
  top: 10px;
}

.modaal-content-container {
  padding: 24px;
}

.modaal-confirm-wrap {
  padding: 30px 0 0;
  text-align: center;
  font-size: 0;
}

.modaal-confirm-btn {
  font-size: 14px;
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  background: transparent;
}
.modaal-confirm-btn.modaal-ok {
  padding: 10px 15px;
  color: #fff;
  background: #555;
  border-radius: 3px;
  transition: background 0.2s ease-in-out;
}
.modaal-confirm-btn.modaal-ok:hover {
  background: #2f2f2f;
}
.modaal-confirm-btn.modaal-cancel {
  text-decoration: underline;
}
.modaal-confirm-btn.modaal-cancel:hover {
  text-decoration: none;
  color: #2f2f2f;
}

@keyframes instaReveal {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes instaReveal {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes instaReveal {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes instaReveal {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes instaReveal {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.modaal-instagram .modaal-container {
  width: auto;
  background: transparent;
  box-shadow: none !important;
}
.modaal-instagram .modaal-content-container {
  padding: 0;
  background: transparent;
}
.modaal-instagram .modaal-content-container > blockquote {
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
}
.modaal-instagram iframe {
  opacity: 0;
  margin: -6px !important;
  border-radius: 0 !important;
  width: 1000px !important;
  max-width: 800px !important;
  box-shadow: none !important;
  animation: instaReveal 1s linear forwards;
}

.modaal-image .modaal-inner-wrapper {
  padding-left: 140px;
  padding-right: 140px;
}
.modaal-image .modaal-container {
  width: auto;
  max-width: 100%;
}

.modaal-gallery-wrap {
  position: relative;
  color: #fff;
}

.modaal-gallery-item {
  display: none;
}
.modaal-gallery-item img {
  display: block;
}
.modaal-gallery-item.is_active {
  display: block;
}

.modaal-gallery-label {
  position: absolute;
  left: 0;
  width: 100%;
  margin: 20px 0 0;
  font-size: 18px;
  text-align: center;
  color: #fff;
}
.modaal-gallery-label:focus {
  outline: none;
}

.modaal-gallery-control {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  opacity: 1;
  cursor: pointer;
  color: #fff;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 100%;
  transition: all 0.2s ease-in-out;
}
.modaal-gallery-control.is_hidden {
  opacity: 0;
  cursor: default;
}
.modaal-gallery-control:focus, .modaal-gallery-control:hover {
  outline: none;
  background: #fff;
}
.modaal-gallery-control:focus:before, .modaal-gallery-control:focus:after, .modaal-gallery-control:hover:before, .modaal-gallery-control:hover:after {
  background: #afb7bc;
}
.modaal-gallery-control span {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}
.modaal-gallery-control:before, .modaal-gallery-control:after {
  display: block;
  content: " ";
  position: absolute;
  top: 16px;
  left: 25px;
  width: 4px;
  height: 18px;
  border-radius: 4px;
  background: #fff;
  transition: background 0.2s ease-in-out;
}
.modaal-gallery-control:before {
  margin: -5px 0 0;
  transform: rotate(-45deg);
}
.modaal-gallery-control:after {
  margin: 5px 0 0;
  transform: rotate(45deg);
}

.modaal-gallery-next {
  left: 100%;
  margin-left: 40px;
}

.modaal-gallery-prev {
  right: 100%;
  margin-right: 40px;
}
.modaal-gallery-prev:before, .modaal-gallery-prev:after {
  left: 22px;
}
.modaal-gallery-prev:before {
  margin: 5px 0 0;
  transform: rotate(-45deg);
}
.modaal-gallery-prev:after {
  margin: -5px 0 0;
  transform: rotate(45deg);
}

.modaal-video-wrap {
  margin: auto 50px;
  position: relative;
}

.modaal-video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  background: #000;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}
.modaal-video-container iframe,
.modaal-video-container object,
.modaal-video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modaal-iframe .modaal-content {
  width: 100%;
  height: 100%;
}

.modaal-iframe-elem {
  width: 100%;
  height: 100%;
  display: block;
}

@media only screen and (min-width: 1400px) {
  .modaal-video-container {
    padding-bottom: 0;
    height: 731px;
  }
}
@media only screen and (max-width: 1140px) {
  .modaal-image .modaal-inner-wrapper {
    padding-left: 25px;
    padding-right: 25px;
  }

  .modaal-gallery-control {
    top: auto;
    bottom: 20px;
    transform: none;
    background: rgba(0, 0, 0, 0.7);
  }
  .modaal-gallery-control:before, .modaal-gallery-control:after {
    background: #fff;
  }

  .modaal-gallery-next {
    left: auto;
    right: 20px;
  }

  .modaal-gallery-prev {
    left: 20px;
    right: auto;
  }
}
@media screen and (max-width: 900px) {
  .modaal-instagram iframe {
    width: 500px !important;
  }
}
@media screen and (max-height: 1100px) {
  .modaal-instagram iframe {
    width: 700px !important;
  }
}
@media screen and (max-height: 1000px) {
  .modaal-inner-wrapper {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .modaal-instagram iframe {
    width: 600px !important;
  }
}
@media screen and (max-height: 900px) {
  .modaal-instagram iframe {
    width: 500px !important;
  }

  .modaal-video-container {
    max-width: 900px;
    max-height: 510px;
  }
}
@media only screen and (max-width: 600px) {
  .modaal-instagram iframe {
    width: 280px !important;
  }
}
@media only screen and (max-height: 820px) {
  .modaal-gallery-label {
    display: none;
  }
}
.modaal-loading-spinner {
  background: none;
  position: absolute;
  width: 200px;
  height: 200px;
  top: 50%;
  left: 50%;
  margin: -100px 0 0 -100px;
  transform: scale(0.25);
}

@-ms-keyframes modaal-loading-spinner {
  0% {
    opacity: 1;
    -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    opacity: 0.1;
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes modaal-loading-spinner {
  0% {
    opacity: 1;
    -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    opacity: 0.1;
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes modaal-loading-spinner {
  0% {
    opacity: 1;
    -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    opacity: 0.1;
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes modaal-loading-spinner {
  0% {
    opacity: 1;
    -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    opacity: 0.1;
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes modaal-loading-spinner {
  0% {
    opacity: 1;
    -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    opacity: 0.1;
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
.modaal-loading-spinner > div {
  width: 24px;
  height: 24px;
  margin-left: 4px;
  margin-top: 4px;
  position: absolute;
}

.modaal-loading-spinner > div > div {
  width: 100%;
  height: 100%;
  border-radius: 15px;
  background: #fff;
}

.modaal-loading-spinner > div:nth-of-type(1) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -ms-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -webkit-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}

.modaal-loading-spinner > div:nth-of-type(2) > div, .modaal-loading-spinner > div:nth-of-type(3) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
}

.modaal-loading-spinner > div:nth-of-type(1) {
  -ms-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
  -moz-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
  -o-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(2) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  -ms-animation-delay: 0.12s;
  -moz-animation-delay: 0.12s;
  -webkit-animation-delay: 0.12s;
  -o-animation-delay: 0.12s;
  animation-delay: 0.12s;
}

.modaal-loading-spinner > div:nth-of-type(2) {
  -ms-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
  -moz-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
  -o-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(3) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  -ms-animation-delay: 0.25s;
  -moz-animation-delay: 0.25s;
  -webkit-animation-delay: 0.25s;
  -o-animation-delay: 0.25s;
  animation-delay: 0.25s;
}

.modaal-loading-spinner > div:nth-of-type(4) > div, .modaal-loading-spinner > div:nth-of-type(5) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
}

.modaal-loading-spinner > div:nth-of-type(3) {
  -ms-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
  -moz-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
  -o-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(4) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  -ms-animation-delay: 0.37s;
  -moz-animation-delay: 0.37s;
  -webkit-animation-delay: 0.37s;
  -o-animation-delay: 0.37s;
  animation-delay: 0.37s;
}

.modaal-loading-spinner > div:nth-of-type(4) {
  -ms-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
  -moz-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
  -o-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(5) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  -ms-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.modaal-loading-spinner > div:nth-of-type(6) > div, .modaal-loading-spinner > div:nth-of-type(7) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
}

.modaal-loading-spinner > div:nth-of-type(5) {
  -ms-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
  -moz-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
  -o-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(6) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  -ms-animation-delay: 0.62s;
  -moz-animation-delay: 0.62s;
  -webkit-animation-delay: 0.62s;
  -o-animation-delay: 0.62s;
  animation-delay: 0.62s;
}

.modaal-loading-spinner > div:nth-of-type(6) {
  -ms-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
  -moz-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
  -o-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(7) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  -ms-animation-delay: 0.75s;
  -moz-animation-delay: 0.75s;
  -webkit-animation-delay: 0.75s;
  -o-animation-delay: 0.75s;
  animation-delay: 0.75s;
}

.modaal-loading-spinner > div:nth-of-type(7) {
  -ms-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
  -moz-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
  -o-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(8) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -ms-animation-delay: 0.87s;
  -moz-animation-delay: 0.87s;
  -webkit-animation-delay: 0.87s;
  -o-animation-delay: 0.87s;
  animation-delay: 0.87s;
}

.modaal-loading-spinner > div:nth-of-type(8) {
  -ms-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
  -moz-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
  -o-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
}

/* ==========================================================================
   FLICKITY
   ========================================================================== */
.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus {
  outline: none;
}

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

.flickity-slider.is-ready {
  display: flex;
  align-items: center;
}

/*.flickity-slider > * {
  opacity: 0;
  transition: opacity 0.2s;
}
*/
.flickity-slider.is-ready > *,
.flickity-slider.is-ready .fluidvids {
  height: 100%;
}

.flickity-slider > .is-selected {
  opacity: 1;
}

/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  display: inline-block;
  font-weight: bold;
  border-radius: 3px;
  padding: 1.25em 2.25em;
  text-decoration: none;
  text-align: center;
  transition: all 0.3s;
  border: 0;
  /* uncss:ignore */
  position: absolute;
  top: 50%;
  cursor: pointer;
  z-index: 2;
  /* vertically center */
  transform: translateY(-50%);
}
.flickity-prev-next-button:hover, .flickity-prev-next-button:focus {
  outline: none;
}

.flickity-prev-next-button:hover {
  transform: translateY(-50%) scale(1.1);
}

.flickity-prev-next-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #09F;
}

.flickity-prev-next-button:active {
  opacity: 0.6;
}

.flickity-prev-next-button.previous {
  left: 15px;
}

.flickity-prev-next-button.next {
  right: 15px;
}

/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 15px;
}

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 15px;
}

.flickity-prev-next-button:disabled {
  opacity: 0;
  cursor: auto;
}

.flickity-prev-next-button svg {
  position: absolute;
  left: 35%;
  top: 35%;
  width: 30%;
  height: 30%;
}

.flickity-prev-next-button .arrow {
  fill: #29B0E0;
}

/* ---- page dots ---- */
.flickity-page-dots {
  width: 100%;
  padding: 0;
  margin: 24px 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots {
  direction: rtl;
}

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #29B0E0;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
  background: #29B0E0;
}

/**
 * Buttons:
 * `.Button` - Button styles can be applied to any element. 
 *  Typically you'll want to use either a `<button>` or an `<a>` element.
 *  If your button is actually a link to another page, please use the `<a>` element, 
 *  while if your button performs an action, such as submitting a form or triggering
 *  some javascript event, then use a `<button>` element.
 *
 *     @example
 *     div.u-mb
 *       button.Button Base Button
 *     div.u-mb
 *       button.Button.Button--small Small Button
 *     div.u-mb
 *       button.Button.Button--large Large Button
 *     div.u-mb
 *       button.Button.Button--full Full Button
 *     div.u-mb
 *       button.Button.Button--green Green Button
 *     div.u-mb
 *       button.Button.Button--blue Blue Button
 *     div.u-mb
 *       button.Button.Button--red Red Button
 *     div.u-mb
 *       button.Button.Button--white White Button
 *     div.u-mb.u-paSmall.u-bgBlue
 *       button.Button.Button--clear Clear Button
 *     div.u-mb
 *       button.Button.Button--bare Bare Button
 *     
 */
/* uncss:ignore */
.Button,
.gform_button {
  font-size: 18px;
  font-size: calc( 16px + (18 - 16) * (100vw - 300px) / (1800 - 300) );
  display: inline-block;
  font-weight: bold;
  border-radius: 6px;
  margin-top: 5px;
  padding: 19.2px 30px;
  text-decoration: none;
  text-align: center;
  transition: all 0.3s;
  border: 0;
  cursor: pointer;
  /* uncss:ignore */
}
.Button:hover, .Button:focus,
.gform_button:hover,
.gform_button:focus {
  transform: translateY(-3px);
  outline: none;
  text-decoration: none;
}

.Button__media {
  display: none;
}

.Button--white {
  background: #F9FAFB;
  color: #777;
  /* uncss:ignore */
  /* uncss:ignore */
}
.Button--white:hover, .Button--white:focus {
  background: #1A405C;
  color: #fff;
}
.Button--white:active {
  box-shadow: inset 0 0 25px #eaeaea, 0 0 3px #333;
  color: #777;
}

.Button--blue,
.gform_button {
  background: #29B0E0;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
  /* uncss:ignore */
  /* uncss:ignore */
}
.Button--blue:hover, .Button--blue:focus,
.gform_button:hover,
.gform_button:focus {
  background: #137799;
  color: #fff;
}
.Button--blue:active,
.gform_button:active {
  box-shadow: inset 0 0 25px #187392, 0 0 3px #333;
  color: #fff;
}

.Button--red {
  background: #ee3e54;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
  /* uncss:ignore */
  /* uncss:ignore */
}
.Button--red:hover, .Button--red:focus {
  background: #bd3141;
  color: #fff;
}
.Button--red:active {
  box-shadow: inset 0 0 25px #eb1933, 0 0 3px #333;
  color: #fff;
}

.Button--green {
  background: #58c0a4;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
  /* uncss:ignore */
  /* uncss:ignore */
}
.Button--green:hover, .Button--green:focus {
  background: #49ba9c;
  color: #fff;
}
.Button--green:active {
  box-shadow: inset 0 0 25px #42ae91, 0 0 3px #333;
  color: #fff;
}

.Button--clear {
  color: #fff;
  border: 1px solid #fff;
  background: transparent;
  /* uncss:ignore */
  /* uncss:ignore */
}
.Button--clear:hover, .Button--clear:focus {
  background: rgba(255, 255, 255, 0.35);
  /* stylelint-disable-line */
  color: #fff;
}
.Button--clear:active {
  box-shadow: inset 0 0 25px rgba(0, 0, 0, 0.1), 0 0 3px #333;
  color: #fff;
}

.Button--bare {
  background: transparent;
  color: currentColor;
  /* stylelint-disable-line */
}

.Button--bare-white {
  background: transparent;
  color: rgba(255, 255, 255, 0.5);
  /* stylelint-disable-line */
  /* uncss:ignore */
}
.Button--bare-white:hover, .Button--bare-white:focus {
  color: #fff;
}

.Button--large,
.gform_button {
  font-size: 22px;
  font-size: calc( 18px + (22 - 18) * (100vw - 300px) / (1800 - 300) );
  line-height: 1.5;
}

.Button--small {
  font-size: 16px;
  padding: 0.75em 1.25em;
}

.Button--tiny {
  font-size: 12px;
  padding: 0.5em 0.75em;
}

.Button--full {
  width: 100%;
}

/**
 * Button container
 */
.Button-container {
  display: inline-block;
  width: 100%;
  margin-left: -12px;
}
.Button-container > .Button {
  margin-left: 12px;
  margin-bottom: 12px;
}

/* ==========================================================================
   BAR
   ========================================================================== */
.Bar {
  background: #149AC7;
  padding: 12px;
  color: #fff;
  display: inline-block;
  vertical-align: top;
  line-height: 1;
}

.Bar__text,
.Bar__link {
  background: transparent;
  border: 0;
  color: currentColor;
  text-transform: uppercase;
  text-decoration: none;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
}

.Bar__link {
  cursor: pointer;
}

.Bar__icon {
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  margin-left: 12px;
}

.Bar__icon * {
  fill: currentColor;
  stroke-color: currentColor;
}

.Bar--dark {
  background: #154269;
}

/**
 * Wrapper:
 * `.Wrapper` - Wrappers are structural components that keep the content
 * inside of them centered and within a certain width. You can also use
 * the `.Wrapper--small` and `.Wrapper--tiny` modifier classes to reduce
 * your Wrapper's max-width.
 *
 *     @example
 *     div.u-bgBlue.u-pa
 *      p.u-textWhite No wrapper
 *     div.Wrapper.u-mt
 *      div.u-bgBlue.u-pa
 *       p.u-textWhite Wrapper
 *
 */
.Wrapper {
  padding-left: 24px;
  padding-right: 24px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  display: block;
  max-width: 1152px;
  clear: both;
}

.Wrapper--large {
  max-width: 1280px;
}

.Wrapper--medium {
  max-width: 640px;
}
@media (min-width: 1024px) {
  .Wrapper--medium {
    max-width: 720px;
  }
}

.Wrapper--small {
  max-width: 640px;
}

.Wrapper--tiny {
  max-width: 350px;
}

.Wrapper--full {
  max-width: none;
  padding: 0;
}

/**
 * Layout:
 * `.Layout` - Provides a comprehensive grid system based on the flex display
 * property. Grid items are defined with `Layout__item`, and column sizes are set with 
 * `.Layout__item--{number}/12@{breakpoint}`. The grid is mobile-first by
 * default. If you do not provide an initial column size, all elements will
 * be given an equal width, even in the smallest screens. Usually, you will
 * want to start with `.Layout__item.Layout__item--12/12` and scale up with
 * breakpoint suffixes, such as `.Layout__item.Layout__item--12/12.Layout__item--6/12@medium`
 *
 *     @example
 *     <h2 class="u-textBeta">Responsive</h2>
 *     <p>Responsive modifiers enable specifying different column sizes, offsets, 
 *     alignment and distribution at small, medium and large breakpoints.</p>
 *     <div class="Layout u-bgGray u-pv">
 *       <div class="Layout__item Layout__item--12/12 Layout__item--4/12@medium">
 *         <div class="u-pa u-bgBlue u-textWhite">Becomes 4/12 at @medium</div>
 *       </div>
 *       <div class="Layout__item Layout__item--12/12 Layout__item--8/12@medium">
 *         <div class="u-pa u-bgBlue u-textWhite">Becomes 8/12 at @medium</div>
 *       </div>
 *     </div>
 *     <h2 class="u-textBeta u-mv">Nesting</h2>
 *     <p>The grid system supports nested Layouts by default.</p>
 *     <div class="Layout u-bgGray u-pv">
 *       <div class="Layout__item Layout__item--12/12 Layout__item--6/12@medium">
 *         <div class="u-pa u-bgBlue u-textWhite">
 *           <div class="Layout">
 *             <div class="Layout__item Layout__item--6/12">
 *               <div class="u-paTiny u-bgWhite"></div>
 *             </div>
 *             <div class="Layout__item Layout__item--6/12">
 *               <div class="u-paTiny u-bgWhite"></div>
 *             </div>
 *           </div>
 *         </div>
 *       </div>
 *       <div class="Layout__item Layout__item--12/12 Layout__item--6/12@medium">
 *         <div class="u-pa u-bgBlue u-textWhite">
 *           <div class="Layout">
 *             <div class="Layout__item Layout__item--6/12">
 *               <div class="u-paTiny u-bgWhite"></div>
 *             </div>
 *             <div class="Layout__item Layout__item--6/12">
 *               <div class="u-paTiny u-bgWhite"></div>
 *             </div>
 *           </div>
 *         </div>
 *       </div>
 *     </div>
 *     <h2 class="u-textBeta u-mv">Offsets</h2>
 *     <p>You can also offset columns</p>
 *     <div class="Layout u-bgGray u-pv">
 *       <div class="Layout__item Layout__item--12/12 Layout__item--4/12@medium">
 *         <div class="u-pa u-bgBlue u-textWhite">Becomes 4/12 at @medium</div>
 *       </div>
 *       <div class="Layout__item Layout__item--12/12 Layout__item--7/12@medium Layout__item--offsetBy1/12@medium">
 *         <div class="u-pa u-bgBlue u-textWhite">Becomes 7/12 with 1/12 offset at @medium</div>
 *       </div>
 *     </div>
 *     <h2 class="u-textBeta u-mv">Alignment</h2>
 *     <p>Add classes to align elements to the start, center or end of a row (horizontal) as well as the top, bottom,
 *     or middle of a column (vertical)</p>
 *     <div class="Layout Layout--start u-bgGray u-pv">
 *       <div class="Layout__item Layout__item--6/12">
 *         <div class="u-pa u-bgBlue u-textWhite">Start</div>
 *       </div>
 *     </div>
 *     <div class="Layout Layout--center u-bgGray u-pv">
 *       <div class="Layout__item Layout__item--6/12">
 *         <div class="u-pa u-bgBlue u-textWhite">Center</div>
 *       </div>
 *     </div> 
 *     <div class="Layout Layout--end u-bgGray u-pv">
 *       <div class="Layout__item Layout__item--6/12">
 *         <div class="u-pa u-bgBlue u-textWhite">End</div>
 *       </div>
 *     </div>
 *     <div class="Layout Layout--top u-bgGray u-pv">
 *       <div class="Layout__item">
 *         <div class="u-pa u-bgBlue u-textWhite">Top</div>
 *       </div>
 *       <div class="Layout__item">
 *         <div class="u-paLarge u-bgBlue u-textWhite">Top</div>
 *       </div>
 *     </div>  
 *     <div class="Layout Layout--middle u-bgGray u-pv">
 *       <div class="Layout__item">
 *         <div class="u-pa u-bgBlue u-textWhite">Middle</div>
 *       </div>
 *       <div class="Layout__item">
 *         <div class="u-paLarge u-bgBlue u-textWhite">Middle</div>
 *       </div>
 *     </div>
 *     <div class="Layout Layout--bottom u-bgGray u-pv">
 *       <div class="Layout__item">
 *         <div class="u-pa u-bgBlue u-textWhite">Bottom</div>
 *       </div>
 *       <div class="Layout__item">
 *         <div class="u-paLarge u-bgBlue u-textWhite">Bottom</div>
 *       </div>
 *     </div> 
 *     <h2 class="u-textBeta u-mv">Distribution</h2>
 *     <p>Add classes to distribute the contents of a row or column.</p>
 *     <div class="Layout Layout--around u-bgGray u-pv">
 *       <div class="Layout__item Layout__item--2/12">
 *         <div class="u-pa u-bgBlue u-textWhite">Around</div>
 *       </div>
 *       <div class="Layout__item Layout__item--2/12">
 *         <div class="u-pa u-bgBlue u-textWhite">Around</div>
 *       </div>
 *       <div class="Layout__item Layout__item--2/12">
 *         <div class="u-pa u-bgBlue u-textWhite">Around</div>
 *       </div>
 *     </div>
 *     <div class="Layout Layout--between u-bgGray u-pv">
 *       <div class="Layout__item Layout__item--2/12">
 *         <div class="u-pa u-bgBlue u-textWhite">Between</div>
 *       </div>
 *       <div class="Layout__item Layout__item--2/12">
 *         <div class="u-pa u-bgBlue u-textWhite">Between</div>
 *       </div>
 *       <div class="Layout__item Layout__item--2/12">
 *         <div class="u-pa u-bgBlue u-textWhite">Between</div>
 *       </div>
 *     </div>
 *     <h2 class="u-textBeta u-mv">Order</h2>
 *     <p>Change the order of your grid items on different breakpoints.</p>
 *     <h3 class="u-textEpsilon u-mv">Reverse at row level</h3>
 *     <div class="Layout Layout--reverse@large u-bgGray u-pv">
 *       <div class="Layout__item Layout__item--4/12">
 *         <div class="u-pa u-bgBlue u-textWhite">First until @large</div>
 *       </div>
 *       <div class="Layout__item Layout__item--8/12">
 *         <div class="u-pa u-bgBlue u-textWhite">Last until @large</div>
 *       </div>
 *     </div>
 *     <h3 class="u-textEpsilon u-mv">Set order at item level</h3>
 *     <div class="Layout u-bgGray u-pv">
 *       <div class="Layout__item Layout__item--4/12 Layout__item--last@large">
 *         <div class="u-pa u-bgBlue u-textWhite">First until @large</div>
 *       </div>
 *       <div class="Layout__item Layout__item--8/12">
 *         <div class="u-pa u-bgBlue u-textWhite">Last until @large</div>
 *       </div>
 *     </div>
 * 
 */
.Layout {
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
  margin-right: -24px;
  margin-left: -24px;
}

.Layout__item {
  box-sizing: border-box;
  flex: 1 0 auto;
  padding-right: 24px;
  padding-left: 24px;
  flex-basis: 0;
  max-width: 100%;
}

.Layout--reverse {
  flex-direction: row-reverse;
}

.Layout--start {
  justify-content: flex-start;
  text-align: start;
}

.Layout--center {
  justify-content: center;
  text-align: center;
}

.Layout--end {
  justify-content: flex-end;
  text-align: end;
}

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

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

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

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

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

.Layout__item--reverse {
  flex-direction: column-reverse;
}

.Layout__item--first {
  order: -1;
}

.Layout__item--last {
  order: 1;
}

.Layout__item--reset {
  order: initial;
}

/* stylelint-disable */
.Layout__item--1\/12 {
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%;
}

.Layout__item--offsetBy1\/12 {
  margin-left: 8.3333333333%;
}

/* stylelint-enable */
/* stylelint-disable */
.Layout__item--2\/12 {
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%;
}

.Layout__item--offsetBy2\/12 {
  margin-left: 16.6666666667%;
}

/* stylelint-enable */
/* stylelint-disable */
.Layout__item--3\/12 {
  flex-basis: 25%;
  max-width: 25%;
}

.Layout__item--offsetBy3\/12 {
  margin-left: 25%;
}

/* stylelint-enable */
/* stylelint-disable */
.Layout__item--4\/12 {
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
}

.Layout__item--offsetBy4\/12 {
  margin-left: 33.3333333333%;
}

/* stylelint-enable */
/* stylelint-disable */
.Layout__item--5\/12 {
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%;
}

.Layout__item--offsetBy5\/12 {
  margin-left: 41.6666666667%;
}

/* stylelint-enable */
/* stylelint-disable */
.Layout__item--6\/12 {
  flex-basis: 50%;
  max-width: 50%;
}

.Layout__item--offsetBy6\/12 {
  margin-left: 50%;
}

/* stylelint-enable */
/* stylelint-disable */
.Layout__item--7\/12 {
  flex-basis: 58.3333333333%;
  max-width: 58.3333333333%;
}

.Layout__item--offsetBy7\/12 {
  margin-left: 58.3333333333%;
}

/* stylelint-enable */
/* stylelint-disable */
.Layout__item--8\/12 {
  flex-basis: 66.6666666667%;
  max-width: 66.6666666667%;
}

.Layout__item--offsetBy8\/12 {
  margin-left: 66.6666666667%;
}

/* stylelint-enable */
/* stylelint-disable */
.Layout__item--9\/12 {
  flex-basis: 75%;
  max-width: 75%;
}

.Layout__item--offsetBy9\/12 {
  margin-left: 75%;
}

/* stylelint-enable */
/* stylelint-disable */
.Layout__item--10\/12 {
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%;
}

.Layout__item--offsetBy10\/12 {
  margin-left: 83.3333333333%;
}

/* stylelint-enable */
/* stylelint-disable */
.Layout__item--11\/12 {
  flex-basis: 91.6666666667%;
  max-width: 91.6666666667%;
}

.Layout__item--offsetBy11\/12 {
  margin-left: 91.6666666667%;
}

/* stylelint-enable */
/* stylelint-disable */
.Layout__item--12\/12 {
  flex-basis: 100%;
  max-width: 100%;
}

.Layout__item--offsetBy12\/12 {
  margin-left: 100%;
}

/* stylelint-enable */
/* stylelint-disable */
.Layout__item--1\/10 {
  flex-basis: 10%;
  max-width: 10%;
}

.Layout__item--offsetBy1\/10 {
  margin-left: 10%;
}

/* stylelint-enable */
/* stylelint-disable */
.Layout__item--2\/10 {
  flex-basis: 20%;
  max-width: 20%;
}

.Layout__item--offsetBy2\/10 {
  margin-left: 20%;
}

/* stylelint-enable */
/* stylelint-disable */
.Layout__item--3\/10 {
  flex-basis: 30%;
  max-width: 30%;
}

.Layout__item--offsetBy3\/10 {
  margin-left: 30%;
}

/* stylelint-enable */
/* stylelint-disable */
.Layout__item--4\/10 {
  flex-basis: 40%;
  max-width: 40%;
}

.Layout__item--offsetBy4\/10 {
  margin-left: 40%;
}

/* stylelint-enable */
/* stylelint-disable */
.Layout__item--5\/10 {
  flex-basis: 50%;
  max-width: 50%;
}

.Layout__item--offsetBy5\/10 {
  margin-left: 50%;
}

/* stylelint-enable */
/* stylelint-disable */
.Layout__item--6\/10 {
  flex-basis: 60%;
  max-width: 60%;
}

.Layout__item--offsetBy6\/10 {
  margin-left: 60%;
}

/* stylelint-enable */
/* stylelint-disable */
.Layout__item--7\/10 {
  flex-basis: 70%;
  max-width: 70%;
}

.Layout__item--offsetBy7\/10 {
  margin-left: 70%;
}

/* stylelint-enable */
/* stylelint-disable */
.Layout__item--8\/10 {
  flex-basis: 80%;
  max-width: 80%;
}

.Layout__item--offsetBy8\/10 {
  margin-left: 80%;
}

/* stylelint-enable */
/* stylelint-disable */
.Layout__item--9\/10 {
  flex-basis: 90%;
  max-width: 90%;
}

.Layout__item--offsetBy9\/10 {
  margin-left: 90%;
}

/* stylelint-enable */
/* stylelint-disable */
.Layout__item--10\/10 {
  flex-basis: 100%;
  max-width: 100%;
}

.Layout__item--offsetBy10\/10 {
  margin-left: 100%;
}

/* stylelint-enable */
@media (min-width: 400px) {
  .Layout--reverse\@small {
    flex-direction: row-reverse;
  }

  .Layout--start\@small {
    justify-content: flex-start;
    text-align: start;
  }

  .Layout--center\@small {
    justify-content: center;
    text-align: center;
  }

  .Layout--end\@small {
    justify-content: flex-end;
    text-align: end;
  }

  .Layout--top\@small {
    align-items: flex-start;
  }

  .Layout--middle\@small {
    align-items: center;
  }

  .Layout--bottom\@small {
    align-items: flex-end;
  }

  .Layout--around\@small {
    justify-content: space-around;
  }

  .Layout--between\@small {
    justify-content: space-between;
  }

  .Layout__item--reverse\@small {
    flex-direction: column-reverse;
  }

  .Layout__item--first\@small {
    order: -1;
  }

  .Layout__item--last\@small {
    order: 1;
  }

  .Layout__item--reset\@small {
    order: initial;
  }

  /* stylelint-disable */
  .Layout__item--1\/12\@small {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .Layout__item--offsetBy1\/12\@small {
    margin-left: 8.3333333333%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--2\/12\@small {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .Layout__item--offsetBy2\/12\@small {
    margin-left: 16.6666666667%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--3\/12\@small {
    flex-basis: 25%;
    max-width: 25%;
  }

  .Layout__item--offsetBy3\/12\@small {
    margin-left: 25%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--4\/12\@small {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .Layout__item--offsetBy4\/12\@small {
    margin-left: 33.3333333333%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--5\/12\@small {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .Layout__item--offsetBy5\/12\@small {
    margin-left: 41.6666666667%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--6\/12\@small {
    flex-basis: 50%;
    max-width: 50%;
  }

  .Layout__item--offsetBy6\/12\@small {
    margin-left: 50%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--7\/12\@small {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .Layout__item--offsetBy7\/12\@small {
    margin-left: 58.3333333333%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--8\/12\@small {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .Layout__item--offsetBy8\/12\@small {
    margin-left: 66.6666666667%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--9\/12\@small {
    flex-basis: 75%;
    max-width: 75%;
  }

  .Layout__item--offsetBy9\/12\@small {
    margin-left: 75%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--10\/12\@small {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .Layout__item--offsetBy10\/12\@small {
    margin-left: 83.3333333333%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--11\/12\@small {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .Layout__item--offsetBy11\/12\@small {
    margin-left: 91.6666666667%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--12\/12\@small {
    flex-basis: 100%;
    max-width: 100%;
  }

  .Layout__item--offsetBy12\/12\@small {
    margin-left: 100%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--1\/10\@small {
    flex-basis: 10%;
    max-width: 10%;
  }

  .Layout__item--offsetBy1\/10\@small {
    margin-left: 10%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--2\/10\@small {
    flex-basis: 20%;
    max-width: 20%;
  }

  .Layout__item--offsetBy2\/10\@small {
    margin-left: 20%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--3\/10\@small {
    flex-basis: 30%;
    max-width: 30%;
  }

  .Layout__item--offsetBy3\/10\@small {
    margin-left: 30%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--4\/10\@small {
    flex-basis: 40%;
    max-width: 40%;
  }

  .Layout__item--offsetBy4\/10\@small {
    margin-left: 40%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--5\/10\@small {
    flex-basis: 50%;
    max-width: 50%;
  }

  .Layout__item--offsetBy5\/10\@small {
    margin-left: 50%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--6\/10\@small {
    flex-basis: 60%;
    max-width: 60%;
  }

  .Layout__item--offsetBy6\/10\@small {
    margin-left: 60%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--7\/10\@small {
    flex-basis: 70%;
    max-width: 70%;
  }

  .Layout__item--offsetBy7\/10\@small {
    margin-left: 70%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--8\/10\@small {
    flex-basis: 80%;
    max-width: 80%;
  }

  .Layout__item--offsetBy8\/10\@small {
    margin-left: 80%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--9\/10\@small {
    flex-basis: 90%;
    max-width: 90%;
  }

  .Layout__item--offsetBy9\/10\@small {
    margin-left: 90%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--10\/10\@small {
    flex-basis: 100%;
    max-width: 100%;
  }

  .Layout__item--offsetBy10\/10\@small {
    margin-left: 100%;
  }

  /* stylelint-enable */
}
@media (min-width: 768px) {
  .Layout--reverse\@medium {
    flex-direction: row-reverse;
  }

  .Layout--start\@medium {
    justify-content: flex-start;
    text-align: start;
  }

  .Layout--center\@medium {
    justify-content: center;
    text-align: center;
  }

  .Layout--end\@medium {
    justify-content: flex-end;
    text-align: end;
  }

  .Layout--top\@medium {
    align-items: flex-start;
  }

  .Layout--middle\@medium {
    align-items: center;
  }

  .Layout--bottom\@medium {
    align-items: flex-end;
  }

  .Layout--around\@medium {
    justify-content: space-around;
  }

  .Layout--between\@medium {
    justify-content: space-between;
  }

  .Layout__item--reverse\@medium {
    flex-direction: column-reverse;
  }

  .Layout__item--first\@medium {
    order: -1;
  }

  .Layout__item--last\@medium {
    order: 1;
  }

  .Layout__item--reset\@medium {
    order: initial;
  }

  /* stylelint-disable */
  .Layout__item--1\/12\@medium {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .Layout__item--offsetBy1\/12\@medium {
    margin-left: 8.3333333333%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--2\/12\@medium {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .Layout__item--offsetBy2\/12\@medium {
    margin-left: 16.6666666667%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--3\/12\@medium {
    flex-basis: 25%;
    max-width: 25%;
  }

  .Layout__item--offsetBy3\/12\@medium {
    margin-left: 25%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--4\/12\@medium {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .Layout__item--offsetBy4\/12\@medium {
    margin-left: 33.3333333333%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--5\/12\@medium {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .Layout__item--offsetBy5\/12\@medium {
    margin-left: 41.6666666667%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--6\/12\@medium {
    flex-basis: 50%;
    max-width: 50%;
  }

  .Layout__item--offsetBy6\/12\@medium {
    margin-left: 50%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--7\/12\@medium {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .Layout__item--offsetBy7\/12\@medium {
    margin-left: 58.3333333333%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--8\/12\@medium {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .Layout__item--offsetBy8\/12\@medium {
    margin-left: 66.6666666667%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--9\/12\@medium {
    flex-basis: 75%;
    max-width: 75%;
  }

  .Layout__item--offsetBy9\/12\@medium {
    margin-left: 75%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--10\/12\@medium {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .Layout__item--offsetBy10\/12\@medium {
    margin-left: 83.3333333333%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--11\/12\@medium {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .Layout__item--offsetBy11\/12\@medium {
    margin-left: 91.6666666667%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--12\/12\@medium {
    flex-basis: 100%;
    max-width: 100%;
  }

  .Layout__item--offsetBy12\/12\@medium {
    margin-left: 100%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--1\/10\@medium {
    flex-basis: 10%;
    max-width: 10%;
  }

  .Layout__item--offsetBy1\/10\@medium {
    margin-left: 10%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--2\/10\@medium {
    flex-basis: 20%;
    max-width: 20%;
  }

  .Layout__item--offsetBy2\/10\@medium {
    margin-left: 20%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--3\/10\@medium {
    flex-basis: 30%;
    max-width: 30%;
  }

  .Layout__item--offsetBy3\/10\@medium {
    margin-left: 30%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--4\/10\@medium {
    flex-basis: 40%;
    max-width: 40%;
  }

  .Layout__item--offsetBy4\/10\@medium {
    margin-left: 40%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--5\/10\@medium {
    flex-basis: 50%;
    max-width: 50%;
  }

  .Layout__item--offsetBy5\/10\@medium {
    margin-left: 50%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--6\/10\@medium {
    flex-basis: 60%;
    max-width: 60%;
  }

  .Layout__item--offsetBy6\/10\@medium {
    margin-left: 60%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--7\/10\@medium {
    flex-basis: 70%;
    max-width: 70%;
  }

  .Layout__item--offsetBy7\/10\@medium {
    margin-left: 70%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--8\/10\@medium {
    flex-basis: 80%;
    max-width: 80%;
  }

  .Layout__item--offsetBy8\/10\@medium {
    margin-left: 80%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--9\/10\@medium {
    flex-basis: 90%;
    max-width: 90%;
  }

  .Layout__item--offsetBy9\/10\@medium {
    margin-left: 90%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--10\/10\@medium {
    flex-basis: 100%;
    max-width: 100%;
  }

  .Layout__item--offsetBy10\/10\@medium {
    margin-left: 100%;
  }

  /* stylelint-enable */
}
@media (min-width: 1024px) {
  .Layout--reverse\@large {
    flex-direction: row-reverse;
  }

  .Layout--start\@large {
    justify-content: flex-start;
    text-align: start;
  }

  .Layout--center\@large {
    justify-content: center;
    text-align: center;
  }

  .Layout--end\@large {
    justify-content: flex-end;
    text-align: end;
  }

  .Layout--top\@large {
    align-items: flex-start;
  }

  .Layout--middle\@large {
    align-items: center;
  }

  .Layout--bottom\@large {
    align-items: flex-end;
  }

  .Layout--around\@large {
    justify-content: space-around;
  }

  .Layout--between\@large {
    justify-content: space-between;
  }

  .Layout__item--reverse\@large {
    flex-direction: column-reverse;
  }

  .Layout__item--first\@large {
    order: -1;
  }

  .Layout__item--last\@large {
    order: 1;
  }

  .Layout__item--reset\@large {
    order: initial;
  }

  /* stylelint-disable */
  .Layout__item--1\/12\@large {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .Layout__item--offsetBy1\/12\@large {
    margin-left: 8.3333333333%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--2\/12\@large {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .Layout__item--offsetBy2\/12\@large {
    margin-left: 16.6666666667%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--3\/12\@large {
    flex-basis: 25%;
    max-width: 25%;
  }

  .Layout__item--offsetBy3\/12\@large {
    margin-left: 25%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--4\/12\@large {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .Layout__item--offsetBy4\/12\@large {
    margin-left: 33.3333333333%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--5\/12\@large {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .Layout__item--offsetBy5\/12\@large {
    margin-left: 41.6666666667%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--6\/12\@large {
    flex-basis: 50%;
    max-width: 50%;
  }

  .Layout__item--offsetBy6\/12\@large {
    margin-left: 50%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--7\/12\@large {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .Layout__item--offsetBy7\/12\@large {
    margin-left: 58.3333333333%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--8\/12\@large {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .Layout__item--offsetBy8\/12\@large {
    margin-left: 66.6666666667%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--9\/12\@large {
    flex-basis: 75%;
    max-width: 75%;
  }

  .Layout__item--offsetBy9\/12\@large {
    margin-left: 75%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--10\/12\@large {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .Layout__item--offsetBy10\/12\@large {
    margin-left: 83.3333333333%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--11\/12\@large {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .Layout__item--offsetBy11\/12\@large {
    margin-left: 91.6666666667%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--12\/12\@large {
    flex-basis: 100%;
    max-width: 100%;
  }

  .Layout__item--offsetBy12\/12\@large {
    margin-left: 100%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--1\/10\@large {
    flex-basis: 10%;
    max-width: 10%;
  }

  .Layout__item--offsetBy1\/10\@large {
    margin-left: 10%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--2\/10\@large {
    flex-basis: 20%;
    max-width: 20%;
  }

  .Layout__item--offsetBy2\/10\@large {
    margin-left: 20%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--3\/10\@large {
    flex-basis: 30%;
    max-width: 30%;
  }

  .Layout__item--offsetBy3\/10\@large {
    margin-left: 30%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--4\/10\@large {
    flex-basis: 40%;
    max-width: 40%;
  }

  .Layout__item--offsetBy4\/10\@large {
    margin-left: 40%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--5\/10\@large {
    flex-basis: 50%;
    max-width: 50%;
  }

  .Layout__item--offsetBy5\/10\@large {
    margin-left: 50%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--6\/10\@large {
    flex-basis: 60%;
    max-width: 60%;
  }

  .Layout__item--offsetBy6\/10\@large {
    margin-left: 60%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--7\/10\@large {
    flex-basis: 70%;
    max-width: 70%;
  }

  .Layout__item--offsetBy7\/10\@large {
    margin-left: 70%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--8\/10\@large {
    flex-basis: 80%;
    max-width: 80%;
  }

  .Layout__item--offsetBy8\/10\@large {
    margin-left: 80%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--9\/10\@large {
    flex-basis: 90%;
    max-width: 90%;
  }

  .Layout__item--offsetBy9\/10\@large {
    margin-left: 90%;
  }

  /* stylelint-enable */
  /* stylelint-disable */
  .Layout__item--10\/10\@large {
    flex-basis: 100%;
    max-width: 100%;
  }

  .Layout__item--offsetBy10\/10\@large {
    margin-left: 100%;
  }

  /* stylelint-enable */
}
/**
 * Blocks:
 * `.Block` - We typically use Blocks to create sections inside pages. 
 *  Typically you'll want to use either a `<div>` or an `<section>` element.
 *  Blocks add padding and top borders, as well as provide styling for 
 *  titles and subtitles with the `.Block__title` and `.Block__subtitle` classes.
 *  We use utility classes or scope classes to set backgrounds for Blocks.
 *  You can also automatically create zebra stripes (see /press) with `.Block--stripes`,
 *  Blocks with a background slider with `.Block--slideBg` (see homepage) and full-height Blocks 
 *  with `.Block--fullHeight`.
 *
 *     @example
 *     div.Block.u-textCenter
 *       h2.Block__title Block Title
 *       p.Block__subtitle Block Subtitle
 *     div.Block.Block--stripes.u-textCenter
 *       p Automatic
 *     div.Block.Block--stripes.u-textCenter
 *       p Zebra
 *     div.Block.Block--stripes.u-textCenter
 *       p Stripes
 *
 */
.Block {
  padding: 48px 24px;
  display: inline-block;
  width: 100%;
}

* + .Block {
  border-top: 1px solid #ededed;
}

.Block__title {
  font-size: 48px;
  font-size: calc( 24px + (48 - 24) * (100vw - 300px) / (1800 - 300) );
  color: currentColor;
  display: block;
}

.Block__subtitle {
  font-size: 22px;
  font-size: calc( 18px + (22 - 18) * (100vw - 300px) / (1800 - 300) );
  line-height: 1.5;
  margin: 24px 0;
  color: currentColor;
  display: block;
}

.Block--stripes:nth-child(odd) {
  background: #F9FAFB;
}
.Block--stripes:nth-child(even) {
  background: #fff;
}

@media (min-width: 768px) {
  .Block {
    padding: 96px 48px;
  }
}
.Block--fullHeight {
  min-height: 100vh;
}

.Block--slideBg {
  position: relative;
  overflow: hidden;
}

.Block--slideBg__slides {
  padding: 0;
  top: 0;
  right: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 3;
}

.Block--slideBg__content {
  z-index: 5;
}

.Block--slideBg__slides__img {
  max-width: 1000px;
  min-height: 100%;
  top: 50%;
  right: 50%;
  position: absolute;
  transform: translate(50%, -50%);
  opacity: 1;
  transition: opacity 0.5s;
  user-select: none;
  z-index: -1;
  perspective: 1px;
  /* uncss:ignore */
}
.Block--slideBg__slides__img.is-slide-hidden {
  opacity: 0;
}
@media (min-width: 1024px) {
  .Block--slideBg__slides__img {
    right: 0;
    transform: translate(0, -50%);
  }
}

.Block--slideBg__slides:after {
  content: "";
  position: absolute;
  top: 0%;
  right: 0%;
  height: 100%;
  width: 100%;
  max-width: 1000px;
  background: rgba(255, 255, 255, 0.8);
  z-index: 10;
}
@media (min-width: 1024px) {
  .Block--slideBg__slides:after {
    background: linear-gradient(to right, #F9FAFB 20%, transparent 100%);
  }
}

/**
 * Box:
 * `.Box` - This class adds padding and centers an element's text. Boxes can have different
 * sizes. Like: `.Box--large`, `.Box--medium`, `.Box--small`, `.Box--tiny`. They can also
 * have rounded corners, by using the `.Box--rounded` modifier. When boxes are used as links
 * (see homepage), it's useful for them to have an hover effect. We do that with the `.Box--link`
 * modifier. 
 * Boxes also have child elements, like `.Box__title`, `.Box__text`. 
 * Use utility classes or scope classes to set backgrounds for Boxes.
 *
 *     @example
 *     div.Box.Box--medium.u-bgGradientBlue
 *       p.Box__title Personalized Voices
 *       p.Box__text Lorem Ipsum Dolor Sit Amet
 *
 */
.Box {
  padding: 48px 24px;
  text-align: center;
  position: relative;
  transition: all 0.3s;
}

.Box--small {
  padding: 24px;
}

.Box--tiny {
  padding: 6px;
}

.Box--medium {
  padding: 48px 24px;
}

.Box--large {
  padding: 48px 24px;
}

.Box--rounded {
  border-radius: 6px;
}

/* uncss:ignore */
.Box--link {
  opacity: 1;
}
.Box--link:hover, .Box--link:focus {
  opacity: 0.8;
}

.Box__title {
  color: #fff;
  font-size: 22px;
  font-size: calc( 18px + (22 - 18) * (100vw - 300px) / (1800 - 300) );
  line-height: 1.5;
}

.Box__text {
  color: #fff;
  font-size: 14px;
  font-size: calc( 14px + (16 - 14) * (100vw - 300px) / (1800 - 300) );
}

@media (min-width: 768px) {
  /*  .Box--small {
      padding: $spacing-unit-large $spacing-unit;
    }
  */
  .Box--medium {
    padding: 72px;
  }

  .Box--large {
    padding: 96px;
  }
}
/**
 * Cards:
 * `.Cards` - Because a design system can't be complete without cards.
 * Cards have a head `.Card__head` and a body `.Card__body`. Inside
 * the head, you will typically find a `.Card__title` and a `.Card__subtitle`.
 * Cards can also have box shadows on hover with the `.Card--shadow` modifier class.
 * Use utility classes or scope classes to set backgrounds for your `.Card__head`.
 *
 *     @example
 *     div.Card.Card--shadow
 *       div.Card__head.u-bgGradientBlue
 *         p.Card__title Bespoke Voice
 *         p.Card__subtitle Voice Personalization
 *       div.Card__body
 *         Lorem Ipsum Dolor Sit Amet
 *
 */
.Card {
  display: inline-block;
  width: 100%;
  border-radius: 6px;
  background: #fff;
  border: 1px solid #F9FAFB;
  color: currentColor;
  overflow: hidden;
}

.Card__head {
  background: #29B0E0;
  padding: 96px 24px;
  text-align: center;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.Card__title {
  font-size: 36px;
  font-size: calc( 20px + (36 - 20) * (100vw - 300px) / (1800 - 300) );
  color: currentColor;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  font-weight: bold;
  display: block;
}

.Card__subtitle {
  font-size: 22px;
  font-size: calc( 18px + (22 - 18) * (100vw - 300px) / (1800 - 300) );
  line-height: 1.5;
  color: currentColor;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  display: block;
  margin: 0;
}

.Card__body {
  padding: 24px;
  color: currentColor;
}
@media (min-width: 768px) {
  .Card__body {
    padding: 48px;
  }
}

.Card__body--contrast {
  color: #fff;
  overflow: hidden;
  position: relative;
  height: 100%;
}
.Card__body--contrast > * {
  position: relative;
  z-index: 1;
}
.Card__body--contrast:before {
  content: "";
  background: #000;
  opacity: 0.6;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: -1;
}

.Card--shadow {
  transition: all ease-in-out 0.25s;
  transform: translateZ(0);
  /* uncss:ignore */
}
.Card--shadow:hover, .Card--shadow:focus {
  box-shadow: 0 0 60px rgba(0, 0, 0, 0.2);
  transform: scale(0.98) translateY(-15px);
}

.Card--fill {
  height: 100%;
}

.Card--link {
  text-decoration: none;
}
.Card--link:hover, .Card--link:focus {
  text-decoration: none;
}

/**
 * Logos:
 * `.Logos` - A module for displaying logos, which keeps them nicely sized across breakpoints.
 * To be used in conjunction with Layouts.
 *
 *     @example
 *     <section class="Logos Block u-bgGray u-pvSmall">
 *        <div class="Wrapper">
 *          <div class="Layout Layout--center">
 *            <div class="Logos__item Layout__item">
 *              <img class="Logos__img" src="images/press-ted.png">
 *            </div>
 *            <div class="Logos__item Layout__item">
 *              <img class="Logos__img" src="images/press-sxsw.png">
 *            </div>
 *            <div class="Logos__item Layout__item">
 *              <img class="Logos__img" src="images/press-wsj.png">
 *            </div>
 *            <div class="Logos__item Layout__item">
 *              <img class="Logos__img" src="images/press-npr.png">
 *            </div>
 *            <div class="Logos__item Layout__item">
 *              <img class="Logos__img" src="images/press-bloomberg.png">
 *            </div>
 *            <div class="Logos__item Layout__item">
 *              <img class="Logos__img" src="images/press-buzzfeed.png">
 *            </div>
 *          </div>
 *        </div>
 *     </section>
 */
.Logos__item {
  min-width: 150px;
  flex: 1 1 auto;
}

.Logos__img {
  max-height: 22px;
  display: inline-block;
  margin: 24px auto;
}

/**
 * Hero:
 * `.Hero` - Usually the first section to appear in any page. Hero's have
 * their own wrapper, `.Wrapper.Hero__wrapper`, as well as classes for
 * content `.Hero__content` and an optional background `.Hero__background`,
 * used over the homepage to add the background map. If you want your background
 * to cover the entire Hero, usually with a background image, you can use
 * a scope class for that. If you just need color, use an utility class.
 * We also have content classes, used to define Titles `.Hero__title`,
 * Subtitles `.Hero__subtitle` and content `.Hero__text`.
 * Also, please note text is not centered by default.
 *
 *     @example
 *     section.Hero.u-bgBlue.u-textCenter
 *       div.Wrapper.Hero__wrapper
 *         div.Hero__content
 *           h1.Hero__title About us
 *           h2.Hero__subtitle We are awesome
 *
 */
.Hero {
  display: flex;
  align-items: center;
  min-height: 600px;
  min-height: 85vh;
  /* stylelint-disable-line */
  width: 100%;
}

.Hero--small {
  min-height: 480px;
  min-height: 65vh;
}

.Hero__wrapper {
  position: relative;
}

.Hero__content {
  position: relative;
  padding: 96px 0;
  height: 100%;
  z-index: 2;
}

.Hero__title {
  font-size: 64px;
  font-size: calc( 30px + (64 - 30) * (100vw - 300px) / (1800 - 300) );
  color: currentColor;
  font-weight: bold;
  margin-bottom: 24px;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}

.Hero__title--left {
  margin-left: 0;
}

.Hero__subtitle {
  color: currentColor;
  font-size: 22px;
  font-size: calc( 18px + (22 - 18) * (100vw - 300px) / (1800 - 300) );
  line-height: 1.5;
  margin-bottom: 48px;
}

.Hero--small .Hero__title, .Hero--small .Hero__subtitle {
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1024px) {
  .Hero--small .Hero__title, .Hero--small .Hero__subtitle {
    margin-left: 0;
    margin-right: 0;
  }
}

.Hero__text {
  color: currentColor;
}

.Hero--overlay {
  position: relative;
  color: #fff;
}
.Hero--overlay .Hero__content {
  z-index: 1;
}
.Hero--overlay:before {
  background: #000;
  content: "";
  opacity: 0.6;
  width: 100%;
  height: 100%;
  position: absolute;
}

.topnav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 7;
  color: #29B0E0;
}

.topnav-wrapper {
  height: 90px;
}

.topnav-list {
  margin: 0;
  padding: 0;
  list-style: none;
  white-space: nowrap;
}
.topnav-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.topnav-list > li:nth-last-child(1) > a {
  font-size: 18px;
  font-size: calc( 16px + (18 - 16) * (100vw - 300px) / (1800 - 300) );
  display: inline-block;
  font-weight: bold;
  border-radius: 6px;
  margin-top: 5px;
  padding: 19.2px 30px;
  text-decoration: none;
  text-align: center;
  transition: all 0.3s;
  border: 0;
  cursor: pointer;
  /* uncss:ignore */
  background: #29B0E0;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
  /* uncss:ignore */
  /* uncss:ignore */
  font-size: 16px;
  padding: 0.75em 1.25em;
}
.topnav-list > li:nth-last-child(1) > a:hover, .topnav-list > li:nth-last-child(1) > a:focus {
  transform: translateY(-3px);
  outline: none;
  text-decoration: none;
}
.topnav-list > li:nth-last-child(1) > a:hover, .topnav-list > li:nth-last-child(1) > a:focus {
  background: #137799;
  color: #fff;
}
.topnav-list > li:nth-last-child(1) > a:active {
  box-shadow: inset 0 0 25px #187392, 0 0 3px #333;
  color: #fff;
}
.topnav-list li {
  display: block;
  position: relative;
  text-align: right;
  padding-top: 6px;
  padding-bottom: 6px;
  color: #1d212c;
}
.topnav-list li li {
  color: #137799;
  padding-bottom: 0;
}
.topnav-list a {
  font-size: 14px;
  font-size: calc( 14px + (16 - 14) * (100vw - 300px) / (1800 - 300) );
  display: block;
  color: currentColor;
  font-weight: bold;
  outline: 0;
  transition: all 0.2s;
  text-decoration: none;
}
.topnav-list a:hover, .topnav-list a:focus {
  color: currentColor;
  text-decoration: none;
  opacity: 0.8;
}

div.topnav-logo svg,
svg.topnav-logo {
  vertical-align: middle;
  color: currentColor;
}

.topnav-logo * {
  fill: currentColor;
}

.topnav-left {
  height: 90px;
  display: flex;
  align-items: center;
}

.topnav-right {
  background: #fff;
  padding: 24px;
  width: 100%;
  transform: translate3d(0, -300%, 0);
  opacity: 0;
  transition: transform 0.2s, opacity 0.3s;
  border-radius: 8px;
}

/* uncss:ignore */
.topnav-right.is-mobile-menu-open {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.topnav-toggle {
  margin-left: auto;
  border: 0;
  background: transparent;
  width: 24px;
  height: 12px;
  position: relative;
  outline: 0;
  color: currentColor;
}

.topnav-toggle-line {
  background: currentColor;
  border-radius: 2px;
  width: 24px;
  height: 2px;
  position: absolute;
  left: 0;
  transition: all 0.2s;
}
.topnav-toggle-line:nth-child(1) {
  top: 0;
}
.topnav-toggle-line:nth-child(2) {
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
.topnav-toggle-line:nth-child(3) {
  bottom: 0;
}

/* uncss:ignore */
.topnav-toggle.is-mobile-menu-open > .topnav-toggle-line:nth-child(1) {
  top: 50%;
  transform: translate3d(0, -50%, 0) rotate(-45deg);
}

/* uncss:ignore */
.topnav-toggle.is-mobile-menu-open > .topnav-toggle-line:nth-child(2) {
  background: transparent;
}

/* uncss:ignore */
.topnav-toggle.is-mobile-menu-open > .topnav-toggle-line:nth-child(3) {
  top: 50%;
  transform: translate3d(0, -50%, 0) rotate(45deg);
}

@media (min-width: 768px) {
  ul {
    list-style: none;
  }

  .topnav-wrapper {
    display: flex;
    align-items: center;
    z-index: 1;
  }

  .topnav-right {
    background: transparent;
    padding: 0;
    transform: none;
    opacity: 1;
    text-align: right;
    width: 100%;
    overflow: visible;
  }

  .menu-item-has-children:after {
    content: "";
    position: absolute;
    top: 42%;
    right: 0px;
    border-top: 5px solid currentColor;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
  }

  .topnav-list ul {
    position: absolute;
    left: -999em;
    background-color: #F9F9F9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
  }
  .topnav-list li {
    display: inline-block;
    text-align: left;
    padding-left: 12px;
    padding-right: 12px;
    color: currentColor;
  }
  .topnav-list li:hover > ul {
    left: auto;
  }
  .topnav-list li li {
    display: block;
    padding-bottom: 6px;
  }
  .topnav-list li li:hover > ul {
    left: 100%;
    top: 0;
  }
  .topnav-list > li {
    text-align: left;
    display: inline-block;
  }
  .topnav-list > li + li {
    margin-left: 24px;
    margin-left: 1.5vw;
    /* stylelint-disable-line */
  }

  .topnav-toggle {
    display: none;
  }

  /* uncss:ignore */
  .topnav-button {
    display: inline-block;
    font-weight: bold;
    border-radius: 6px;
    padding: 19.2px 30px;
    text-decoration: none;
    text-align: center;
    transition: all 0.3s;
    border: 0;
    font-size: 16px;
    padding: 0.75em 1.25em;
    background: #F9FAFB;
    color: #777;
  }
  .topnav-button:hover {
    text-decoration: none;
    background: #1A405C;
    color: #fff;
  }
}
/**
 * Blockquotes:
 * `.Blockquote` - Used to, well, create blockquotes. Set the quote author
 * with `.Blockquote__author` and it's content with `.Blockquote__text`. There is no need
 * to add the &mdash; before the author's name. It does that automatically.
 * If your quote needs to be a bit larger than usual, add the `.Blockquote--large` modifier.
 * If your quote is ever centered with `position: absolute`, you will want to
 * employ the `.Blockquote--compensateBottom` modifier class, which compensates 
 * for the top margin created by the big quote icon at the top, to properly center it. 
 *
 *     @example
 *     blockquote.Blockquote
 *       p.Blockquote__text I founded VocaliD to create custom crafted voices -- so that every voice is heard
 *       p.Blockquote__author Rupal Patel, Founder & CEO
 *       
 *
 */
.Blockquote {
  text-align: center;
  border: 0;
  padding: 0;
  margin: 24px 0;
}
.Blockquote:before {
  content: "“";
  font-size: 120px;
  height: 100px;
  width: 100px;
  margin: 0 auto;
  display: block;
  font-family: Georgia, serif;
  color: currentColor;
}

/* We use this class for centering absolute-positioned quotes.
   Basically, we compensate for the top margin set by the big
   quote icon on top of it
*/
.Blockquote--compensateBottom {
  margin-bottom: 120px;
}

.Blockquote__text {
  font-size: 22px;
  font-size: calc( 18px + (22 - 18) * (100vw - 300px) / (1800 - 300) );
  line-height: 1.5;
  color: currentColor;
  margin: 0;
}

.Blockquote__author {
  color: currentColor;
}
.Blockquote__author:before {
  content: "—";
  position: relative;
  display: inline-block;
  margin-right: 5px;
}

.Blockquote--large > .Blockquote__text {
  font-size: 48px;
  font-size: calc( 24px + (48 - 24) * (100vw - 300px) / (1800 - 300) );
}

.Blockquote--left {
  text-align: left;
}
.Blockquote--left:before {
  margin: 0;
}

/**
 * Team:
 * `.Team` - Used in /about to display team members and advisors. Makes use of several
 * other modules, such as `.Layout` and `.Thumbnail` 
 *
 *     @example
 *     <section class="Block Team u-bgWhite">
 *       <div class="Wrapper Wrapper--small">
 *         <div class="Layout Layout--center">
 *           <div class="Layout__item">
 *             <h2 class="Block__title u-mbLarge">Advisors</h2>
 *           </div>
 *         </div>
 *       </div>
 *       <div class="Wrapper">
 *         <div class="Layout Layout--center Layout--start@medium">
 *           <div class="Layout__item Layout__item--12/12 Layout__item--3/12@medium">
 *             <div class="Team__member">
 *               <img class="Team__member__thumb Thumbnail Thumbnail--circle" src="images/about-michaelf.jpg" alt="Michael Fleischman">
 *               <h3 class="Team__member__name">Michael Fleischman, PhD</h3>
 *               <p class="Team__member__role">Big Data Wizard <br>(Twitter, Bluefin Labs)</p>
 *               <div class="Team__member__social">
 *                 <a class="Team__member__link" href="http://www.twitter.com/mikef" target="_blank" title="Michael's Twitter"><i class="fa fa-twitter"></i></a>
 *                 <a class="Team__member__link" href="https://www.linkedin.com/in/michael-fleischman-7958274" target="_blank" title="Michael's LinkedIn"><i class="fa fa-linkedin"></i></a>
 *               </div>
 *             </div>
 *           </div>
 *           <div class="Layout__item Layout__item--12/12 Layout__item--3/12@medium">
 *             <div class="Team__member">
 *               <img class="Team__member__thumb Thumbnail Thumbnail--circle" src="images/about-john.jpg" alt="John Nguyen">
 *               <h3 class="Team__member__name">John Nguyen, PhD</h3>
 *               <p class="Team__member__role">Serial Speech Entrepreneur <br>(Vlingo, SpeechWorks)</p>
 *               <div class="Team__member__social">
 *                 <a class="Team__member__link" href="https://www.linkedin.com/in/johnnguyenboston" target="_blank" title="John's LinkedIn"><i class="fa fa-linkedin"></i></a>
 *               </div>
 *             </div>
 *           </div>
 *           <div class="Layout__item Layout__item--12/12 Layout__item--3/12@medium">
 *             <div class="Team__member">
 *               <img class="Team__member__thumb Thumbnail Thumbnail--circle" src="images/about-russell.jpg" alt="Russell Stevens">
 *               <h3 class="Team__member__name">Russell Stevens, MPP</h3>
 *               <p class="Team__member__role">Branding Guru <br>(SS+K, MIT Media Lab)</p>
 *               <div class="Team__member__social">
 *                 <a class="Team__member__link" href="https://www.linkedin.com/in/rstevenssrg" target="_blank" title="Russell's LinkedIn"><i class="fa fa-linkedin"></i></a>
 *               </div>
 *             </div>
 *           </div>
 *           <div class="Layout__item Layout__item--12/12 Layout__item--3/12@medium">
 *             <div class="Team__member">
 *               <img class="Team__member__thumb Thumbnail Thumbnail--circle" src="images/about-sridhar.jpg" alt="Sridhar Tayur">
 *               <h3 class="Team__member__name">Sridhar Tayur, PhD</h3>
 *               <p class="Team__member__role">Entrepreneur &amp; Management Scholar <br>(SmartOps, OrganJet, CMU)</p>
 *               <div class="Team__member__social">
 *                 <a class="Team__member__link" href="https://www.linkedin.com/in/sridhar-tayur-65976018" target="_blank" title="Sridhar's LinkedIn"><i class="fa fa-linkedin"></i></a>
 *               </div>
 *             </div>
 *           </div>
 *         </div>
 *       </div>
 *     </section>
 *
 */
.Team__member {
  display: inline-block;
  width: 100%;
  margin: 24px 0;
  text-align: center;
  outline: 0;
}

.Team__member__link {
  text-decoration: none;
}

.Team__member__thumb {
  max-width: 150px;
  margin-top: 0;
  margin-bottom: 12px;
  outline: 0;
}

.Team__member__name {
  font-size: 14px;
  font-size: calc( 14px + (16 - 14) * (100vw - 300px) / (1800 - 300) );
  color: currentColor;
  margin-top: 6px;
  margin-bottom: 6px;
  font-weight: bold;
  outline: 0;
}

.Team__member__role {
  font-size: 14px;
  color: currentColor;
  margin-top: 0;
  margin-bottom: 6px;
  outline: 0;
}

.Team__member__link {
  color: currentColor;
  display: inline-block;
  margin: 5px;
  outline: 0;
}
.Team__member__link:hover {
  color: currentColor;
}
.Team__member__link > i {
  font-size: 20px;
}

/**
 * Thumbnail:
 * `.Thumbnail` - Apply this class to thumbnail images and employ it's modifiers
 * to manipulate them. You can create circle thumbs with `.Thumbnail--circle`, and
 * give them fixed widths with `.Thumbnail--50`, `.Thumbnail--100` and `.Thumbnail--150`.
 *
 *     @example
 *     img.Thumbnail.Thumbnail--150(src="images/about-rupal.jpg")
 *     img.Thumbnail.Thumbnail--circle.Thumbnail--150(src="images/about-rupal.jpg")
 *     img.Thumbnail.Thumbnail--circle.Thumbnail--100(src="images/about-rupal.jpg")
 *     img.Thumbnail.Thumbnail--circle.Thumbnail--50(src="images/about-rupal.jpg")
 *
 */
.Thumbnail {
  display: inline-block;
}

.Thumbnail--circle {
  border-radius: 100%;
}

.Thumbnail--50 {
  max-width: 50px;
}

.Thumbnail--100 {
  max-width: 100px;
}

.Thumbnail--150 {
  max-width: 150px;
}

.Carousel {
  position: relative;
}

.Carousel__item {
  opacity: 1;
  transition: all 0.3s;
  outline: 0;
  /* uncss:ignore */
}
.Carousel__item.is-item-hidden {
  opacity: 0;
  order: 9999;
}

/* [1] Fix blurry text caused by sub-pixel position antialiasing
   [2] Padding for controls
*/
/* uncss:ignore */
.js .Carousel__item {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 100%;
  -webkit-font-smoothing: antialiased;
  /* [1] */
  padding: 0 51px;
  /* [2] */
}

.Carousel__controls {
  display: none;
}

/* uncss:ignore */
.js .Carousel__controls {
  display: block;
}

.Carousel__control {
  width: 45px;
  height: 45px;
  position: absolute;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  z-index: 6;
  font-size: 32px;
  line-height: 32px;
  text-align: center;
  border: 2px solid #1d212c;
  background: transparent;
  color: #1d212c;
  transition: all 0.2s;
  border-radius: 100%;
  outline: 0;
  /* uncss:ignore */
}
.Carousel__control:focus, .Carousel__control:hover {
  color: #29B0E0;
  border: 2px solid #29B0E0;
}

/* [1] Eyeballed adjustments for centering the arrow icon */
.Carousel__control__prev {
  left: 0;
}
.Carousel__control__prev > .Carousel__control__icon {
  margin-right: 4px;
  /* [1] */
}

/* [1] Eyeballed adjustments for centering the arrow icon */
.Carousel__control__next {
  right: 0;
}
.Carousel__control__next > .Carousel__control__icon {
  margin-left: 4px;
  /* [1] */
}

/**
 * Checklist:
 * `.Checklist` - Create nice lists by applying this class to `<ul>` or
 * `<ol>` elements. The `<li>` elements inside of the list should always
 * have the `.Checklist__item` class.
 *
 *     @example
 *     ul.Checklist
 *       li.Checklist__item Checklist Item
 *       li.Checklist__item Another Checklist Item
 *
 */
.Checklist {
  margin: 0;
  padding: 0;
  list-style: none;
}

.Checklist__item {
  background: url("../images/check-circle-1.svg") no-repeat 0 0;
  padding-left: 40px;
  background-size: 24px;
  min-height: 24px;
}

.Checklist__item--white {
  background: url("../images/check-circle-2.svg") no-repeat 0 0;
}

.Checklist__item + .Checklist__item {
  margin-top: 24px;
}

.VerticalTabs {
  display: inline-block;
  width: 100%;
}

.VerticalTabs__list {
  list-style: none;
  padding: 0;
  margin: 0 0 0 -1%;
}
@media (min-width: 768px) {
  .VerticalTabs__list {
    margin: 0;
  }
}

.VerticalTabs__nav {
  margin: 0;
  padding: 0;
}

.VerticalTabs__item {
  display: inline-block;
  width: 49%;
  padding: 1%;
}
@media (min-width: 768px) {
  .VerticalTabs__item {
    width: 100%;
    padding: 0;
    margin-bottom: 24px;
  }
}

.VerticalTabs__link {
  font-size: 18px;
  font-size: calc( 16px + (18 - 16) * (100vw - 300px) / (1800 - 300) );
  font-weight: bold;
  color: currentColor;
  opacity: 0.8;
  width: 100%;
  outline: 0;
}

/* uncss:ignore */
.VerticalTabs__link.is-active {
  color: currentColor;
  opacity: 1;
}

.VerticalTabs__cozntent {
  display: inline-block;
  width: 100%;
  outline: 0;
}

/* uncss:ignore */
.js .VerticalTabs__content {
  display: none;
}

/* uncss:ignore */
.js .VerticalTabs__content.is-active {
  display: inline-block;
}

/* Additional Styles For Modals
   Most styles for modals are defined in vendor/_modaal.scss */
.Modal {
  display: none;
}

/* Being used in Bootstrap Modals for /checkout.
   Modaal has it's own close button */
.Modal__close {
  position: absolute;
  top: 24px;
  right: 24px;
  color: #fff;
}

/**
 * Forms:
 * `.Form` - Usually applied to a `<form>` element, this is the parent
 * class for every Form input type available in the system. It is recommended
 * that you use a `<label>` instead of just placeholders to describe your inputs.
 * We have a `.Form__label` for labels that you want to be visible (for example, to wrap checkboxes), 
 * but you can always use the `.u-visuallyHidden` class with a `<label>` to create labels that 
 * will be hidden visually, but still available for screen readers.
 * Use `.Form__help` to create helper text for your inputs.
 * As mentioned before, always wrap `.Form__checkbox` around a label `.Form__label`. That way
 * everything becomes clickable and accessible.
 * Radio elements are more complex, and have their own `.Form__radio__label` and `.Form__radio__help`
 * childs. Never forget the `name` and `id` attributes for your input, as well as the `for` attribute
 * for labels.
 * You can always use `.Layout` inside your `.Form` to create more complex designs.
 * TL;DR: See the code example to get a better understanding of how this works.
 * 
 *
 *     @example
 *     form.Form
 *       fieldset.Form__fieldset
 *         legend.Form__legend Personal Details
 *           label.u-visuallyHidden Name
 *           input.Form__input(placeholder="Name")
 *           label.u-visuallyHidden Age
 *           select.Form__select
 *             option Age
 *             option Less than 13
 *             option 13+
 *        fieldset.Form__fieldset
 *          legend.Form__legend Choices
 *          label.Form__label
 *            input(type="checkbox").Form__checkbox
 *            span Hello there!
 *          div.Form__radio.u-mv
 *            input(type="radio" name="radio-choices")#radio-one.Form__radio__input
 *            label.Form__radio__label(for="radio-one")
 *              span.Form__radio__label__title Bespoke Voice
 *              span.Form__radio__label__subtitle $1,249
 *            span.Form__help.Form__radio__help Helper text goes here
 *          div.Form__radio
 *            input(type="radio" name="radio-choices")#radio-two.Form__radio__input
 *            label.Form__radio__label(for="radio-two")
 *              span.Form__radio__label__title Bespoke Voice
 *              span.Form__radio__label__subtitle $1,249
 *            span.Form__help.Form__radio__help Helper text goes here            
 *
 */
.Form {
  display: inline-block;
  width: 100%;
}

.Form__fieldset {
  font-size: 14px;
  font-size: calc( 14px + (16 - 14) * (100vw - 300px) / (1800 - 300) );
  border: 0;
  margin: 0;
  padding: 0;
}
.Form__fieldset + .Form__fieldset {
  margin-top: 24px;
}

.Form__legend {
  display: inline-block;
  width: 100%;
  margin-bottom: 24px;
  font-weight: bold;
  color: #1d212c;
}

.Form__help {
  font-size: 12px;
  color: #A1A7AF;
  display: inline-block;
  width: 100%;
}

.Form__input,
.Form__select,
.gform_wrapper .gfield_select,
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
  font-size: 18px;
  font-size: calc( 16px + (18 - 16) * (100vw - 300px) / (1800 - 300) );
  background-color: #eee;
  border: 1px solid #eee;
  width: 100%;
  outline: 0;
  margin: 6px 0 12px 0;
  padding: 19.2px !important;
  border-radius: 6px;
  font-weight: bold;
}
.Form__input:active, .Form__input:focus,
.Form__select:active,
.Form__select:focus,
.gform_wrapper .gfield_select:active,
.gform_wrapper .gfield_select:focus,
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):active,
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus {
  transition: background 0.2s;
  background-color: #fff;
}

.Form__select,
.gform_wrapper .select,
.gform_wrapper .gfield_select {
  background-image: url("../images/down.svg");
  background-position: center right 10px;
  background-repeat: no-repeat;
  background-size: 30px;
  -webkit-appearance: none;
}

.Form__label {
  display: block;
  text-align: left;
}

.Form__checkbox {
  display: inline-block;
  margin: 6px 6px 6px 0;
}
.Form__checkbox[type=checkbox]:checked, .Form__checkbox[type=checkbox]:not(:checked) {
  left: 0;
  position: relative;
}

.Form__radio {
  display: inline-block;
  width: 100%;
}

.Form__radio__label {
  display: block;
  background: #fff;
  padding: 24px 24px 24px 48px;
  border-radius: 6px;
  position: relative;
  border: 1px solid #eee;
  text-align: left;
}
.Form__radio__label:before {
  font-family: "FontAwesome";
  width: 18px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 24px;
  content: "";
  font-size: 18px;
  color: currentColor;
  transform: translate3d(-50%, -50%, 0);
}
.Form__radio__label:hover:before {
  border: 0 !important;
}

.Form__radio__label__title {
  font-size: 18px;
  font-size: calc( 16px + (18 - 16) * (100vw - 300px) / (1800 - 300) );
  font-weight: bold;
  display: block;
  color: currentColor;
}

.Form__radio__label__subtitle {
  font-size: 14px;
  font-size: calc( 14px + (16 - 14) * (100vw - 300px) / (1800 - 300) );
  font-weight: bold;
  display: block;
  color: currentColor;
}

.Form__radio__help {
  margin: 12px 0;
  display: inline-block;
}

.Form__radio__input {
  display: none;
}

/* uncss:ignore */
.Form__radio__input:checked ~ .Form__radio__label {
  background: #29B0E0;
  color: #fff;
}
.Form__radio__input:checked ~ .Form__radio__label:before {
  content: "";
}

/* 
   Gravity forms specific
   ========================================================================== */
.gform_wrapper div.validation_error,
.gform_wrapper .gfield_error .gfield_label,
.gform_wrapper .validation_message {
  color: currentColor !important;
  border-top-color: currentColor !important;
  border-bottom-color: currentColor !important;
}

/**
 * Global Footer:
 * `.Footer` - A footer component, present in almost every page.
 *
 *     @example
 *     <footer class="Footer">
 *      <div class="Footer__top">
 *        <div class="Wrapper">
 *          <div class="Layout Layout--between">
 *            <div class="Layout__item Layout__item--12/12 Layout__item--6/12@medium Layout__item--3/12@large">
 *              <ul class="Footer__list">
 *                <li class="Footer__item"><a class="Footer__link" href="/">VocaliD</a></li>
 *                <li class="Footer__item"><a class="Footer__link" href="/about">About Us</a></li>
 *                <li class="Footer__item"><a class="Footer__link" href="/how">How It Works</a></li>
 *                <li class="Footer__item"><a class="Footer__link" href="/login">Login</a></li>
 *              </ul>
 *            </div>
 *            <div class="Layout__item Layout__item--12/12 Layout__item--6/12@medium Layout__item--3/12@large">
 *              <ul class="Footer__list">
 *                <li class="Footer__item"><a class="Footer__link" href="/support">Support</a></li>
 *                <li class="Footer__item"><a class="Footer__link" href="https://angel.co/vocalid/jobs" target="_blank">Jobs</a></li>
 *                <li class="Footer__item"><a class="Footer__link" href="/press">Press</a></li>
 *                <li class="Footer__item"><a class="Footer__link" href="/terms">Terms &amp; Privacy</a></li>
 *              </ul>
 *            </div>
 *            <div class="Layout__item Layout__item--12/12 Layout__item--6/12@medium Layout__item--3/12@large">
 *              <ul class="Footer__list">
 *                <li class="Footer__item"><a class="Footer__link" href="/voicebank">Voicebank</a></li>
 *                <li class="Footer__item"><a class="Footer__link" href="/bespoke">BeSpoke</a></li>
 *                <li class="Footer__item"><a class="Footer__link" href="/legacy">Vocal Legacy</a></li>
 *                <li class="Footer__item"><a class="Footer__link" href="/ambassador">Ambassadors</a></li>
 *              </ul>
 *            </div>
 *            <div class="Footer__last Layout__item Layout__item--12/12 Layout__item--6/12@medium Layout__item--2/12@large">
 *              <ul class="Footer__last__item Footer__list">
 *                <li class="Footer__item"><a class="Footer__link" href="http://www.twitter.com/vocalidinc" target="_blank"><i class="fa fa-twitter"></i> &nbsp;Twitter</a></li>
 *                <li class="Footer__item"><a class="Footer__link" href="https://www.facebook.com/VOCALIDinc/" target="_blank"><i class="fa fa-facebook"></i> &nbsp; Facebook</a></li>
 *                <li class="Footer__item"><a class="Footer__link" href="https://www.youtube.com/user/VocaliDinc" target="_blank"><i class="fa fa-youtube"></i> &nbsp;YouTube</a></li>
 *                <li class="Footer__item"><a class="Footer__link" href="https://www.linkedin.com/company/vocalid" target="_blank"><i class="fa fa-linkedin"></i> &nbsp;LinkedIn</a></li>
 *              </ul>
 *            </div>
 *          </div>
 *        </div>
 *      </div>
 *      <div class="Footer__bottom">
 *        <div class="Wrapper">
 *          <div class="Layout">
 *            <div class="Layout__item Layout__item--12/12 Layout__item--6/12@large">
 *              <p class="Footer__bottom__text Footer__text">VocaliD</p>
 *            </div>
 *            <div class="Layout__item Layout__item--12/12 Layout__item--6/12@large Footer__last">
 *              <p class="Footer__bottom__text Footer__text">© 2015-16 VocaliD, Inc.</p>
 *            </div>
 *          </div>
 *        </div>
 *      </div>
 *     </footer>
 *
 */
.Footer {
  display: inline-block;
  width: 100%;
  color: #A1A7AF;
}

.Footer__top {
  background: #252a37;
  padding: 24px 0;
}

.Footer__bottom {
  background: #1d212c;
  padding: 12px 0;
  text-align: center;
}

.Footer__bottom__text {
  margin: 6px 0;
}

.Footer__list {
  padding: 0;
  margin: 24px 0;
  list-style: none;
}

.Footer__link {
  color: #29B0E0;
  text-decoration: none;
}
.Footer__link:hover .Footer__link:focus {
  color: #29B0E0;
}

.Footer__item {
  padding: 6px 0;
}

@media (min-width: 1024px) {
  .Footer__bottom {
    text-align: left;
  }

  .Footer__column:last-child {
    text-align: right;
  }

  .Footer__last {
    text-align: right;
  }
  .Footer__last > .Footer__last__item {
    text-align: left;
    display: inline-block;
  }
}
.Specs__menu {
  margin: 0 0 48px 0;
  padding: 0;
  width: 100%;
  list-style: none;
}
@media (min-width: 1024px) {
  .Specs__menu {
    float: left;
    padding: 0 24px 0 0;
    width: 30%;
  }
}

.Specs__menu-item {
  padding: 0 12px;
  width: 29%;
  min-width: 250px;
  position: relative;
}
@media (min-width: 768px) {
  .Specs__menu-item {
    display: block;
    padding: 0;
    margin: 0 24px 0 0;
    width: auto;
  }
  .Specs__menu-item.is-selected::before {
    position: absolute;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "";
    left: -15px;
    color: #29B0E0;
  }
}

.Specs__menu-button {
  width: 100%;
  color: #1A405C;
  background: transparent;
  padding: 0 6px 24px 6px;
  border: 0;
  cursor: pointer;
  outline: 0;
  text-align: left;
}
.Specs__menu-button > *:last-child {
  margin-bottom: 0;
}

.Specs__menu-item.is-selected .Specs__menu-title {
  color: #29B0E0;
}

.Specs__menu-title {
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 6px;
}

.Specs__menu .flickity-prev-next-button {
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.25);
}

.Specs__menu .flickity-prev-next-button.previous {
  left: -12px;
}
@media (min-width: 768px) {
  .Specs__menu .flickity-prev-next-button.previous {
    left: 0;
  }
}

.Specs__menu .flickity-prev-next-button.next {
  right: -12px;
}
@media (min-width: 768px) {
  .Specs__menu .flickity-prev-next-button.next {
    right: 0;
  }
}

@media (min-width: 1024px) {
  .Specs__main {
    float: right;
    width: 70%;
  }
}

@media (min-width: 1024px) {
  .Specs__main--single {
    float: none;
    width: 100%;
  }
}

.Specs__slide {
  width: 100%;
  padding: 24px;
}
@media (min-width: 1024px) {
  .Specs__slide {
    padding: 0;
  }
}

.Specs__table {
  max-width: 500px;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .Specs__table {
    max-width: none;
  }
}

@media (min-width: 1024px) {
  .Specs__variant-name {
    display: none;
  }
}

.Specs__row {
  padding: 12px 0;
  border-bottom: 1px solid #29B0E0;
}
.Specs__row:first-of-type {
  border-top: 1px solid #29B0E0;
}

.Specs__title {
  color: inherit;
}
@media (min-width: 768px) {
  .Specs__title {
    display: inline-block;
    width: 38%;
    vertical-align: top;
  }
}

.Specs__text {
  margin-top: 6px;
  width: 100%;
  color: inherit;
}
@media (min-width: 768px) {
  .Specs__text {
    display: inline-block;
    padding-left: 6px;
    width: 60%;
    margin-top: 0;
  }
}

.Specs__image {
  width: 100%;
}
@media (min-width: 1024px) {
  .Specs__image {
    padding: 0 24px;
  }
}

.List li {
  float: left;
  display: list-item;
}

.List--nodots {
  list-style-type: none;
}

.List--1col li {
  width: 100%;
  float: none;
  display: list-item;
}
.List--1col li:nth-of-type(2) {
  margin-top: 24px;
}

.List--2col li {
  width: 50%;
  float: left;
  display: list-item;
}
.List--2col li:nth-of-type(2) {
  margin-top: 24px;
}

.List--3col li {
  width: 33.33333333%;
  float: left;
  display: list-item;
}
.List--3col li:nth-of-type(2) {
  margin-top: 24px;
}

.List--4col li {
  width: 25%;
  float: left;
  display: list-item;
}
.List--4col li:nth-of-type(2) {
  margin-top: 24px;
}

.List--colfix li:nth-of-type(2) {
  margin-top: 0;
}

@media (min-width: 400px) {
  .List--1col\@small li {
    width: 100%;
    float: none;
    display: list-item;
  }
  .List--1col\@small li:nth-of-type(2) {
    margin-top: 24px;
  }

  .List--2col\@small li {
    width: 50%;
    float: left;
    display: list-item;
  }
  .List--2col\@small li:nth-of-type(2) {
    margin-top: 24px;
  }

  .List--3col\@small li {
    width: 33.33333333%;
    float: left;
    display: list-item;
  }
  .List--3col\@small li:nth-of-type(2) {
    margin-top: 24px;
  }

  .List--4col\@small li {
    width: 25%;
    float: left;
    display: list-item;
  }
  .List--4col\@small li:nth-of-type(2) {
    margin-top: 24px;
  }

  .List--colfix\@small li:nth-of-type(2) {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .List--1col\@medium li {
    width: 100%;
    float: none;
    display: list-item;
  }
  .List--1col\@medium li:nth-of-type(2) {
    margin-top: 24px;
  }

  .List--2col\@medium li {
    width: 50%;
    float: left;
    display: list-item;
  }
  .List--2col\@medium li:nth-of-type(2) {
    margin-top: 24px;
  }

  .List--3col\@medium li {
    width: 33.33333333%;
    float: left;
    display: list-item;
  }
  .List--3col\@medium li:nth-of-type(2) {
    margin-top: 24px;
  }

  .List--4col\@medium li {
    width: 25%;
    float: left;
    display: list-item;
  }
  .List--4col\@medium li:nth-of-type(2) {
    margin-top: 24px;
  }

  .List--colfix\@medium li:nth-of-type(2) {
    margin-top: 0;
  }
}
@media (min-width: 1024px) {
  .List--1col\@large li {
    width: 100%;
    float: none;
    display: list-item;
  }
  .List--1col\@large li:nth-of-type(2) {
    margin-top: 24px;
  }

  .List--2col\@large li {
    width: 50%;
    float: left;
    display: list-item;
  }
  .List--2col\@large li:nth-of-type(2) {
    margin-top: 24px;
  }

  .List--3col\@large li {
    width: 33.33333333%;
    float: left;
    display: list-item;
  }
  .List--3col\@large li:nth-of-type(2) {
    margin-top: 24px;
  }

  .List--4col\@large li {
    width: 25%;
    float: left;
    display: list-item;
  }
  .List--4col\@large li:nth-of-type(2) {
    margin-top: 24px;
  }

  .List--colfix\@large li:nth-of-type(2) {
    margin-top: 0;
  }
}
/**
 * Provide a cropping container in order to display media (usually images)
 * cropped to certain ratios.
 *
 * 1. Set up a positioning context in which the image can sit.
 * 2. This is the crucial part: where the cropping happens.
 */
.Crop {
  position: relative;
  /* [1] */
  display: block;
  overflow: hidden;
  /* [2] */
}

/**
 * A variety of different standard ratios to crop to.
 *
 * We use the `padding` trick to create a fluid-height container (`padding`s set
 * in percentages will track the current width of the element).
 */
.Crop--1\:1 {
  padding-top: 100%;
}

.Crop--4\:3 {
  padding-top: 75%;
}

.Crop--16\:9 {
  padding-top: 56.25%;
}

/**
 * Apply this class to the content (usually `img`) that needs cropping.
 *
 * 1. Positioning to the bottom usually gives consistently better results as
 *    most images’ subjects are toward the bottom of the frame. Of course,
 *    your mileage may vary.
 */
.Crop__content {
  position: absolute;
  bottom: 0;
  /* [1] */
  left: 0;
}

/* ==========================================================================
   #RATIO
   ========================================================================== */
/**
 * Create ratio-bound content blocks, to keep media (e.g. images, videos) in
 * their correct aspect ratios.
 *
 * http://alistapart.com/article/creating-intrinsic-ratios-for-video
 *
 * 1. Default is a 1:1 ratio (i.e. a perfect square).
 */
.Ratio {
  position: relative;
  display: block;
  overflow: hidden;
}
.Ratio:before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 100%;
  /* [1] */
}

.Ratio__content,
.Ratio > iframe,
.Ratio > embed,
.Ratio > object {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

/* Ratio variants.
   ========================================================================== */
/**
 * Generate a series of ratio classes to be used like so:
 *
 *   <div class="Ratio  Ratio--golden-ratio">
 *
 */
.Ratio--2\:1:before {
  padding-bottom: 50%;
}

.Ratio--4\:3:before {
  padding-bottom: 75%;
}

.Ratio--16\:9:before {
  padding-bottom: 56.25%;
}

/* Contain modifier.
   ========================================================================== */
/**
 * Only works with image content.
 * Contains the image to the boundaries, without cropping or stretching it.
 */
.Ratio--img-contain > .Ratio__content:before {
  height: auto;
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  width: auto;
}

/* ==========================================================================
   SIDEBAR
   ========================================================================== */
.widget-area {
  padding: 24px 0;
}

.widget {
  display: inline-block;
  width: 100%;
}

.widget + .widget {
  margin-top: 12px;
  padding-top: 12px;
}

.widget-title {
  font-size: 22px;
  font-size: calc( 18px + (22 - 18) * (100vw - 300px) / (1800 - 300) );
  line-height: 1.5;
  font-weight: bold;
}

.gform_widget.gform_widget input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
  padding: 6px !important;
  width: 100% !important;
}

.gform_widget.gform_widget .button {
  font-size: 16px;
  padding: 0.75em 1.25em;
  width: 100% !important;
}

.gform_widget.gform_widget .gform_footer {
  padding-top: 0 !important;
}

.gform_widget .gform_wrapper ul.gform_fields li.gfield {
  padding-right: 0;
}

.wppg-eStore-buy-button-form {
  display: none !important;
}

/*
@import "scopes/scopes.page-home";
@import "scopes/scopes.page-about";
@import "scopes/scopes.page-how";
@import "scopes/scopes.page-press";
@import "scopes/scopes.page-legacy";
@import "scopes/scopes.page-voicebank";
@import "scopes/scopes.page-bespoke";
@import "scopes/scopes.page-ambassador";
@import "scopes/scopes.page-products";
@import "scopes/scopes.page-checkout";
*/
/* ==========================================================================
   404
   ========================================================================== */
.s-404 {
  background: #010204;
  color: #fff;
  position: relative;
}

.s-404__block {
  min-height: 100vh;
  text-align: center;
}

.s-404__video {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  width: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.s-404__text,
.s-404__title,
.s-404__subtitle,
.s-404__link {
  color: #fff;
  display: inline-block;
  width: 100%;
}

.s-404__title {
  font-weight: bold;
}

.s-404__link {
  text-decoration: underline;
}

/* ==========================================================================
   THINGS THAT TALK
   ========================================================================== */
.s-things__sidebar {
  background: #154269;
  color: #C4E7F2;
}

.s-things__main {
  position: relative;
}
.s-things__main svg {
  font-family: Encode Sans Condensed;
  font-size: 7px;
}
.s-things__main .link {
  fill: none;
  stroke: #33aed2;
  stroke-width: 2px;
  opacity: 0.3;
}
.s-things__main a {
  text-decoration: none !important;
}
.s-things__main .axis path,
.s-things__main .axis line {
  fill: none;
  stroke: #D4D8DA;
  stroke-width: 2px;
  shape-rendering: crispEdges;
}
.s-things__main .line {
  fill: none;
  stroke: #6F257F;
  stroke-width: 5px;
}

.s-things__printable {
  display: none;
}

@media print {
  .s-things *,
.s-things *:before,
.s-things *:after {
    display: none !important;
  }

  .s-things__printable {
    display: inline-block !important;
    max-width: none;
    width: 100%;
    height: auto;
  }
}
/* @define utilities */
.u-textAlpha {
  font-size: 64px !important;
  font-size: calc( 30px + (64 - 30) * (100vw - 300px) / (1800 - 300) ) !important;
}

.u-textBeta {
  font-size: 48px !important;
  font-size: calc( 24px + (48 - 24) * (100vw - 300px) / (1800 - 300) ) !important;
}

.u-textGamma {
  font-size: 36px !important;
  font-size: calc( 20px + (36 - 20) * (100vw - 300px) / (1800 - 300) ) !important;
}

.u-textDelta {
  font-size: 22px !important;
  font-size: calc( 18px + (22 - 18) * (100vw - 300px) / (1800 - 300) ) !important;
  line-height: 1.5;
}

.u-textEpsilon {
  font-size: 18px !important;
  font-size: calc( 16px + (18 - 16) * (100vw - 300px) / (1800 - 300) ) !important;
}

.u-textZeta {
  font-size: 14px !important;
  font-size: calc( 14px + (16 - 14) * (100vw - 300px) / (1800 - 300) ) !important;
}

.u-textEta {
  font-size: 12px !important;
}

.u-textCurrent {
  color: currentColor !important;
}

.u-textWhite {
  color: #fff !important;
}

.u-textWhiteFaded {
  color: rgba(255, 255, 255, 0.85) !important;
}

.u-textGrey {
  color: #A1A7AF !important;
}

.u-textDarkBlue {
  color: #1d212c !important;
}

.u-textBlue {
  color: #29B0E0 !important;
}

.u-textRed {
  color: #ee3e54 !important;
}

.u-textGreen {
  color: #58c0a4 !important;
}

.u-textOrange {
  color: #ec943c !important;
}

.u-textBlack {
  color: #1d212c !important;
}

.u-textBold {
  font-weight: bold !important;
}

.u-textShadow {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
}

.u-textNoDeco {
  text-decoration: none !important;
}

.u-textNoDeco.u-bbWhite:hover {
  border-bottom: 2px solid rgba(255, 255, 255, 0.85);
}

.u-textLeft {
  text-align: left !important;
}

.u-textRight {
  text-align: right !important;
}

.u-textCenter {
  text-align: center !important;
}

@media (min-width: 400px) {
  .u-textLeft\@small {
    text-align: left !important;
  }

  .u-textRight\@small {
    text-align: right !important;
  }

  .u-textCenter\@small {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .u-textLeft\@medium {
    text-align: left !important;
  }

  .u-textRight\@medium {
    text-align: right !important;
  }

  .u-textCenter\@medium {
    text-align: center !important;
  }
}
@media (min-width: 1024px) {
  .u-textLeft\@large {
    text-align: left !important;
  }

  .u-textRight\@large {
    text-align: right !important;
  }

  .u-textCenter\@large {
    text-align: center !important;
  }
}
/* @define utilities */
.u-ma {
  margin: 24px !important;
}

.u-mt {
  margin-top: 24px !important;
}

.u-mb {
  margin-bottom: 24px !important;
}

.u-ml {
  margin-left: 24px !important;
}

.u-mr {
  margin-right: 24px !important;
}

.u-mv {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.u-mh {
  margin-left: 24px !important;
  margin-right: 24px !important;
}

.u-pa {
  padding: 24px !important;
}

.u-pt {
  padding-top: 24px !important;
}

.u-pb {
  padding-bottom: 24px !important;
}

.u-pl {
  padding-left: 24px !important;
}

.u-pr {
  padding-right: 24px !important;
}

.u-pv {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.u-ph {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.u-maBarely {
  margin: 3px !important;
}

.u-mtBarely {
  margin-top: 3px !important;
}

.u-mbBarely {
  margin-bottom: 3px !important;
}

.u-mlBarely {
  margin-left: 3px !important;
}

.u-mrBarely {
  margin-right: 3px !important;
}

.u-mvBarely {
  margin-top: 3px !important;
  margin-bottom: 3px !important;
}

.u-mhBarely {
  margin-left: 3px !important;
  margin-right: 3px !important;
}

.u-paBarely {
  padding: 3px !important;
}

.u-ptBarely {
  padding-top: 3px !important;
}

.u-pbBarely {
  padding-bottom: 3px !important;
}

.u-plBarely {
  padding-left: 3px !important;
}

.u-prBarely {
  padding-right: 3px !important;
}

.u-pvBarely {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}

.u-phBarely {
  padding-left: 3px !important;
  padding-right: 3px !important;
}

.u-maTiny {
  margin: 6px !important;
}

.u-mtTiny {
  margin-top: 6px !important;
}

.u-mbTiny {
  margin-bottom: 6px !important;
}

.u-mlTiny {
  margin-left: 6px !important;
}

.u-mrTiny {
  margin-right: 6px !important;
}

.u-mvTiny {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}

.u-mhTiny {
  margin-left: 6px !important;
  margin-right: 6px !important;
}

.u-paTiny {
  padding: 6px !important;
}

.u-ptTiny {
  padding-top: 6px !important;
}

.u-pbTiny {
  padding-bottom: 6px !important;
}

.u-plTiny {
  padding-left: 6px !important;
}

.u-prTiny {
  padding-right: 6px !important;
}

.u-pvTiny {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.u-phTiny {
  padding-left: 6px !important;
  padding-right: 6px !important;
}

.u-maSmall {
  margin: 12px !important;
}

.u-mtSmall {
  margin-top: 12px !important;
}

.u-mbSmall {
  margin-bottom: 12px !important;
}

.u-mlSmall {
  margin-left: 12px !important;
}

.u-mrSmall {
  margin-right: 12px !important;
}

.u-mvSmall {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.u-mhSmall {
  margin-left: 12px !important;
  margin-right: 12px !important;
}

.u-paSmall {
  padding: 12px !important;
}

.u-ptSmall {
  padding-top: 12px !important;
}

.u-pbSmall {
  padding-bottom: 12px !important;
}

.u-plSmall {
  padding-left: 12px !important;
}

.u-prSmall {
  padding-right: 12px !important;
}

.u-pvSmall {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.u-phSmall {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.u-maLarge {
  margin: 48px !important;
}

.u-mtLarge {
  margin-top: 48px !important;
}

.u-mbLarge {
  margin-bottom: 48px !important;
}

.u-mlLarge {
  margin-left: 48px !important;
}

.u-mrLarge {
  margin-right: 48px !important;
}

.u-mvLarge {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}

.u-mhLarge {
  margin-left: 48px !important;
  margin-right: 48px !important;
}

.u-paLarge {
  padding: 48px !important;
}

.u-ptLarge {
  padding-top: 48px !important;
}

.u-pbLarge {
  padding-bottom: 48px !important;
}

.u-plLarge {
  padding-left: 48px !important;
}

.u-prLarge {
  padding-right: 48px !important;
}

.u-pvLarge {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

.u-phLarge {
  padding-left: 48px !important;
  padding-right: 48px !important;
}

.u-maHuge {
  margin: 96px !important;
}

.u-mtHuge {
  margin-top: 96px !important;
}

.u-mbHuge {
  margin-bottom: 96px !important;
}

.u-mlHuge {
  margin-left: 96px !important;
}

.u-mrHuge {
  margin-right: 96px !important;
}

.u-mvHuge {
  margin-top: 96px !important;
  margin-bottom: 96px !important;
}

.u-mhHuge {
  margin-left: 96px !important;
  margin-right: 96px !important;
}

.u-paHuge {
  padding: 96px !important;
}

.u-ptHuge {
  padding-top: 96px !important;
}

.u-pbHuge {
  padding-bottom: 96px !important;
}

.u-plHuge {
  padding-left: 96px !important;
}

.u-prHuge {
  padding-right: 96px !important;
}

.u-pvHuge {
  padding-top: 96px !important;
  padding-bottom: 96px !important;
}

.u-phHuge {
  padding-left: 96px !important;
  padding-right: 96px !important;
}

.u-maNone {
  margin: 0 !important;
}

.u-mtNone {
  margin-top: 0 !important;
}

.u-mbNone {
  margin-bottom: 0 !important;
}

.u-mlNone {
  margin-left: 0 !important;
}

.u-mrNone {
  margin-right: 0 !important;
}

.u-mvNone {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.u-mhNone {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.u-paNone {
  padding: 0 !important;
}

.u-ptNone {
  padding-top: 0 !important;
}

.u-pbNone {
  padding-bottom: 0 !important;
}

.u-plNone {
  padding-left: 0 !important;
}

.u-prNone {
  padding-right: 0 !important;
}

.u-phNone {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.u-pvNone {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

@media (min-width: 400px) {
  .u-ma\@small {
    margin: 24px !important;
  }

  .u-mt\@small {
    margin-top: 24px !important;
  }

  .u-mb\@small {
    margin-bottom: 24px !important;
  }

  .u-ml\@small {
    margin-left: 24px !important;
  }

  .u-mr\@small {
    margin-right: 24px !important;
  }

  .u-mv\@small {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }

  .u-mh\@small {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }

  .u-pa\@small {
    padding: 24px !important;
  }

  .u-pt\@small {
    padding-top: 24px !important;
  }

  .u-pb\@small {
    padding-bottom: 24px !important;
  }

  .u-pl\@small {
    padding-left: 24px !important;
  }

  .u-pr\@small {
    padding-right: 24px !important;
  }

  .u-pv\@small {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }

  .u-ph\@small {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  .u-maBarely\@small {
    margin: 3px !important;
  }

  .u-mtBarely\@small {
    margin-top: 3px !important;
  }

  .u-mbBarely\@small {
    margin-bottom: 3px !important;
  }

  .u-mlBarely\@small {
    margin-left: 3px !important;
  }

  .u-mrBarely\@small {
    margin-right: 3px !important;
  }

  .u-mvBarely\@small {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
  }

  .u-mhBarely\@small {
    margin-left: 3px !important;
    margin-right: 3px !important;
  }

  .u-paBarely\@small {
    padding: 3px !important;
  }

  .u-ptBarely\@small {
    padding-top: 3px !important;
  }

  .u-pbBarely\@small {
    padding-bottom: 3px !important;
  }

  .u-plBarely\@small {
    padding-left: 3px !important;
  }

  .u-prBarely\@small {
    padding-right: 3px !important;
  }

  .u-pvBarely\@small {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }

  .u-phBarely\@small {
    padding-left: 3px !important;
    padding-right: 3px !important;
  }

  .u-maTiny\@small {
    margin: 6px !important;
  }

  .u-mtTiny\@small {
    margin-top: 6px !important;
  }

  .u-mbTiny\@small {
    margin-bottom: 6px !important;
  }

  .u-mlTiny\@small {
    margin-left: 6px !important;
  }

  .u-mrTiny\@small {
    margin-right: 6px !important;
  }

  .u-mvTiny\@small {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
  }

  .u-mhTiny\@small {
    margin-left: 6px !important;
    margin-right: 6px !important;
  }

  .u-paTiny\@small {
    padding: 6px !important;
  }

  .u-ptTiny\@small {
    padding-top: 6px !important;
  }

  .u-pbTiny\@small {
    padding-bottom: 6px !important;
  }

  .u-plTiny\@small {
    padding-left: 6px !important;
  }

  .u-prTiny\@small {
    padding-right: 6px !important;
  }

  .u-pvTiny\@small {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }

  .u-phTiny\@small {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  .u-maSmall\@small {
    margin: 12px !important;
  }

  .u-mtSmall\@small {
    margin-top: 12px !important;
  }

  .u-mbSmall\@small {
    margin-bottom: 12px !important;
  }

  .u-mlSmall\@small {
    margin-left: 12px !important;
  }

  .u-mrSmall\@small {
    margin-right: 12px !important;
  }

  .u-mvSmall\@small {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }

  .u-mhSmall\@small {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }

  .u-paSmall\@small {
    padding: 12px !important;
  }

  .u-ptSmall\@small {
    padding-top: 12px !important;
  }

  .u-pbSmall\@small {
    padding-bottom: 12px !important;
  }

  .u-plSmall\@small {
    padding-left: 12px !important;
  }

  .u-prSmall\@small {
    padding-right: 12px !important;
  }

  .u-pvSmall\@small {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }

  .u-phSmall\@small {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .u-maLarge\@small {
    margin: 48px !important;
  }

  .u-mtLarge\@small {
    margin-top: 48px !important;
  }

  .u-mbLarge\@small {
    margin-bottom: 48px !important;
  }

  .u-mlLarge\@small {
    margin-left: 48px !important;
  }

  .u-mrLarge\@small {
    margin-right: 48px !important;
  }

  .u-mvLarge\@small {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }

  .u-mhLarge\@small {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }

  .u-paLarge\@small {
    padding: 48px !important;
  }

  .u-ptLarge\@small {
    padding-top: 48px !important;
  }

  .u-pbLarge\@small {
    padding-bottom: 48px !important;
  }

  .u-plLarge\@small {
    padding-left: 48px !important;
  }

  .u-prLarge\@small {
    padding-right: 48px !important;
  }

  .u-pvLarge\@small {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }

  .u-phLarge\@small {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }

  .u-maHuge\@small {
    margin: 96px !important;
  }

  .u-mtHuge\@small {
    margin-top: 96px !important;
  }

  .u-mbHuge\@small {
    margin-bottom: 96px !important;
  }

  .u-mlHuge\@small {
    margin-left: 96px !important;
  }

  .u-mrHuge\@small {
    margin-right: 96px !important;
  }

  .u-mvHuge\@small {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }

  .u-mhHuge\@small {
    margin-left: 96px !important;
    margin-right: 96px !important;
  }

  .u-paHuge\@small {
    padding: 96px !important;
  }

  .u-ptHuge\@small {
    padding-top: 96px !important;
  }

  .u-pbHuge\@small {
    padding-bottom: 96px !important;
  }

  .u-plHuge\@small {
    padding-left: 96px !important;
  }

  .u-prHuge\@small {
    padding-right: 96px !important;
  }

  .u-pvHuge\@small {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }

  .u-phHuge\@small {
    padding-left: 96px !important;
    padding-right: 96px !important;
  }

  .u-maNone\@small {
    margin: 0 !important;
  }

  .u-mtNone\@small {
    margin-top: 0 !important;
  }

  .u-mbNone\@small {
    margin-bottom: 0 !important;
  }

  .u-mlNone\@small {
    margin-left: 0 !important;
  }

  .u-mrNone\@small {
    margin-right: 0 !important;
  }

  .u-mvNone\@small {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .u-mhNone\@small {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .u-paNone\@small {
    padding: 0 !important;
  }

  .u-ptNone\@small {
    padding-top: 0 !important;
  }

  .u-pbNone\@small {
    padding-bottom: 0 !important;
  }

  .u-plNone\@small {
    padding-left: 0 !important;
  }

  .u-prNone\@small {
    padding-right: 0 !important;
  }

  .u-phNone\@small {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .u-pvNone\@small {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media (min-width: 768px) {
  .u-ma\@medium {
    margin: 24px !important;
  }

  .u-mt\@medium {
    margin-top: 24px !important;
  }

  .u-mb\@medium {
    margin-bottom: 24px !important;
  }

  .u-ml\@medium {
    margin-left: 24px !important;
  }

  .u-mr\@medium {
    margin-right: 24px !important;
  }

  .u-mv\@medium {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }

  .u-mh\@medium {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }

  .u-pa\@medium {
    padding: 24px !important;
  }

  .u-pt\@medium {
    padding-top: 24px !important;
  }

  .u-pb\@medium {
    padding-bottom: 24px !important;
  }

  .u-pl\@medium {
    padding-left: 24px !important;
  }

  .u-pr\@medium {
    padding-right: 24px !important;
  }

  .u-pv\@medium {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }

  .u-ph\@medium {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  .u-maBarely\@medium {
    margin: 3px !important;
  }

  .u-mtBarely\@medium {
    margin-top: 3px !important;
  }

  .u-mbBarely\@medium {
    margin-bottom: 3px !important;
  }

  .u-mlBarely\@medium {
    margin-left: 3px !important;
  }

  .u-mrBarely\@medium {
    margin-right: 3px !important;
  }

  .u-mvBarely\@medium {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
  }

  .u-mhBarely\@medium {
    margin-left: 3px !important;
    margin-right: 3px !important;
  }

  .u-paBarely\@medium {
    padding: 3px !important;
  }

  .u-ptBarely\@medium {
    padding-top: 3px !important;
  }

  .u-pbBarely\@medium {
    padding-bottom: 3px !important;
  }

  .u-plBarely\@medium {
    padding-left: 3px !important;
  }

  .u-prBarely\@medium {
    padding-right: 3px !important;
  }

  .u-pvBarely\@medium {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }

  .u-phBarely\@medium {
    padding-left: 3px !important;
    padding-right: 3px !important;
  }

  .u-maTiny\@medium {
    margin: 6px !important;
  }

  .u-mtTiny\@medium {
    margin-top: 6px !important;
  }

  .u-mbTiny\@medium {
    margin-bottom: 6px !important;
  }

  .u-mlTiny\@medium {
    margin-left: 6px !important;
  }

  .u-mrTiny\@medium {
    margin-right: 6px !important;
  }

  .u-mvTiny\@medium {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
  }

  .u-mhTiny\@medium {
    margin-left: 6px !important;
    margin-right: 6px !important;
  }

  .u-paTiny\@medium {
    padding: 6px !important;
  }

  .u-ptTiny\@medium {
    padding-top: 6px !important;
  }

  .u-pbTiny\@medium {
    padding-bottom: 6px !important;
  }

  .u-plTiny\@medium {
    padding-left: 6px !important;
  }

  .u-prTiny\@medium {
    padding-right: 6px !important;
  }

  .u-pvTiny\@medium {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }

  .u-phTiny\@medium {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  .u-maSmall\@medium {
    margin: 12px !important;
  }

  .u-mtSmall\@medium {
    margin-top: 12px !important;
  }

  .u-mbSmall\@medium {
    margin-bottom: 12px !important;
  }

  .u-mlSmall\@medium {
    margin-left: 12px !important;
  }

  .u-mrSmall\@medium {
    margin-right: 12px !important;
  }

  .u-mvSmall\@medium {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }

  .u-mhSmall\@medium {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }

  .u-paSmall\@medium {
    padding: 12px !important;
  }

  .u-ptSmall\@medium {
    padding-top: 12px !important;
  }

  .u-pbSmall\@medium {
    padding-bottom: 12px !important;
  }

  .u-plSmall\@medium {
    padding-left: 12px !important;
  }

  .u-prSmall\@medium {
    padding-right: 12px !important;
  }

  .u-pvSmall\@medium {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }

  .u-phSmall\@medium {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .u-maLarge\@medium {
    margin: 48px !important;
  }

  .u-mtLarge\@medium {
    margin-top: 48px !important;
  }

  .u-mbLarge\@medium {
    margin-bottom: 48px !important;
  }

  .u-mlLarge\@medium {
    margin-left: 48px !important;
  }

  .u-mrLarge\@medium {
    margin-right: 48px !important;
  }

  .u-mvLarge\@medium {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }

  .u-mhLarge\@medium {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }

  .u-paLarge\@medium {
    padding: 48px !important;
  }

  .u-ptLarge\@medium {
    padding-top: 48px !important;
  }

  .u-pbLarge\@medium {
    padding-bottom: 48px !important;
  }

  .u-plLarge\@medium {
    padding-left: 48px !important;
  }

  .u-prLarge\@medium {
    padding-right: 48px !important;
  }

  .u-pvLarge\@medium {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }

  .u-phLarge\@medium {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }

  .u-maHuge\@medium {
    margin: 96px !important;
  }

  .u-mtHuge\@medium {
    margin-top: 96px !important;
  }

  .u-mbHuge\@medium {
    margin-bottom: 96px !important;
  }

  .u-mlHuge\@medium {
    margin-left: 96px !important;
  }

  .u-mrHuge\@medium {
    margin-right: 96px !important;
  }

  .u-mvHuge\@medium {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }

  .u-mhHuge\@medium {
    margin-left: 96px !important;
    margin-right: 96px !important;
  }

  .u-paHuge\@medium {
    padding: 96px !important;
  }

  .u-ptHuge\@medium {
    padding-top: 96px !important;
  }

  .u-pbHuge\@medium {
    padding-bottom: 96px !important;
  }

  .u-plHuge\@medium {
    padding-left: 96px !important;
  }

  .u-prHuge\@medium {
    padding-right: 96px !important;
  }

  .u-pvHuge\@medium {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }

  .u-phHuge\@medium {
    padding-left: 96px !important;
    padding-right: 96px !important;
  }

  .u-maNone\@medium {
    margin: 0 !important;
  }

  .u-mtNone\@medium {
    margin-top: 0 !important;
  }

  .u-mbNone\@medium {
    margin-bottom: 0 !important;
  }

  .u-mlNone\@medium {
    margin-left: 0 !important;
  }

  .u-mrNone\@medium {
    margin-right: 0 !important;
  }

  .u-mvNone\@medium {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .u-mhNone\@medium {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .u-paNone\@medium {
    padding: 0 !important;
  }

  .u-ptNone\@medium {
    padding-top: 0 !important;
  }

  .u-pbNone\@medium {
    padding-bottom: 0 !important;
  }

  .u-plNone\@medium {
    padding-left: 0 !important;
  }

  .u-prNone\@medium {
    padding-right: 0 !important;
  }

  .u-phNone\@medium {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .u-pvNone\@medium {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media (min-width: 1024px) {
  .u-ma\@large {
    margin: 24px !important;
  }

  .u-mt\@large {
    margin-top: 24px !important;
  }

  .u-mb\@large {
    margin-bottom: 24px !important;
  }

  .u-ml\@large {
    margin-left: 24px !important;
  }

  .u-mr\@large {
    margin-right: 24px !important;
  }

  .u-mv\@large {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }

  .u-mh\@large {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }

  .u-pa\@large {
    padding: 24px !important;
  }

  .u-pt\@large {
    padding-top: 24px !important;
  }

  .u-pb\@large {
    padding-bottom: 24px !important;
  }

  .u-pl\@large {
    padding-left: 24px !important;
  }

  .u-pr\@large {
    padding-right: 24px !important;
  }

  .u-pv\@large {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }

  .u-ph\@large {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  .u-maBarely\@large {
    margin: 3px !important;
  }

  .u-mtBarely\@large {
    margin-top: 3px !important;
  }

  .u-mbBarely\@large {
    margin-bottom: 3px !important;
  }

  .u-mlBarely\@large {
    margin-left: 3px !important;
  }

  .u-mrBarely\@large {
    margin-right: 3px !important;
  }

  .u-mvBarely\@large {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
  }

  .u-mhBarely\@large {
    margin-left: 3px !important;
    margin-right: 3px !important;
  }

  .u-paBarely\@large {
    padding: 3px !important;
  }

  .u-ptBarely\@large {
    padding-top: 3px !important;
  }

  .u-pbBarely\@large {
    padding-bottom: 3px !important;
  }

  .u-plBarely\@large {
    padding-left: 3px !important;
  }

  .u-prBarely\@large {
    padding-right: 3px !important;
  }

  .u-pvBarely\@large {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }

  .u-phBarely\@large {
    padding-left: 3px !important;
    padding-right: 3px !important;
  }

  .u-maTiny\@large {
    margin: 6px !important;
  }

  .u-mtTiny\@large {
    margin-top: 6px !important;
  }

  .u-mbTiny\@large {
    margin-bottom: 6px !important;
  }

  .u-mlTiny\@large {
    margin-left: 6px !important;
  }

  .u-mrTiny\@large {
    margin-right: 6px !important;
  }

  .u-mvTiny\@large {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
  }

  .u-mhTiny\@large {
    margin-left: 6px !important;
    margin-right: 6px !important;
  }

  .u-paTiny\@large {
    padding: 6px !important;
  }

  .u-ptTiny\@large {
    padding-top: 6px !important;
  }

  .u-pbTiny\@large {
    padding-bottom: 6px !important;
  }

  .u-plTiny\@large {
    padding-left: 6px !important;
  }

  .u-prTiny\@large {
    padding-right: 6px !important;
  }

  .u-pvTiny\@large {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }

  .u-phTiny\@large {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  .u-maSmall\@large {
    margin: 12px !important;
  }

  .u-mtSmall\@large {
    margin-top: 12px !important;
  }

  .u-mbSmall\@large {
    margin-bottom: 12px !important;
  }

  .u-mlSmall\@large {
    margin-left: 12px !important;
  }

  .u-mrSmall\@large {
    margin-right: 12px !important;
  }

  .u-mvSmall\@large {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }

  .u-mhSmall\@large {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }

  .u-paSmall\@large {
    padding: 12px !important;
  }

  .u-ptSmall\@large {
    padding-top: 12px !important;
  }

  .u-pbSmall\@large {
    padding-bottom: 12px !important;
  }

  .u-plSmall\@large {
    padding-left: 12px !important;
  }

  .u-prSmall\@large {
    padding-right: 12px !important;
  }

  .u-pvSmall\@large {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }

  .u-phSmall\@large {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .u-maLarge\@large {
    margin: 48px !important;
  }

  .u-mtLarge\@large {
    margin-top: 48px !important;
  }

  .u-mbLarge\@large {
    margin-bottom: 48px !important;
  }

  .u-mlLarge\@large {
    margin-left: 48px !important;
  }

  .u-mrLarge\@large {
    margin-right: 48px !important;
  }

  .u-mvLarge\@large {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }

  .u-mhLarge\@large {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }

  .u-paLarge\@large {
    padding: 48px !important;
  }

  .u-ptLarge\@large {
    padding-top: 48px !important;
  }

  .u-pbLarge\@large {
    padding-bottom: 48px !important;
  }

  .u-plLarge\@large {
    padding-left: 48px !important;
  }

  .u-prLarge\@large {
    padding-right: 48px !important;
  }

  .u-pvLarge\@large {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }

  .u-phLarge\@large {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }

  .u-maHuge\@large {
    margin: 96px !important;
  }

  .u-mtHuge\@large {
    margin-top: 96px !important;
  }

  .u-mbHuge\@large {
    margin-bottom: 96px !important;
  }

  .u-mlHuge\@large {
    margin-left: 96px !important;
  }

  .u-mrHuge\@large {
    margin-right: 96px !important;
  }

  .u-mvHuge\@large {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }

  .u-mhHuge\@large {
    margin-left: 96px !important;
    margin-right: 96px !important;
  }

  .u-paHuge\@large {
    padding: 96px !important;
  }

  .u-ptHuge\@large {
    padding-top: 96px !important;
  }

  .u-pbHuge\@large {
    padding-bottom: 96px !important;
  }

  .u-plHuge\@large {
    padding-left: 96px !important;
  }

  .u-prHuge\@large {
    padding-right: 96px !important;
  }

  .u-pvHuge\@large {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }

  .u-phHuge\@large {
    padding-left: 96px !important;
    padding-right: 96px !important;
  }

  .u-maNone\@large {
    margin: 0 !important;
  }

  .u-mtNone\@large {
    margin-top: 0 !important;
  }

  .u-mbNone\@large {
    margin-bottom: 0 !important;
  }

  .u-mlNone\@large {
    margin-left: 0 !important;
  }

  .u-mrNone\@large {
    margin-right: 0 !important;
  }

  .u-mvNone\@large {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .u-mhNone\@large {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .u-paNone\@large {
    padding: 0 !important;
  }

  .u-ptNone\@large {
    padding-top: 0 !important;
  }

  .u-pbNone\@large {
    padding-bottom: 0 !important;
  }

  .u-plNone\@large {
    padding-left: 0 !important;
  }

  .u-prNone\@large {
    padding-right: 0 !important;
  }

  .u-phNone\@large {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .u-pvNone\@large {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
/* @define utilities */
.u-sepGrey {
  border-color: #A1A7AF !important;
  border-image: linear-gradient(to bottom, rgba(161, 167, 175, 0), #A1A7AF, rgba(161, 167, 175, 0)) 1 100% !important;
}

.u-sepTop {
  border-color: #29B0E0;
  border-image: linear-gradient(to bottom, #29B0E0, rgba(57, 173, 204, 0.35)) 1 100%;
  border-style: solid;
  border-width: 1px 0 0;
}

.u-sepBottom {
  border-color: #29B0E0;
  border-image: linear-gradient(to bottom, #29B0E0, rgba(57, 173, 204, 0.35)) 1 100%;
  border-style: solid;
  border-width: 0 0 1px;
}

.u-sepLeft {
  border-color: #29B0E0;
  border-image: linear-gradient(to bottom, #29B0E0, rgba(57, 173, 204, 0.35)) 1 100%;
  border-style: solid;
  border-width: 0 0 0 1px;
}

.u-sepRight {
  border-color: #29B0E0;
  border-image: linear-gradient(to bottom, #29B0E0, rgba(57, 173, 204, 0.35)) 1 100%;
  border-style: solid;
  border-width: 0 1px 0 0;
}

@media (min-width: 400px) {
  .u-sepTop\@small {
    border-color: #29B0E0;
    border-image: linear-gradient(to bottom, #29B0E0, rgba(57, 173, 204, 0.35)) 1 100%;
    border-style: solid;
    border-width: 1px 0 0;
  }

  .u-sepBottom\@small {
    border-color: #29B0E0;
    border-image: linear-gradient(to bottom, #29B0E0, rgba(57, 173, 204, 0.35)) 1 100%;
    border-style: solid;
    border-width: 0 0 1px;
  }

  .u-sepLeft\@small {
    border-color: #29B0E0;
    border-image: linear-gradient(to bottom, #29B0E0, rgba(57, 173, 204, 0.35)) 1 100%;
    border-style: solid;
    border-width: 0 0 0 1px;
  }

  .u-sepRight\@small {
    border-color: #29B0E0;
    border-image: linear-gradient(to bottom, #29B0E0, rgba(57, 173, 204, 0.35)) 1 100%;
    border-style: solid;
    border-width: 0 1px 0 0;
  }
}
@media (min-width: 768px) {
  .u-sepTop\@medium {
    border-color: #29B0E0;
    border-image: linear-gradient(to bottom, #29B0E0, rgba(57, 173, 204, 0.35)) 1 100%;
    border-style: solid;
    border-width: 1px 0 0;
  }

  .u-sepBottom\@medium {
    border-color: #29B0E0;
    border-image: linear-gradient(to bottom, #29B0E0, rgba(57, 173, 204, 0.35)) 1 100%;
    border-style: solid;
    border-width: 0 0 1px;
  }

  .u-sepLeft\@medium {
    border-color: #29B0E0;
    border-image: linear-gradient(to bottom, #29B0E0, rgba(57, 173, 204, 0.35)) 1 100%;
    border-style: solid;
    border-width: 0 0 0 1px;
  }

  .u-sepRight\@medium {
    border-color: #29B0E0;
    border-image: linear-gradient(to bottom, #29B0E0, rgba(57, 173, 204, 0.35)) 1 100%;
    border-style: solid;
    border-width: 0 1px 0 0;
  }
}
@media (min-width: 1024px) {
  .u-sepTop\@large {
    border-color: #29B0E0;
    border-image: linear-gradient(to bottom, #29B0E0, rgba(57, 173, 204, 0.35)) 1 100%;
    border-style: solid;
    border-width: 1px 0 0;
  }

  .u-sepBottom\@large {
    border-color: #29B0E0;
    border-image: linear-gradient(to bottom, #29B0E0, rgba(57, 173, 204, 0.35)) 1 100%;
    border-style: solid;
    border-width: 0 0 1px;
  }

  .u-sepLeft\@large {
    border-color: #29B0E0;
    border-image: linear-gradient(to bottom, #29B0E0, rgba(57, 173, 204, 0.35)) 1 100%;
    border-style: solid;
    border-width: 0 0 0 1px;
  }

  .u-sepRight\@large {
    border-color: #29B0E0;
    border-image: linear-gradient(to bottom, #29B0E0, rgba(57, 173, 204, 0.35)) 1 100%;
    border-style: solid;
    border-width: 0 1px 0 0;
  }
}
/* @define utilities */
.u-bgWhite {
  background: #fff !important;
}

.u-bgBlue {
  background: #29B0E0 !important;
}

.u-bgDarkBlue {
  background: #1d212c !important;
}

.u-bgRed {
  background: #ee3e54 !important;
}

.u-bgGreen {
  background: #58c0a4 !important;
}

.u-bgGrey {
  background: #F9FAFB !important;
}

.u-bgGradientLightBlue {
  background: linear-gradient(0deg, #61abd8, #78c4d4 95.09%) !important;
}

.u-bgGradientBrightBlue {
  background: linear-gradient(to top, #49c3c9, #249bd6 50%, #0c5b9c) !important;
}

.u-bgGradientBrightLightBlue {
  background: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15)), linear-gradient(to top, #49c3c9, #249bd6 50%, #0c5b9c) !important;
}

.u-bgGradientBlue {
  background: linear-gradient(0deg, #347eb9 0%, #39adcc 95.09%) !important;
}

.u-bgGradientGreen {
  background: linear-gradient(to bottom, #93d6c4 0%, #58c0a4 100%) !important;
}

.u-bgGradientRed {
  background: linear-gradient(to bottom, #f37686 0%, #ee3e54 100%) !important;
}

.u-shadowBlack {
  box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.85);
}

a .u-shadowBlack:hover, a .u-shadowBlack:focus {
  box-shadow: 0 16px 30px -16px rgba(0, 0, 0, 0.75);
}

.u-shadowBlue {
  box-shadow: 0 10px 20px -10px rgba(12, 109, 144, 0.85);
}

a .u-shadowBlue:hover, a .u-shadowBlue:focus {
  box-shadow: 0 16px 30px -16px rgba(12, 109, 144, 0.75);
}

.u-shadowBlackLarge {
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.65);
}

a .u-shadowBlackLarge:hover, a .u-shadowBlackLarge:focus {
  box-shadow: 0 26px 40px -16px rgba(0, 0, 0, 0.55);
}

.u-shadowBlueLarge {
  box-shadow: 0 20px 30px -10px rgba(12, 109, 144, 0.65);
}

a .u-shadowBlueLarge:hover, a .u-shadowBlueLarge:focus {
  box-shadow: 0 26px 40px -16px rgba(12, 109, 144, 0.55);
}

/* @define utilities */
.u-bNone {
  border: none !important;
}

.u-btNone {
  border-top: none !important;
}

.u-bbNone {
  border-bottom: none !important;
}

.u-blNone {
  border-left: none !important;
}

.u-brNone {
  border-right: none !important;
}

.u-btWhite {
  border-top: 2px solid rgba(255, 255, 255, 0.35);
}

.u-blWhite {
  border-left: 2px solid rgba(255, 255, 255, 0.35);
}

.u-brWhite {
  border-right: 2px solid rgba(255, 255, 255, 0.35);
}

.u-bbWhite {
  border-bottom: 2px solid rgba(255, 255, 255, 0.35);
}

.u-btBlue {
  border-top: 2px solid #29B0E0;
}

.u-blBlue {
  border-left: 2px solid #29B0E0;
}

.u-brBlue {
  border-right: 2px solid #29B0E0;
}

.u-bbBlue {
  border-bottom: 2px solid #29B0E0;
}

.u-btRed {
  border-top: 2px solid #731e28;
}

.u-blRed {
  border-left: 2px solid #731e28;
}

.u-brRed {
  border-right: 2px solid #731e28;
}

.u-bbRed {
  border-bottom: 2px solid #731e28;
}

.u-btGreen {
  border-top: 2px solid #58c0a4;
}

.u-blGreen {
  border-left: 2px solid #58c0a4;
}

.u-brGreen {
  border-right: 2px solid #58c0a4;
}

.u-bbGreen {
  border-bottom: 2px solid #58c0a4;
}

.u-brOn {
  border-radius: 6px;
}

/* @define utilities */
.u-block {
  display: block;
}

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

.u-visuallyHidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.u-overflowHidden {
  overflow: hidden;
}

/* ==========================================================================
   WIDTH
   ========================================================================== */
.u-fullWidth {
  width: 100% !important;
}

.u-cover {
  object-fit: cover !important;
}

/* ==========================================================================
   #PRINT
   ========================================================================== */
@media print {
  body,
html {
    height: auto !important;
  }

  .Hero {
    min-height: none !important;
    height: auto !important;
  }

  .TopNav,
.Footer,
.Bar,
.widget-area {
    display: none !important;
  }

  /**
   * 1. Black prints faster: http://www.sanbeiji.com/archives/953
   */
  *,
*:before,
*:after {
    background: transparent !important;
    color: #000 !important;
    /* [1] */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /**
   * Don’t show links that are fragment identifiers, or use the `javascript:`
   * pseudo protocol.
   */
  a[href^="#"]:after,
a[href^="javascript:"]:after {
    content: "";
  }

  pre,
blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /**
   * Printing Tables: http://css-discuss.incutio.com/wiki/Printing_Tables
   */
  thead {
    display: table-header-group;
  }

  tr,
img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  p,
h2,
h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
h3 {
    page-break-after: avoid;
  }
}

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