@charset "UTF-8";
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

/**
   * Border-box everything
   */
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit; }

/**
   * Anchors
   *
   * 1. Inherit color to follow current text color. Useful in footer blocks etc.
        Probably wise to change the anchor color in the main text to stand out a bit more
   * 2. Remove text-decoration on hover and focus
   */
a {
  color: inherit;
  /* 1 */ }

a:hover, a:focus {
  text-decoration: none;
  /* 2 */ }

/**
   * Address
   *
   * 1. Normal font style
   * 2. Remove top-margin, margins should live on bottom of elements
   * 3. Set bottom margin to default line-height and remove for last-child
   */
address {
  font-style: normal;
  /* 1 */
  margin-top: 0;
  /* 2 */
  margin-bottom: 16px;
  /* 3 */ }

address:last-child {
  margin-bottom: 0; }

/**
   * Body
   *
   * Set font values coming from variables
   */
body {
  margin: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  color: #282828; }

/**
   * Fieldset
   */
fieldset {
  width: 100%;
  border: 0 none;
  padding: 0;
  margin: 0; }

fieldset legend {
  margin-bottom: 8px; }

fieldset legend:last-child {
  margin-bottom: 0; }

/**
   * Figure
   */
figure {
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 16px; }

figure:last-child {
  margin-bottom: 0; }

/**
   * Heading
   *
   * 1. Set font-weight to bold to stand out
   * 2. Reset font-size to be as big as parent font size.
        Set font-sizes with classes
   * 3. Remove top-margin, margins should live on bottom of elements
   * 4. Set bottom margin to default line-height and remove for last-child. A bit smaller to visually group headings with content below
   */
h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  /* 1 */
  font-size: inherit;
  /* 2 */
  margin-top: 0;
  /* 3 */
  margin-bottom: 16px;
  /* 4 */ }

h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child {
  margin-bottom: 0; }

/**
   * Image
   *
   * 1. Set max-width for responsive images
   * 2. Set ehight to auto to keep aspect ratio
   * 3. Vertical align middle for only child images to remove line-height bug when used in an anchor for example
   */
img {
  max-width: 100%;
  /* 1 */
  height: auto;
  /* 2 */ }

img:only-child {
  vertical-align: middle;
  /* 3 */ }

/**
   * List
   *
   * 1. Remove top-margin, margins should live on bottom of elements
   * 2. Set bottom margin to default line-height and remove for last-child
   */
ul, ol {
  margin-top: 0;
  /* 1 */
  margin-bottom: 16px;
  /* 2 */ }

ul:last-child, ol:last-child {
  margin-bottom: 0; }

/**
   * Paragraph
   *
   * 1. Remove top-margin, margins should live on bottom of elements
   * 2. Set bottom margin to default line-height and remove for last-child
   */
p {
  margin-top: 0;
  /* 1 */
  margin-bottom: 16px;
  /* 2 */ }

p:last-child {
  margin-bottom: 0; }

/**
   * Picture
   *
   * 1. Set img vertical align to middle within picture element
   */
picture img {
  vertical-align: middle;
  /* 1 */ }

/**
   * SVG
   *
   * 1. Set with and height to 1em for easy use as icons
   * 2. Set fill to currentcolor for easy use as icons
   * 3. Hide svg-sprite for default when used as icons
   */
svg {
  width: 1em;
  /* 1 */
  height: 1em;
  /* 1 */
  fill: currentColor;
  /* 2 */ }

.svg-sprite {
  display: none;
  /* 3 */ }

/** Body width fallback for older non CSS calc capable browsers
   *
   * This just sets the width. For an optimal effect it's best to set:
   * - A background color for <html>
   * - A background color for <body>
   * - An optional left and right border for <body>
   *
   * 1. Add :root so CSSmin won't merge the two. This will set the width to 100% for capable browsers
   */
body {
  width: 560px;
  margin-left: auto;
  margin-right: auto; }

/* 1 */
:root body {
  width: calc(100%); }

/* Highly based on https://github.com/filamentgroup/select-css */
.custom-select {
  position: relative;
  display: block; }

.custom-select select {
  width: 100%;
  margin: 0;
  padding: 0px 4px;
  outline: none;
  height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px; }

.custom-select:after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 8px;
  z-index: 2;
  pointer-events: none;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid;
  margin-top: -3px;
  display: none; }

/* autoprefixer: ignore next */
@supports (-webkit-appearance: none) or (appearance: none) or ((-moz-appearance: none) and (mask-type: alpha)) {
  /* autoprefixer: on */
  .custom-select:after {
    display: block; }

  .custom-select select {
    padding-right: 28px;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .custom-select select::-ms-expand {
    display: none; }

  .custom-select select:focus::-ms-value {
    background: none;
    color: inherit; }

  .custom-select:after {
    display: block; }

  .custom-select select {
    padding-right: 28px;
    background: none; } }
.custom-select {
  border: 2px solid; }

.custom-select select {
  font-family: inherit;
  font-weight: inherit;
  color: inherit;
  border: none;
  line-height: 34px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 8px; }

.custom-select select:focus:focus {
  outline: 3px solid #febd22;
  outline-offset: 2px; }

.form {
  margin-bottom: 16px; }

.form:last-child {
  margin-bottom: 0; }

@media screen and (min-width: 560px) {
  .form {
    margin-bottom: 24px; }

  .form:last-child {
    margin-bottom: 0; } }
@media screen and (min-width: 1024px) {
  .form {
    margin-bottom: 32px; }

  .form:last-child {
    margin-bottom: 0; } }
.form [disabled] {
  cursor: not-allowed;
  opacity: 0.6; }

.form__group {
  margin-bottom: 16px; }

.form__group:last-child {
  margin-bottom: 0; }

.form__label,
.form__input {
  font-size: inherit;
  line-height: inherit; }

.form__label {
  display: inline-block;
  padding-bottom: 8px; }

.form__input {
  width: 100%;
  padding: 4px 8px;
  border: 2px solid;
  line-height: 32px;
  min-height: 44px;
  font-family: inherit;
  font-weight: inherit; }

.form__input:focus {
  outline: 3px solid #febd22;
  outline-offset: 0; }

input.form__input,
textarea.form__input {
  -webkit-appearance: none;
  border-radius: 0; }

select {
  height: 44px; }

/* Submit button */
[type=submit] {
  -webkit-appearance: none;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer; }

[type=submit]:focus {
  outline: 3px solid #febd22; }

.multiple-choice {
  display: block;
  float: none;
  clear: left;
  position: relative;
  padding: 0 0 0 40px;
  min-height: 40px;
  margin-bottom: 16px; }

.multiple-choice:last-child {
  margin-bottom: 0; }

@media screen and (min-width: 560px) {
  .multiple-choice {
    float: left; } }
.multiple-choice input {
  position: absolute;
  cursor: pointer;
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
  z-index: 1;
  margin: 0;
  opacity: 0; }

.multiple-choice label {
  cursor: pointer;
  padding: 4px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 40px;
  -ms-touch-action: manipulation;
  touch-action: manipulation; }

.multiple-choice [type=radio] + label::before,
.multiple-choice [type=checkbox] + label::before {
  content: "";
  border: 2px solid;
  background: transparent;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0; }

.multiple-choice [type=radio] + label::after,
.multiple-choice [type=checkbox] + label::after {
  content: "";
  border: 12px solid;
  position: absolute;
  opacity: 0;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: all 200ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms;
  transition: all 200ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms; }

.multiple-choice [type=radio] + label::before {
  border-radius: 50%; }

.multiple-choice [type=radio] + label::after {
  width: 0;
  height: 0;
  top: 8px;
  left: 8px;
  border-radius: 50%; }

.multiple-choice [type=checkbox] + label::after {
  border-width: 0 0 4.8px 4.8px;
  background: transparent;
  width: 22px;
  height: 12px;
  top: 12px;
  left: 9.6px;
  -webkit-transform: rotate(-45deg) scale(0.5);
  transform: rotate(-45deg) scale(0.5); }

.multiple-choice input:checked + label::after {
  opacity: 1;
  -webkit-transform: rotate(-45deg) scale(1);
  transform: rotate(-45deg) scale(1); }

.multiple-choice [type=checkbox]:focus + label::before,
.multiple-choice [type=radio]:focus + label::before {
  -webkit-box-shadow: 0 0 0 3px #febd22;
  box-shadow: 0 0 0 3px #febd22; }

.multiple-choice input:disabled {
  opacity: 0; }

.multiple-choice input:disabled + label {
  opacity: 0.6;
  cursor: not-allowed; }

/*===============================
=            Choices            =
===============================*/
.choices {
  position: relative;
  margin-bottom: 24px;
  font-size: 16px; }

.choices:focus {
  outline: none; }

.choices:last-child {
  margin-bottom: 0; }

.choices.is-disabled .choices__inner, .choices.is-disabled .choices__input {
  background-color: #EAEAEA;
  cursor: not-allowed;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.choices.is-disabled .choices__item {
  cursor: not-allowed; }

.choices[data-type*="select-one"] {
  cursor: pointer; }

.choices[data-type*="select-one"] .choices__inner {
  padding-bottom: 7.5px; }

.choices[data-type*="select-one"] .choices__input {
  display: block;
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid #DDDDDD;
  background-color: #FFFFFF;
  margin: 0; }

.choices[data-type*="select-one"] .choices__button {
  background-image: url("../../icons/cross-inverse.svg");
  padding: 0;
  background-size: 8px;
  height: 100%;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -10px;
  margin-right: 25px;
  height: 20px;
  width: 20px;
  border-radius: 10em;
  opacity: .5; }

.choices[data-type*="select-one"] .choices__button:hover, .choices[data-type*="select-one"] .choices__button:focus {
  opacity: 1; }

.choices[data-type*="select-one"] .choices__button:focus {
  -webkit-box-shadow: 0px 0px 0px 2px #00BCD4;
  box-shadow: 0px 0px 0px 2px #00BCD4; }

.choices[data-type*="select-one"]:after {
  content: "";
  height: 0;
  width: 0;
  border-style: solid;
  border-color: #222222 transparent transparent transparent;
  border-width: 5px;
  position: absolute;
  right: 11.5px;
  top: 50%;
  margin-top: -2.5px;
  pointer-events: none; }

.choices[data-type*="select-one"].is-open:after {
  border-color: transparent transparent #222222 transparent;
  margin-top: -7.5px; }

.choices[data-type*="select-one"][dir="rtl"]:after {
  left: 11.5px;
  right: auto; }

.choices[data-type*="select-one"][dir="rtl"] .choices__button {
  right: auto;
  left: 0;
  margin-left: 25px;
  margin-right: 0; }

.choices[data-type*="select-multiple"] .choices__inner, .choices[data-type*="text"] .choices__inner {
  cursor: text; }

.choices[data-type*="select-multiple"] .choices__button, .choices[data-type*="text"] .choices__button {
  position: relative;
  display: inline-block;
  margin-top: 0;
  margin-right: -4px;
  margin-bottom: 0;
  margin-left: 8px;
  padding-left: 16px;
  border-left: 1px solid #008fa1;
  background-image: url("../../icons/cross.svg");
  background-size: 8px;
  width: 8px;
  line-height: 1;
  opacity: .75; }

.choices[data-type*="select-multiple"] .choices__button:hover, .choices[data-type*="select-multiple"] .choices__button:focus, .choices[data-type*="text"] .choices__button:hover, .choices[data-type*="text"] .choices__button:focus {
  opacity: 1; }

.choices__inner {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  background-color: #f9f9f9;
  padding: 7.5px 7.5px 3.75px;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  font-size: 14px;
  min-height: 44px;
  overflow: hidden; }

.is-focused .choices__inner, .is-open .choices__inner {
  border-color: #b7b7b7; }

.is-open .choices__inner {
  border-radius: 4px 4px 0 0; }

.is-flipped.is-open .choices__inner {
  border-radius: 0 0 4px 4px; }

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

.choices__list--single {
  display: inline-block;
  padding: 4px 16px 4px 4px;
  width: 100%; }

[dir="rtl"] .choices__list--single {
  padding-right: 4px;
  padding-left: 16px; }

.choices__list--single .choices__item {
  width: 100%; }

.choices__list--multiple {
  display: inline; }

.choices__list--multiple .choices__item {
  display: inline-block;
  vertical-align: middle;
  border-radius: 16px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 500;
  margin-right: 3.75px;
  margin-bottom: 3.75px;
  background-color: #00BCD4;
  border: 1px solid #00a5bb;
  color: #FFFFFF;
  word-break: break-all; }

.choices__list--multiple .choices__item[data-deletable] {
  padding-right: 5px; }

[dir="rtl"] .choices__list--multiple .choices__item {
  margin-right: 0;
  margin-left: 3.75px; }

.choices__list--multiple .choices__item.is-highlighted {
  background-color: #00a5bb;
  border: 1px solid #008fa1; }

.is-disabled .choices__list--multiple .choices__item {
  background-color: #aaaaaa;
  border: 1px solid #919191; }

.choices__list--dropdown {
  display: none;
  z-index: 1;
  position: absolute;
  width: 100%;
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  top: 100%;
  margin-top: -1px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  overflow: hidden;
  word-break: break-all; }

.choices__list--dropdown.is-active {
  display: block; }

.is-open .choices__list--dropdown {
  border-color: #b7b7b7; }

.is-flipped .choices__list--dropdown {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: -1px;
  border-radius: .25rem .25rem 0 0; }

.choices__list--dropdown .choices__list {
  position: relative;
  max-height: 300px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position; }

.choices__list--dropdown .choices__item {
  position: relative;
  padding: 10px;
  font-size: 14px; }

[dir="rtl"] .choices__list--dropdown .choices__item {
  text-align: right; }

@media (min-width: 640px) {
  .choices__list--dropdown .choices__item--selectable {
    padding-right: 100px; }

  .choices__list--dropdown .choices__item--selectable:after {
    content: attr(data-select-text);
    font-size: 12px;
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }

  [dir="rtl"] .choices__list--dropdown .choices__item--selectable {
    text-align: right;
    padding-left: 100px;
    padding-right: 10px; }

  [dir="rtl"] .choices__list--dropdown .choices__item--selectable:after {
    right: auto;
    left: 10px; } }
.choices__list--dropdown .choices__item--selectable.is-highlighted {
  background-color: #f2f2f2; }

.choices__list--dropdown .choices__item--selectable.is-highlighted:after {
  opacity: .5; }

.choices__item {
  cursor: default; }

.choices__item--selectable {
  cursor: pointer; }

.choices__item--disabled {
  cursor: not-allowed;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: .5; }

.choices__heading {
  font-weight: 600;
  font-size: 12px;
  padding: 10px;
  border-bottom: 1px solid #f7f6f6;
  color: #807f7f; }

.choices__button {
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer; }

.choices__button:focus {
  outline: none; }

.choices__input {
  display: inline-block;
  vertical-align: baseline;
  background-color: #f9f9f9;
  font-size: 14px;
  margin-bottom: 5px;
  border: 0;
  border-radius: 0;
  max-width: 100%;
  padding: 4px 0 4px 2px; }

.choices__input:focus {
  outline: 0; }

[dir="rtl"] .choices__input {
  padding-right: 2px;
  padding-left: 0; }

.choices__placeholder {
  opacity: .5; }

/*=====  End of Choices  ======*/
[data-menu-animation] {
  position: relative; }

[data-menu-animation] li {
  position: relative;
  z-index: 1; }

.ma-fx {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  will-change: transform, width; }

.ma-initiated .ma-fx {
  -webkit-transition: width 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
  transition: width 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out, width 300ms ease-in-out;
  transition: transform 300ms ease-in-out, width 300ms ease-in-out, -webkit-transform 300ms ease-in-out; }

[data-filter-list] {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

[data-filter] {
  display: block; }

[data-filter-types] {
  position: relative;
  -webkit-transition: height 400ms ease-out;
  transition: height 400ms ease-out;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

[data-filter-type] {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1); }

[data-filter-type].is-hiding {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0); }

[data-filter-type].is-hidden {
  display: none; }

[data-filter-type].transition {
  -webkit-transition: opacity 400ms ease-out, -webkit-transform 400ms ease-out;
  transition: opacity 400ms ease-out, -webkit-transform 400ms ease-out;
  transition: opacity 400ms ease-out, transform 400ms ease-out;
  transition: opacity 400ms ease-out, transform 400ms ease-out, -webkit-transform 400ms ease-out; }

[data-swipr-wrapper] {
  position: relative;
  overflow: hidden; }

[data-swipr] {
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

.swipr-prev,
.swipr-next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.swipr-prev {
  left: 0; }

.swipr-next {
  right: 0; }

.is-disabled {
  opacity: 0.5;
  pointer-events: none; }

*,
*:before,
*:after {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* HTML */
html {
  background: white; }

html:before {
  position: absolute;
  content: " ";
  display: block;
  z-index: -1;
  width: 100%;
  height: 100vh;
  background: #0389d6;
  left: 0;
  bottom: 0; }

/* Body */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: white; }

/* Definition list */
dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 16px; }

dl:last-child {
  margin-bottom: 0; }

@media screen and (min-width: 560px) {
  dl {
    margin-bottom: 24px; }

  dl:last-child {
    margin-bottom: 0; } }
@media screen and (min-width: 1024px) {
  dl {
    margin-bottom: 32px; }

  dl:last-child {
    margin-bottom: 0; } }
dt,
dd {
  margin: 0 0 4px;
  width: 50%; }

/* Paragraph */
p {
  margin-bottom: 24px; }

p:last-child {
  margin-bottom: 0; }

.container {
  max-width: 1472px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 16px;
  padding-right: 16px; }

@media screen and (min-width: 560px) {
  .container {
    padding-left: 24px;
    padding-right: 24px; } }
@media screen and (min-width: 1024px) {
  .container {
    padding-left: 32px;
    padding-right: 32px; } }
.content {
  display: block;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 100%; }

.content--8of12 {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0; }

@media screen and (min-width: 768px) {
  .content--8of12 {
    width: calc((100% - 4.8px) / 1.2);
    margin-left: calc(24px); }

  .content--8of12:first-child {
    margin-left: 0; }

  .content--8of12:last-child {
    margin-right: -1px; } }
@media screen and (min-width: 768px) {
  .content--8of12 {
    position: relative;
    left: calc(((100% - 264px) / 12) + 24px); } }
@media screen and (min-width: 1024px) {
  .content--8of12 {
    left: calc(((100% - 352px) / 12) + 32px); } }
@media screen and (min-width: 1024px) {
  .content--8of12 {
    width: calc((100% - 16px) / 1.5);
    margin-left: calc(32px); }

  .content--8of12:first-child {
    margin-left: 0; }

  .content--8of12:last-child {
    margin-right: -1px; } }
@media screen and (min-width: 1024px) {
  .content--8of12 {
    position: relative;
    left: calc(((100% - 160px) / 6) + 32px); } }
.content--10of12 {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0; }

@media screen and (min-width: 1024px) {
  .content--10of12 {
    width: calc((100% - 6.4px) / 1.2);
    margin-left: calc(32px); }

  .content--10of12:first-child {
    margin-left: 0; }

  .content--10of12:last-child {
    margin-right: -1px; } }
@media screen and (min-width: 1024px) {
  .content--10of12 {
    position: relative;
    left: calc(((100% - 352px) / 12) + 32px); } }
.grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%; }

.grid--middle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.grid__item {
  width: 100%; }

.grid--flex .grid__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.grid--flex .card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

@media screen and (min-width: 560px) {
  .grid--1-1 {
    margin-bottom: -24px; } }
@media screen and (min-width: 1024px) {
  .grid--1-1 {
    margin-bottom: -32px; } }
@media screen and (min-width: 560px) {
  .grid--1-1 {
    padding-bottom: 24px; }

  .grid--1-1:last-child {
    padding-bottom: 0; } }
@media screen and (min-width: 1024px) {
  .grid--1-1 {
    padding-bottom: 32px; }

  .grid--1-1:last-child {
    padding-bottom: 0; } }
.grid--1-1 > .grid__item {
  margin-bottom: 16px; }

@media screen and (min-width: 560px) {
  .grid--1-1 > .grid__item {
    width: calc((100% - 24px) / 2);
    margin-left: calc(24px); }

  .grid--1-1 > .grid__item:nth-child(n) {
    margin-left: calc(24px);
    margin-right: 0; }

  .grid--1-1 > .grid__item:nth-child(2n) {
    margin-right: -1px; }

  .grid--1-1 > .grid__item:nth-child(2n+1) {
    margin-left: 0; }

  .grid--1-1 > .grid__item:first-child {
    margin-left: 0; } }
@media screen and (min-width: 1024px) {
  .grid--1-1 > .grid__item {
    width: calc((100% - 32px) / 2);
    margin-left: calc(32px); }

  .grid--1-1 > .grid__item:nth-child(n) {
    margin-left: calc(32px);
    margin-right: 0; }

  .grid--1-1 > .grid__item:nth-child(2n) {
    margin-right: -1px; }

  .grid--1-1 > .grid__item:nth-child(2n+1) {
    margin-left: 0; } }
@media screen and (min-width: 560px) {
  .grid--1-1 > .grid__item {
    margin-bottom: 24px; } }
@media screen and (min-width: 1024px) {
  .grid--1-1 > .grid__item {
    margin-bottom: 32px; } }
@media screen and (min-width: 768px) {
  .grid--1-1-from-charlie {
    margin-bottom: -24px; } }
@media screen and (min-width: 1024px) {
  .grid--1-1-from-charlie {
    margin-bottom: -32px; } }
@media screen and (min-width: 768px) {
  .grid--1-1-from-charlie {
    padding-bottom: 24px; }

  .grid--1-1-from-charlie:last-child {
    padding-bottom: 0; } }
@media screen and (min-width: 1024px) {
  .grid--1-1-from-charlie {
    padding-bottom: 32px; }

  .grid--1-1-from-charlie:last-child {
    padding-bottom: 0; } }
.grid--1-1-from-charlie > .grid__item {
  margin-bottom: 16px; }

@media screen and (min-width: 768px) {
  .grid--1-1-from-charlie > .grid__item {
    width: calc((100% - 24px) / 2);
    margin-left: calc(24px); }

  .grid--1-1-from-charlie > .grid__item:nth-child(n) {
    margin-left: calc(24px);
    margin-right: 0; }

  .grid--1-1-from-charlie > .grid__item:nth-child(2n) {
    margin-right: -1px; }

  .grid--1-1-from-charlie > .grid__item:nth-child(2n+1) {
    margin-left: 0; }

  .grid--1-1-from-charlie > .grid__item:first-child {
    margin-left: 0; } }
@media screen and (min-width: 1024px) {
  .grid--1-1-from-charlie > .grid__item {
    width: calc((100% - 32px) / 2);
    margin-left: calc(32px); }

  .grid--1-1-from-charlie > .grid__item:nth-child(n) {
    margin-left: calc(32px);
    margin-right: 0; }

  .grid--1-1-from-charlie > .grid__item:nth-child(2n) {
    margin-right: -1px; }

  .grid--1-1-from-charlie > .grid__item:nth-child(2n+1) {
    margin-left: 0; } }
@media screen and (min-width: 560px) {
  .grid--1-1-from-charlie > .grid__item {
    margin-bottom: 24px; } }
@media screen and (min-width: 1024px) {
  .grid--1-1-from-charlie > .grid__item {
    margin-bottom: 32px; } }
@media screen and (min-width: 560px) {
  .grid--2-1 > .grid__item:nth-child(1) {
    width: calc((100% - 12px) / 1.5);
    margin-left: calc(24px); }

  .grid--2-1 > .grid__item:nth-child(1):first-child {
    margin-left: 0; }

  .grid--2-1 > .grid__item:nth-child(1):last-child {
    margin-right: -1px; } }
@media screen and (min-width: 1024px) {
  .grid--2-1 > .grid__item:nth-child(1) {
    width: calc((100% - 16px) / 1.5);
    margin-left: calc(32px); } }
@media screen and (min-width: 560px) {
  .grid--2-1 > .grid__item:nth-child(2) {
    width: calc((100% - 48px) / 3);
    margin-left: calc(24px); }

  .grid--2-1 > .grid__item:nth-child(2):first-child {
    margin-left: 0; }

  .grid--2-1 > .grid__item:nth-child(2):last-child {
    margin-right: -1px; } }
@media screen and (min-width: 1024px) {
  .grid--2-1 > .grid__item:nth-child(2) {
    width: calc((100% - 64px) / 3);
    margin-left: calc(32px); } }
.grid--1-2 > .grid__item:nth-child(1) {
  margin-bottom: 16px; }

@media screen and (min-width: 560px) {
  .grid--1-2 > .grid__item:nth-child(1) {
    width: calc((100% - 48px) / 3);
    margin-left: calc(24px); }

  .grid--1-2 > .grid__item:nth-child(1):first-child {
    margin-left: 0; }

  .grid--1-2 > .grid__item:nth-child(1):last-child {
    margin-right: -1px; } }
@media screen and (min-width: 1024px) {
  .grid--1-2 > .grid__item:nth-child(1) {
    width: calc((100% - 64px) / 3);
    margin-left: calc(32px); } }
@media screen and (min-width: 560px) {
  .grid--1-2 > .grid__item:nth-child(1) {
    margin-bottom: 24px; } }
@media screen and (min-width: 1024px) {
  .grid--1-2 > .grid__item:nth-child(1) {
    margin-bottom: 32px; } }
@media screen and (min-width: 560px) {
  .grid--1-2 > .grid__item:nth-child(2) {
    width: calc((100% - 12px) / 1.5);
    margin-left: calc(24px); }

  .grid--1-2 > .grid__item:nth-child(2):first-child {
    margin-left: 0; }

  .grid--1-2 > .grid__item:nth-child(2):last-child {
    margin-right: -1px; } }
@media screen and (min-width: 1024px) {
  .grid--1-2 > .grid__item:nth-child(2) {
    width: calc((100% - 16px) / 1.5);
    margin-left: calc(32px); } }
@media screen and (min-width: 560px) {
  .grid--1-1-1 {
    margin-bottom: -24px; } }
@media screen and (min-width: 1024px) {
  .grid--1-1-1 {
    margin-bottom: -32px; } }
@media screen and (min-width: 560px) {
  .grid--1-1-1 {
    padding-bottom: 24px; }

  .grid--1-1-1:last-child {
    padding-bottom: 0; } }
@media screen and (min-width: 1024px) {
  .grid--1-1-1 {
    padding-bottom: 32px; }

  .grid--1-1-1:last-child {
    padding-bottom: 0; } }
.grid--1-1-1 > .grid__item {
  margin-bottom: 16px; }

@media screen and (min-width: 560px) {
  .grid--1-1-1 > .grid__item {
    width: calc((100% - 24px) / 2);
    margin-left: calc(24px); }

  .grid--1-1-1 > .grid__item:nth-child(n) {
    margin-left: calc(24px);
    margin-right: 0; }

  .grid--1-1-1 > .grid__item:nth-child(2n) {
    margin-right: -1px; }

  .grid--1-1-1 > .grid__item:nth-child(2n+1) {
    margin-left: 0; }

  .grid--1-1-1 > .grid__item:first-child {
    margin-left: 0; } }
@media screen and (min-width: 1024px) {
  .grid--1-1-1 > .grid__item {
    width: calc((100% - 64px) / 3);
    margin-left: calc(32px); }

  .grid--1-1-1 > .grid__item:nth-child(n) {
    margin-left: calc(32px);
    margin-right: 0; }

  .grid--1-1-1 > .grid__item:nth-child(3n) {
    margin-right: -1px; }

  .grid--1-1-1 > .grid__item:nth-child(3n+1) {
    margin-left: 0; } }
@media screen and (min-width: 560px) {
  .grid--1-1-1 > .grid__item {
    margin-bottom: 24px; } }
@media screen and (min-width: 1024px) {
  .grid--1-1-1 > .grid__item {
    margin-bottom: 32px; } }
@media screen and (min-width: 560px) {
  .grid--1-1-1-1 {
    margin-bottom: -24px; } }
@media screen and (min-width: 1024px) {
  .grid--1-1-1-1 {
    margin-bottom: -32px; } }
@media screen and (min-width: 560px) {
  .grid--1-1-1-1 {
    padding-bottom: 24px; }

  .grid--1-1-1-1:last-child {
    padding-bottom: 0; } }
@media screen and (min-width: 1024px) {
  .grid--1-1-1-1 {
    padding-bottom: 32px; }

  .grid--1-1-1-1:last-child {
    padding-bottom: 0; } }
.grid--1-1-1-1 > .grid__item {
  margin-bottom: 16px; }

@media screen and (min-width: 560px) {
  .grid--1-1-1-1 > .grid__item {
    width: calc((100% - 24px) / 2);
    margin-left: calc(24px); }

  .grid--1-1-1-1 > .grid__item:nth-child(n) {
    margin-left: calc(24px);
    margin-right: 0; }

  .grid--1-1-1-1 > .grid__item:nth-child(2n) {
    margin-right: -1px; }

  .grid--1-1-1-1 > .grid__item:nth-child(2n+1) {
    margin-left: 0; }

  .grid--1-1-1-1 > .grid__item:first-child {
    margin-left: 0; } }
@media screen and (min-width: 1024px) {
  .grid--1-1-1-1 > .grid__item {
    width: calc((100% - 96px) / 4);
    margin-left: calc(32px); }

  .grid--1-1-1-1 > .grid__item:nth-child(n) {
    margin-left: calc(32px);
    margin-right: 0; }

  .grid--1-1-1-1 > .grid__item:nth-child(4n) {
    margin-right: -1px; }

  .grid--1-1-1-1 > .grid__item:nth-child(4n+1) {
    margin-left: 0; } }
@media screen and (min-width: 560px) {
  .grid--1-1-1-1 > .grid__item {
    margin-bottom: 24px; } }
@media screen and (min-width: 1024px) {
  .grid--1-1-1-1 > .grid__item {
    margin-bottom: 32px; } }
.grid--2-1-stack2 {
  display: block; }

.grid--2-1-stack2:before, .grid--2-1-stack2:after {
  display: table;
  content: " "; }

.grid--2-1-stack2:after {
  clear: both; }

.grid--2-1-stack2 > .grid__item {
  float: left; }

.grid--2-1-stack2 > .grid__item:first-child {
  margin-bottom: 16px; }

@media screen and (min-width: 768px) {
  .grid--2-1-stack2 > .grid__item:first-child {
    width: calc((100% - 12px) / 1.5);
    margin-left: calc(24px); }

  .grid--2-1-stack2 > .grid__item:first-child:first-child {
    margin-left: 0; }

  .grid--2-1-stack2 > .grid__item:first-child:last-child {
    margin-right: -1px; } }
@media screen and (min-width: 1024px) {
  .grid--2-1-stack2 > .grid__item:first-child {
    width: calc((100% - 16px) / 1.5);
    margin-left: calc(32px); } }
@media screen and (min-width: 560px) {
  .grid--2-1-stack2 > .grid__item:first-child {
    margin-bottom: 24px; } }
@media screen and (min-width: 1024px) {
  .grid--2-1-stack2 > .grid__item:first-child {
    margin-bottom: 32px; } }
.grid--2-1-stack2 > .grid__item:nth-child(2) {
  margin-bottom: 16px;
  clear: none;
  float: right; }

@media screen and (min-width: 768px) {
  .grid--2-1-stack2 > .grid__item:nth-child(2) {
    width: calc((100% - 48px) / 3);
    margin-left: calc(24px); }

  .grid--2-1-stack2 > .grid__item:nth-child(2):nth-child(n) {
    margin-left: calc(24px);
    margin-right: 0; }

  .grid--2-1-stack2 > .grid__item:nth-child(2):nth-child(2n) {
    margin-right: -1px; }

  .grid--2-1-stack2 > .grid__item:nth-child(2):nth-child(2n+1) {
    margin-left: 0; }

  .grid--2-1-stack2 > .grid__item:nth-child(2):first-child {
    margin-left: 0; } }
@media screen and (min-width: 1024px) {
  .grid--2-1-stack2 > .grid__item:nth-child(2) {
    width: calc((100% - 64px) / 3);
    margin-left: calc(32px); }

  .grid--2-1-stack2 > .grid__item:nth-child(2):nth-child(n) {
    margin-left: calc(32px);
    margin-right: 0; }

  .grid--2-1-stack2 > .grid__item:nth-child(2):nth-child(2n) {
    margin-right: -1px; }

  .grid--2-1-stack2 > .grid__item:nth-child(2):nth-child(2n+1) {
    margin-left: 0; } }
@media screen and (min-width: 560px) {
  .grid--2-1-stack2 > .grid__item:nth-child(2) {
    margin-bottom: 24px; } }
@media screen and (min-width: 1024px) {
  .grid--2-1-stack2 > .grid__item:nth-child(2) {
    margin-bottom: 32px; } }
@media screen and (min-width: 768px) {
  .grid--2-1-stack2 > .grid__item:nth-child(3) {
    width: calc((100% - 12px) / 1.5);
    margin-left: calc(24px); }

  .grid--2-1-stack2 > .grid__item:nth-child(3):nth-child(n) {
    margin-left: calc(24px);
    margin-right: 0; }

  .grid--2-1-stack2 > .grid__item:nth-child(3):nth-child(2n) {
    margin-right: -1px; }

  .grid--2-1-stack2 > .grid__item:nth-child(3):nth-child(2n+1) {
    margin-left: 0; }

  .grid--2-1-stack2 > .grid__item:nth-child(3):first-child {
    margin-left: 0; } }
@media screen and (min-width: 1024px) {
  .grid--2-1-stack2 > .grid__item:nth-child(3) {
    width: calc((100% - 16px) / 1.5);
    margin-left: calc(32px); }

  .grid--2-1-stack2 > .grid__item:nth-child(3):nth-child(n) {
    margin-left: calc(32px);
    margin-right: 0; }

  .grid--2-1-stack2 > .grid__item:nth-child(3):nth-child(2n) {
    margin-right: -1px; }

  .grid--2-1-stack2 > .grid__item:nth-child(3):nth-child(2n+1) {
    margin-left: 0; } }
@media screen and (min-width: 560px) {
  .grid--3-1 > .grid__item:nth-child(1) {
    width: calc((100% - 8px) / 1.3333333333);
    margin-left: calc(24px); }

  .grid--3-1 > .grid__item:nth-child(1):first-child {
    margin-left: 0; }

  .grid--3-1 > .grid__item:nth-child(1):last-child {
    margin-right: -1px; } }
@media screen and (min-width: 1024px) {
  .grid--3-1 > .grid__item:nth-child(1) {
    width: calc((100% - 10.6666666667px) / 1.3333333333);
    margin-left: calc(32px); } }
@media screen and (min-width: 560px) {
  .grid--3-1 > .grid__item:nth-child(2) {
    width: calc((100% - 72px) / 4);
    margin-left: calc(24px); }

  .grid--3-1 > .grid__item:nth-child(2):first-child {
    margin-left: 0; }

  .grid--3-1 > .grid__item:nth-child(2):last-child {
    margin-right: -1px; } }
@media screen and (min-width: 1024px) {
  .grid--3-1 > .grid__item:nth-child(2) {
    width: calc((100% - 96px) / 4);
    margin-left: calc(32px); } }
@media screen and (min-width: 560px) {
  .grid--1-3 > .grid__item:nth-child(1) {
    width: calc((100% - 72px) / 4);
    margin-left: calc(24px); }

  .grid--1-3 > .grid__item:nth-child(1):first-child {
    margin-left: 0; }

  .grid--1-3 > .grid__item:nth-child(1):last-child {
    margin-right: -1px; } }
@media screen and (min-width: 1024px) {
  .grid--1-3 > .grid__item:nth-child(1) {
    width: calc((100% - 96px) / 4);
    margin-left: calc(32px); } }
@media screen and (min-width: 560px) {
  .grid--1-3 > .grid__item:nth-child(2) {
    width: calc((100% - 8px) / 1.3333333333);
    margin-left: calc(24px); }

  .grid--1-3 > .grid__item:nth-child(2):first-child {
    margin-left: 0; }

  .grid--1-3 > .grid__item:nth-child(2):last-child {
    margin-right: -1px; } }
@media screen and (min-width: 1024px) {
  .grid--1-3 > .grid__item:nth-child(2) {
    width: calc((100% - 10.6666666667px) / 1.3333333333);
    margin-left: calc(32px); } }
.grid--auto-columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

@supports (display: grid) {
  .grid--auto-columns {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); } }
.grid--auto-columns > .grid__item {
  width: 200px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding-bottom: 16px; }

@media screen and (min-width: 560px) {
  .grid--auto-columns > .grid__item {
    padding-bottom: 24px; } }
@media screen and (min-width: 1024px) {
  .grid--auto-columns > .grid__item {
    padding-bottom: 32px; } }
@supports (display: grid) {
  .grid--auto-columns > .grid__item {
    width: auto; } }
/* Page header styling */
.header {
  background-color: #0089d6;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  color: white;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); }

/* Main styling */
main {
  -webkit-box-shadow: inset 0 120px 120px -124px rgba(0, 0, 0, 0.075), inset 0 20px 20px -24px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 120px 120px -124px rgba(0, 0, 0, 0.075), inset 0 20px 20px -24px rgba(0, 0, 0, 0.05);
  padding-top: 24px;
  padding-bottom: 24px; }

@media screen and (min-width: 560px) {
  main {
    padding-top: 36px;
    padding-bottom: 36px; } }
@media screen and (min-width: 1024px) {
  main {
    padding-top: 48px;
    padding-bottom: 48px; } }
main a:not([class]) {
  color: #0068a3; }

.spaced.spaced {
  padding-top: 24px;
  padding-right: 24px;
  padding-bottom: 24px;
  padding-left: 24px; }

@media screen and (min-width: 560px) {
  .spaced.spaced {
    padding-top: 36px;
    padding-right: 36px;
    padding-bottom: 36px;
    padding-left: 36px; } }
@media screen and (min-width: 1024px) {
  .spaced.spaced {
    padding-top: 48px;
    padding-right: 48px;
    padding-bottom: 48px;
    padding-left: 48px; } }
.spaced-small.spaced-small {
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
  padding-left: 16px; }

@media screen and (min-width: 560px) {
  .spaced-small.spaced-small {
    padding-top: 24px;
    padding-right: 24px;
    padding-bottom: 24px;
    padding-left: 24px; } }
@media screen and (min-width: 1024px) {
  .spaced-small.spaced-small {
    padding-top: 32px;
    padding-right: 32px;
    padding-bottom: 32px;
    padding-left: 32px; } }
.spaced-tiny.spaced-tiny {
  padding-top: 8px;
  padding-right: 8px;
  padding-bottom: 8px;
  padding-left: 8px; }

@media screen and (min-width: 560px) {
  .spaced-tiny.spaced-tiny {
    padding-top: 12px;
    padding-right: 12px;
    padding-bottom: 12px;
    padding-left: 12px; } }
@media screen and (min-width: 1024px) {
  .spaced-tiny.spaced-tiny {
    padding-top: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
    padding-left: 16px; } }
.spaced-vertical.spaced-vertical {
  padding-top: 24px;
  padding-bottom: 24px; }

@media screen and (min-width: 560px) {
  .spaced-vertical.spaced-vertical {
    padding-top: 36px;
    padding-bottom: 36px; } }
@media screen and (min-width: 1024px) {
  .spaced-vertical.spaced-vertical {
    padding-top: 48px;
    padding-bottom: 48px; } }
.spaced-vertical-large.spaced-vertical-large {
  padding-top: 40px;
  padding-bottom: 40px; }

@media screen and (min-width: 560px) {
  .spaced-vertical-large.spaced-vertical-large {
    padding-top: 60px;
    padding-bottom: 60px; } }
@media screen and (min-width: 1024px) {
  .spaced-vertical-large.spaced-vertical-large {
    padding-top: 80px;
    padding-bottom: 80px; } }
.spaced-vertical-small.spaced-vertical-small {
  padding-top: 16px;
  padding-bottom: 16px; }

@media screen and (min-width: 560px) {
  .spaced-vertical-small.spaced-vertical-small {
    padding-top: 24px;
    padding-bottom: 24px; } }
@media screen and (min-width: 1024px) {
  .spaced-vertical-small.spaced-vertical-small {
    padding-top: 32px;
    padding-bottom: 32px; } }
.spaced-horizontal.spaced-horizontal {
  padding-right: 24px;
  padding-left: 24px; }

@media screen and (min-width: 560px) {
  .spaced-horizontal.spaced-horizontal {
    padding-right: 36px;
    padding-left: 36px; } }
@media screen and (min-width: 1024px) {
  .spaced-horizontal.spaced-horizontal {
    padding-right: 48px;
    padding-left: 48px; } }
.spaced-horizontal-large.spaced-horizontal-large {
  padding-right: 40px;
  padding-left: 40px; }

@media screen and (min-width: 560px) {
  .spaced-horizontal-large.spaced-horizontal-large {
    padding-right: 60px;
    padding-left: 60px; } }
@media screen and (min-width: 1024px) {
  .spaced-horizontal-large.spaced-horizontal-large {
    padding-right: 80px;
    padding-left: 80px; } }
.spaced-horizontal-small.spaced-horizontal-small {
  padding-right: 16px;
  padding-left: 16px; }

@media screen and (min-width: 560px) {
  .spaced-horizontal-small.spaced-horizontal-small {
    padding-right: 24px;
    padding-left: 24px; } }
@media screen and (min-width: 1024px) {
  .spaced-horizontal-small.spaced-horizontal-small {
    padding-right: 32px;
    padding-left: 32px; } }
.spaced-top.spaced-top {
  padding-top: 24px; }

@media screen and (min-width: 560px) {
  .spaced-top.spaced-top {
    padding-top: 36px; } }
@media screen and (min-width: 1024px) {
  .spaced-top.spaced-top {
    padding-top: 48px; } }
.spaced-top-large.spaced-top-large {
  padding-top: 40px; }

@media screen and (min-width: 560px) {
  .spaced-top-large.spaced-top-large {
    padding-top: 60px; } }
@media screen and (min-width: 1024px) {
  .spaced-top-large.spaced-top-large {
    padding-top: 80px; } }
.spaced-top-small.spaced-top-small {
  padding-top: 16px; }

@media screen and (min-width: 560px) {
  .spaced-top-small.spaced-top-small {
    padding-top: 24px; } }
@media screen and (min-width: 1024px) {
  .spaced-top-small.spaced-top-small {
    padding-top: 32px; } }
.spaced-bottom.spaced-bottom {
  padding-bottom: 24px; }

@media screen and (min-width: 560px) {
  .spaced-bottom.spaced-bottom {
    padding-bottom: 36px; } }
@media screen and (min-width: 1024px) {
  .spaced-bottom.spaced-bottom {
    padding-bottom: 48px; } }
.spaced-bottom-large.spaced-bottom-large {
  padding-bottom: 40px; }

@media screen and (min-width: 560px) {
  .spaced-bottom-large.spaced-bottom-large {
    padding-bottom: 60px; } }
@media screen and (min-width: 1024px) {
  .spaced-bottom-large.spaced-bottom-large {
    padding-bottom: 80px; } }
.spaced-bottom-small.spaced-bottom-small {
  padding-bottom: 16px; }

@media screen and (min-width: 560px) {
  .spaced-bottom-small.spaced-bottom-small {
    padding-bottom: 24px; } }
@media screen and (min-width: 1024px) {
  .spaced-bottom-small.spaced-bottom-small {
    padding-bottom: 32px; } }
/* Top bar */
.top {
  padding: 16px 0; }

@media screen and (min-width: 768px) {
  .top {
    padding: 24px 0; } }
.aligned-list {
  margin: 0;
  padding: 0;
  list-style: none;
  border: none;
  background: transparent;
  text-align: center; }

.aligned-list li {
  margin: 0 0 24px;
  padding: 0;
  display: inline-block;
  min-width: 64px; }

.aligned-list .aligned-list__caption {
  display: block;
  margin: 0 8px;
  font-size: 15px; }

.aligned-list--spaced li {
  margin-right: 16px;
  margin-left: 16px; }

@media screen and (min-width: 560px) {
  .aligned-list--spaced li {
    margin-right: 24px;
    margin-left: 24px; } }
@media screen and (min-width: 1024px) {
  .aligned-list--spaced li {
    margin-right: 32px;
    margin-left: 32px; } }
.aligned-list--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end; }

.aligned-list--flex li {
  -ms-flex-negative: 0;
  flex-shrink: 0; }

.avatar {
  position: relative;
  z-index: 1;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background: white;
  padding: 1px; }

.avatar + .avatar {
  margin-left: -1em; }

.avatar:hover {
  z-index: 2; }

.answer .avatar {
  border-color: #00b54e; }

.avatar--round {
  border-radius: 50%; }

.avatar--big {
  width: 128px;
  height: 128px; }

/* Breadcrumb */
.breadcrumb {
  background: white;
  border-bottom: 1px solid #eeeeee;
  padding-top: 12px;
  padding-bottom: 11px;
  font-size: 14px; }

@media screen and (min-width: 560px) {
  .breadcrumb {
    font-size: calc(0.4310344828vw + 11.5862068966px); } }
@media screen and (min-width: 1024px) {
  .breadcrumb {
    font-size: 16px; } }
.breadcrumb-list {
  margin: 0;
  padding: 0;
  list-style: none;
  border: none;
  background: transparent;
  width: 100%; }

@media screen and (min-width: 560px) {
  .breadcrumb-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; } }
.breadcrumb-list li {
  display: inline-block; }

.breadcrumb-list .is-active {
  font-size: 0.85em;
  line-height: 1.5em; }

.breadcrumb-list svg {
  vertical-align: middle;
  fill: #5d5d5d;
  width: 12px;
  height: 12px; }

@media screen and (min-width: 560px) {
  .breadcrumb-list svg {
    width: 14px;
    height: 14px; } }
@media screen and (min-width: 1024px) {
  .breadcrumb-list svg {
    width: 16px;
    height: 16px; } }
.browser {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px 4px 0 0;
  border-top-width: 32px;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  position: relative; }

.browser:before {
  position: absolute;
  content: " ";
  display: block;
  top: -24px;
  left: 8px;
  width: calc(66% - 12px);
  height: 16px;
  background: rgba(255, 255, 255, 0.33);
  border-radius: 4px; }

.browser:after {
  position: absolute;
  content: " ";
  display: block;
  top: -24px;
  right: 8px;
  width: calc(34% - 12px);
  height: 16px;
  background: rgba(255, 255, 255, 0.33);
  border-radius: 4px; }

.browser img {
  width: 100%;
  vertical-align: middle; }

.button {
  -webkit-appearance: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #282828;
  line-height: 16px;
  text-decoration: none;
  border-radius: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  text-shadow: none;
  border: none;
  min-height: 30px;
  font-size: 16px;
  padding: 7px 12px 5px;
  -webkit-transition: background 150ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms, -webkit-box-shadow 125ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms, -webkit-transform 125ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms;
  transition: background 150ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms, -webkit-box-shadow 125ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms, -webkit-transform 125ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms;
  transition: background 150ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms, box-shadow 125ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms, transform 125ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms;
  transition: background 150ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms, box-shadow 125ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms, transform 125ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms, -webkit-box-shadow 125ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms, -webkit-transform 125ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms;
  background: #dae3e7;
  -webkit-box-shadow: 0 2px 0 0 #b5c7cf;
  box-shadow: 0 2px 0 0 #b5c7cf; }

@media screen and (min-width: 768px) {
  .button {
    padding: 13px 16px 11px;
    font-size: 18px;
    line-height: 20px;
    min-height: 42px; } }
.button:active {
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  -webkit-transition: background 150ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms;
  transition: background 150ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms; }

.button.is-clicked .js-button-fx {
  opacity: 0;
  -webkit-transition: opacity 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
  transition: opacity 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out, opacity 300ms ease-in-out;
  transition: transform 300ms ease-in-out, opacity 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
  -webkit-transform: scale(25);
  transform: scale(25); }

.button.is-active {
  height: 44px; }

.button.is-active:active {
  -webkit-transform: none;
  transform: none; }

.button:not(:last-child) {
  margin-right: 16px; }

.button svg:first-child {
  margin-right: 8px; }

.button svg:not(:first-child) {
  margin-left: 8px; }

.button svg:nth-last-child(2):first-child {
  margin: 0 -1px; }

.button span:not(.js-button-fx) {
  position: relative;
  z-index: 1; }

.button:hover, .button:focus {
  background: #cbd7dd;
  -webkit-box-shadow: 0 2px 0 0 #a9bec7;
  box-shadow: 0 2px 0 0 #a9bec7; }

.button:active {
  -webkit-box-shadow: none;
  box-shadow: none; }

.button.is-active {
  -webkit-box-shadow: inset 2px 2px 2px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 2px 2px 2px 0 rgba(0, 0, 0, 0.15); }

.button.link-coverall:active {
  -webkit-transform: none;
  transform: none;
  -webkit-transition: background 150ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms;
  transition: background 150ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms;
  margin-top: 2px;
  margin-bottom: -2px; }

.button.link-coverall .js-button-fx {
  display: none; }

.button:focus {
  outline: 2px solid #f1c410; }

.button:focus:hover {
  outline: none; }

.button--cta {
  background: #ffbe03;
  -webkit-box-shadow: 0 2px 0 0 #c59200;
  box-shadow: 0 2px 0 0 #c59200; }

.button--cta:hover, .button--cta:focus {
  background: #ffcb36;
  -webkit-box-shadow: 0 2px 0 0 #d9a100;
  box-shadow: 0 2px 0 0 #d9a100; }

.button--cta:active {
  -webkit-box-shadow: none;
  box-shadow: none; }

.button--cta.is-active {
  -webkit-box-shadow: inset 2px 2px 2px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 2px 2px 2px 0 rgba(0, 0, 0, 0.15); }

.button--primary {
  background: #0089d6;
  -webkit-box-shadow: 0 2px 0 0 #006299;
  box-shadow: 0 2px 0 0 #006299;
  color: white; }

.button--primary:hover, .button--primary:focus {
  background: #0079bd;
  -webkit-box-shadow: 0 2px 0 0 #005584;
  box-shadow: 0 2px 0 0 #005584; }

.button--primary:active {
  -webkit-box-shadow: none;
  box-shadow: none; }

.button--primary.is-active {
  -webkit-box-shadow: inset 2px 2px 2px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 2px 2px 2px 0 rgba(0, 0, 0, 0.15); }

.button--white {
  background: white;
  -webkit-box-shadow: 0 2px 0 0 #e0e0e0;
  box-shadow: 0 2px 0 0 #e0e0e0; }

.button--white:hover, .button--white:focus {
  background: #f2f2f2;
  -webkit-box-shadow: 0 2px 0 0 #d6d6d6;
  box-shadow: 0 2px 0 0 #d6d6d6; }

.button--white:active {
  -webkit-box-shadow: none;
  box-shadow: none; }

.button--white.is-active {
  -webkit-box-shadow: inset 2px 2px 2px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 2px 2px 2px 0 rgba(0, 0, 0, 0.15); }

.button--white .js-button-fx {
  background: rgba(0, 0, 0, 0.1); }

/**
 * Small buttons
 */
.choices-button--small .choices__inner,
.button--small {
  min-height: 30px;
  font-size: 16px;
  line-height: 1;
  padding: 6px 12px; }

.choices-button--small .choices__inner.is-active,
.button--small.is-active {
  height: 32px; }

.choices-button--small .choices__inner:not(:last-child),
.button--small:not(:last-child) {
  margin-right: 8px; }

.js-button-fx {
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
  opacity: 1;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: none;
  transition: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.25); }

.button__label {
  display: inline-block;
  width: 10px;
  height: 10px;
  border: 1px solid white;
  border-radius: 5px;
  background: white;
  text-indent: -999px;
  overflow: hidden;
  margin-right: 8px; }

.button__label--new {
  background: #24a0fc; }

.button__label--open {
  background: #0071ca; }

.button__label--pending {
  background: #f7b100; }

.button__label--confirmed {
  background: #ec6c70; }

.button__label--solved {
  background: #00b22f; }

.button__label--closed {
  background: #999999; }

.button-group {
  background: #f2f6f8;
  border: 1px solid #e7ebeb;
  border-radius: 4px;
  padding: 5px 0 0 7px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.button-group + .button-group {
  margin-left: 16px; }

.button-group .choices-button,
.button-group .button {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-bottom: 7px;
  margin-right: 7px; }

.button-group .choices-button:last-child,
.button-group .button:last-child {
  margin-bottom: 7px;
  margin-right: 7px; }

.button-group__label {
  height: 32px;
  font-size: 16px;
  line-height: 20px;
  padding: 4px 15px 6px 7px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center; }

.button-group__buttons {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

.card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.card .heading {
  margin-bottom: 16px; }

.card .heading:last-child {
  margin-bottom: 0; }

.card--row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }

.card--border {
  border: 1px solid rgba(0, 0, 0, 0.2); }

.card--grey {
  background: rgba(0, 0, 0, 0.05); }

.card--grey.card--border {
  border: 1px solid rgba(0, 0, 0, 0.15); }

.card--white {
  background: white; }

.card--primary-light {
  background: #f5f8f9; }

.card--primary-light.card--border {
  border: 1px solid rgba(54, 122, 161, 0.15); }

.card--shaded {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); }

.card__header {
  padding: 12px 16px;
  background: rgba(0, 0, 0, 0.075); }

.card--border .card__header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125); }

.card--border.card--grey .card__header {
  border-bottom-color: rgba(0, 0, 0, 0.075); }

.card--border.card--primary-light .card__header {
  border-bottom-color: rgba(54, 122, 161, 0.15); }

.card--border.card--row .card__header {
  border-bottom: none;
  border-right: 1px solid rgba(0, 0, 0, 0.125); }

.card--border.card--row.card--grey .card__header {
  border-right-color: rgba(0, 0, 0, 0.075); }

.card--border.card--row.card--primary-light .card__header {
  border-right-color: rgba(54, 122, 161, 0.15); }

.card--primary-light .card__header {
  background-color: #e5ecf0; }

.card__body {
  padding: 16px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

.card__body + .card__body {
  padding-top: 0; }

.card__body ~ .card__footer {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto; }

.card__list {
  margin: 0;
  padding: 0;
  list-style: none;
  border: none;
  background: transparent; }

.card__list li {
  padding: 8px 16px; }

.card__list li + li {
  border-top: 1px solid rgba(0, 0, 0, 0.125); }

.card__list small {
  display: block; }

.card__footer {
  padding: 12px 16px;
  background: rgba(0, 0, 0, 0.075);
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

.card--border .card__footer {
  border-top: 1px solid rgba(0, 0, 0, 0.125); }

.card--border.card--grey .card__footer {
  border-top-color: rgba(0, 0, 0, 0.075); }

.card--border.card--primary-light .card__footer {
  border-top-color: rgba(54, 122, 161, 0.15); }

.card--border.card--row .card__footer {
  border-top: none;
  border-left: 1px solid rgba(0, 0, 0, 0.125); }

.card--border.card--row.card--grey .card__footer {
  border-left-color: rgba(0, 0, 0, 0.075); }

.card--border.card--row.card--primary-light .card__footer {
  border-left-color: rgba(54, 122, 161, 0.15); }

.card .link-coverall:before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-box-shadow: 0 0 0 3px #0089d6;
  box-shadow: 0 0 0 3px #0089d6;
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 0;
  -webkit-transition: opacity 150ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms;
  transition: opacity 150ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms; }

.card .link-coverall:hover[href], .card .link-coverall:focus[href], .card .link-coverall:active[href] {
  text-decoration: none; }

.card .link-coverall:hover:before, .card .link-coverall:focus:before, .card .link-coverall:active:before {
  opacity: 1; }

.card--forum {
  font-size: 15px; }

.card--forum svg {
  width: 32px;
  height: 32px; }

.card--forum .heading {
  font-weight: bold;
  margin-bottom: 0; }

.card--forum p {
  margin-bottom: 4px; }

.card--forum p:last-child {
  margin-bottom: 0; }

.card--addon {
  font-size: 15px;
  text-align: center; }

.card--addon svg {
  width: 32px;
  height: 32px;
  margin-bottom: 8px; }

.card--addon .heading {
  font-weight: bold;
  margin-bottom: 8px; }

.card--addon p {
  margin-bottom: 4px; }

.card--addon p:last-child {
  margin-bottom: 0; }

.card--doc {
  font-size: 16px; }

.card--doc a {
  text-decoration: none; }

.card--product {
  margin-top: 44px; }

.card--product .card__header {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

.card--product .card__header img {
  position: relative;
  z-index: 1;
  width: 96px;
  margin-top: -56px;
  vertical-align: middle; }

.card--product .card__body {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto; }

.card--product .link-coverall:after {
  top: -44px; }

.card--pricing .card__header {
  padding: 24px; }

.card--pricing.card--row .card__header {
  width: 33%; }

.card--pricing.card--row .card__list {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }

.card--pricing-single {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto; }

.card--highlighted {
  position: relative;
  border-color: #0089d6;
  -webkit-box-shadow: 0 0 0 8px rgba(0, 137, 214, 0.2);
  box-shadow: 0 0 0 8px rgba(0, 137, 214, 0.2); }

.card--highlighted:before {
  display: block;
  content: "Most popular";
  position: absolute;
  background: #0089d6;
  color: white;
  padding: 2px 8px;
  font-size: 14px;
  left: 50%;
  bottom: calc(100% - 8px);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* Changelog */
.changelog__list {
  margin: 0;
  padding: 0;
  list-style: none;
  border: none;
  background: transparent;
  margin-bottom: 32px;
  font-size: 16px;
  line-height: 24px; }

.changelog__list:last-child {
  margin-bottom: 0; }

@media screen and (min-width: 560px) {
  .changelog__list {
    margin-bottom: 48px; }

  .changelog__list:last-child {
    margin-bottom: 0; } }
@media screen and (min-width: 1024px) {
  .changelog__list {
    margin-bottom: 64px; }

  .changelog__list:last-child {
    margin-bottom: 0; } }
.changelog__item {
  padding: 4px 0 4px 12px;
  border-left: 4px solid grey;
  margin-top: 8px; }

.changelog__item:first-child {
  margin-top: 0; }

.changelog__item--added {
  border-left-color: #27ae60; }

.changelog__item--added + .changelog__item--added {
  margin-top: 0; }

.changelog__item--fixed {
  border-left-color: #e67e22; }

.changelog__item--fixed + .changelog__item--fixed {
  margin-top: 0; }

.changelog__item--improved {
  border-left-color: #24a0fc; }

.changelog__item--improved + .changelog__item--improved {
  margin-top: 0; }

.changelog__item--removed {
  border-left-color: #e74c3c; }

.changelog__item--removed + .changelog__item--removed {
  margin-top: 0; }

.changelog__item--security {
  border-left-color: #e74c3c; }

.changelog__item--security + .changelog__item--security {
  margin-top: 0; }

.choices {
  margin-bottom: 24px;
  text-shadow: none; }

.choices:last-child {
  margin-bottom: 0; }

.choices.is-focused {
  outline: 2px solid #f1c410;
  z-index: 3; }

.choices__inner {
  padding: 7px; }

.choices[data-type*=select-one] .choices__inner {
  padding-bottom: 7px; }

.choices__list--single {
  line-height: 16px;
  padding-right: 24px; }

.choices__list--dropdown {
  white-space: nowrap;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 100%;
  z-index: 9; }

.choices__list--dropdown .choices__item--selectable {
  padding-right: 10px; }

.choices__list--dropdown .choices__item {
  padding: 8px;
  line-height: 24px; }

.choices-button {
  margin-bottom: 24px; }

.choices-button:last-child {
  margin-bottom: 0; }

.choices-button .choices__inner {
  -webkit-appearance: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #282828;
  line-height: 16px;
  text-decoration: none;
  border-radius: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  text-shadow: none;
  border: none;
  min-height: 30px;
  font-size: 16px;
  padding: 7px 12px 5px;
  -webkit-transition: background 150ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms, -webkit-box-shadow 125ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms, -webkit-transform 125ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms;
  transition: background 150ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms, -webkit-box-shadow 125ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms, -webkit-transform 125ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms;
  transition: background 150ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms, box-shadow 125ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms, transform 125ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms;
  transition: background 150ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms, box-shadow 125ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms, transform 125ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms, -webkit-box-shadow 125ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms, -webkit-transform 125ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms;
  background: #dae3e7;
  -webkit-box-shadow: 0 2px 0 0 #b5c7cf;
  box-shadow: 0 2px 0 0 #b5c7cf; }

@media screen and (min-width: 768px) {
  .choices-button .choices__inner {
    padding: 13px 16px 11px;
    font-size: 18px;
    line-height: 20px;
    min-height: 42px; } }
.choices-button .choices__inner.is-clicked .js-button-fx {
  opacity: 0;
  -webkit-transition: opacity 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
  transition: opacity 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out, opacity 300ms ease-in-out;
  transition: transform 300ms ease-in-out, opacity 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
  -webkit-transform: scale(25);
  transform: scale(25); }

.choices-button .choices__inner.is-active {
  height: 44px; }

.choices-button .choices__inner.is-active:active {
  -webkit-transform: none;
  transform: none; }

.choices-button .choices__inner:not(:last-child) {
  margin-right: 16px; }

.choices-button .choices__inner svg:first-child {
  margin-right: 8px; }

.choices-button .choices__inner svg:not(:first-child) {
  margin-left: 8px; }

.choices-button .choices__inner svg:nth-last-child(2):first-child {
  margin: 0 -1px; }

.choices-button .choices__inner span:not(.js-button-fx) {
  position: relative;
  z-index: 1; }

.choices-button .choices__inner:hover, .choices-button .choices__inner:focus {
  background: #cbd7dd;
  -webkit-box-shadow: 0 2px 0 0 #a9bec7;
  box-shadow: 0 2px 0 0 #a9bec7; }

.choices-button .choices__inner.is-active {
  -webkit-box-shadow: inset 2px 2px 2px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 2px 2px 2px 0 rgba(0, 0, 0, 0.15); }

.choices-button .choices[data-type*=select-one] .choices__inner {
  padding: 13px 32px 11px 16px;
  min-height: 30px;
  margin: 0; }

.choices-button .choices__list--single {
  padding: 0; }

.choices-button .choices__list--dropdown {
  margin-top: 0; }

.choices-button .choices.is-open .choices__inner {
  border-radius: 4px 4px 0 0; }

.choices-button--cta .choices__inner {
  background: #ffbe03;
  -webkit-box-shadow: 0 2px 0 0 #c59200;
  box-shadow: 0 2px 0 0 #c59200; }

.choices-button--cta .choices__inner:hover, .choices-button--cta .choices__inner:focus {
  background: #e9ad00;
  -webkit-box-shadow: 0 2px 0 0 #b08300;
  box-shadow: 0 2px 0 0 #b08300; }

.choices-button--cta .choices__inner.is-active {
  -webkit-box-shadow: inset 2px 2px 2px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 2px 2px 2px 0 rgba(0, 0, 0, 0.15); }

.choices-button--primary .choices:after {
  border-top-color: white; }

.choices-button--primary .choices.is-open:after {
  border-bottom-color: white; }

.choices-button--primary .choices__inner {
  background: #0089d6;
  -webkit-box-shadow: 0 2px 0 0 #006299;
  box-shadow: 0 2px 0 0 #006299;
  color: white; }

.choices-button--primary .choices__inner:hover, .choices-button--primary .choices__inner:focus {
  background: #0079bd;
  -webkit-box-shadow: 0 2px 0 0 #005584;
  box-shadow: 0 2px 0 0 #005584; }

.choices-button--primary .choices__inner.is-active {
  -webkit-box-shadow: inset 2px 2px 2px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 2px 2px 2px 0 rgba(0, 0, 0, 0.15); }

.choices-button--white .choices__inner {
  background: white;
  -webkit-box-shadow: 0 2px 0 0 #e0e0e0;
  box-shadow: 0 2px 0 0 #e0e0e0; }

.choices-button--white .choices__inner:hover, .choices-button--white .choices__inner:focus {
  background: #f2f2f2;
  -webkit-box-shadow: 0 2px 0 0 #d6d6d6;
  box-shadow: 0 2px 0 0 #d6d6d6; }

.choices-button--white .choices__inner.is-active {
  -webkit-box-shadow: inset 2px 2px 2px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 2px 2px 2px 0 rgba(0, 0, 0, 0.15); }

.choices-button--small .choices[data-type*=select-one] .choices__inner {
  padding: 7px 28px 5px 12px; }

.js [data-expand-type="slide-up-fade"] [data-expand-item] {
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  opacity: 0; }

[data-expand-type="slide-up-fade"].lazyloaded [data-expand-item] {
  -webkit-transition: opacity 200ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms, -webkit-transform 200ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms;
  transition: opacity 200ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms, -webkit-transform 200ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms;
  transition: opacity 200ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms, transform 200ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms;
  transition: opacity 200ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms, transform 200ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms, -webkit-transform 200ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms;
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0); }

[data-expand-type="slide-up-fade"].lazyloaded [data-expand-item]:nth-child(1) {
  -webkit-transition-delay: 50ms;
  transition-delay: 50ms; }

[data-expand-type="slide-up-fade"].lazyloaded [data-expand-item]:nth-child(2) {
  -webkit-transition-delay: 100ms;
  transition-delay: 100ms; }

[data-expand-type="slide-up-fade"].lazyloaded [data-expand-item]:nth-child(3) {
  -webkit-transition-delay: 150ms;
  transition-delay: 150ms; }

[data-expand-type="slide-up-fade"].lazyloaded [data-expand-item]:nth-child(4) {
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms; }

[data-expand-type="slide-up-fade"].lazyloaded [data-expand-item]:nth-child(5) {
  -webkit-transition-delay: 250ms;
  transition-delay: 250ms; }

[data-expand-type="slide-up-fade"].lazyloaded [data-expand-item]:nth-child(6) {
  -webkit-transition-delay: 300ms;
  transition-delay: 300ms; }

[data-expand-type="slide-up-fade"].lazyloaded [data-expand-item]:nth-child(7) {
  -webkit-transition-delay: 350ms;
  transition-delay: 350ms; }

[data-expand-type="slide-up-fade"].lazyloaded [data-expand-item]:nth-child(8) {
  -webkit-transition-delay: 400ms;
  transition-delay: 400ms; }

[data-expand-type="slide-up-fade"].lazyloaded [data-expand-item]:nth-child(9) {
  -webkit-transition-delay: 450ms;
  transition-delay: 450ms; }

[data-expand-type="slide-up-fade"].lazyloaded [data-expand-item]:nth-child(10) {
  -webkit-transition-delay: 500ms;
  transition-delay: 500ms; }

[data-expand-type="slide-up-fade"].lazyloaded [data-expand-item]:nth-child(11) {
  -webkit-transition-delay: 550ms;
  transition-delay: 550ms; }

[data-expand-type="slide-up-fade"].lazyloaded [data-expand-item]:nth-child(n+12) {
  -webkit-transition-delay: 600ms;
  transition-delay: 600ms; }

[data-expand-type="slide-up-fade"].grid--1-1-1.lazyloaded [data-expand-item]:nth-child(4) {
  -webkit-transition-delay: 100ms;
  transition-delay: 100ms; }

[data-expand-type="slide-up-fade"].grid--1-1-1.lazyloaded [data-expand-item]:nth-child(5) {
  -webkit-transition-delay: 150ms;
  transition-delay: 150ms; }

[data-expand-type="slide-up-fade"].grid--1-1-1.lazyloaded [data-expand-item]:nth-child(6) {
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms; }

[data-expand-type="slide-up-fade"].grid--1-1-1.lazyloaded [data-expand-item]:nth-child(7) {
  -webkit-transition-delay: 150ms;
  transition-delay: 150ms; }

[data-expand-type="slide-up-fade"].grid--1-1-1.lazyloaded [data-expand-item]:nth-child(8) {
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms; }

[data-expand-type="slide-up-fade"].grid--1-1-1.lazyloaded [data-expand-item]:nth-child(9) {
  -webkit-transition-delay: 250ms;
  transition-delay: 250ms; }

[data-expand-type="slide-up-fade"].grid--1-1-1.lazyloaded [data-expand-item]:nth-child(10) {
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms; }

[data-expand-type="slide-up-fade"].grid--1-1-1.lazyloaded [data-expand-item]:nth-child(11) {
  -webkit-transition-delay: 250ms;
  transition-delay: 250ms; }

[data-expand-type="slide-up-fade"].grid--1-1-1.lazyloaded [data-expand-item]:nth-child(n+12) {
  -webkit-transition-delay: 300ms;
  transition-delay: 300ms; }

[data-expand-type="slide-up-fade"].grid--1-1-1-1.lazyloaded [data-expand-item]:nth-child(5) {
  -webkit-transition-delay: 100ms;
  transition-delay: 100ms; }

[data-expand-type="slide-up-fade"].grid--1-1-1-1.lazyloaded [data-expand-item]:nth-child(6) {
  -webkit-transition-delay: 150ms;
  transition-delay: 150ms; }

[data-expand-type="slide-up-fade"].grid--1-1-1-1.lazyloaded [data-expand-item]:nth-child(7) {
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms; }

[data-expand-type="slide-up-fade"].grid--1-1-1-1.lazyloaded [data-expand-item]:nth-child(8) {
  -webkit-transition-delay: 250ms;
  transition-delay: 250ms; }

[data-expand-type="slide-up-fade"].grid--1-1-1-1.lazyloaded [data-expand-item]:nth-child(9) {
  -webkit-transition-delay: 150ms;
  transition-delay: 150ms; }

[data-expand-type="slide-up-fade"].grid--1-1-1-1.lazyloaded [data-expand-item]:nth-child(10) {
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms; }

[data-expand-type="slide-up-fade"].grid--1-1-1-1.lazyloaded [data-expand-item]:nth-child(11) {
  -webkit-transition-delay: 250ms;
  transition-delay: 250ms; }

[data-expand-type="slide-up-fade"].grid--1-1-1-1.lazyloaded [data-expand-item]:nth-child(n+12) {
  -webkit-transition-delay: 300ms;
  transition-delay: 300ms; }

[data-filter-list] {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

[data-filter-list] li + li {
  margin-left: 1em; }

[data-filter-list] a {
  display: block; }

[data-filter-type] {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%; }

.flag-object {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 16px; }

.flag-object:last-child {
  margin-bottom: 0; }

@media screen and (min-width: 560px) {
  .flag-object {
    margin-bottom: 24px; }

  .flag-object:last-child {
    margin-bottom: 0; } }
@media screen and (min-width: 1024px) {
  .flag-object {
    margin-bottom: 32px; }

  .flag-object:last-child {
    margin-bottom: 0; } }
.flag-object__aside {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto; }

.flag-object__aside--shrink {
  -ms-flex-negative: 1;
  flex-shrink: 1; }

.flag-object__body {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

.flag-object--top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }

.flag-object--spaced .flag-object__body + .flag-object__aside,
.flag-object--spaced .flag-object__body + .flag-object__body,
.flag-object--spaced .flag-object__aside + .flag-object__body,
.flag-object--spaced .flag-object__aside + .flag-object__aside {
  padding-left: 16px; }

@media screen and (min-width: 560px) {
  .flag-object--spaced .flag-object__body + .flag-object__aside,
  .flag-object--spaced .flag-object__body + .flag-object__body,
  .flag-object--spaced .flag-object__aside + .flag-object__body,
  .flag-object--spaced .flag-object__aside + .flag-object__aside {
    padding-left: 24px; } }
@media screen and (min-width: 1024px) {
  .flag-object--spaced .flag-object__body + .flag-object__aside,
  .flag-object--spaced .flag-object__body + .flag-object__body,
  .flag-object--spaced .flag-object__aside + .flag-object__body,
  .flag-object--spaced .flag-object__aside + .flag-object__aside {
    padding-left: 32px; } }
@media screen and (min-width: 768px) {
  .flag-object-from-charlie {
    margin-bottom: 24px; }

  .flag-object-from-charlie:last-child {
    margin-bottom: 0; } }
@media screen and (min-width: 1024px) {
  .flag-object-from-charlie {
    margin-bottom: 32px; }

  .flag-object-from-charlie:last-child {
    margin-bottom: 0; } }
@media screen and (min-width: 768px) {
  .flag-object-from-charlie {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

  .flag-object-from-charlie .flag-object__aside {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto; }

  .flag-object-from-charlie .flag-object__aside--shrink {
    -ms-flex-negative: 1;
    flex-shrink: 1; }

  .flag-object-from-charlie .flag-object__body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }

  .flag-object-from-charlie.flag-object--top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; } }
.flag-object-from-charlie.flag-object--spaced .flag-object__body + .flag-object__aside,
.flag-object-from-charlie.flag-object--spaced .flag-object__body + .flag-object__body,
.flag-object-from-charlie.flag-object--spaced .flag-object__aside + .flag-object__body,
.flag-object-from-charlie.flag-object--spaced .flag-object__aside + .flag-object__aside {
  padding-left: 0;
  padding-top: 16px; }

@media screen and (min-width: 560px) {
  .flag-object-from-charlie.flag-object--spaced .flag-object__body + .flag-object__aside,
  .flag-object-from-charlie.flag-object--spaced .flag-object__body + .flag-object__body,
  .flag-object-from-charlie.flag-object--spaced .flag-object__aside + .flag-object__body,
  .flag-object-from-charlie.flag-object--spaced .flag-object__aside + .flag-object__aside {
    padding-top: 24px; } }
@media screen and (min-width: 768px) {
  .flag-object-from-charlie.flag-object--spaced .flag-object__body + .flag-object__aside,
  .flag-object-from-charlie.flag-object--spaced .flag-object__body + .flag-object__body,
  .flag-object-from-charlie.flag-object--spaced .flag-object__aside + .flag-object__body,
  .flag-object-from-charlie.flag-object--spaced .flag-object__aside + .flag-object__aside {
    padding-left: 24px; } }
@media screen and (min-width: 1024px) {
  .flag-object-from-charlie.flag-object--spaced .flag-object__body + .flag-object__aside,
  .flag-object-from-charlie.flag-object--spaced .flag-object__body + .flag-object__body,
  .flag-object-from-charlie.flag-object--spaced .flag-object__aside + .flag-object__body,
  .flag-object-from-charlie.flag-object--spaced .flag-object__aside + .flag-object__aside {
    padding-left: 32px; } }
@media screen and (min-width: 768px) {
  .flag-object-from-charlie.flag-object--spaced .flag-object__body + .flag-object__aside,
  .flag-object-from-charlie.flag-object--spaced .flag-object__body + .flag-object__body,
  .flag-object-from-charlie.flag-object--spaced .flag-object__aside + .flag-object__body,
  .flag-object-from-charlie.flag-object--spaced .flag-object__aside + .flag-object__aside {
    padding-top: 0; } }
.heading {
  display: block;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.3em;
  margin-bottom: 28px; }

@media screen and (min-width: 560px) {
  .heading {
    font-size: calc(0.4310344828vw + 15.5862068966px); } }
@media screen and (min-width: 1024px) {
  .heading {
    font-size: 20px; } }
.heading:last-child {
  margin-bottom: 0; }

.heading a, .heading[href] {
  text-decoration: none; }

.heading a:hover, .heading a:focus, .heading[href]:hover, .heading[href]:focus {
  text-decoration: underline; }

.heading--small {
  font-size: 14px; }

@media screen and (min-width: 560px) {
  .heading--small {
    font-size: calc(0.4310344828vw + 11.5862068966px); } }
@media screen and (min-width: 1024px) {
  .heading--small {
    font-size: 16px; } }
.heading--large {
  font-size: 20px; }

@media screen and (min-width: 560px) {
  .heading--large {
    font-size: calc(0.8620689655vw + 15.1724137931px); } }
@media screen and (min-width: 1024px) {
  .heading--large {
    font-size: 24px; } }
.heading--xlarge {
  font-size: 22px; }

@media screen and (min-width: 560px) {
  .heading--xlarge {
    font-size: calc(2.1551724138vw + 9.9310344828px); } }
@media screen and (min-width: 1024px) {
  .heading--xlarge {
    font-size: 32px; } }
.heading--xxlarge {
  font-size: 24px; }

@media screen and (min-width: 560px) {
  .heading--xxlarge {
    font-size: calc(3.4482758621vw + 4.6896551724px); } }
@media screen and (min-width: 1024px) {
  .heading--xxlarge {
    font-size: 40px; } }
.heading--xxxlarge {
  font-size: 28px; }

@media screen and (min-width: 560px) {
  .heading--xxxlarge {
    font-size: calc(6.0344827586vw - 5.7931034483px); } }
@media screen and (min-width: 1024px) {
  .heading--xxxlarge {
    font-size: 56px; } }
/* Icons */
.icon-56 {
  font-size: 56px; }

.icon-48 {
  font-size: 48px; }

.round-icon {
  width: 2em;
  height: 2em;
  font-size: 1em;
  background: #0089d6;
  color: white;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative; }

.round-icon:before {
  position: absolute;
  content: " ";
  display: block;
  top: calc(100% - 2px);
  left: 10%;
  width: 80%;
  height: 8px;
  background: radial-gradient(ellipse, rgba(0, 0, 0, 0.15) 0%, transparent 100%);
  border-radius: 50%; }

.round-icon--56 {
  width: 56px;
  height: 56px;
  font-size: 32px; }

.small-icons .clean-button {
  font-size: 0;
  margin-left: 4px; }

.small-icons svg {
  width: 15px;
  height: 15px;
  vertical-align: middle; }

/* Borrowed from Bootstrap 4 and then adjusted */
.input-group {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
  color: #282828;
  margin-bottom: 28px;
  /**
   * 1. Add width 1% and flex-basis auto to ensure that button will not wrap out the column. Applies to IE Edge+ and Firefox. Chrome does not require this.
   */
  /* Choices */ }

.input-group:last-child {
  margin-bottom: 0; }

.input-group > .form__input,
.input-group > .custom-select {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  /* 1 */
  width: 1%;
  /* 1 */
  margin-bottom: 0;
  /* Bring the "active" form control to the top of surrounding elements */
  /* shift sibling form control to avoid double borders */ }

.input-group > .form__input:focus,
.input-group > .custom-select:focus {
  z-index: 4; }

.input-group > .form__input + .form__input,
.input-group > .form__input + .custom-select,
.input-group > .custom-select + .form__input,
.input-group > .custom-select + .custom-select {
  margin-left: -2px; }

.input-group .custom-select {
  z-index: 3; }

.input-group .choices {
  margin: 0;
  line-height: 44px;
  padding-top: 0;
  padding-bottom: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }

.input-group .choices__inner {
  border-color: black;
  min-height: 0;
  line-height: 28px;
  border-radius: 0; }

.input-group .choices__list--dropdown {
  width: auto; }

/* Small input groups */
.input-group--small .button.button {
  min-height: 30px;
  font-size: 16px;
  line-height: 1;
  padding: 6px 12px; }

.input-group--small .button.button.is-active {
  height: 32px; }

.input-group--small .form-control,
.input-group--small .form__input {
  line-height: 16px;
  padding: 2px 4px;
  min-height: 32px; }

.input-group--small .choices {
  line-height: 20px; }

.input-group--small .choices__inner.choices__inner {
  line-height: 20px;
  padding-top: 3px;
  padding-bottom: 3px; }

.input-group--small .text {
  font-size: 16px;
  line-height: 1; }

/* Prepend and append */
.input-group__prepend,
.input-group__append {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* shift sibling buttons to avoid double borders */ }

.input-group__prepend .button,
.input-group__append .button {
  position: relative;
  z-index: 2;
  width: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding-top: 10px;
  padding-bottom: 10px;
  border: 2px solid black;
  border-radius: 0;
  min-height: 40px; }

.input-group__prepend .button:focus,
.input-group__append .button:focus {
  z-index: 4;
  -webkit-transform: none;
  transform: none; }

.input-group__prepend .button + .button,
.input-group__append .button + .button {
  margin-left: -2px; }

.input-group__prepend .text,
.input-group__append .text {
  background: rgba(0, 0, 0, 0.05);
  border: 2px solid black;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 8px; }

.input-group__prepend {
  margin-right: -2px; }

.input-group__append {
  margin-left: -2px; }

/* divide input-group-elements */
.divide-until-charlie {
  width: 100%; }

@media screen and (min-width: 768px) {
  .divide-until-charlie {
    width: 0; } }
.grow-until-charlie {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }

@media screen and (min-width: 768px) {
  .grow-until-charlie {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0; } }
.divide-until-charlie ~ .input-group__prepend,
.divide-until-charlie ~ .input-group__append,
.divide-until-charlie ~ .form__input,
.divide-until-charlie ~ .custom-select {
  margin-top: -2px; }

@media screen and (min-width: 768px) {
  .divide-until-charlie ~ .input-group__prepend,
  .divide-until-charlie ~ .input-group__append,
  .divide-until-charlie ~ .form__input,
  .divide-until-charlie ~ .custom-select {
    margin-top: 0; } }
.divide-until-charlie + .input-group__append,
.divide-until-charlie + .form__input,
.divide-until-charlie + .custom-select {
  margin-left: 0; }

@media screen and (min-width: 768px) {
  .divide-until-charlie + .input-group__append,
  .divide-until-charlie + .form__input,
  .divide-until-charlie + .custom-select {
    margin-left: -2px; } }
/* Themed input groups */
.input-group--search .form__input,
.input-group--subscribe .form__input {
  border-top: none;
  border-bottom: none;
  border-left: none; }

.input-group--search .button.button,
.input-group--subscribe .button.button {
  border-top: none;
  border-bottom: none;
  border-right: none; }

.input-group--search .custom-select,
.input-group--subscribe .custom-select {
  border-top: none;
  border-bottom: none; }

.input-group--search .custom-select select,
.input-group--subscribe .custom-select select {
  padding-top: 6px;
  padding-bottom: 6px;
  height: 44px;
  line-height: 36px; }

.input-group--subscribe {
  -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.25); }

.input-group--subscribe .form__input,
.input-group--subscribe .button {
  border-color: #b9b9b9; }

.input-group--search {
  max-width: 480px;
  -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.25);
  margin: auto; }

.input-group--search .form__input,
.input-group--search .custom-select,
.input-group--search .button {
  border-color: #0269a6; }

.input-group--search .form__input:focus,
.input-group--search .custom-select:focus,
.input-group--search .button:focus {
  outline-offset: -2px; }

.input-group--search .custom-select select:focus {
  outline-offset: -2px; }

.label {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 5px 8px;
  font-size: 14px;
  background: rgba(0, 0, 0, 0.1);
  text-decoration: none; }

button.label:hover, button.label:focus, a.label:hover, a.label:focus {
  text-decoration: underline; }

.label--success {
  background: #27ae60;
  color: white; }

.label--error {
  background: #e74c3c;
  color: white; }

.label--primary {
  background: #0089d6;
  color: white; }

.label--primary-light {
  background: #f5f8f9; }

.label--small {
  font-size: 11px;
  line-height: 17px;
  text-transform: uppercase;
  padding: 3px 6px 4px; }

.label--large {
  font-size: 16px;
  padding: 16px; }

.label--rounded {
  border-radius: 4px; }

.label--border {
  border: 1px solid rgba(0, 0, 0, 0.25); }

.label--primary-light.label--border {
  border-color: #cedbe1; }

.label--block {
  display: block;
  width: 100%;
  text-align: center; }

.label--ghost {
  background: transparent;
  border-radius: 4px;
  border: 2px solid #0089d6;
  color: #0089d6;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 0.35em 0.5em 0.2em;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  position: relative; }

.label--ghost:before {
  position: absolute;
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: #0089d6;
  -webkit-transform: translateY(100%) rotate(-5deg);
  transform: translateY(100%) rotate(-5deg);
  opacity: 0;
  -webkit-transition: opacity 200ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms, -webkit-transform 200ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms;
  transition: opacity 200ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms, -webkit-transform 200ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms;
  transition: transform 200ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms, opacity 200ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms;
  transition: transform 200ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms, opacity 200ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms, -webkit-transform 200ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms; }

.label--ghost[href] {
  text-decoration: none; }

.label--ghost[href]:hover, .label--ghost[href]:focus {
  color: white; }

.label--ghost[href]:hover:before, .label--ghost[href]:focus:before {
  -webkit-transform: translateY(0) rotate(0deg);
  transform: translateY(0) rotate(0deg);
  opacity: 1; }

.link-coverall {
  position: static; }

.link-coverall:after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2; }

.link-ontop {
  position: relative;
  z-index: 3; }

/* Logo */
.logo {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: inline-block;
  height: 24px;
  line-height: 0; }

@media screen and (min-width: 768px) {
  .logo {
    height: 24px;
    margin: 4px 0; } }
@media screen and (min-width: 1024px) {
  .logo {
    height: 32px;
    margin: 0; } }
.logo img {
  vertical-align: middle;
  height: 24px; }

@media screen and (min-width: 768px) {
  .logo img {
    margin: 0; } }
@media screen and (min-width: 1024px) {
  .logo img {
    height: 32px; } }
/* Navigation */
.navigation-wrapper {
  display: block;
  height: 48px; }

.navigation {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

@media screen and (min-width: 768px) {
  .navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; } }
.navigation ul {
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.navigation .is-active a:after {
  display: block; }

.navigation a {
  display: block;
  position: relative;
  text-decoration: none;
  color: inherit; }

.navigation a:after {
  position: absolute;
  content: " ";
  bottom: 0;
  left: 0;
  width: 100%;
  display: none;
  z-index: -1; }

.ma-fx:after {
  content: " ";
  position: absolute;
  display: block;
  width: 100%; }

/*
 * Menu styles
 * ===========
 */
.menu0 a:after,
.menu1 a:after {
  background: #0089d6; }

.menu0 .ma-fx:after,
.menu1 .ma-fx:after {
  background: #0089d6; }

@media screen and (min-width: 768px) {
  .menu0 li + li,
  .menu2 li + li {
    margin-left: 4px; } }
@media screen and (min-width: 1024px) {
  .menu0 li + li,
  .menu2 li + li {
    margin-left: 8px; } }
.menu0 .ma-fx:after,
.menu2 .ma-fx:after {
  bottom: 0; }

.menu1,
.menu2 {
  height: 48px; }

.menu1 a,
.menu2 a {
  line-height: 40px; }

.menu0 {
  width: 100%; }

@media screen and (min-width: 768px) {
  .menu0 {
    height: 32px;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 0;
    width: auto; } }
@media screen and (min-width: 1024px) {
  .menu0 {
    font-size: 18px; } }
.menu0 li:first-child {
  margin-top: 16px; }

@media screen and (min-width: 768px) {
  .menu0 li:first-child {
    margin-top: 0; } }
.menu0 a {
  padding: 4px 0;
  line-height: 32px; }

@media screen and (min-width: 768px) {
  .menu0 a {
    line-height: 28px;
    padding: 0 8px 4px; } }
.menu0 a:after {
  height: 3px; }

.no-js .menu0 li:not(.is-active) a:hover:after, .no-js .menu0 li:not(.is-active) a:focus:after {
  display: block;
  opacity: 0.25; }

.menu0 .ma-fx:after {
  height: 3px;
  opacity: 0.25; }

.menu1 a {
  padding: 4px 16px; }

.menu1 a:after {
  height: 100%; }

.no-js .menu1 li:not(.is-active) a:hover:after, .no-js .menu1 li:not(.is-active) a:focus:after {
  display: block;
  opacity: 0.25; }

.menu1 .ma-fx:after {
  height: 100%;
  opacity: 0.33; }

.menu2 li + li {
  margin-left: 8px; }

.menu2 a {
  padding: 4px 8px; }

.menu2 a:after {
  height: 2px;
  background: white; }

.no-js .menu2 li:not(.is-active) a:hover:after, .no-js .menu2 li:not(.is-active) a:focus:after {
  display: block;
  opacity: 0.4; }

.menu2 .ma-fx:after {
  height: 2px;
  background: white;
  opacity: 0.4; }

.navigation-level1,
.navigation-level2 {
  color: white; }

.navigation-level1 {
  background: #00659e; }

.navigation-level2 {
  background: #0089d6;
  height: 48px;
  border-bottom: 2px solid rgba(255, 255, 255, 0.2); }

.navigation-level2 .swipr-prev, .navigation-level2 .swipr-next {
  padding-top: 46px;
  top: 0;
  -webkit-transform: none;
  transform: none; }

.toglr-nav ul {
  display: block; }

@media screen and (min-width: 768px) {
  .toglr-nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }
.toglr-nav li {
  opacity: 0;
  -webkit-transform: translateY(-2em);
  transform: translateY(-2em);
  -webkit-transition: opacity 200ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms, -webkit-transform 200ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms;
  transition: opacity 200ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms, -webkit-transform 200ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms;
  transition: opacity 200ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms, transform 200ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms;
  transition: opacity 200ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms, transform 200ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms, -webkit-transform 200ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms; }

@media screen and (min-width: 768px) {
  .toglr-nav li {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
.toglr-nav li:nth-child(1) {
  -webkit-transition-delay: 10ms;
  transition-delay: 10ms; }

.toglr-nav li:nth-child(2) {
  -webkit-transition-delay: 50ms;
  transition-delay: 50ms; }

.toglr-nav li:nth-child(3) {
  -webkit-transition-delay: 100ms;
  transition-delay: 100ms; }

.toglr-nav li:nth-child(4) {
  -webkit-transition-delay: 150ms;
  transition-delay: 150ms; }

.toglr-nav li:nth-child(5) {
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms; }

.toglr-nav li:nth-child(6) {
  -webkit-transition-delay: 250ms;
  transition-delay: 250ms; }

.toglr-nav li:nth-child(7) {
  -webkit-transition-delay: 300ms;
  transition-delay: 300ms; }

.toglr-nav li:nth-child(8) {
  -webkit-transition-delay: 350ms;
  transition-delay: 350ms; }

.toglr-nav li:nth-child(n+9) {
  -webkit-transition-delay: 400ms;
  transition-delay: 400ms; }

.toglr-togglers {
  position: absolute;
  top: 14px;
  right: 14px;
  background: #f2f2f2;
  border: 1px solid #b0b0b0;
  border-radius: 4px;
  font-size: 16px;
  padding: 0 8px;
  height: 30px;
  cursor: pointer; }

.toglr-input {
  display: none; }

.toglr-input:checked ~ .toglr-nav {
  pointer-events: auto;
  max-height: 320px; }

.toglr-input:checked ~ .toglr-nav li {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0); }

.toglr-input:checked ~ .toglr-togglers .toglr-label-open {
  display: none; }

.toglr-input:checked ~ .toglr-togglers .toglr-label-close {
  display: block; }

@media screen and (min-width: 768px) {
  .toglr-togglers {
    display: none; } }
.toglr-label {
  display: none; }

.toglr-open.toglr-open,
.toglr-label-open.toglr-label-open {
  display: block; }

.toglr-close.toglr-close,
.toglr-label-close.toglr-label-close {
  display: none; }

.toglr-nav {
  display: block;
  pointer-events: none;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 400ms ease-in-out;
  transition: max-height 400ms ease-in-out; }

@media screen and (min-width: 768px) {
  .toglr-nav {
    pointer-events: auto;
    max-height: 320px; } }
html:not(.js) #open-menu:target ~ .toglr-togglers .toglr-open {
  display: none; }

html:not(.js) #open-menu:target ~ .toglr-togglers .toglr-close {
  display: block; }

html:not(.js) #open-menu:target ~ .toglr-nav {
  pointer-events: auto;
  max-height: 320px; }

html:not(.js) #open-menu:target ~ .toglr-nav li {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0); }

.js .toglr-open,
.js .toglr-close {
  display: none; }

.js .toglr-label {
  display: block; }

.post {
  background: #f2f6f8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 8px;
  text-decoration: none;
  -webkit-transition: background 200ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms;
  transition: background 200ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms; }

@media screen and (min-width: 560px) {
  .post {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; } }
.post svg {
  width: 14px;
  height: 14px;
  vertical-align: middle; }

.post h4 {
  margin: 0;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400; }

.post h4 a {
  text-decoration: none; }

.post h4 a:hover, .post h4 a:focus {
  text-decoration: underline; }

.post p {
  font-size: 14px;
  opacity: 0.8; }

.post p svg {
  vertical-align: middle; }

.post:hover, .post:focus {
  background: #dae3e7; }

.post:hover h4, .post:focus h4 {
  text-decoration: underline; }

.post--sticky {
  background: #fdf4cb; }

.post--sticky:hover, .post--sticky:focus {
  background: #fbea9a; }

.post--new {
  border-left: 4px solid #24a0fc; }

.post--open {
  border-left: 4px solid #0071ca; }

.post--pending {
  border-left: 4px solid #f7b100; }

.post--confirmed {
  border-left: 4px solid #ec6c70; }

.post--solved {
  border-left: 4px solid #00b22f; }

.post--closed {
  border-left: 4px solid #999999; }

.post__aside,
.post__body {
  padding: 12px; }

.post__aside:first-child,
.post__body:first-child {
  padding-left: 24px; }

.post__aside:last-child,
.post__body:last-child {
  padding-right: 24px; }

.post__body {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  padding-left: 24px;
  padding-right: 24px; }

@media screen and (min-width: 560px) {
  .post__body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 200px;
    flex: 1 1 200px;
    padding-left: 12px;
    padding-right: 12px; } }
.post__aside {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-top: 0; }

@media screen and (min-width: 560px) {
  .post__aside {
    padding-top: 12px;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0; } }
.post__stat {
  font-size: 14px;
  display: inline-block; }

.post__stat + .post__stat {
  margin-left: 12px; }

@media screen and (min-width: 560px) {
  .post__stat + .post__stat {
    margin-left: 0; } }
@media screen and (min-width: 560px) {
  .post__stat {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 56px; } }
.post__stat svg {
  margin-right: 4px; }

/* Product block */
.product-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center; }

.product-block .button {
  margin: 0 auto; }

.product-block__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.product-block__icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: inline-block;
  max-width: 120px;
  margin-bottom: 24px; }

.product-block__icon img {
  display: block;
  vertical-align: middle;
  max-width: 100%; }

.product-block__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%; }

.product-block__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  font-size: 18px;
  line-height: 1.2em;
  margin: 0 0 0.5em; }

@media screen and (min-width: 560px) {
  .product-block__title {
    font-size: calc(1.724137931vw + 8.3448275862px); } }
@media screen and (min-width: 1024px) {
  .product-block__title {
    font-size: 26px; } }
.product-block__title div {
  max-width: 100%; }

.product-block__highlight {
  background: white;
  border-radius: 4px;
  font-size: 17px;
  line-height: 2em;
  margin-bottom: 0; }

@media screen and (min-width: 560px) {
  .product-block__highlight {
    font-size: calc(0.8620689655vw + 12.1724137931px); } }
@media screen and (min-width: 1024px) {
  .product-block__highlight {
    font-size: 21px; } }
.product-block__list {
  margin: 0;
  padding: 0;
  list-style: none;
  border: none;
  background: transparent;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 16px; }

@media screen and (min-width: 560px) {
  .product-block__list {
    padding-top: 24px;
    padding-bottom: 24px; } }
@media screen and (min-width: 1024px) {
  .product-block__list {
    padding-top: 32px;
    padding-bottom: 32px; } }
.product-block__list li {
  margin: 0;
  padding: 0;
  list-style: none;
  border: none;
  background: transparent;
  line-height: 24px;
  border-top: 1px solid #dddddd;
  padding-top: 4px;
  margin-top: 3px; }

.product-block__list li:first-child {
  border-top: none; }

@media screen and (min-width: 768px) {
  .grid--1-1 .product-block {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto; } }
@media screen and (min-width: 1024px) {
  .grid--1-1 .product-block__header {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch; }

  .grid--1-1 .product-block__icon {
    margin-right: 24px;
    margin-bottom: 0; }

  .grid--1-1 .product-block__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    text-align: left; }

  .grid--1-1 .product-block__list li {
    width: 50%;
    margin-top: 0;
    padding-bottom: 5px; }

  .grid--1-1 .product-block__list li:nth-child(odd) {
    text-align: right;
    padding-right: 10px;
    border-right: 1px solid #dddddd; }

  .grid--1-1 .product-block__list li:nth-child(even) {
    padding-left: 10px; }

  .grid--1-1 .product-block__list li:nth-child(2) {
    border-top: 0 none; } }
.section--grey {
  background: #eeeeee; }

.section--primary {
  background: #0089d6;
  color: white; }

.section--primary-light {
  background: #e8ebed; }

.section--dark {
  background: #282828;
  color: white; }

.section--white {
  background: white; }

.section--gradient {
  background: white;
  -webkit-box-shadow: inset 0 120px 120px -124px rgba(0, 0, 0, 0.075), inset 0 20px 20px -24px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 120px 120px -124px rgba(0, 0, 0, 0.075), inset 0 20px 20px -24px rgba(0, 0, 0, 0.05); }

.section--zebra {
  background: white; }

.section__item {
  -webkit-transition: background 200ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms;
  transition: background 200ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms; }

.section__item:nth-child(odd) {
  background: inherit; }

.section__item:nth-child(even) {
  background: rgba(0, 0, 0, 0.05); }

@media screen and (min-width: 560px) {
  .section__item:nth-child(even) .grid__item:first-child {
    position: relative;
    left: calc(((100% - 12px) / 1.5) + 24px); } }
@media screen and (min-width: 1024px) {
  .section__item:nth-child(even) .grid__item:first-child {
    left: calc(((100% - 16px) / 1.5) + 32px); } }
@media screen and (min-width: 560px) {
  .section__item:nth-child(even) .grid__item:last-child {
    position: relative;
    left: calc(((-100% - 24px) / 3)); } }
@media screen and (min-width: 1024px) {
  .section__item:nth-child(even) .grid__item:last-child {
    left: calc(((-100% - 32px) / 3)); } }
/* Skip link */
.skip {
  position: absolute;
  text-align: center;
  width: auto;
  background: white;
  padding: 8px 16px;
  color: #333333;
  left: -100%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

.skip:focus {
  left: 50%; }

.flickity-page-dots.flickity-page-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  bottom: auto;
  top: 100%;
  margin-top: 8px; }

@media screen and (min-width: 560px) {
  .flickity-page-dots.flickity-page-dots {
    margin-top: 12px; } }
@media screen and (min-width: 1024px) {
  .flickity-page-dots.flickity-page-dots {
    margin-top: 16px; } }
.flickity-page-dots.flickity-page-dots .dot {
  margin: 0;
  border-radius: 0;
  width: 24px;
  height: 4px; }

.slider__item {
  width: 100%; }

@media screen and (min-width: 1024px) {
  .content--10of12 .flickity-button.previous {
    left: -9%; } }
@media screen and (min-width: 1024px) {
  .content--10of12 .flickity-button.next {
    right: -9%; } }
/* Stars */
.stars {
  display: inline-block;
  width: 100px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg style='fill: rgba(0, 0, 0, 0.3);' xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M8,15.009l-4.944,2.599l0.944,-5.505l-4,-3.899l5.528,-0.803l2.472,-5.009l2.472,5.009l5.528,0.803l-4,3.899l0.944,5.505l-4.944,-2.599Z'/%3E%3C/svg%3E");
  background-position: center left;
  background-repeat: repeat-x;
  background-size: 20px 20px;
  position: relative; }

.stars:after {
  position: absolute;
  content: " ";
  display: block;
  top: 0;
  left: 0;
  width: 0;
  height: 16px;
  opacity: 1;
  background-image: url("data:image/svg+xml,%3Csvg style='fill: %23ffbe03;' xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M8,15.009l-4.944,2.599l0.944,-5.505l-4,-3.899l5.528,-0.803l2.472,-5.009l2.472,5.009l5.528,0.803l-4,3.899l0.944,5.505l-4.944,-2.599Z'/%3E%3C/svg%3E");
  background-position: center left;
  background-repeat: repeat-x;
  background-size: 20px 20px; }

.stars--white:after {
  background-image: url("data:image/svg+xml,%3Csvg style='fill: %23ffffff;' xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M8,15.009l-4.944,2.599l0.944,-5.505l-4,-3.899l5.528,-0.803l2.472,-5.009l2.472,5.009l5.528,0.803l-4,3.899l0.944,5.505l-4.944,-2.599Z'/%3E%3C/svg%3E");
  background-position: center left;
  background-repeat: repeat-x;
  background-size: 20px 20px; }

.stars--1:after {
  width: 20px; }

.stars--2:after {
  width: 40px; }

.stars--3:after {
  width: 60px; }

.stars--4:after {
  width: 80px; }

.stars--5:after {
  width: 100px; }

/* Sticky top bar */
.sticky-holder {
  position: relative; }

.sticky-bar {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2;
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1); }

/**
 * Subscribe
 */
html.js .js-subscribe-init {
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  height: auto;
  overflow: hidden;
  position: fixed;
  z-index: 10;
  border: none;
  left: 0;
  right: 0;
  max-height: 100px;
  top: -100px;
  opacity: 0; }

html.js .js-subscribe-init .section {
  padding: 8px 0;
  background: #2889CE;
  color: white; }

html.js .js-subscribe-init .container {
  position: relative; }

html.js .js-subscribe-init .content {
  display: inline-block;
  padding-right: 40px; }

html.js .js-subscribe-stuck {
  top: 0;
  opacity: 1;
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); }

html.js .js-subscribe-closed {
  display: none; }

.js-close-button {
  display: block;
  border: none;
  position: absolute;
  top: 50%;
  right: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: white;
  padding: 32px 0 0;
  line-height: 32px;
  overflow: hidden;
  color: #333;
  -webkit-appearance: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: -16px;
  margin-right: 16px; }

@media screen and (min-width: 560px) {
  .js-close-button {
    margin-right: 24px; } }
@media screen and (min-width: 1024px) {
  .js-close-button {
    margin-right: 32px; } }
.js-close-button:after {
  display: block;
  width: 14px;
  height: 14px;
  content: "x";
  position: absolute;
  top: 9px;
  left: 9px;
  font-weight: bold;
  font-size: 14px;
  line-height: 14px; }

/* Subscription */
.subscriptions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

@media screen and (min-width: 560px) {
  .subscriptions {
    margin-bottom: -24px; } }
@media screen and (min-width: 1024px) {
  .subscriptions {
    margin-bottom: -32px; } }
@media screen and (min-width: 560px) {
  .subscriptions {
    padding-bottom: 24px; }

  .subscriptions:last-child {
    padding-bottom: 0; } }
@media screen and (min-width: 1024px) {
  .subscriptions {
    padding-bottom: 32px; }

  .subscriptions:last-child {
    padding-bottom: 0; } }
@media screen and (min-width: 1024px) {
  .subscriptions {
    width: calc((100% - 6.4px) / 1.2);
    margin-left: calc(32px); }

  .subscriptions:first-child {
    margin-left: 0; }

  .subscriptions:last-child {
    margin-right: -1px; } }
@media screen and (min-width: 1024px) {
  .subscriptions {
    position: relative;
    left: calc(((100% - 352px) / 12) + 32px); } }
.subscriptions .subscription {
  margin-bottom: 16px; }

@media screen and (min-width: 1024px) {
  .subscriptions .subscription {
    width: calc((100% - 64px) / 3);
    margin-left: calc(32px); }

  .subscriptions .subscription:nth-child(n) {
    margin-left: calc(32px);
    margin-right: 0; }

  .subscriptions .subscription:nth-child(3n) {
    margin-right: -1px; }

  .subscriptions .subscription:nth-child(3n+1) {
    margin-left: 0; } }
@media screen and (min-width: 560px) {
  .subscriptions .subscription {
    margin-bottom: 24px; } }
@media screen and (min-width: 1024px) {
  .subscriptions .subscription {
    margin-bottom: 32px; } }
.subscription {
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  margin-bottom: 24px;
  overflow: hidden; }

.subscription:before, .subscription:after {
  display: table;
  content: " "; }

.subscription:after {
  clear: both; }

@media screen and (min-width: 768px) {
  .subscription {
    width: calc((100% - 48px) / 3);
    margin-left: calc(24px); }

  .subscription:first-child {
    margin-left: 0; }

  .subscription:last-child {
    margin-right: -1px; } }
@media screen and (min-width: 1024px) {
  .subscription {
    width: calc((100% - 64px) / 3);
    margin-left: calc(32px); } }
@media screen and (min-width: 768px) {
  .subscription--single-subscription {
    width: calc((100% - 24px) / 2);
    margin-left: calc(24px);
    margin-bottom: calc(24px); }

  .subscription--single-subscription:nth-child(n) {
    margin-left: calc(24px);
    margin-right: 0; }

  .subscription--single-subscription:nth-child(2n) {
    margin-right: -1px; }

  .subscription--single-subscription:nth-child(2n+1) {
    margin-left: 0; }

  .subscription--single-subscription:first-child {
    margin-left: 0; } }
@media screen and (min-width: 1024px) {
  .subscription--single-subscription {
    width: calc((100% - 32px) / 2);
    margin-left: calc(32px);
    margin-bottom: calc(32px); }

  .subscription--single-subscription:nth-child(n) {
    margin-left: calc(32px);
    margin-right: 0; }

  .subscription--single-subscription:nth-child(2n) {
    margin-right: -1px; }

  .subscription--single-subscription:nth-child(2n+1) {
    margin-left: 0; } }
.subscription--popular {
  border-color: transparent;
  -webkit-box-shadow: 0 0 0 3px #0089d6;
  box-shadow: 0 0 0 3px #0089d6; }

.subscription--single {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%; }

.subscription__header {
  background: rgba(0, 0, 0, 0.1);
  padding: 15px 15px 20px;
  vertical-align: bottom;
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2); }

@media screen and (min-width: 560px) and (max-width: 767px) {
  .subscription__header {
    float: left;
    width: 40%;
    border-right: 1px solid rgba(0, 0, 0, 0.2); }

  .subscription__header:after {
    display: block;
    content: " ";
    height: 999px;
    position: absolute;
    top: 100%;
    left: 0;
    right: -1px;
    background: rgba(0, 0, 0, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    z-index: 1; } }
@media screen and (min-width: 768px) {
  .subscription__header {
    padding-top: 38px; } }
.subscription__header strong {
  font-size: 1.625em;
  line-height: 1em;
  display: block;
  text-align: center; }

.subscription__header .item__price {
  margin: 10px 0;
  display: block;
  font-weight: 300;
  font-size: 1.625em;
  line-height: 1em; }

.subscription__header .item__worth {
  margin: 5px 0 10px;
  display: block;
  font-weight: 300;
  font-size: 0.9375em; }

.subscription__header:first-child {
  border-radius: 4px 0 0 0;
  border-left: none; }

.subscription__header:last-child {
  border-radius: 0 4px 0 0; }

.subscription__header .most-popular {
  line-height: 34px;
  color: #0089d6;
  margin: -15px -15px 0; }

@media screen and (min-width: 560px) {
  .subscription--single .subscription__header {
    float: left;
    width: 40%;
    border-right: 1px solid rgba(0, 0, 0, 0.2); }

  .subscription--single .subscription__header:after {
    display: block;
    content: " ";
    height: 999px;
    position: absolute;
    top: 100%;
    left: 0;
    right: -1px;
    background: rgba(0, 0, 0, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    z-index: 1; } }
@media screen and (min-width: 1024px) {
  .subscription--single-subscription .subscription__header {
    float: left;
    width: 40%;
    border-right: 1px solid rgba(0, 0, 0, 0.2); }

  .subscription--single-subscription .subscription__header:after {
    display: block;
    content: " ";
    height: 999px;
    position: absolute;
    top: 100%;
    left: 0;
    right: -1px;
    background: rgba(0, 0, 0, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    z-index: 1; } }
.subscription--single-subscription .subscription__header,
.subscription--single .subscription__header,
.subscription--popular .subscription__header {
  padding-top: 15px; }

.subscription__content {
  background: white; }

@media screen and (min-width: 560px) and (max-width: 767px) {
  .subscription__content {
    float: right;
    width: 60%; } }
.subscription__content ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border: none;
  background: transparent; }

.subscription__content li {
  padding: 13px 10px;
  display: block;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  position: relative; }

.subscription__content li:first-child {
  border-top: none; }

.subscription__content li small {
  display: block;
  text-align: center; }

.subscription__content li.empty {
  display: none; }

@media screen and (min-width: 768px) {
  .subscription__content li.empty {
    display: block; } }
.subscription__content li label:not(:checked) {
  border-bottom: 1px dashed #cccccc;
  cursor: pointer; }

.subscription__content .more-info-button {
  position: absolute;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: none; }

.subscription__content .more-info-button:checked ~ label {
  font-weight: bold;
  border-bottom-style: solid; }

.subscription__content .more-info-button:checked ~ .more-info {
  display: block; }

.subscription__content .more-info-button:focus ~ label {
  outline: 2px solid #0089d6;
  text-decoration: none; }

.subscription__content .more-info {
  background: rgba(0, 0, 0, 0.1);
  display: none;
  padding: 15px;
  margin-top: 10px;
  border-radius: 4px; }

@media screen and (min-width: 560px) {
  .subscription--single .subscription__content {
    float: right;
    width: 60%; } }
@media screen and (min-width: 1024px) {
  .subscription--single-subscription .subscription__content {
    float: right;
    width: 60%; } }
.subscription__footer {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding: 15px;
  background: rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 2; }

@media screen and (min-width: 560px) and (max-width: 767px) {
  .subscription__footer {
    float: left;
    width: 40%;
    border-right: 1px solid rgba(0, 0, 0, 0.2); } }
.subscription__footer p {
  margin-bottom: 0; }

/* Natural swiping when content doens't fit parent area */
.swipr-prev,
.swipr-next {
  margin: 0;
  padding: 0;
  list-style: none;
  border: none;
  background: transparent;
  background: rgba(0, 0, 0, 0.15);
  z-index: 2;
  width: 32px;
  height: 0;
  padding-top: 48px;
  overflow: hidden; }

@media screen and (min-width: 560px) {
  .swipr-prev,
  .swipr-next {
    width: 24px; } }
.swipr-prev:after,
.swipr-next:after {
  position: absolute;
  content: " ";
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg style='fill: white;' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 100 100'%3E%3Cg%3E%3Cpath d='M 10,50 L 60,100 L 70,90 L 30,50  L 70,10 L 60,0 Z'/%3E%3C/g%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16px 16px; }

.swipr-prev.is-disabled,
.swipr-next.is-disabled {
  opacity: 0.33; }

.swipr-next:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.testimonial {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0;
  margin: 0; }

.testimonial__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  background: white;
  color: #282828;
  border: 1px solid #c2c2c2;
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
  max-height: 256px;
  -webkit-transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
  transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
  position: relative; }

.testimonial__content:after {
  position: absolute;
  content: " ";
  display: block;
  width: 16px;
  height: 16px;
  background: white;
  border-right: 1px solid rgba(0, 0, 0, 0.25);
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 10%;
  bottom: -9px; }

.testimonial__content:focus, .testimonial__content:active {
  outline: none;
  max-height: 999px;
  -webkit-transition: max-height 0.5s ease-in-out;
  transition: max-height 0.5s ease-in-out; }

.testimonial__overflow {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

article .testimonial__overflow {
  min-height: 100%; }

.testimonial__position {
  padding: 23px;
  text-align: center;
  overflow: hidden;
  margin: auto; }

.testimonial__position:after {
  position: absolute;
  content: " ";
  display: block;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 32px;
  background: -webkit-gradient(linear, left bottom, left top, from(white), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to top, white 0%, rgba(255, 255, 255, 0) 100%); }

.testimonial__author {
  padding-top: 16px;
  padding-left: calc(10% - 32px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

@media screen and (min-width: 560px) {
  .testimonial__author {
    padding-top: 24px; } }
@media screen and (min-width: 1024px) {
  .testimonial__author {
    padding-top: 32px; } }
.testimonial__avatar {
  background: #cccccc;
  width: 80px;
  height: 80px;
  border-radius: 40px;
  border: 4px solid white;
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
  position: relative; }

.testimonial__avatar svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  min-width: 100%;
  width: 32px;
  height: 32px;
  opacity: 0.8; }

.testimonial__body {
  font-weight: 700;
  padding-left: 16px; }

@media screen and (min-width: 560px) {
  .testimonial__body {
    padding-left: 24px; } }
@media screen and (min-width: 1024px) {
  .testimonial__body {
    padding-left: 32px; } }
.article blockquote.testimonial {
  background: #fff;
  border-left: 0;
  padding: 0; }

.article blockquote.testimonial:before {
  display: none; }

.testimonial.top-arrow {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse; }

.testimonial.top-arrow .testimonial__content {
  margin-top: 16px; }

.testimonial.top-arrow .testimonial__content::after {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  left: 10%;
  top: -9px;
  bottom: auto; }

@media screen and (min-width: 560px) {
  .testimonial.left-arrow {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; } }
@media screen and (min-width: 560px) {
  .testimonial.right-arrow {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; } }
@media screen and (min-width: 560px) {
  .testimonial.left-arrow .testimonial__author,
  .testimonial.right-arrow .testimonial__author {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; } }
@media screen and (min-width: 560px) {
  .testimonial.left-arrow .testimonial__content,
  .testimonial.right-arrow .testimonial__content {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5; } }
@media screen and (min-width: 560px) {
  .testimonial.left-arrow .testimonial__author,
  .testimonial.left-arrow .testimonial__author > .testimonial__avatar,
  .testimonial.left-arrow .testimonial__author > .testimonial__body,
  .testimonial.left-arrow .testimonial__author > .testimonial__body > *,
  .testimonial.right-arrow .testimonial__author,
  .testimonial.right-arrow .testimonial__author > .testimonial__avatar,
  .testimonial.right-arrow .testimonial__author > .testimonial__body,
  .testimonial.right-arrow .testimonial__author > .testimonial__body > * {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center; } }
@media screen and (min-width: 560px) {
  .testimonial.left-arrow .testimonial__content {
    margin-left: 16px; } }
@media screen and (min-width: 560px) {
  .testimonial.right-arrow .testimonial__content {
    margin-right: 16px; } }
@media screen and (min-width: 560px) {
  .testimonial.left-arrow .testimonial__author,
  .testimonial.left-arrow .testimonial__author > .testimonial__body,
  .testimonial.right-arrow .testimonial__author,
  .testimonial.right-arrow .testimonial__author > .testimonial__body {
    padding-left: 0; } }
@media screen and (min-width: 560px) {
  .testimonial.left-arrow .testimonial__content::after {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    left: -9px;
    top: 10%;
    bottom: auto; } }
@media screen and (min-width: 560px) {
  .testimonial.right-arrow .testimonial__content::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: calc(100% - 7px);
    top: 10%;
    bottom: auto; } }
.thumbnail {
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 7px;
  background: transparent; }

/* Homepage only styling */
.homepage-header {
  background-position: center top;
  background-size: 100%;
  position: relative; }

@media screen and (min-width: 1024px) {
  .homepage-header {
    background-size: 1024px; } }
.homepage-header:after {
  position: absolute;
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.2)), color-stop(50%, transparent));
  background: linear-gradient(to top, rgba(0, 0, 0, 0.2) 0%, transparent 50%); }

.homepage-header .container {
  position: relative;
  z-index: 1; }

/* General styling for blogs and documentation */
.text--center {
  text-align: center; }

.image-blog-styled {
  border: 1px solid #d4d4d6;
  background: #fff;
  padding: 4px; }

.image--bordered {
  border: 1px solid #eee;
  padding: 1.5em; }

.note {
  display: block;
  padding: 24px;
  color: #264c72;
  background: #d8ebf8;
  border-radius: 4px;
  border: 1px solid #97c1da; }

ol.styled {
  counter-reset: list;
  list-style-type: none;
  padding-left: 1.5em;
  margin-bottom: 1.5em; }

ol.styled li {
  counter-increment: list;
  text-indent: -45px;
  margin-left: 45px;
  margin-bottom: .75em; }

ol.styled li:before {
  background-color: #1d98e5;
  width: 30px;
  height: 30px;
  text-align: center;
  text-indent: 0;
  padding-left: 0;
  line-height: 30px;
  border-radius: 30px;
  background-clip: padding-box;
  color: #fff;
  display: inline-block;
  content: counter(list);
  margin-right: 15px; }

ol.styled code {
  display: initial; }

#toc {
  margin-bottom: 1.8em;
  border-left: 4px solid #1889d0;
  line-height: 1.8em; }

#toc, #toc ul {
  list-style: none;
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 12px; }

dl {
  display: block; }

dl dt {
  padding: 0;
  margin: 0 0 0.375em 0;
  width: auto; }

dl dd {
  padding: 0;
  margin: 0 0 0.75em 2em;
  width: auto; }

dl dd p {
  margin-bottom: 0px; }

.filternav {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background: transparent;
  height: auto;
  padding: 8px 0;
  font-size: 13px; }

@media screen and (min-width: 768px) {
  .filternav {
    padding: 16px 0;
    font-size: 1em; } }
.filternav [data-animation-button] {
  background: transparent;
  border: none;
  line-height: 24px;
  color: #34495e;
  padding: 6px;
  border-radius: 4px;
  text-decoration: none;
  cursor: pointer; }

@media screen and (min-width: 768px) {
  .filternav [data-animation-button] {
    padding-left: 12px;
    padding-right: 12px;
    line-height: 32px; } }
.filternav [data-animation-button]:after {
  height: 100%;
  background: #0089d6; }

.filternav [data-animation-button].is-active {
  background: #0089d6;
  color: white;
  text-decoration: none; }

.no-js .filternav button:not(.is-active):hover, .no-js .filternav button:not(.is-active):focus {
  background: #eaeaea;
  border-radius: 4px; }

.filternav .ma-fx:after {
  height: 100%;
  background: #eaeaea;
  border-radius: 4px; }

.filternav__heading {
  display: block;
  width: 100%;
  line-height: 24px;
  padding: 6px;
  color: black; }

.filternav__heading + li {
  margin-left: 0; }

@media screen and (min-width: 768px) {
  .filternav__heading {
    width: auto;
    padding-left: 12px;
    padding-right: 12px;
    line-height: 32px; }

  .filternav__heading + li {
    margin-left: 16px; } }
[data-filter-list] .filternav__heading + li {
  margin-left: 0; }

@media screen and (min-width: 768px) {
  [data-filter-list] .filternav__heading + li {
    margin-left: 1em; } }
.or {
  padding-left: 16px;
  padding-right: 16px; }

.button + .or {
  padding-left: 0; }

.header-image.header-image {
  position: relative;
  margin-bottom: 0;
  -webkit-transition: opacity 200ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms, -webkit-transform 200ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms;
  transition: opacity 200ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms, -webkit-transform 200ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms;
  transition: transform 200ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms, opacity 200ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms;
  transition: transform 200ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms, opacity 200ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms, -webkit-transform 200ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms;
  -webkit-transition-delay: 100ms;
  transition-delay: 100ms;
  background: rgba(0, 0, 0, 0.1);
  background-image: url("data:image/svg+xml,%3Csvg style='fill: %23ffffff;' xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M0 4c0-1.1.9-2 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4zm11 9l-3-3-6 6h16l-5-5-2 2zm4-4a2 2 0 1 0 0-4 2 2 0 0 0 0 4z'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px 20px; }

.js .header-image.header-image {
  -webkit-transform: translateX(32px);
  transform: translateX(32px);
  opacity: 0; }

.header-image.header-image img {
  margin-bottom: -24px; }

@media screen and (min-width: 560px) {
  .header-image.header-image img {
    margin-bottom: -36px; } }
@media screen and (min-width: 1024px) {
  .header-image.header-image img {
    margin-bottom: -48px; } }
@media screen and (min-width: 768px) {
  .header-image.header-image img {
    position: absolute;
    top: -4%;
    left: 0;
    width: auto;
    max-width: none;
    margin-bottom: 0;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.33);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.33);
    height: calc(125% + 16px); } }
@media screen and (min-width: 1112px) {
  .header-image.header-image img {
    height: auto;
    min-height: calc(125% + 16px);
    max-width: 160%; } }
@media screen and (min-width: 1408px) {
  .header-image.header-image img {
    max-width: 120%; } }
.header-image.header-image.lazyloaded {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0); }

.answer {
  margin-right: -16px;
  margin-left: -16px;
  margin-bottom: 16px;
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  background: #edf7ea; }

@media screen and (min-width: 560px) {
  .answer {
    margin-left: -24px; } }
@media screen and (min-width: 1024px) {
  .answer {
    margin-left: -32px; } }
.answer:last-child {
  margin-bottom: 0; }

@media screen and (min-width: 560px) {
  .answer {
    margin-bottom: 24px; }

  .answer:last-child {
    margin-bottom: 0; } }
@media screen and (min-width: 1024px) {
  .answer {
    margin-bottom: 32px; }

  .answer:last-child {
    margin-bottom: 0; } }
@media screen and (min-width: 560px) {
  .answer {
    padding-top: 24px;
    padding-right: 24px;
    padding-bottom: 24px;
    padding-left: 24px; } }
@media screen and (min-width: 1024px) {
  .answer {
    padding-top: 32px;
    padding-right: 32px;
    padding-bottom: 32px;
    padding-left: 32px; } }
@media screen and (min-width: 560px) {
  .answer {
    margin-right: 0; } }
.navigation-wrapper {
  -webkit-transition: padding 400ms ease-in-out 0ms;
  transition: padding 400ms ease-in-out 0ms;
  -webkit-transition-delay: 300ms;
  transition-delay: 300ms; }

@media screen and (min-width: 0) and (max-width: 559px) {
  .navigation-wrapper.is-enabled {
    padding-left: 32px;
    padding-right: 32px; } }
input[type="search"],
input[type="text"] {
  -webkit-appearance: none;
  font-size: inherit; }

.color-primary {
  color: #0089d6; }

.margin-top-small {
  margin-top: 16px; }

.weight-bold {
  font-weight: bold; }

.clean-list {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 24px; }

.clean-list:last-child {
  margin-bottom: 0; }

.clean-list ul {
  margin-left: 32px;
  padding: 0; }

.clean-list li li {
  list-style: none;
  position: relative; }

.clean-list li li:before {
  position: absolute;
  content: " ";
  display: block;
  top: calc(50% - 3px);
  left: -16px;
  width: 6px;
  height: 6px;
  border-left: 1px solid rgba(0, 0, 0, 0.25);
  border-bottom: 1px solid rgba(0, 0, 0, 0.25); }

.clean-list--padded li {
  padding-top: 8px;
  padding-bottom: 8px; }

.clean-list--padded li li:first-child {
  margin-top: 8px; }

.icon-link-list li {
  margin-top: 8px;
  margin-bottom: 8px; }

.icon-link-list svg {
  font-size: 24px;
  vertical-align: middle;
  margin-right: 8px; }

.icon-link-list a {
  vertical-align: middle;
  text-decoration: none; }

.icon-link-list a span {
  text-decoration: underline; }

.icon-link-list a:hover span, .icon-link-list a:focus span {
  text-decoration: none; }

.social-list {
  margin: 0;
  padding: 0;
  list-style: none;
  border: none;
  background: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.social-list li {
  font-size: 20px;
  margin-right: 8px; }

.footer-separator {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  padding-top: 24px; }

.placeholder--2by1 {
  overflow: hidden;
  background: rgba(0, 0, 0, 0.05) -webkit-gradient(linear, left bottom, left top, from(rgba(0, 137, 214, 0.05)), to(rgba(0, 137, 214, 0.1)));
  background: rgba(0, 0, 0, 0.05) linear-gradient(to top, rgba(0, 137, 214, 0.05) 0%, rgba(0, 137, 214, 0.1) 100%);
  position: relative; }

.placeholder--2by1:before {
  display: block;
  float: left;
  content: " ";
  padding-top: 50%; }

.placeholder--2by1:after {
  content: " ";
  clear: left;
  display: table; }

.placeholder--2by1 svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  min-width: 100%;
  width: 32px;
  height: 32px;
  opacity: 0.8; }

.cover-image {
  overflow: hidden; }

.cover-image img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  min-width: 100%;
  outline: 2px solid white; }

.info-block {
  padding: 8px;
  background: #eeeeee;
  font-weight: 400;
  margin-top: 4px;
  font-size: smaller;
  margin-bottom: 4px; }

.info-block:last-child {
  margin-bottom: 0; }

.no-js .js-open-next {
  display: none; }

.no-js .info-block {
  display: block; }

.clean-button {
  margin: 0;
  padding: 0;
  list-style: none;
  border: none;
  background: transparent;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  cursor: pointer; }

.clean-button:hover, .clean-button:focus {
  color: #0089d6; }

.clean-button:focus {
  outline: 2px solid #febd22; }

.styled-image {
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: white;
  padding: 1px; }

.pull-top {
  margin-top: -1em; }

.feature-category-header {
  position: relative;
  z-index: 2; }

.feature-category-header .content {
  background: #282828;
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  margin-bottom: -16px;
  border: 4px solid white; }

@media screen and (min-width: 560px) {
  .feature-category-header .content {
    padding-top: 24px;
    padding-right: 24px;
    padding-bottom: 24px;
    padding-left: 24px; } }
@media screen and (min-width: 1024px) {
  .feature-category-header .content {
    padding-top: 32px;
    padding-right: 32px;
    padding-bottom: 32px;
    padding-left: 32px; } }
@media screen and (min-width: 560px) {
  .feature-category-header .content {
    margin-bottom: -24px; } }
@media screen and (min-width: 1024px) {
  .feature-category-header .content {
    margin-bottom: -32px; } }
.feature-category-header + .section {
  padding-top: 16px; }

@media screen and (min-width: 560px) {
  .feature-category-header + .section {
    padding-top: 24px; } }
@media screen and (min-width: 1024px) {
  .feature-category-header + .section {
    padding-top: 32px; } }
.rating {
  margin: 0;
  padding: 0;
  list-style: none;
  border: none;
  background: transparent;
  clear: both;
  display: block;
  position: relative;
  height: 2em;
  font-size: 16px;
  width: 100%;
  margin-bottom: 28px; }

.rating:before, .rating:after {
  display: table;
  content: " "; }

.rating:after {
  clear: both; }

.rating:last-child {
  margin-bottom: 0; }

.rating:not(:checked) > input {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0); }

.rating:not(:checked) > label {
  position: absolute;
  top: 0;
  width: 1em;
  height: 1em;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  font-size: 2em;
  line-height: 1em; }

.rating:not(:checked) > label.stars1 {
  left: 0; }

.rating:not(:checked) > label.stars2 {
  left: 32px; }

.rating:not(:checked) > label.stars3 {
  left: 64px; }

.rating:not(:checked) > label.stars4 {
  left: 96px; }

.rating:not(:checked) > label.stars5 {
  left: 128px; }

.rating:not(:checked) > label:before {
  display: block;
  content: ' ';
  height: 1em;
  width: 1em;
  background-image: url("data:image/svg+xml,%3Csvg style='fill: lightgrey;' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 20 20'%3E%3Cpath d='M10 15l-5.878 3.09 1.123-6.545L.489 6.91l6.572-.955L10 0l2.939 5.955 6.572.955-4.756 4.635 1.123 6.545z'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 32px 32px; }

.rating > input:focus + label {
  outline: 2px solid #f1c410; }

.rating > input:checked ~ label:before {
  background-image: url("data:image/svg+xml,%3Csvg style='fill: gold;' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 20 20'%3E%3Cpath d='M10 15l-5.878 3.09 1.123-6.545L.489 6.91l6.572-.955L10 0l2.939 5.955 6.572.955-4.756 4.635 1.123 6.545z'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 32px 32px; }

.rating:not(:checked) > label:hover:before,
.rating:not(:checked) > label:hover ~ label:before {
  background-image: url("data:image/svg+xml,%3Csvg style='fill: goldenrod;' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 20 20'%3E%3Cpath d='M10 15l-5.878 3.09 1.123-6.545L.489 6.91l6.572-.955L10 0l2.939 5.955 6.572.955-4.756 4.635 1.123 6.545z'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 32px 32px; }

.padding-top-l {
  padding-top: 24px; }

.padding-right-m {
  padding-right: 16px; }

.margin-bottom-m {
  margin-bottom: 16px; }

.flex-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.article blockquote {
  background: #f9f9f9;
  color: #333;
  border-left: .4em solid #ccc;
  margin: 0 0 1.5em;
  padding: 1em;
  quotes: "“" "”" "‘" "’"; }

.article blockquote:before {
  font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif;
  color: #006eb3;
  content: open-quote;
  font-size: 4em;
  line-height: .1em;
  margin-right: .15em;
  vertical-align: -.4em; }

.article blockquote:not(.testimonial) {
  overflow-y: hidden; }

.article blockquote p {
  display: inline; }

[data-src] {
  -webkit-filter: blur(5px);
  filter: blur(5px);
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out; }

.no-js [data-src] {
  display: none; }

[data-src].lazyloaded {
  -webkit-filter: blur(0);
  filter: blur(0); }

.custom-select {
  background: white; }

.gravatar {
  display: inline-block;
  width: 24px;
  height: 24px;
  overflow: hidden;
  border-radius: 50%;
  position: absolute;
  top: 8px;
  left: 0;
  background: rgba(0, 0, 0, 0.05);
  pointer-events: none; }

@media screen and (min-width: 768px) {
  .gravatar {
    top: 2px;
    left: 8px; } }
.gravatar img {
  max-width: none;
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 50%; }

.navigation .user--logged-in {
  display: none;
  padding-left: 32px; }

@media screen and (min-width: 768px) {
  .navigation .user--logged-in {
    padding-left: 40px; } }
body.user-logged-in .navigation .user--logged-out {
  display: none; }

body.user-logged-in .navigation .user--logged-in {
  display: block;
  -webkit-box-shadow: 0 2px 0 0 #006299;
  box-shadow: 0 2px 0 0 #006299;
  -webkit-appearance: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 16px;
  text-decoration: none;
  border-radius: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  text-shadow: none;
  border: none;
  -webkit-transition: background 150ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0s, -webkit-box-shadow 125ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0s, -webkit-transform 125ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0s;
  transition: background 150ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0s, -webkit-box-shadow 125ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0s, -webkit-transform 125ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0s;
  transition: background 150ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0s, box-shadow 125ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0s, transform 125ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0s;
  transition: background 150ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0s, box-shadow 125ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0s, transform 125ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0s, -webkit-box-shadow 125ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0s, -webkit-transform 125ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0s;
  min-height: 30px;
  font-size: 16px;
  padding: 7px 12px 7px 40px;
  background: #0089d6 !important;
  color: white !important; }

body.user-logged-in .navigation .user--logged-in:hover {
  background: #0079bd !important;
  -webkit-box-shadow: 0 2px 0 0 #005584 !important;
  box-shadow: 0 2px 0 0 #005584 !important; }

body:not(.user-logged-in) .navigation .user--logged-out {
  -webkit-box-shadow: 0 2px 0 0 #006299;
  box-shadow: 0 2px 0 0 #006299;
  -webkit-appearance: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 16px;
  text-decoration: none;
  border-radius: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  text-shadow: none;
  border: none;
  -webkit-transition: background 150ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0s, -webkit-box-shadow 125ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0s, -webkit-transform 125ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0s;
  transition: background 150ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0s, -webkit-box-shadow 125ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0s, -webkit-transform 125ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0s;
  transition: background 150ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0s, box-shadow 125ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0s, transform 125ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0s;
  transition: background 150ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0s, box-shadow 125ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0s, transform 125ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0s, -webkit-box-shadow 125ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0s, -webkit-transform 125ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0s;
  min-height: 30px;
  font-size: 16px;
  padding: 7px 12px;
  background: #0089d6 !important;
  color: white !important; }

body:not(.user-logged-in) .navigation .user--logged-out:hover {
  background: #0079bd !important;
  -webkit-box-shadow: 0 2px 0 0 #005584 !important;
  box-shadow: 0 2px 0 0 #005584 !important; }

.developer-info h2:not([class]) {
  display: block;
  font-weight: 400;
  line-height: 1.3em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 16px;
  margin-bottom: 16px;
  font-size: 20px;
  margin-top: 16px; }

.developer-info h2:not([class]):last-child {
  margin-bottom: 0; }

@media screen and (min-width: 560px) {
  .developer-info h2:not([class]) {
    font-size: calc(0.8620689655vw + 15.1724137931px); } }
@media screen and (min-width: 1024px) {
  .developer-info h2:not([class]) {
    font-size: 24px; } }
@media screen and (min-width: 560px) {
  .developer-info h2:not([class]) {
    margin-top: 24px; } }
@media screen and (min-width: 1024px) {
  .developer-info h2:not([class]) {
    margin-top: 32px; } }
.hljs {
  font-size: 16px; }

.js .hidden-when-js-enabled.hidden-when-js-enabled {
  display: none; }

.no-js .hidden-when-js-disabled.hidden-when-js-disabled {
  display: none; }

.category-icon {
  z-index: 0;
  display: inline-block;
  margin-top: 0.5em;
  margin-bottom: 1.5em;
  position: relative; }

.category-icon:before {
  position: absolute;
  content: " ";
  display: block;
  top: -30%;
  left: -30%;
  z-index: -1;
  width: 160%;
  height: 160%;
  background: white;
  border-radius: 50%; }

.category-icon svg {
  vertical-align: middle;
  width: 56px;
  height: 56px; }

.category-icon svg .primary {
  fill: #3ba2de; }

.category-icon svg .secondary {
  fill: #01659e; }

.blog-image img {
  width: 100%; }

blockquote,
code,
pre {
  overflow: auto;
  max-width: 100%; }

p code, li code {
  padding: 3px 6px 1px;
  margin: 0;
  background-color: #f7f7f7;
  border-radius: 3px;
  word-wrap: break-word;
  vertical-align: middle; }

.snippet {
  border: 4px solid #f8f8f8;
  background-color: #f8f8f8;
  margin-bottom: 1.5em; }

.snippet .highlight {
  padding: 20px;
  margin-bottom: 0; }

.snippet .highlight code {
  font-size: 14px; }

.snippet .highlight pre {
  border: 0 none;
  background-color: transparent; }

.snippet .k-ui-container.k-ui-container {
  overflow: visible; }

.snippet__preview {
  font-size: 13px;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
  line-height: 20px;
  background-color: #fff; }

.snippet__row {
  position: relative;
  padding: 20px;
  border-bottom: 2px dotted #f8f8f8; }

.snippet__row:last-of-type {
  border-bottom: 0 none; }

/* Pagination */
.k-pagination__pages {
  padding-top: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  border: none;
  background: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

@media screen and (min-width: 560px) {
  .k-pagination__pages {
    padding-top: 12px; } }
@media screen and (min-width: 1024px) {
  .k-pagination__pages {
    padding-top: 16px; } }
.k-pagination__pages li {
  margin: 0 4px; }

.k-pagination__pages li a, .k-pagination__pages li span {
  display: block;
  min-width: 40px;
  min-height: 40px;
  text-align: center; }

.k-pagination__pages li a {
  text-decoration: none;
  border-radius: 50%;
  background: #f1f1f1;
  color: #333;
  line-height: 40px;
  -webkit-transition: background 200ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms;
  transition: background 200ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0ms; }

.k-pagination__pages li a:not([href]) {
  background: #0089d6;
  color: white; }

.k-pagination__pages li a[href]:hover, .k-pagination__pages li a[href]:focus {
  background: #ddd; }

.k-pagination__pages li span {
  line-height: 32px; }

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

.flex.flex {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }

.dont-flex.dont-flex {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0; }

.flex-center {
  -ms-flex-item-align: center;
  align-self: center; }

.flex-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.font-small.font-small {
  font-size: 16px; }

.font-large.font-large {
  font-size: 24px;
  line-height: 32px; }

.font-huge.font-huge {
  font-size: 32px;
  line-height: 40px; }

.font-light.font-light {
  font-weight: 300; }

.is-disabled.is-disabled {
  pointer-events: none;
  opacity: 0.5; }

.is-hidden.is-hidden {
  display: none; }

.no-margin-bottom.no-margin-bottom {
  margin-bottom: 0; }

.small-margin-bottom.small-margin-bottom {
  margin-bottom: 12px; }

.margin-bottom-xs.margin-bottom-xs {
  margin-bottom: 4px; }

.padding-left-m.padding-left-m {
  padding-left: 16px; }

.overflow-hidden.overflow-hidden {
  overflow: hidden; }

.visually-hidden {
  position: absolute;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: none; }

.overlay-grid-container {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  pointer-events: none; }

.overlay-grid {
  max-width: 1472px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 16px;
  padding-right: 16px;
  height: 100%;
  outline: 1px solid magenta; }

@media screen and (min-width: 560px) {
  .overlay-grid {
    padding-left: 24px;
    padding-right: 24px; } }
@media screen and (min-width: 1024px) {
  .overlay-grid {
    padding-left: 32px;
    padding-right: 32px; } }
.overlay-grid__item {
  outline: 1px solid magenta;
  height: 100%;
  width: calc((100% - 176px) / 12);
  margin-left: calc(16px); }

.overlay-grid__item:first-child {
  margin-left: 0; }

.overlay-grid__item:last-child {
  margin-right: -1px; }

@media screen and (min-width: 560px) {
  .overlay-grid__item {
    width: calc((100% - 264px) / 12);
    margin-left: calc(24px); } }
@media screen and (min-width: 1024px) {
  .overlay-grid__item {
    width: calc((100% - 352px) / 12);
    margin-left: calc(32px); } }
.cf:before,
.cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.cf:after {
  clear: both; }

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
  *zoom: 1; }

.store-action-command,
.fastspring-coupon-template .store-product-detail-action-list li {
  display: block !important;
  -webkit-box-shadow: 0 2px 0 0 #006299 !important;
  box-shadow: 0 2px 0 0 #006299 !important;
  -webkit-appearance: none !important;
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  cursor: pointer !important;
  position: relative !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  line-height: 16px !important;
  text-decoration: none !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  vertical-align: top !important;
  text-shadow: none !important;
  border: none !important;
  -webkit-transition: background 150ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0s, -webkit-box-shadow 125ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0s, -webkit-transform 125ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0s !important;
  transition: background 150ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0s, -webkit-box-shadow 125ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0s, -webkit-transform 125ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0s !important;
  transition: background 150ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0s, box-shadow 125ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0s, transform 125ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0s !important;
  transition: background 150ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0s, box-shadow 125ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0s, transform 125ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0s, -webkit-box-shadow 125ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0s, -webkit-transform 125ms cubic-bezier(0.195, 0.4, 0.45, 0.785) 0s !important;
  min-height: 30px !important;
  font-size: 16px !important;
  padding: 7px 12px 5px !important;
  background: #ffbe03 !important;
  -webkit-box-shadow: 0 2px 0 0 #c59200 !important;
  box-shadow: 0 2px 0 0 #c59200 !important; }

.store-action-command:hover,
.fastspring-coupon-template .store-product-detail-action-list li:hover {
  background: #ffcb36 !important;
  -webkit-box-shadow: 0 2px 0 0 #d9a100 !important;
  box-shadow: 0 2px 0 0 #d9a100 !important; }

@media screen and (min-width: 768px) {
  .store-action-command,
  .fastspring-coupon-template .store-product-detail-action-list li {
    padding: 13px 16px 11px !important;
    font-size: 18px !important;
    line-height: 20px !important;
    min-height: 42px !important; } }
.fastspring-coupon-template .store-product-detail-action-list li input {
  background: transparent;
  border: 0; }

.core-window {
  margin-left: auto;
  margin-right: auto; }

.core-messages {
  background: #ece866 !important;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  border-radius: 10px !important;
  margin: 10px 0 20px !important;
  padding: 15px 20px !important; }

.core-message-error {
  padding: 5px 0 5px 30px !important;
  background: url(../images/warning.png) no-repeat center left !important; }

.core-section.store-section-order-contents {
  border-bottom: 1px dotted #ddd !important;
  padding-bottom: 20px !important; }

.store-section-payment {
  margin-bottom: 20px !important; }

.store-action.store-order-item-action-delete {
  display: none !important; }

.store-section-vat-exemption {
  margin-top: 20px !important; }

.store-section-vat-exemption input {
  max-width: 180px !important; }

.store-order-item-pricing {
  display: none !important; }

.store-order-item-title {
  background: none !important;
  padding-left: 0px !important;
  font-size: 1.2em !important; }

.store-order-item-description {
  font-size: 1em !important; }

.store-order-pricing {
  margin-top: 0 !important; }

.store-order-price {
  text-align: left !important; }

.store-order-price-label {
  width: 160px !important;
  text-align: right !important; }

.store-order-price-value {
  margin-left: 180px !important; }

.core-form-field-required label:after {
  content: ' *'; }

@media screen and (min-width: 800px) {
  .store-order-items,
  .store-order-pricing,
  .core-section.store-section-customer-contact,
  .core-section.store-section-payment {
    clear: none !important;
    float: left !important;
    width: 50% !important; } }

@media screen and (min-width: 800px) {
  .store-order-items,
  .core-section.store-section-customer-contact {
    padding-right: 12px; } }

@media screen and (min-width: 800px) {
  .store-order-pricing,
  .core-section.store-section-payment {
    padding-left: 12px; } }

.store-surveys {
  clear: both;
  padding-top: 2em; }
  .store-surveys .core-section-header {
    margin-top: 0; }

.core-form-field-group-body table tr,
.core-form-field-group-body table th,
.core-form-field-group-body table td {
  background: transparent;
  border: none;
  padding: 0; }
.core-form-field-group-body input[type="checkbox"] + label {
  padding-left: 0.5em;
  white-space: normal; }

/* override fastspring input[type="text"] styles */
.store-decorate-silk input[type="text"] {
  background: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding: 4px 8px;
  width: 100%;
  border: 2px solid black;
  line-height: 32px;
  min-height: 44px;
  font-family: inherit;
  font-weight: inherit; }

.store-decorate-silk input[size="3"] {
  width: auto; }

/* Namespaced to only apply to coupon style */
.fastspring-coupon-template {
  /* Grey background for coupon style */ }
  .fastspring-coupon-template .content,
  .fastspring-coupon-template .content__inner {
    background: transparent !important; }
  .fastspring-coupon-template .content__inner {
    margin: auto;
    max-width: 1050px;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    color: #222;
    -webkit-font-smoothing: antialiased; }
    @media (min-width: 500px) {
      .fastspring-coupon-template .content__inner {
        display: table;
        width: 100%; } }
  .fastspring-coupon-template .content__inner__image {
    padding: 30px 30px 0;
    text-align: center; }
    .fastspring-coupon-template .content__inner__image img {
      max-width: 200px; }
      @media (min-width: 500px) {
        .fastspring-coupon-template .content__inner__image img {
          max-width: 100%; } }
    @media (min-width: 500px) {
      .fastspring-coupon-template .content__inner__image {
        display: table-cell;
        vertical-align: top;
        width: 25%;
        padding: 80px 40px 80px 30px; } }
    @media (min-width: 768px) {
      .fastspring-coupon-template .content__inner__image {
        vertical-align: middle; } }
    @media (min-width: 900px) {
      .fastspring-coupon-template .content__inner__image {
        width: 33%; } }
  .fastspring-coupon-template .content__inner__content {
    text-align: left;
    padding: 0 30px;
    /* Order */ }
    .fastspring-coupon-template .content__inner__content h1 {
      margin-top: 0;
      font-weight: 300;
      font-size: 1.7em; }
    @media (min-width: 500px) {
      .fastspring-coupon-template .content__inner__content {
        display: table-cell;
        vertical-align: middle;
        width: 75%;
        padding: 20px 30px 20px 0; } }
    @media (min-width: 900px) {
      .fastspring-coupon-template .content__inner__content {
        width: 67%; } }
    .fastspring-coupon-template .content__inner__content .store-product-detail-image {
      display: none; }
    .fastspring-coupon-template .content__inner__content .store-product-detail-title {
      display: block;
      font-size: 22px;
      font-weight: 400;
      margin: 20px 0; }
      @media (min-width: 600px) {
        .fastspring-coupon-template .content__inner__content .store-product-detail-title {
          font-size: 30px;
          line-height: 40px; } }
    .fastspring-coupon-template .content__inner__content .store-product-detail-pricing {
      display: block;
      font-size: 18px;
      margin-bottom: 20px; }
      @media (min-width: 600px) {
        .fastspring-coupon-template .content__inner__content .store-product-detail-pricing {
          font-size: 20px; } }
    .fastspring-coupon-template .content__inner__content .store-product-detail-offers {
      margin: 0; }
    .fastspring-coupon-template .content__inner__content .store-product-detail-pricing-additional {
      font-weight: 400;
      font-size: 20px;
      margin: 10px 0; }
      @media (min-width: 600px) {
        .fastspring-coupon-template .content__inner__content .store-product-detail-pricing-additional {
          font-size: 30px; } }
    .fastspring-coupon-template .content__inner__content .store-value-money {
      white-space: nowrap; }
    .fastspring-coupon-template .content__inner__content .store-product-detail-offer {
      display: block; }
    .fastspring-coupon-template .content__inner__content .store-product-detail-offer-title {
      display: block;
      font-weight: 300;
      margin: 25px 0;
      font-size: 22px; }
      @media (min-width: 600px) {
        .fastspring-coupon-template .content__inner__content .store-product-detail-offer-title {
          font-size: 30px;
          line-height: 36px; } }
    .fastspring-coupon-template .content__inner__content .store-product-detail-description {
      display: block;
      font-size: 16px;
      line-height: 24px;
      margin-top: 30px; }
    .fastspring-coupon-template .content__inner__content .store-product-detail-description-short {
      margin: 0; }
    .fastspring-coupon-template .content__inner__content .store-page-navigation {
      margin: 40px 0 0;
      padding: 0;
      border: none; }
    .fastspring-coupon-template .content__inner__content .store-page-navigation .store-action-list {
      text-align: left; }
      .fastspring-coupon-template .content__inner__content .store-page-navigation .store-action-list li {
        margin: 0;
        padding: 0; }

body {
  background: white; }

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