@charset "UTF-8";
/*------------------------------------*\
    #MIXINS
\*------------------------------------*/
/*------------------------------------*\
    #SETUP
\*------------------------------------*/
/* ------------------------------------*\
#MIXINS
\*------------------------------------ */
/*------------------------------------*\
    #COLOR
\*------------------------------------*/
/*------------------------------------*\
    #TYPE
\*------------------------------------*/
/*------------------------------------*\
    $FONT-SIZES
\*------------------------------------*/
/**
 * Font-sizes (in pixels). Refer to relevant sections for their implementations.
 */
/*------------------------------------*\
    $FONT-WEIGHTS
\*------------------------------------*/
/*------------------------------------*\
    #VARS
\*------------------------------------*/
/**
 * Generic, non-specific variables.
 */
/*------------------------------------*\
    #GENERIC
\*------------------------------------*/
/* normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a, .link, .page-header__menu li a, .page-footer__menulist a, .infobox__item-link, .errorpage__link, .errorpage__returnlink, .upload-file__overlay {
  background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active, .link:active, .page-header__menu li a:active, .infobox__item-link:active, .errorpage__link:active, .errorpage__returnlink:active, .upload-file__overlay:active,
a:hover,
.link:hover,
.page-header__menu li a:hover,
.infobox__item-link:hover,
.errorpage__link:hover,
.errorpage__returnlink:hover,
.upload-file__overlay:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*------------------------------------*\
    Custom css-reset so we dont mess
    up the normalize
\*------------------------------------*/
/**
 * Let’s make the box model all nice
 */
*, *:before, *:after {
  box-sizing: border-box;
}

/**
 * The usual...
 */
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
table, th, td, caption,
hr,
figure {
  margin: 0;
  padding: 0;
}

/**
 * Remove underlines from potentially troublesome elements.
 */
a, .link, .page-header__menu li a, .page-footer__menulist a, .infobox__item-link, .errorpage__link, .errorpage__returnlink, .upload-file__overlay, ins {
  text-decoration: none;
}

/**
 * So that `alt` text is visually offset if images don’t load.
 */
img {
  font-style: italic;
}

/**
 * So that we don't have to reset this all the time. We would rather add list-style when wanted than hide it every time.
 */
li {
  list-style: none;
}

/**
 * Why should a image be beyond 100%?
 */
img {
  max-width: 100%;
}

main {
  display: block;
}

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  border: 0;
  outline: 0;
  background-color: transparent;
}

.user-select-none {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  -moz-user-drag: none;
  user-drag: none;
}

.user-select-text {
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
}

/*------------------------------------*\
    #CLEARFIX
\*------------------------------------*/
/**
 * Micro clearfix, as per: nicolasgallagher.com/micro-clearfix-hack
 * Extend the clearfix class with Sass to avoid the `.clearfix` class appearing over
 * and over in your markup.
 */
.clearfix, .grid, .page-header__content, .page-header__top-bar-wrapper, .page-footer__content, .page-section__content, .page-article__header, .page-contact-form, .landingpage__navigation, .landingpage__section-content, .row, form, .page-header {
  zoom: 1;
}

.clearfix:before, .grid:before, .page-header__content:before, .page-header__top-bar-wrapper:before, .page-footer__content:before, .page-section__content:before, .page-article__header:before, .page-contact-form:before, .landingpage__navigation:before, .landingpage__section-content:before, .row:before, form:before, .page-header:before, .clearfix:after, .grid:after, .page-header__content:after, .page-header__top-bar-wrapper:after, .page-footer__content:after, .page-section__content:after, .page-article__header:after, .page-contact-form:after, .landingpage__navigation:after, .landingpage__section-content:after, .row:after, form:after, .page-header:after {
  content: " ";
  display: table;
}

.clearfix:after, .grid:after, .page-header__content:after, .page-header__top-bar-wrapper:after, .page-footer__content:after, .page-section__content:after, .page-article__header:after, .page-contact-form:after, .landingpage__navigation:after, .landingpage__section-content:after, .row:after, form:after, .page-header:after {
  clear: both;
}

/*------------------------------------*\
    #BASE
\*------------------------------------*/
/*------------------------------------*\
    #LAYOUT
\*------------------------------------*/
/**
 * Our layout system (note, not grid system) can be used to lay out all manner
 * of things, from full page layouts to individual components.
 */
.col-1 {
  float: left;
  position: relative;
  width: 8.3333333333%;
}

.col-2 {
  float: left;
  position: relative;
  width: 16.6666666667%;
}

.col-3 {
  float: left;
  position: relative;
  width: 25%;
}

.col-4 {
  float: left;
  position: relative;
  width: 33.3333333333%;
}

.col-5 {
  float: left;
  position: relative;
  width: 41.6666666667%;
}

.col-6 {
  float: left;
  position: relative;
  width: 50%;
}

.col-7 {
  float: left;
  position: relative;
  width: 58.3333333333%;
}

.col-8 {
  float: left;
  position: relative;
  width: 66.6666666667%;
}

.col-9 {
  float: left;
  position: relative;
  width: 75%;
}

.col-10 {
  float: left;
  position: relative;
  width: 83.3333333333%;
}

.col-11 {
  float: left;
  position: relative;
  width: 91.6666666667%;
}

.col-12 {
  float: left;
  position: relative;
  width: 100%;
}

@media screen and (min-width: 640px) {
  .col-1--md {
    float: left;
    position: relative;
    width: 8.3333333333%;
  }
  .col-2--md {
    float: left;
    position: relative;
    width: 16.6666666667%;
  }
  .col-3--md {
    float: left;
    position: relative;
    width: 25%;
  }
  .col-4--md, .page-contact-form__form {
    float: left;
    position: relative;
    width: 33.3333333333%;
  }
  .col-5--md, .page-contact-form__description {
    float: left;
    position: relative;
    width: 41.6666666667%;
  }
  .col-6--md {
    float: left;
    position: relative;
    width: 50%;
  }
  .col-7--md {
    float: left;
    position: relative;
    width: 58.3333333333%;
  }
  .col-8--md {
    float: left;
    position: relative;
    width: 66.6666666667%;
  }
  .col-9--md {
    float: left;
    position: relative;
    width: 75%;
  }
  .col-10--md {
    float: left;
    position: relative;
    width: 83.3333333333%;
  }
  .col-11--md {
    float: left;
    position: relative;
    width: 91.6666666667%;
  }
  .col-12--md {
    float: left;
    position: relative;
    width: 100%;
  }
}

@media screen and (min-width: 960px) {
  .col-1--lg {
    float: left;
    position: relative;
    width: 8.3333333333%;
  }
  .col-2--lg {
    float: left;
    position: relative;
    width: 16.6666666667%;
  }
  .col-3--lg {
    float: left;
    position: relative;
    width: 25%;
  }
  .col-4--lg {
    float: left;
    position: relative;
    width: 33.3333333333%;
  }
  .col-5--lg {
    float: left;
    position: relative;
    width: 41.6666666667%;
  }
  .col-6--lg {
    float: left;
    position: relative;
    width: 50%;
  }
  .col-7--lg {
    float: left;
    position: relative;
    width: 58.3333333333%;
  }
  .col-8--lg {
    float: left;
    position: relative;
    width: 66.6666666667%;
  }
  .col-9--lg {
    float: left;
    position: relative;
    width: 75%;
  }
  .col-10--lg {
    float: left;
    position: relative;
    width: 83.3333333333%;
  }
  .col-11--lg {
    float: left;
    position: relative;
    width: 91.6666666667%;
  }
  .col-12--lg {
    float: left;
    position: relative;
    width: 100%;
  }
}

@media screen and (min-width: 1280px) {
  .col-1--xl {
    float: left;
    position: relative;
    width: 8.3333333333%;
  }
  .col-2--xl {
    float: left;
    position: relative;
    width: 16.6666666667%;
  }
  .col-3--xl {
    float: left;
    position: relative;
    width: 25%;
  }
  .col-4--xl {
    float: left;
    position: relative;
    width: 33.3333333333%;
  }
  .col-5--xl {
    float: left;
    position: relative;
    width: 41.6666666667%;
  }
  .col-6--xl {
    float: left;
    position: relative;
    width: 50%;
  }
  .col-7--xl {
    float: left;
    position: relative;
    width: 58.3333333333%;
  }
  .col-8--xl {
    float: left;
    position: relative;
    width: 66.6666666667%;
  }
  .col-9--xl {
    float: left;
    position: relative;
    width: 75%;
  }
  .col-10--xl {
    float: left;
    position: relative;
    width: 83.3333333333%;
  }
  .col-11--xl {
    float: left;
    position: relative;
    width: 91.6666666667%;
  }
  .col-12--xl {
    float: left;
    position: relative;
    width: 100%;
  }
}

/*------------------------------------*\
    OFFSET
\*------------------------------------*/
/**
 * Usage: col-offset-{1-11}
 */
.col-offset-1 {
  margin-left: 8.3333333333%;
}

.col-offset-2 {
  margin-left: 16.6666666667%;
}

.col-offset-3 {
  margin-left: 25%;
}

.col-offset-4 {
  margin-left: 33.3333333333%;
}

.col-offset-5 {
  margin-left: 41.6666666667%;
}

.col-offset-6 {
  margin-left: 50%;
}

.col-offset-7 {
  margin-left: 58.3333333333%;
}

.col-offset-8 {
  margin-left: 66.6666666667%;
}

.col-offset-9 {
  margin-left: 75%;
}

.col-offset-10 {
  margin-left: 83.3333333333%;
}

.col-offset-11 {
  margin-left: 91.6666666667%;
}

@media screen and (min-width: 640px) {
  .col-offset-1--md, .page-contact-form__description, .page-contact-form__form {
    margin-left: 8.3333333333%;
  }
  .col-offset-2--md {
    margin-left: 16.6666666667%;
  }
  .col-offset-3--md {
    margin-left: 25%;
  }
  .col-offset-4--md {
    margin-left: 33.3333333333%;
  }
  .col-offset-5--md {
    margin-left: 41.6666666667%;
  }
  .col-offset-6--md {
    margin-left: 50%;
  }
  .col-offset-7--md {
    margin-left: 58.3333333333%;
  }
  .col-offset-8--md {
    margin-left: 66.6666666667%;
  }
  .col-offset-9--md {
    margin-left: 75%;
  }
  .col-offset-10--md {
    margin-left: 83.3333333333%;
  }
  .col-offset-11--md {
    margin-left: 91.6666666667%;
  }
}

@media screen and (min-width: 960px) {
  .col-offset-1--lg {
    margin-left: 8.3333333333%;
  }
  .col-offset-2--lg {
    margin-left: 16.6666666667%;
  }
  .col-offset-3--lg {
    margin-left: 25%;
  }
  .col-offset-4--lg {
    margin-left: 33.3333333333%;
  }
  .col-offset-5--lg {
    margin-left: 41.6666666667%;
  }
  .col-offset-6--lg {
    margin-left: 50%;
  }
  .col-offset-7--lg {
    margin-left: 58.3333333333%;
  }
  .col-offset-8--lg {
    margin-left: 66.6666666667%;
  }
  .col-offset-9--lg {
    margin-left: 75%;
  }
  .col-offset-10--lg {
    margin-left: 83.3333333333%;
  }
  .col-offset-11--lg {
    margin-left: 91.6666666667%;
  }
  .col-offset-12--lg {
    margin-left: 100%;
  }
}

@media screen and (min-width: 1280px) {
  .col-offset-1--xl {
    margin-left: 8.3333333333%;
  }
  .col-offset-2--xl {
    margin-left: 16.6666666667%;
  }
  .col-offset-3--xl {
    margin-left: 25%;
  }
  .col-offset-4--xl {
    margin-left: 33.3333333333%;
  }
  .col-offset-5--xl {
    margin-left: 41.6666666667%;
  }
  .col-offset-6--xl {
    margin-left: 50%;
  }
  .col-offset-7--xl {
    margin-left: 58.3333333333%;
  }
  .col-offset-8--xl {
    margin-left: 66.6666666667%;
  }
  .col-offset-9--xl {
    margin-left: 75%;
  }
  .col-offset-10--xl {
    margin-left: 83.3333333333%;
  }
  .col-offset-11--xl {
    margin-left: 91.6666666667%;
  }
}

/*------------------------------------*\
    HIDERS
\*------------------------------------*/
@media screen and (max-width: 640px) {
  .col-hide--md {
    display: none;
  }
}

@media screen and (max-width: 960px) {
  .col-hide--lg {
    display: none;
  }
}

@media screen and (max-width: 1280px) {
  .col-hide--xl {
    display: none;
  }
}

.grid, .page-header__content, .page-header__top-bar-wrapper, .page-footer__content, .page-section__content, .page-article__header, .page-contact-form, .landingpage__navigation, .landingpage__section-content {
  max-width: 1500px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}

.grid--tight, .page-footer__menu, .page-section__content--tight, .page-section__content.page-section__content--tight, .page-section--cta .page-section__content, .landingpage__section--tagline .landingpage__section-content {
  max-width: 700px;
}

.grid--wide {
  max-width: 1700px;
}

.grid--breakpoints {
  width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}

@media screen and (min-width: 640px) {
  .grid--breakpoints {
    width: 500px;
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 960px) {
  .grid--breakpoints {
    width: 820px;
  }
}

@media screen and (min-width: 1280px) {
  .grid--breakpoints {
    width: 1360px;
  }
}

.row {
  margin-left: -20px;
  margin-right: -20px;
}

.row [class^="col-"] {
  padding-left: 20px;
  padding-right: 20px;
}

html, body {
  height: 100%;
}

body {
  font-family: "proxima-nova", "Helvetica Neue", sans-serif;
  font-size: 16px;
  color: #4a4b52;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
  background-color: #f4f4f4;
}

.scrollable {
  overflow: auto;
}

.scrollable--x {
  overflow-y: hidden;
  overflow-x: auto;
}

.disable-scroll {
  overflow: hidden;
}

.cursor-grabbing {
  cursor: grabbing;
}

.cursor-grab {
  cursor: grab;
}

/* If body has background image, we need to fix some stuff... */
body:not(.has-background-image) .board-plugin-classic__colors {
  margin-top: 10px;
}

body.has-background-image {
  background-size: cover;
  background-position: center;
}

body.has-background-image .messagebar,
body.has-background-image .messagebar a,
body.has-background-image .messagebar .link,
body.has-background-image .messagebar .infobox__item-link,
body.has-background-image .messagebar .errorpage__link,
body.has-background-image .messagebar .errorpage__returnlink,
body.has-background-image .messagebar .upload-file__overlay {
  color: #ffffff;
  border-color: #ffffff;
}

body.has-background-image .board-plugin-classic__colors {
  background-color: rgba(0, 0, 0, 0.15);
  color: #ffffff;
}

body.has-background-image .board-plugin-classic__column .input-add__input {
  background-color: #ffffff;
}

body.has-background-image .board-plugin-classic__column--drag-helper {
  background-color: transparent;
}

body.has-background-image .visual-card-mini {
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
}

body.has-background-image .visual-card-mini-ghost {
  background-color: rgba(0, 0, 0, 0.2);
}

a, .link, .page-header__menu li a, .page-footer__menulist a, .infobox__item-link, .errorpage__link, .errorpage__returnlink, .upload-file__overlay {
  color: #1c68ce;
  cursor: pointer;
}


a:hover,
.link:hover,
.page-header__menu li a:hover,
.infobox__item-link:hover,
.errorpage__link:hover,
.errorpage__returnlink:hover,
.upload-file__overlay:hover {
  color: #195db8;
}

.link--neutral {
  color: #4a4b52;
  padding-bottom: 1px;
}

.link--neutral:hover, .link--neutral:focus {
  color: #5d5e67;
}

.link--light, .link--light:hover, .link--light:focus {
  color: #ffffff;
}

.link--light.link--underlined {
  border-color: rgba(255, 255, 255, 0.2);
}

.link--light.link--underlined:hover, .link--light.link--underlined:focus {
  border-color: rgba(255, 255, 255, 0.5);
  border-bottom-style: solid;
}

.link--muted:hover, .link--muted:focus {
  color: rgba(74, 75, 82, 0.7);
}

.link--muted.link--underlined {
  border-bottom: 1px dotted rgba(74, 75, 82, 0.5);
}

.link--muted.link--underlined:hover, .link--muted.link--underlined:focus {
  border-bottom: 1px solid rgba(74, 75, 82, 0.5);
}

.link--underlined {
  padding-bottom: 1px;
  border-bottom: 1px #1c68ce dotted;
}

.link--underlined:focus, .link--underlined:hover {
  border-bottom: 1px #195db8 solid;
}

h1,
h2,
h3,
h4,
h5 {
  font-family: "proxima-nova", "Helvetica Neue", sans-serif;
  margin: 0;
  margin-bottom: 10px;
  line-height: 1.2em;
}

h1 [class^="icon-"],
h2 [class^="icon-"],
h3 [class^="icon-"],
h4 [class^="icon-"],
h5 [class^="icon-"] {
  vertical-align: middle;
}

h1,
.alpha {
  font-weight: 700;
}

@media (min-width: 1280px) {
  h1,
  .alpha {
    font-size: 48px;
  }
}

@media (max-width: 1280px) {
  h1,
  .alpha {
    font-size: 48px;
  }
}

@media (max-width: 1152px) {
  h1,
  .alpha {
    font-size: 43.2px;
  }
}

@media (max-width: 896px) {
  h1,
  .alpha {
    font-size: 33.6px;
  }
}

h2,
.beta,
.page-contact-form__description h1,
.errorpage__returnlink {
  font-weight: 700;
}

@media (min-width: 1280px) {
  h2,
  .beta,
  .page-contact-form__description h1,
  .errorpage__returnlink {
    font-size: 32px;
  }
}

@media (max-width: 1280px) {
  h2,
  .beta,
  .page-contact-form__description h1,
  .errorpage__returnlink {
    font-size: 32px;
  }
}

@media (max-width: 1152px) {
  h2,
  .beta,
  .page-contact-form__description h1,
  .errorpage__returnlink {
    font-size: 28.8px;
  }
}

@media (max-width: 896px) {
  h2,
  .beta,
  .page-contact-form__description h1,
  .errorpage__returnlink {
    font-size: 22.4px;
  }
}

h3,
.gamma {
  font-weight: 400;
}

@media (min-width: 1280px) {
  h3,
  .gamma {
    font-size: 32px;
  }
}

@media (max-width: 1280px) {
  h3,
  .gamma {
    font-size: 32px;
  }
}

@media (max-width: 1152px) {
  h3,
  .gamma {
    font-size: 28.8px;
  }
}

@media (max-width: 896px) {
  h3,
  .gamma {
    font-size: 22.4px;
  }
}

h4,
.delta,
.page-split__content .page-form__title,
.landingpage__header-subtitle {
  font-weight: 700;
}

@media (min-width: 1280px) {
  h4,
  .delta,
  .page-split__content .page-form__title,
  .landingpage__header-subtitle {
    font-size: 24px;
  }
}

@media (max-width: 1280px) {
  h4,
  .delta,
  .page-split__content .page-form__title,
  .landingpage__header-subtitle {
    font-size: 24px;
  }
}

@media (max-width: 1152px) {
  h4,
  .delta,
  .page-split__content .page-form__title,
  .landingpage__header-subtitle {
    font-size: 21.6px;
  }
}

@media (max-width: 896px) {
  h4,
  .delta,
  .page-split__content .page-form__title,
  .landingpage__header-subtitle {
    font-size: 16.8px;
  }
}

h5,
.echo {
  font-size: 16px;
  font-weight: 700;
}

h1 small,
h2 small,
h3 small,
h4 small {
  display: block;
  font-size: 65%;
}

h1 a, h1 .link, h1 .page-header__menu li a, .page-header__menu li h1 a, h1 .page-footer__menulist a, .page-footer__menulist h1 a, h1 .infobox__item-link, h1 .errorpage__link, h1 .errorpage__returnlink, h1 .upload-file__overlay,
h2 a,
h2 .link,
h2 .page-header__menu li a,
.page-header__menu li h2 a,
h2 .page-footer__menulist a,
.page-footer__menulist h2 a,
h2 .infobox__item-link,
h2 .errorpage__link,
h2 .errorpage__returnlink,
h2 .upload-file__overlay,
h3 a,
h3 .link,
h3 .page-header__menu li a,
.page-header__menu li h3 a,
h3 .page-footer__menulist a,
.page-footer__menulist h3 a,
h3 .infobox__item-link,
h3 .errorpage__link,
h3 .errorpage__returnlink,
h3 .upload-file__overlay,
h4 a,
h4 .link,
h4 .page-header__menu li a,
.page-header__menu li h4 a,
h4 .page-footer__menulist a,
.page-footer__menulist h4 a,
h4 .infobox__item-link,
h4 .errorpage__link,
h4 .errorpage__returnlink,
h4 .upload-file__overlay {
  color: #5d5e67;
}

h1 a:hover, h1 .link:hover, h1 .infobox__item-link:hover, h1 .errorpage__link:hover, h1 .errorpage__returnlink:hover, h1 .upload-file__overlay:hover,
h2 a:hover,
h2 .link:hover,
h2 .infobox__item-link:hover,
h2 .errorpage__link:hover,
h2 .errorpage__returnlink:hover,
h2 .upload-file__overlay:hover,
h3 a:hover,
h3 .link:hover,
h3 .infobox__item-link:hover,
h3 .errorpage__link:hover,
h3 .errorpage__returnlink:hover,
h3 .upload-file__overlay:hover,
h4 a:hover,
h4 .link:hover,
h4 .infobox__item-link:hover,
h4 .errorpage__link:hover,
h4 .errorpage__returnlink:hover,
h4 .upload-file__overlay:hover {
  color: #195db8;
}

.text--muted, .link--muted, .separator-text .separator-label, .table__header, .person__title {
  color: rgba(74, 75, 82, 0.7);
}

.text--faded, .cta-field__nocc {
  opacity: .7;
}

.text--normal {
  font-weight: 400;
}

.text--bold {
  font-weight: 700;
}

.text--italic {
  font-style: italic;
}

.text--center, .landingpage__section--tagline {
  text-align: center;
}

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

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

.text--warning {
  display: inline-block;
  margin-top: 5px;
  color: #ff4545;
}

.text--warning:hover, .text--warning:active {
  color: #ff4545;
}

.text--positive {
  color: #278e27;
}

.text--error,
.errorlist {
  color: #ff4545;
}

.text--nowrap {
  white-space: nowrap;
}

.text-label {
  padding: 2px 5px;
  border-radius: 5px;
  background-color: rgba(74, 75, 82, 0.07);
}

p {
  margin-bottom: 20px;
}

p.no-margin, .page-form__info p {
  margin-bottom: 0;
}

.preamble {
  font-size: 24px;
  font-weight: 400;
}

.text--linebreaks {
  white-space: pre-line;
}

.color-primary {
  color: #e91e63;
}

.list {
  margin-left: 20px;
}

.list li {
  list-style: disc;
}

.form-errors {
  margin-top: 20px;
  margin-bottom: 20px;
  color: #e91e63;
}

.form {
  font-size: 0;
}

.form label {
  position: relative;
  display: block;
  width: 100%;
  font-size: 16px;
  margin-bottom: 20px;
}

.form--option-list label input[type="checkbox"],
.form--option-list label input[type="radio"] {
  position: absolute;
  left: 0;
  top: 2px;
}

.form--option-list .form__labeltext {
  padding-left: 20px;
}

.form-inline {
  font-size: 0;
}

.form-inline label {
  display: block;
  width: 100%;
  font-size: 16px;
  margin-bottom: 10px;
}

@media screen and (min-width: 640px) {
  .form-inline label {
    display: inline-block;
    width: 250px;
    margin-left: 5px;
  }
  .form-inline label:first-child {
    margin-left: 0;
  }
}

.form-inline label input[type="text"],
.form-inline label input[type="email"],
.form-inline label input[type="password"] {
  border: 0;
  height: 56px;
  padding-left: 15px;
  /*
            &:focus {
                border-color: $color-primary;
            }
            */
}

.form-inline .button, .form-inline .select--button select, .select--button .form-inline select, .form-inline .infobox__accept, .form-inline .infobox__reject, .form-inline .page-header__button {
  display: block;
  width: 100%;
  height: 56px;
  vertical-align: top;
}

@media screen and (min-width: 640px) {
  .form-inline .button, .form-inline .select--button select, .select--button .form-inline select, .form-inline .infobox__accept, .form-inline .infobox__reject, .form-inline .page-header__button {
    display: inline-block;
    width: auto;
    margin-left: 5px;
  }
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="file"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.input,
.select select,
.select--input,
.page-form__basedomain-field,
.page-form__emailalpha-field {
  display: block;
  width: 100%;
  padding: 10px 8px;
  box-sizing: border-box;
  border: 2px solid #d6d8dc;
  color: #4a4b52;
  border-radius: 5px;
  background-color: #ffffff;
  transition: border-color .2s ease-in-out;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-user-select: auto;
     -moz-user-select: auto;
      -ms-user-select: auto;
          user-select: auto;
  /* Damn you MSIE */
}

textarea[disabled],
input[type="text"][disabled],
input[type="password"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="date"][disabled],
input[type="month"][disabled],
input[type="time"][disabled],
input[type="week"][disabled],
input[type="number"][disabled],
input[type="email"][disabled],
input[type="file"][disabled],
input[type="url"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="color"][disabled],
.input[disabled],
.select select[disabled],
.select--input[disabled],
.page-form__basedomain-field[disabled],
.page-form__emailalpha-field[disabled] {
  background-color: #d6d8dc;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="file"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.input:focus,
.select select:focus,
.select--input:focus,
.page-form__basedomain-field:focus,
.page-form__emailalpha-field:focus {
  background-color: #ffffff;
  border-color: #bfc3c7;
}

textarea::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="datetime"]::-webkit-input-placeholder,
input[type="datetime-local"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
input[type="month"]::-webkit-input-placeholder,
input[type="time"]::-webkit-input-placeholder,
input[type="week"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="file"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="color"]::-webkit-input-placeholder,
.input::-webkit-input-placeholder,
.select select::-webkit-input-placeholder,
.select--input::-webkit-input-placeholder,
.page-form__basedomain-field::-webkit-input-placeholder,
.page-form__emailalpha-field::-webkit-input-placeholder {
  color: rgba(74, 75, 82, 0.5);
}

textarea::-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="datetime"]::-moz-placeholder,
input[type="datetime-local"]::-moz-placeholder,
input[type="date"]::-moz-placeholder,
input[type="month"]::-moz-placeholder,
input[type="time"]::-moz-placeholder,
input[type="week"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="file"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="color"]::-moz-placeholder,
.input::-moz-placeholder,
.select select::-moz-placeholder,
.select--input::-moz-placeholder,
.page-form__basedomain-field::-moz-placeholder,
.page-form__emailalpha-field::-moz-placeholder {
  color: rgba(74, 75, 82, 0.5);
}

textarea:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="datetime"]:-ms-input-placeholder,
input[type="datetime-local"]:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
input[type="month"]:-ms-input-placeholder,
input[type="time"]:-ms-input-placeholder,
input[type="week"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="file"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="color"]:-ms-input-placeholder,
.input:-ms-input-placeholder,
.select select:-ms-input-placeholder,
.select--input:-ms-input-placeholder,
.page-form__basedomain-field:-ms-input-placeholder,
.page-form__emailalpha-field:-ms-input-placeholder {
  color: rgba(74, 75, 82, 0.5);
}

textarea::placeholder,
input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="datetime"]::placeholder,
input[type="datetime-local"]::placeholder,
input[type="date"]::placeholder,
input[type="month"]::placeholder,
input[type="time"]::placeholder,
input[type="week"]::placeholder,
input[type="number"]::placeholder,
input[type="email"]::placeholder,
input[type="file"]::placeholder,
input[type="url"]::placeholder,
input[type="search"]::placeholder,
input[type="tel"]::placeholder,
input[type="color"]::placeholder,
.input::placeholder,
.select select::placeholder,
.select--input::placeholder,
.page-form__basedomain-field::placeholder,
.page-form__emailalpha-field::placeholder {
  color: rgba(74, 75, 82, 0.5);
}

textarea::-ms-clear,
input[type="text"]::-ms-clear,
input[type="password"]::-ms-clear,
input[type="datetime"]::-ms-clear,
input[type="datetime-local"]::-ms-clear,
input[type="date"]::-ms-clear,
input[type="month"]::-ms-clear,
input[type="time"]::-ms-clear,
input[type="week"]::-ms-clear,
input[type="number"]::-ms-clear,
input[type="email"]::-ms-clear,
input[type="file"]::-ms-clear,
input[type="url"]::-ms-clear,
input[type="search"]::-ms-clear,
input[type="tel"]::-ms-clear,
input[type="color"]::-ms-clear,
.input::-ms-clear,
.select select::-ms-clear,
.select--input::-ms-clear,
.page-form__basedomain-field::-ms-clear,
.page-form__emailalpha-field::-ms-clear {
  display: none;
}

.input--focus {
  background-color: #ffffff;
  border-color: #bfc3c7;
}

.input--error, textarea.ng-touched.ng-invalid-email,
input.ng-touched.ng-invalid-email[type="text"],
input.ng-touched.ng-invalid-email[type="password"],
input.ng-touched.ng-invalid-email[type="datetime"],
input.ng-touched.ng-invalid-email[type="datetime-local"],
input.ng-touched.ng-invalid-email[type="date"],
input.ng-touched.ng-invalid-email[type="month"],
input.ng-touched.ng-invalid-email[type="time"],
input.ng-touched.ng-invalid-email[type="week"],
input.ng-touched.ng-invalid-email[type="number"],
input.ng-touched.ng-invalid-email[type="email"],
input.ng-touched.ng-invalid-email[type="file"],
input.ng-touched.ng-invalid-email[type="url"],
input.ng-touched.ng-invalid-email[type="search"],
input.ng-touched.ng-invalid-email[type="tel"],
input.ng-touched.ng-invalid-email[type="color"],
.input.ng-touched.ng-invalid-email, .select select.ng-touched.ng-invalid-email, .ng-touched.ng-invalid-email.select--input, .ng-touched.ng-invalid-email.page-form__basedomain-field, .ng-touched.ng-invalid-email.page-form__emailalpha-field, textarea.input--error,
input.input--error[type="text"],
input.input--error[type="password"],
input.input--error[type="datetime"],
input.input--error[type="datetime-local"],
input.input--error[type="date"],
input.input--error[type="month"],
input.input--error[type="time"],
input.input--error[type="week"],
input.input--error[type="number"],
input.input--error[type="email"],
input.input--error[type="file"],
input.input--error[type="url"],
input.input--error[type="search"],
input.input--error[type="tel"],
input.input--error[type="color"],
.input.input--error, .select select.input--error, .input--error.select--input, .input--error.page-form__basedomain-field, .input--error.page-form__emailalpha-field, .page-form__label--error input {
  border-color: #ff4545;
}

.input--error:focus, textarea.ng-touched.ng-invalid-email:focus,
input.ng-touched.ng-invalid-email:focus[type="text"],
input.ng-touched.ng-invalid-email:focus[type="password"],
input.ng-touched.ng-invalid-email:focus[type="datetime"],
input.ng-touched.ng-invalid-email:focus[type="datetime-local"],
input.ng-touched.ng-invalid-email:focus[type="date"],
input.ng-touched.ng-invalid-email:focus[type="month"],
input.ng-touched.ng-invalid-email:focus[type="time"],
input.ng-touched.ng-invalid-email:focus[type="week"],
input.ng-touched.ng-invalid-email:focus[type="number"],
input.ng-touched.ng-invalid-email:focus[type="email"],
input.ng-touched.ng-invalid-email:focus[type="file"],
input.ng-touched.ng-invalid-email:focus[type="url"],
input.ng-touched.ng-invalid-email:focus[type="search"],
input.ng-touched.ng-invalid-email:focus[type="tel"],
input.ng-touched.ng-invalid-email:focus[type="color"],
.input.ng-touched.ng-invalid-email:focus, .select select.ng-touched.ng-invalid-email:focus, .ng-touched.ng-invalid-email.select--input:focus, .ng-touched.ng-invalid-email.page-form__basedomain-field:focus, .ng-touched.ng-invalid-email.page-form__emailalpha-field:focus,
input.input--error:focus[type="text"],
input.input--error:focus[type="password"],
input.input--error:focus[type="datetime"],
input.input--error:focus[type="datetime-local"],
input.input--error:focus[type="date"],
input.input--error:focus[type="month"],
input.input--error:focus[type="time"],
input.input--error:focus[type="week"],
input.input--error:focus[type="number"],
input.input--error:focus[type="email"],
input.input--error:focus[type="file"],
input.input--error:focus[type="url"],
input.input--error:focus[type="search"],
input.input--error:focus[type="tel"],
input.input--error:focus[type="color"], .page-form__label--error input:focus {
  border-color: #ff4545;
}

.input--disabled, .page-form__basedomain-field, .page-form__emailalpha-field {
  background-color: #d6d8dc;
}

.input--noborder {
  border: 0 !important;
  padding: 12px !important;
}

.input__cc-number {
  background-position: 98%;
  background-repeat: no-repeat;
  background-size: 30px;
}

.input__cc-number--diners-club {
  background-image: url("../../project_angular/img/credit-cards/diners-club.ba59d7ba8ade.png");
}

.input__cc-number--jcb {
  background-image: url("../../project_angular/img/credit-cards/jcb.18ca73261510.png");
}

.input__cc-number--discover {
  background-image: url("../../project_angular/img/credit-cards/discover.65851d19b097.png");
}

.input__cc-number--amex {
  background-image: url("../../project_angular/img/credit-cards/amex.52ad483a4092.png");
}

.input__cc-number--mastercard {
  background-image: url("../../project_angular/img/credit-cards/mastercard.dc3374325784.png");
}

.input__cc-number--visa {
  background-image: url("../../project_angular/img/credit-cards/visa.5bfbdf6c6099.png");
}

.share-input {
  display: -ms-flexbox;
  display: flex;
  padding: 4px;
  padding-left: 8px;
}

.share-input .button, .share-input .select--button select, .select--button .share-input select, .share-input .infobox__accept, .share-input .infobox__reject, .share-input .page-header__button {
  height: 32px;
  padding-top: 0;
  padding-bottom: 0;
}

.share-input input[type="text"].no-input-style {
  border: 0;
  padding: 0;
  height: 32px;
}

input[type="color"] {
  width: 50px;
  height: 50px;
  padding: 0;
  border: 0;
}

input[type=date]::-webkit-clear-button,
input[type=date]::-webkit-inner-spin-button {
  display: none;
}

textarea.no-resize {
  resize: none;
}

[contenteditable=true] {
  -webkit-user-select: auto;
     -moz-user-select: auto;
      -ms-user-select: auto;
          user-select: auto;
  outline: 0;
  cursor: text;
}

[contenteditable=true]:empty:after {
  color: rgba(74, 75, 82, 0.5);
  cursor: text;
  content: attr(placeholder);
  display: block;
  /* For Firefox */
}

hr,
.separator {
  margin: 10px 0;
  padding: 0;
  border: 0;
  height: 3px;
  background-image: url("../../project_angular/img/hr--dark.d027e616f959.svg");
  background-repeat: repeat-x;
}

hr--light,
.separator--light {
  background-image: url("../../project_angular/img/hr--light.15adc406c209.svg");
}

hr--transparent,
.separator--transparent {
  opacity: 0.4;
}

hr--large,
.separator--large {
  height: 8px;
  background-image: url("../../project_angular/img/hr--large.2d6e39688947.svg");
}

hr--short,
.separator--short {
  max-width: 300px;
  margin: 0 auto 30px;
}

hr--tall,
.separator--tall {
  margin: 30px 0;
}

hr--xtall,
.separator--xtall {
  margin: 40px 0;
}

.separator-text {
  position: relative;
}

.separator-text .separator-label {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #ffffff;
  padding-left: 10px;
  padding-right: 10px;
}

.button, .select--button select, .infobox__accept, .infobox__reject, .page-header__button {
  display: inline-block;
  padding: 8px 15px;
  border-radius: 5px;
  text-align: center;
  font-size: 16px;
  white-space: nowrap;
  font-weight: 700;
  color: #4a4b52;
  background-color: #d6d8dc;
  border-color: #d6d8dc;
  border: 2px solid #d6d8dc;
  transition: opacity .2s ease-in-out, padding-left .2s ease-in-out;
}

.button:hover, .select--button select:hover, .infobox__accept:hover, .infobox__reject:hover, .page-header__button:hover, .button:focus, .select--button select:focus, .infobox__accept:focus, .infobox__reject:focus, .page-header__button:focus {
  color: #4a4b52;
  background-color: #bfc3c7;
  border-color: #bfc3c7;
}

.button:active, .select--button select:active, .infobox__accept:active, .infobox__reject:active, .page-header__button:active {
  color: #4a4b52;
  background-color: #bfc3c7;
  border-color: #bfc3c7;
}

.button__arrow {
  margin-top: 8px;
  margin-left: 5px;
}

.button--primary, .infobox__accept {
  color: #ffffff;
  background-color: #e91e63;
  border-color: #e91e63;
}

.button--primary:hover, .infobox__accept:hover, .button--primary:focus, .infobox__accept:focus {
  color: #ffffff;
  background-color: #d21b59;
  border-color: #d21b59;
}

.button--primary:active, .infobox__accept:active {
  color: #ffffff;
  background-color: #a31545;
  border-color: #a31545;
}

.button--primary--dark {
  color: #ffffff;
  background-color: #a31545;
  border-color: #a31545;
}

.button--primary--dark:hover, .button--primary--dark:focus {
  color: #ffffff;
  background-color: #821137;
  border-color: #821137;
}

.button--primary--dark:active {
  color: #ffffff;
  background-color: #620d29;
  border-color: #620d29;
}

.button--secondary {
  color: #3b3c42;
  background-color: #171c2d;
  border-color: #171c2d;
}

.button--secondary:hover, .button--secondary:focus {
  color: #3b3c42;
  background-color: #0e121c;
  border-color: #0e121c;
}

.button--secondary:active {
  color: #3b3c42;
  background-color: #06070b;
  border-color: #06070b;
}

.button--warning {
  color: #ffffff;
  background-color: #ff4545;
  border-color: #ff4545;
}

.button--warning:hover, .button--warning:focus {
  color: #ffffff;
  background-color: #ff2c2c;
  border-color: #ff2c2c;
}

.button--warning:active {
  color: #ffffff;
  background-color: #ff1212;
  border-color: #ff1212;
}

.button--light {
  color: #4a4b52;
  background-color: #ffffff;
  border-color: #ffffff;
}

.button--light:hover, .button--light:focus {
  color: #4a4b52;
  background-color: #ffffff;
  border-color: #ffffff;
}

.button--light:active {
  color: #4a4b52;
  background-color: #ffffff;
  border-color: #ffffff;
}

.button--outlined, .page-header__button {
  background-color: transparent;
  border-width: 2px;
  color: rgba(74, 75, 82, 0.7);
}

.button--outlined[class~="button--primary"], .page-header__button[class~="button--primary"] {
  color: #e91e63;
  background-color: transparent;
  border-color: transparent;
  border-color: #e91e63;
}

.button--outlined[class~="button--primary"]:hover, .page-header__button[class~="button--primary"]:hover, .button--outlined[class~="button--primary"]:focus, .page-header__button[class~="button--primary"]:focus {
  color: #e91e63;
  background-color: #e91e63;
  border-color: #e91e63;
}

.button--outlined[class~="button--primary"]:active, .page-header__button[class~="button--primary"]:active {
  color: #e91e63;
  background-color: #e91e63;
  border-color: #e91e63;
}

.button--outlined[class~="button--primary"]:hover, .page-header__button[class~="button--primary"]:hover, .button--outlined[class~="button--primary"]:focus, .page-header__button[class~="button--primary"]:focus {
  color: #ffffff;
}

.button--outlined[class~="button--light"], .page-header__button[class~="button--light"] {
  color: #ffffff;
  background-color: transparent;
  border-color: transparent;
  border-color: #ffffff;
}

.button--outlined[class~="button--light"]:hover, .page-header__button[class~="button--light"]:hover, .button--outlined[class~="button--light"]:focus, .page-header__button[class~="button--light"]:focus {
  color: #ffffff;
  background-color: #ffffff;
  border-color: #ffffff;
}

.button--outlined[class~="button--light"]:active, .page-header__button[class~="button--light"]:active {
  color: #ffffff;
  background-color: #ffffff;
  border-color: #ffffff;
}

.button--outlined[class~="button--light"]:hover, .page-header__button[class~="button--light"]:hover, .button--outlined[class~="button--light"]:focus, .page-header__button[class~="button--light"]:focus {
  color: #4a4b52;
}

.button--outlined[class~="button--dark"], .page-header__button[class~="button--dark"] {
  color: #3b3c42;
  background-color: transparent;
  border-color: transparent;
  border-color: #3b3c42;
}

.button--outlined[class~="button--dark"]:hover, .page-header__button[class~="button--dark"]:hover, .button--outlined[class~="button--dark"]:focus, .page-header__button[class~="button--dark"]:focus {
  color: #3b3c42;
  background-color: #3b3c42;
  border-color: #3b3c42;
}

.button--outlined[class~="button--dark"]:active, .page-header__button[class~="button--dark"]:active {
  color: #3b3c42;
  background-color: #3b3c42;
  border-color: #3b3c42;
}

.button--outlined[class~="button--dark"]:hover, .page-header__button[class~="button--dark"]:hover, .button--outlined[class~="button--dark"]:focus, .page-header__button[class~="button--dark"]:focus {
  color: #ffffff;
}

.button--outlined:hover, .page-header__button:hover, .button--outlined:focus, .page-header__button:focus {
  color: #4a4b52;
}

.button--flat {
  color: #4a4b52;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}

.button--flat:hover, .button--flat:focus {
  color: #4a4b52;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}

.button--flat:active {
  color: #4a4b52;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}

.button--flat, .button--flat:hover, .button--flat:focus, .button--flat:active {
  border-color: transparent;
}

.button--transparent, .infobox__reject, .social-buttons .button, .social-buttons .select--button select, .select--button .social-buttons select, .social-buttons .infobox__accept, .social-buttons .infobox__reject, .social-buttons .page-header__button {
  color: #4a4b52;
  background-color: rgba(74, 75, 82, 0.07);
  border-color: rgba(74, 75, 82, 0.07);
}

.button--transparent:hover, .infobox__reject:hover, .social-buttons .button:hover, .social-buttons .select--button select:hover, .select--button .social-buttons select:hover, .social-buttons .infobox__accept:hover, .social-buttons .page-header__button:hover, .button--transparent:focus, .infobox__reject:focus, .social-buttons .button:focus, .social-buttons .select--button select:focus, .select--button .social-buttons select:focus, .social-buttons .infobox__accept:focus, .social-buttons .page-header__button:focus {
  color: #4a4b52;
  background-color: rgba(74, 75, 82, 0.15);
  border-color: rgba(74, 75, 82, 0.15);
}

.button--transparent:active, .infobox__reject:active, .social-buttons .button:active, .social-buttons .select--button select:active, .select--button .social-buttons select:active, .social-buttons .infobox__accept:active, .social-buttons .page-header__button:active {
  color: #4a4b52;
  background-color: rgba(74, 75, 82, 0.2);
  border-color: rgba(74, 75, 82, 0.2);
}

.button--transparent, .infobox__reject, .social-buttons .button, .social-buttons .select--button select, .select--button .social-buttons select, .social-buttons .infobox__accept, .social-buttons .infobox__reject, .social-buttons .page-header__button, .button--transparent:hover, .infobox__reject:hover, .social-buttons .button:hover, .social-buttons .select--button select:hover, .select--button .social-buttons select:hover, .social-buttons .infobox__accept:hover, .social-buttons .page-header__button:hover, .button--transparent:focus, .infobox__reject:focus, .social-buttons .button:focus, .social-buttons .select--button select:focus, .select--button .social-buttons select:focus, .social-buttons .infobox__accept:focus, .social-buttons .page-header__button:focus, .button--transparent:active, .infobox__reject:active, .social-buttons .button:active, .social-buttons .select--button select:active, .select--button .social-buttons select:active, .social-buttons .infobox__accept:active, .social-buttons .page-header__button:active {
  border-color: transparent;
}

.button--block, .social-buttons .button, .social-buttons .select--button select, .select--button .social-buttons select, .social-buttons .infobox__accept, .social-buttons .infobox__reject, .social-buttons .page-header__button {
  display: block;
  width: 100%;
}

.button--compact, .infobox__accept, .infobox__reject {
  line-height: 1.4;
  padding: 4px 12px;
}

.button--xcompact {
  height: 30px;
  line-height: 27px;
  padding: 0 20px;
}

.button--circle {
  font-size: 24px;
  border-radius: 50%;
}

.button--circle-light-background {
  width: 34px;
  height: 34px;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
}

.button--space-bellow {
  margin-bottom: 20px;
}

.button--large {
  padding-left: 30px;
  padding-right: 30px;
  font-size: 24px;
}

.button--responsive {
  display: block;
  width: 100%;
}

@media screen and (max-width: 640px) {
  .button--responsive {
    float: none !important;
  }
}

@media screen and (min-width: 640px) {
  .button--responsive {
    display: inline-block;
    width: auto;
  }
}

.button--icon {
  width: 34px;
  height: 34px;
  text-align: center;
  line-height: 34px;
  padding: 0;
  vertical-align: middle;
}

.button--icon [class^="icon-"],
.button--icon svg-icon {
  display: block;
  margin: 0 auto;
  line-height: 0;
}

.button--with-loader {
  position: relative;
  transition: padding-left .3s;
}

.button--loading {
  position: relative;
  padding-left: 50px;
}

.button-group .button--loading[class~="button--loading"]:first-child {
  padding-left: 20px;
}

@media screen and (min-width: 640px) {
  .button-group .button--loading[class~="button--loading"]:first-child {
    padding-left: 50px;
  }
}

.button--loading.button--transparent:after, .button--loading.infobox__reject:after, .social-buttons .button--loading.button:after, .social-buttons .select--button select.button--loading:after, .select--button .social-buttons select.button--loading:after, .social-buttons .button--loading.infobox__accept:after, .social-buttons .button--loading.page-header__button:after {
  background-image: url("../../project_angular/img/icons/svg-loaders/puff--dark.90cd3d0faf48.svg");
}

.button--loading:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 12px;
  display: block;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  background-image: url("../../project_angular/img/icons/svg-loaders/puff.27e2ef144c05.svg");
  background-repeat: no-repeat;
  background-size: cover;
}

.button[disabled]:not(.button--no-disabled-style), .select--button select[disabled]:not(.button--no-disabled-style), .infobox__accept[disabled]:not(.button--no-disabled-style), .infobox__reject[disabled]:not(.button--no-disabled-style), .page-header__button[disabled]:not(.button--no-disabled-style) {
  cursor: not-allowed;
  opacity: 0.5;
}

.button [class^="icon-"], .select--button select [class^="icon-"], .infobox__accept [class^="icon-"], .infobox__reject [class^="icon-"], .page-header__button [class^="icon-"] {
  vertical-align: baseline;
}

.button [class^="icon-arrow-down--dark"], .select--button select [class^="icon-arrow-down--dark"], .infobox__accept [class^="icon-arrow-down--dark"], .infobox__reject [class^="icon-arrow-down--dark"], .page-header__button [class^="icon-arrow-down--dark"] {
  vertical-align: middle;
}

.button [class^="icon-plus-16--light"], .select--button select [class^="icon-plus-16--light"], .infobox__accept [class^="icon-plus-16--light"], .infobox__reject [class^="icon-plus-16--light"], .page-header__button [class^="icon-plus-16--light"] {
  vertical-align: middle;
  margin-top: -2px;
}

.button-group {
  display: block;
  font-size: 0;
  white-space: nowrap;
}

@media screen and (min-width: 640px) {
  .button-group {
    display: inline-block;
  }
}

.button-group .button, .button-group .select--button select, .select--button .button-group select, .button-group .infobox__accept, .button-group .infobox__reject, .button-group .page-header__button {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}

.button-group .button:last-child, .button-group .select--button select:last-child, .select--button .button-group select:last-child, .button-group .infobox__accept:last-child, .button-group .infobox__reject:last-child, .button-group .page-header__button:last-child, .button-group .button:only-child, .button-group .select--button select:only-child, .select--button .button-group select:only-child, .button-group .infobox__accept:only-child, .button-group .infobox__reject:only-child, .button-group .page-header__button:only-child {
  margin-bottom: 0;
}

@media screen and (min-width: 640px) {
  .button-group .button, .button-group .select--button select, .select--button .button-group select, .button-group .infobox__accept, .button-group .infobox__reject, .button-group .page-header__button {
    display: inline-block;
    width: auto;
    border-radius: 0;
    margin-right: 2px;
    margin-bottom: 0;
  }
  .button-group .button:first-child, .button-group .select--button select:first-child, .select--button .button-group select:first-child, .button-group .infobox__accept:first-child, .button-group .infobox__reject:first-child, .button-group .page-header__button:first-child {
    padding-left: 17px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
  .button-group .button:last-child, .button-group .select--button select:last-child, .select--button .button-group select:last-child, .button-group .infobox__accept:last-child, .button-group .infobox__reject:last-child, .button-group .page-header__button:last-child {
    padding-right: 17px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  .button-group .button:only-child, .button-group .select--button select:only-child, .select--button .button-group select:only-child, .button-group .infobox__accept:only-child, .button-group .infobox__reject:only-child, .button-group .page-header__button:only-child {
    border-radius: 5px;
  }
}

.google-signin-button {
  display: inline-block;
  width: 191px;
  height: 46px;
  max-width: 100%;
  background-image: url("../../core_accounts/img/btn_google_signin.88fb811310be.png");
  background-repeat: no-repeat;
  background-origin: top left;
  background-size: 100%;
  background-position: 0 0;
}

.google-signin-button:hover, .google-signin-button:focus {
  background-position: 0;
}

.google-signin-button:active {
  background-position: 0 -92px;
}

label,
.label {
  display: block;
  color: #4a4b52;
}

label.margin,
.label.margin {
  margin-bottom: 20px;
}

label.no-margin,
.label.no-margin,
.page-form__info p.label {
  margin-bottom: 0 !important;
}

.pad-x {
  padding-left: 20px;
  padding-right: 20px;
}

.pad-y {
  padding-top: 20px;
  padding-bottom: 20px;
}

.pad-y--small {
  padding-top: 10px;
  padding-bottom: 10px;
}

.table__header, .table__item {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  border-top: 1px rgba(74, 75, 82, 0.07) solid;
}

.table__header div, .table__item div {
  padding: 8px 10px 8px 0;
}

.table__header {
  border: 0;
}

.table__item-action {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.table__item-action button {
  opacity: .5;
}

.table__item-action:hover button, .table__item-action:focus button {
  opacity: 1;
}

.animation__pop-in {
  animation: pop-in 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.animation__pop-out {
  animation: pop-out 0.2s cubic-bezier(0.55, 0, 0.1, 1);
}

.animation__backdrop-in {
  animation: fade-in .25s forwards;
}

.animation__note-in {
  animation: note-in .5s forwards;
}

.animation__fly-up {
  animation: fly-in-from-bottom 0.6s cubic-bezier(0.55, 0, 0.1, 1);
}

@media screen and (min-width: 640px) {
  .animation__fly-up {
    transform-origin: 50% 0;
    animation: fly-up .6s linear both;
  }
}

.animation__pop-in-from-top {
  animation: pop-in-from-top 0.4s linear both;
}

.animation__pop-in-from-right {
  animation: fly-in-from-right 100ms cubic-bezier(0.55, 0, 0.1, 1);
  transform-origin: right center;
}

.animation__shake {
  animation: shake 1s;
}

.animation__peaceful-from-top {
  animation: peaceful-in 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.animation__peaceful-in {
  animation: peaceful-in 0.2s cubic-bezier(0.55, 0, 0.1, 1);
}

.animation__peaceful-in-close {
  animation: peaceful-in-close 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.animation__peaceful-out {
  animation: peaceful-out 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.animation__pulse {
  animation: pulse 2s linear infinite;
  animation-iteration-count: 5;
}

.animation__shake {
  animation-delay: 4s;
  animation-duration: 100ms;
  animation-iteration-count: infinite;
  animation-name: shake;
  animation-timing-function: ease-in-out;
}

.animation__fade-pop-in {
  animation: fade-pop-in .3s;
}

.animation__dialog-in {
  animation: dialog-in 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.animation__dialog-out {
  animation: dialog-out 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.animation__remove-item-x {
  animation: remove-item-x .3s ease-out forwards;
}

@keyframes remove-item-x {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0);
    opacity: 0;
  }
}

@keyframes shake {
  2% {
    transform: translate(0.5px, -1.5px) rotate(-0.5deg);
  }
  4% {
    transform: translate(0.5px, 1.5px) rotate(1.5deg);
  }
  6% {
    transform: translate(1.5px, 1.5px) rotate(1.5deg);
  }
  8% {
    transform: translate(2.5px, 1.5px) rotate(0.5deg);
  }
  10% {
    transform: translate(0.5px, 2.5px) rotate(0.5deg);
  }
  12% {
    transform: translate(1.5px, 1.5px) rotate(0.5deg);
  }
  14% {
    transform: translate(0.5px, 0.5px) rotate(0.5deg);
  }
  16% {
    transform: translate(-1.5px, -0.5px) rotate(1.5deg);
  }
  18% {
    transform: translate(0.5px, 0.5px) rotate(1.5deg);
  }
  20% {
    transform: translate(2.5px, 2.5px) rotate(1.5deg);
  }
  22% {
    transform: translate(0.5px, -1.5px) rotate(1.5deg);
  }
  24% {
    transform: translate(-1.5px, 1.5px) rotate(-0.5deg);
  }
  26% {
    transform: translate(1.5px, 0.5px) rotate(1.5deg);
  }
  28% {
    transform: translate(-0.5px, -0.5px) rotate(-0.5deg);
  }
  30% {
    transform: translate(1.5px, -0.5px) rotate(-0.5deg);
  }
  32% {
    transform: translate(2.5px, -1.5px) rotate(1.5deg);
  }
  34% {
    transform: translate(2.5px, 2.5px) rotate(-0.5deg);
  }
  36% {
    transform: translate(0.5px, -1.5px) rotate(0.5deg);
  }
  38% {
    transform: translate(2.5px, -0.5px) rotate(-0.5deg);
  }
  40% {
    transform: translate(-0.5px, 2.5px) rotate(0.5deg);
  }
  42% {
    transform: translate(-1.5px, 2.5px) rotate(0.5deg);
  }
  44% {
    transform: translate(-1.5px, 1.5px) rotate(0.5deg);
  }
  46% {
    transform: translate(1.5px, -0.5px) rotate(-0.5deg);
  }
  48% {
    transform: translate(2.5px, -0.5px) rotate(0.5deg);
  }
  50% {
    transform: translate(-1.5px, 1.5px) rotate(0.5deg);
  }
  52% {
    transform: translate(-0.5px, 1.5px) rotate(0.5deg);
  }
  54% {
    transform: translate(-1.5px, 1.5px) rotate(0.5deg);
  }
  56% {
    transform: translate(0.5px, 2.5px) rotate(1.5deg);
  }
  58% {
    transform: translate(2.5px, 2.5px) rotate(0.5deg);
  }
  60% {
    transform: translate(2.5px, -1.5px) rotate(1.5deg);
  }
  62% {
    transform: translate(-1.5px, 0.5px) rotate(1.5deg);
  }
  64% {
    transform: translate(-1.5px, 1.5px) rotate(1.5deg);
  }
  66% {
    transform: translate(0.5px, 2.5px) rotate(1.5deg);
  }
  68% {
    transform: translate(2.5px, -1.5px) rotate(1.5deg);
  }
  70% {
    transform: translate(2.5px, 2.5px) rotate(0.5deg);
  }
  72% {
    transform: translate(-0.5px, -1.5px) rotate(1.5deg);
  }
  74% {
    transform: translate(-1.5px, 2.5px) rotate(1.5deg);
  }
  76% {
    transform: translate(-1.5px, 2.5px) rotate(1.5deg);
  }
  78% {
    transform: translate(-1.5px, 2.5px) rotate(0.5deg);
  }
  80% {
    transform: translate(-1.5px, 0.5px) rotate(-0.5deg);
  }
  82% {
    transform: translate(-1.5px, 0.5px) rotate(-0.5deg);
  }
  84% {
    transform: translate(-0.5px, 0.5px) rotate(1.5deg);
  }
  86% {
    transform: translate(2.5px, 1.5px) rotate(0.5deg);
  }
  88% {
    transform: translate(-1.5px, 0.5px) rotate(1.5deg);
  }
  90% {
    transform: translate(-1.5px, -0.5px) rotate(-0.5deg);
  }
  92% {
    transform: translate(-1.5px, -1.5px) rotate(1.5deg);
  }
  94% {
    transform: translate(0.5px, 0.5px) rotate(-0.5deg);
  }
  96% {
    transform: translate(2.5px, -0.5px) rotate(-0.5deg);
  }
  98% {
    transform: translate(-1.5px, -1.5px) rotate(-0.5deg);
  }
  0%, 100% {
    transform: translate(0, 0) rotate(0);
  }
}

@keyframes dialog-in {
  0% {
    transform: translateY(-75%);
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    transform: translateY(-50%);
    opacity: 1;
  }
}

@keyframes dialog-out {
  0% {
    transform: translateY(-50%);
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    transform: translateY(-75%);
    opacity: 0;
  }
}

@keyframes fade-3-items {
  0% {
    opacity: 1;
  }
  28% {
    opacity: 1;
  }
  33% {
    opacity: 0;
  }
  94% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  10% {
    transform: scale(1.08);
  }
  15% {
    transform: scale(1);
  }
  20% {
    transform: scale(1.05);
  }
  30% {
    transform: scale(1);
  }
  60% {
    transform: scale(1);
  }
  70% {
    transform: scale(1);
  }
  80% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes fly-up {
  0% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 500, 0, 1);
    opacity: 0;
  }
  3.333333% {
    transform: matrix3d(1, 0, 0, 0, 0, 1.27442, 0, 0, 0, 0, 1, 0, 0, 260.91272, 0, 1);
  }
  6.666667% {
    transform: matrix3d(1, 0, 0, 0, 0, 1.11213, 0, 0, 0, 0, 1, 0, 0, 109.1619, 0, 1);
  }
  10% {
    transform: matrix3d(1.01919, 0, 0, 0, 0, 0.99425, 0, 0, 0, 0, 1, 0, 0, 28.79636, 0, 1);
    opacity: 1;
  }
  13.333333% {
    transform: matrix3d(1.05917, 0, 0, 0, 0, 0.93374, 0, 0, 0, 0, 1, 0, 0, -5.56397, 0, 1);
  }
  16.666667% {
    transform: matrix3d(1.06889, 0, 0, 0, 0, 0.92676, 0, 0, 0, 0, 1, 0, 0, -15.20252, 0, 1);
  }
  20% {
    transform: matrix3d(1.05921, 0, 0, 0, 0, 0.93982, 0, 0, 0, 0, 1, 0, 0, -14.05071, 0, 1);
  }
  23.333333% {
    transform: matrix3d(1.04063, 0, 0, 0, 0, 0.95949, 0, 0, 0, 0, 1, 0, 0, -9.70376, 0, 1);
  }
  26.666667% {
    transform: matrix3d(1.02108, 0, 0, 0, 0, 0.97909, 0, 0, 0, 0, 1, 0, 0, -5.54288, 0, 1);
  }
  30% {
    transform: matrix3d(1.00529, 0, 0, 0, 0, 0.99476, 0, 0, 0, 0, 1, 0, 0, -2.61869, 0, 1);
  }
  33.333333% {
    transform: matrix3d(0.99513, 0, 0, 0, 0, 1.00487, 0, 0, 0, 0, 1, 0, 0, -0.92447, 0, 1);
  }
  36.666667% {
    transform: matrix3d(0.99042, 0, 0, 0, 0, 1.00957, 0, 0, 0, 0, 1, 0, 0, -0.1104, 0, 1);
  }
  40% {
    transform: matrix3d(0.98985, 0, 0, 0, 0, 1.01015, 0, 0, 0, 0, 1, 0, 0, 0.18642, 0, 1);
  }
  43.333333% {
    transform: matrix3d(0.99177, 0, 0, 0, 0, 1.00823, 0, 0, 0, 0, 1, 0, 0, 0.23058, 0, 1);
  }
  46.666667% {
    transform: matrix3d(0.99468, 0, 0, 0, 0, 1.00532, 0, 0, 0, 0, 1, 0, 0, 0.17982, 0, 1);
  }
  50% {
    transform: matrix3d(0.99751, 0, 0, 0, 0, 1.00249, 0, 0, 0, 0, 1, 0, 0, 0.11243, 0, 1);
  }
  53.333333% {
    transform: matrix3d(0.99967, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0.05867, 0, 1);
  }
  56.666667% {
    transform: matrix3d(1.00097, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0.02455, 0, 1);
  }
  60% {
    transform: matrix3d(1.0015, 0, 0, 0, 0, 0.9985, 0, 0, 0, 0, 1, 0, 0, 0.00648, 0, 1);
  }
  63.333333% {
    transform: matrix3d(1.00147, 0, 0, 0, 0, 0.99853, 0, 0, 0, 0, 1, 0, 0, -0.00125, 0, 1);
  }
  66.666667% {
    transform: matrix3d(1.00113, 0, 0, 0, 0, 0.99887, 0, 0, 0, 0, 1, 0, 0, -0.00342, 0, 1);
  }
  70% {
    transform: matrix3d(1.00068, 0, 0, 0, 0, 0.99932, 0, 0, 0, 0, 1, 0, 0, -0.00316, 0, 1);
  }
  73.333333% {
    transform: matrix3d(1.00028, 0, 0, 0, 0, 0.99972, 0, 0, 0, 0, 1, 0, 0, -0.00218, 0, 1);
  }
  76.666667% {
    transform: matrix3d(0.99999, 0, 0, 0, 0, 1.00001, 0, 0, 0, 0, 1, 0, 0, -0.00125, 0, 1);
  }
  80% {
    transform: matrix3d(0.99982, 0, 0, 0, 0, 1.00018, 0, 0, 0, 0, 1, 0, 0, -0.00059, 0, 1);
  }
  83.333333% {
    transform: matrix3d(0.99977, 0, 0, 0, 0, 1.00023, 0, 0, 0, 0, 1, 0, 0, -0.00021, 0, 1);
  }
  86.666667% {
    transform: matrix3d(0.99979, 0, 0, 0, 0, 1.00021, 0, 0, 0, 0, 1, 0, 0, -0.00002, 0, 1);
  }
  90% {
    transform: matrix3d(0.99985, 0, 0, 0, 0, 1.00015, 0, 0, 0, 0, 1, 0, 0, 0.00004, 0, 1);
  }
  93.333333% {
    transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00009, 0, 0, 0, 0, 1, 0, 0, 0.00005, 0, 1);
  }
  96.666667% {
    transform: matrix3d(0.99997, 0, 0, 0, 0, 1.00003, 0, 0, 0, 0, 1, 0, 0, 0.00004, 0, 1);
  }
  100% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}

@keyframes fade-pop-in {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes pop-in {
  0% {
    transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes pop-out {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(0.7);
  }
}

@keyframes pop-in-from-top {
  0% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -10, 0, 1);
    opacity: 0;
  }
  4% {
    transform: matrix3d(0.96758, 0, 0, 0, 0, 0.96758, 0, 0, 0, 0, 1, 0, 0, -6.46592, 0, 1);
  }
  8% {
    transform: matrix3d(0.96176, 0, 0, 0, 0, 0.96176, 0, 0, 0, 0, 1, 0, 0, -2.91725, 0, 1);
  }
  12% {
    transform: matrix3d(0.96958, 0, 0, 0, 0, 0.96958, 0, 0, 0, 0, 1, 0, 0, -0.25224, 0, 1);
    opacity: 1;
  }
  16% {
    transform: matrix3d(0.98144, 0, 0, 0, 0, 0.98144, 0, 0, 0, 0, 1, 0, 0, 1.26207, 0, 1);
  }
  20% {
    transform: matrix3d(0.99188, 0, 0, 0, 0, 0.99188, 0, 0, 0, 0, 1, 0, 0, 1.76942, 0, 1);
  }
  24% {
    transform: matrix3d(0.99884, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 1.60106, 0, 1);
  }
  28% {
    transform: matrix3d(1.0023, 0, 0, 0, 0, 1.0023, 0, 0, 0, 0, 1, 0, 0, 1.10713, 0, 1);
  }
  32% {
    transform: matrix3d(1.00324, 0, 0, 0, 0, 1.00324, 0, 0, 0, 0, 1, 0, 0, 0.56005, 0, 1);
  }
  36% {
    transform: matrix3d(1.00278, 0, 0, 0, 0, 1.00278, 0, 0, 0, 0, 1, 0, 0, 0.12148, 0, 1);
  }
  40% {
    transform: matrix3d(1.00181, 0, 0, 0, 0, 1.00181, 0, 0, 0, 0, 1, 0, 0, -0.14782, 0, 1);
  }
  44% {
    transform: matrix3d(1.00088, 0, 0, 0, 0, 1.00088, 0, 0, 0, 0, 1, 0, 0, -0.25729, 0, 1);
  }
  48% {
    transform: matrix3d(1.00021, 0, 0, 0, 0, 1.00021, 0, 0, 0, 0, 1, 0, 0, -0.25225, 0, 1);
  }
  52% {
    transform: matrix3d(0.99986, 0, 0, 0, 0, 0.99986, 0, 0, 0, 0, 1, 0, 0, -0.18613, 0, 1);
  }
  56% {
    transform: matrix3d(0.99973, 0, 0, 0, 0, 0.99973, 0, 0, 0, 0, 1, 0, 0, -0.10336, 0, 1);
  }
  60% {
    transform: matrix3d(0.99975, 0, 0, 0, 0, 0.99975, 0, 0, 0, 0, 1, 0, 0, -0.03233, 0, 1);
  }
  64% {
    transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99983, 0, 0, 0, 0, 1, 0, 0, 0.01446, 0, 1);
  }
  68% {
    transform: matrix3d(0.99991, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0.03631, 0, 1);
  }
  72% {
    transform: matrix3d(0.99997, 0, 0, 0, 0, 0.99997, 0, 0, 0, 0, 1, 0, 0, 0.03908, 0, 1);
  }
  76% {
    transform: matrix3d(1.00001, 0, 0, 0, 0, 1.00001, 0, 0, 0, 0, 1, 0, 0, 0.03077, 0, 1);
  }
  80% {
    transform: matrix3d(1.00002, 0, 0, 0, 0, 1.00002, 0, 0, 0, 0, 1, 0, 0, 0.01851, 0, 1);
  }
  84% {
    transform: matrix3d(1.00002, 0, 0, 0, 0, 1.00002, 0, 0, 0, 0, 1, 0, 0, 0.00719, 0, 1);
  }
  88% {
    transform: matrix3d(1.00002, 0, 0, 0, 0, 1.00002, 0, 0, 0, 0, 1, 0, 0, -0.00078, 0, 1);
  }
  92% {
    transform: matrix3d(1.00001, 0, 0, 0, 0, 1.00001, 0, 0, 0, 0, 1, 0, 0, -0.00493, 0, 1);
  }
  96% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00594, 0, 1);
  }
  100% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    opacity: 1;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes note-in {
  0% {
    transform: scale(0.7);
  }
  45% {
    transform: scale(1.02);
  }
  80% {
    transform: scale(0.98);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes fly-in-from-right {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}

@keyframes fly-in-from-bottom {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes shake {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes peaceful-in {
  0% {
    transform: translateY(-20px);
    opacity: 0;
    pointer-events: none;
  }
  80% {
    opacity: 1;
    pointer-events: none;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
    pointer-events: initial;
  }
}

@keyframes peaceful-in-close {
  0% {
    transform: translateY(-10px);
    opacity: 0;
    pointer-events: none;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
    pointer-events: initial;
  }
}

@keyframes peaceful-out {
  0% {
    transform: translateY(0px);
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
  100% {
    transform: translateY(-60px);
    opacity: 0;
  }
}

.upload-file {
  position: relative;
  display: inline-block;
}

.upload-file__input {
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  width: 1px;
  height: 10px;
  z-index: 1;
}

.upload-file__overlay {
  display: inline-block;
  position: relative;
  z-index: 2;
}

[class^="icon-"].icon-16 {
  width: 16px;
  height: 16px;
  background-size: 100%;
}

[class^="icon-"].icon-24 {
  width: 24px;
  height: 24px;
  background-size: 100%;
}

.icon-workspace {
  opacity: .5;
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 48px;
  height: 48px;
  background-image: url("../../project_angular/img/icons/workspace-48-black.1df6adb719a4.svg");
  background-repeat: no-repeat;
}

.icon-workspace--light {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 48px;
  height: 48px;
  background-image: url("../../project_angular/img/icons/workspace-48-light.34785f11a160.svg");
  background-repeat: no-repeat;
}

.icon-team {
  opacity: .5;
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 48px;
  height: 48px;
  background-image: url("../../project_angular/img/icons/team-48-black.a9913b26d42c.svg");
  background-repeat: no-repeat;
}

.icon-team--light {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 48px;
  height: 48px;
  background-image: url("../../project_angular/img/icons/team-48-white.08574a6ed1bd.svg");
  background-repeat: no-repeat;
}

.icon-search {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 24px;
  height: 24px;
  background-image: url("../../project_angular/img/icons/search.5cf3681c6194.svg");
  background-repeat: no-repeat;
}

.icon-search--light {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 24px;
  height: 24px;
  background-image: url("../../project_angular/img/icons/search--light.557dccb3034e.svg");
  background-repeat: no-repeat;
}

.icon-arrow-up--dark {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 12px;
  height: 8px;
  background-image: url("../../project_angular/img/icons/arrow-down--dark.762e167e28ad.svg");
  background-repeat: no-repeat;
  transform: rotate(180deg);
}

.icon-arrow-up--light {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 12px;
  height: 8px;
  background-image: url("../../project_angular/img/icons/arrow-down--light.a1b7cfb97601.svg");
  background-repeat: no-repeat;
  transform: rotate(180deg);
}

.icon-arrow-down--dark, .button__arrow--down, .icon-arrow-left--dark, .icon-arrow-right--dark, .select:before {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 12px;
  height: 8px;
  background-image: url("../../project_angular/img/icons/arrow-down--dark.762e167e28ad.svg");
  background-repeat: no-repeat;
}

.icon-arrow-down--light, .icon-arrow-left, .icon-arrow-right {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 12px;
  height: 8px;
  background-image: url("../../project_angular/img/icons/arrow-down--light.a1b7cfb97601.svg");
  background-repeat: no-repeat;
}

.icon-arrow-left {
  transform: rotate(90deg);
}

.icon-arrow-left--dark {
  transform: rotate(90deg);
}

.icon-arrow-right {
  transform: rotate(-90deg);
}

.icon-arrow-right--dark {
  transform: rotate(-90deg);
}

.icon-path-separator {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 10px;
  height: 16px;
  background-image: url("../../project_angular/img/icons/path-separator.2c18c86d19c0.svg");
  background-repeat: no-repeat;
}

.icon-close {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 18px;
  height: 18px;
  background-image: url("../../project_angular/img/icons/close.a11e30c72620.svg");
  background-repeat: no-repeat;
}

.icon-close--small {
  transform: scale(0.55);
}

.icon-close--light {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 18px;
  height: 18px;
  background-image: url("../../project_angular/img/icons/close--light.df57f5698919.svg");
  background-repeat: no-repeat;
}

.icon-plus {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 22px;
  height: 22px;
  background-image: url("../../project_angular/img/icons/plus.3f9bf64345c9.svg");
  background-repeat: no-repeat;
}

.icon-plus-16 {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 16px;
  height: 16px;
  background-image: url("../../project_angular/img/icons/plus.3f9bf64345c9.svg");
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-plus--light {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 22px;
  height: 22px;
  background-image: url("../../project_angular/img/icons/plus--light.773aa60106d2.svg");
  background-repeat: no-repeat;
}

.icon-plus-16--light {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 16px;
  height: 16px;
  background-image: url("../../project_angular/img/icons/plus--light.773aa60106d2.svg");
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-google-drive {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 24px;
  height: 24px;
  background-image: url("../../project_angular/img/icons/google-drive.b83d16c4218d.svg");
  background-repeat: no-repeat;
}

.icon-time {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 16px;
  height: 16px;
  background-image: url("../../project_angular/img/icons/time.ecb4c6ec17b9.svg");
  background-repeat: no-repeat;
}

.icon-time--light {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 16px;
  height: 16px;
  background-image: url("../../project_angular/img/icons/time--light.0dc521d1dfb6.svg");
  background-repeat: no-repeat;
}

.icon-delete {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 16px;
  height: 17px;
  background-image: url("../../project_angular/img/icons/delete.ddb0ebb55690.svg");
  background-repeat: no-repeat;
}

.icon-remove {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 8px;
  height: 8px;
  background-image: url("../../project_angular/img/icons/remove.157ab2af44e4.svg");
  background-repeat: no-repeat;
}

.icon-refresh {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 16px;
  height: 16px;
  background-image: url("../../project_angular/img/icons/refresh.fd8faab47b86.svg");
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-upload {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 24px;
  height: 24px;
  background-image: url("../../project_angular/img/icons/upload.3f7e59ccba88.svg");
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-more {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 16px;
  height: 16px;
  background-image: url("../../project_angular/img/icons/more.beb7f33586e6.svg");
  background-repeat: no-repeat;
}

.icon-more--light {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 16px;
  height: 16px;
  background-image: url("../../project_angular/img/icons/more--light.8f1f781198b8.svg");
  background-repeat: no-repeat;
}

.icon-color-picker {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 16px;
  height: 16px;
  background-image: url("../../project_angular/img/icons/color-picker.718f81aae094.svg");
  background-repeat: no-repeat;
}

.icon-color-picker--light {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 16px;
  height: 16px;
  background-image: url("../../project_angular/img/icons/color-picker--light.d49c3a610ad4.svg");
  background-repeat: no-repeat;
}

.icon-add-user {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 34px;
  height: 34px;
  background-image: url("../../project_angular/img/icons/add-user.c0dc10301297.svg");
  background-repeat: no-repeat;
}

.icon-paperclip {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 24px;
  height: 24px;
  background-image: url("../../project_angular/img/icons/paperclip.0a457986fb38.svg");
  background-repeat: no-repeat;
}

.icon-paperclip-16 {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 16px;
  height: 16px;
  background-image: url("../../project_angular/img/icons/paperclip-16.887c850f29b6.svg");
  background-repeat: no-repeat;
}

.icon-paperclip-16--light {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 16px;
  height: 16px;
  background-image: url("../../project_angular/img/icons/paperclip-16--light.fe8f0fec076e.svg");
  background-repeat: no-repeat;
}

.icon-check {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  background-image: url("../../project_angular/img/icons/check.08380ca0b0ac.svg");
  background-repeat: no-repeat;
}

.icon-check--strong {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  background-image: url("../../project_angular/img/icons/check--strong.e95adddf5b85.svg");
  background-repeat: no-repeat;
}

.icon-check--light {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  background-image: url("../../project_angular/img/icons/check--light.459910698b7d.svg");
  background-repeat: no-repeat;
}

.icon-highfive {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 16px;
  height: 16px;
  background-image: url("../../project_angular/img/icons/highfive-outlined.738260067c37.svg");
  background-repeat: no-repeat;
}

.icon-highfive--given {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 16px;
  height: 16px;
  background-image: url("../../project_angular/img/icons/highfive-solid.56a51d72f1ca.svg");
  background-repeat: no-repeat;
}

.icon-highfive--light {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 24px;
  height: 24px;
  background-image: url("../../project_angular/img/icons/highfive-solid--light.af875086f8fc.svg");
  background-repeat: no-repeat;
}

.icon-warning {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 18px;
  background-image: url("../../project_angular/img/icons/warning.79433ce3a1ac.svg");
  background-repeat: no-repeat;
}

.icon-play {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 24px;
  height: 24px;
  background-image: url("../../project_angular/img/icons/play.a4b14efadf03.svg");
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-play--light {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 24px;
  height: 24px;
  background-image: url("../../project_angular/img/icons/play--light.ee5a43239c39.svg");
  background-repeat: no-repeat;
}

.icon-pause {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 24px;
  height: 24px;
  background-image: url("../../project_angular/img/icons/pause.e890a6943721.svg");
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-pause--light {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 24px;
  height: 24px;
  background-image: url("../../project_angular/img/icons/pause--light.766cf4b51c16.svg");
  background-repeat: no-repeat;
}

.icon-stop {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 24px;
  height: 24px;
  background-image: url("../../project_angular/img/icons/stop.3c33e41ea639.svg");
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-stop--light {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 24px;
  height: 24px;
  background-image: url("../../project_angular/img/icons/stop--light.5f642f4319ee.svg");
  background-repeat: no-repeat;
}

.icon-draghandle {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 8px;
  height: 16px;
  background-image: url("../../project_angular/img/icons/draghandle.9348a4e40f55.svg");
  background-repeat: no-repeat;
}

.icon-subtasks {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 14px;
  height: 16px;
  background-image: url("../../project_angular/img/icons/editor/ul.679745a9e2e0.svg");
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-subtasks--light {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 14px;
  height: 16px;
  background-image: url("../../project_angular/img/icons/editor/ul--light.2263bd4dadea.svg");
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-mapmarker {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 11px;
  height: 20px;
  background-image: url("../../project_angular/img/icons/mapmarker.7824f5ea2fcc.svg");
  background-repeat: no-repeat;
}

.icon-mapmarker--light {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 11px;
  height: 20px;
  background-image: url("../../project_angular/img/icons/mapmarker--light.7ea906bc87c9.svg");
  background-repeat: no-repeat;
}

.icon-comment {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 14px;
  height: 16px;
  background-image: url("../../project_angular/img/icons/comment.cb991c275419.svg");
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-comment--light {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 14px;
  height: 16px;
  background-image: url("../../project_angular/img/icons/comment--light.0d630f93092c.svg");
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-comment-filled {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 14px;
  height: 16px;
  background-image: url("../../project_angular/img/icons/comment-filled.ae0a0f075e53.svg");
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-attachment {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 14px;
  height: 16px;
  background-image: url("../../project_angular/img/icons/comment.cb991c275419.svg");
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-gear {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  background-image: url("../../project_angular/img/icons/gear.5e60b9528e9c.svg");
  background-repeat: no-repeat;
}

.icon-gear--light {
  background-size: 100%;
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  background-image: url("../../project_angular/img/icons/gear--light.3c4baa93c0fc.svg");
  background-repeat: no-repeat;
}

.icon-gear--small {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 16px;
  height: 16px;
  background-image: url("../../project_angular/img/icons/gear.5e60b9528e9c.svg");
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-gear-light {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  background-image: url("../../project_angular/img/icons/gear--light.3c4baa93c0fc.svg");
  background-repeat: no-repeat;
}

.icon-gear-light--small {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 16px;
  height: 16px;
  background-image: url("../../project_angular/img/icons/gear--light.3c4baa93c0fc.svg");
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-lock {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 16px;
  height: 16px;
  background-image: url("../../project_angular/img/icons/lock.757fa96fa522.svg");
  background-repeat: no-repeat;
}

.icon-lock--light {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 16px;
  height: 16px;
  background-image: url("../../project_angular/img/icons/lock--light.48f850f77a3e.svg");
  background-repeat: no-repeat;
}

.icon-bell--filled {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 24px;
  height: 24px;
  background-image: url("../../project_angular/img/icons/bell-filled.a5a6af5ed360.svg");
  background-repeat: no-repeat;
}

.icon-bell--outlined {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 24px;
  height: 24px;
  background-image: url("../../project_angular/img/icons/bell-outlined.14edfb72abef.svg");
  background-repeat: no-repeat;
}

.icon-bell--light {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 24px;
  height: 24px;
  background-image: url("../../project_angular/img/icons/bell--light.02b66214be9f.svg");
  background-repeat: no-repeat;
}

.icon-dashboard {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 48px;
  height: 48px;
  background-image: url("../../project_angular/img/icons/dashboard--light.402c122287df.svg");
  background-repeat: no-repeat;
}

.icon-board {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 48px;
  height: 48px;
  background-image: url("../../project_angular/img/icons/board--light.2843d6802a94.svg");
  background-repeat: no-repeat;
}

.icon-person {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 48px;
  height: 48px;
  background-image: url("../../project_angular/img/icons/person--light.2098082d2c94.svg");
  background-repeat: no-repeat;
}

.icon-settings {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 48px;
  height: 48px;
  background-image: url("../../project_angular/img/icons/gear--light.3c4baa93c0fc.svg");
  background-repeat: no-repeat;
}

.icon-creditcard {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 48px;
  height: 48px;
  background-image: url("../../project_angular/img/icons/creditcard--light.550594dd6210.svg");
  background-repeat: no-repeat;
}

.icon-event {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 48px;
  height: 48px;
  background-image: url("../../project_angular/img/icons/event--light.24973a506d01.svg");
  background-repeat: no-repeat;
}

.icon-sort-by-alpha {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 24px;
  height: 24px;
  background-image: url("../../project_angular/img/icons/sort-by-alpha.c119bafbae09.svg");
  background-repeat: no-repeat;
}

.icon-photo {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 24px;
  height: 24px;
  background-image: url("../../project_angular/img/icons/photo.66b57cbfb0be.svg");
  background-repeat: no-repeat;
}

.icon-photo--light {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 24px;
  height: 24px;
  background-image: url("../../project_angular/img/icons/photo--light.285eb4a7d76c.svg");
  background-repeat: no-repeat;
}

.icon-info {
  display: inline-block;
  position: relative;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  color: #ffffff;
  background-color: rgba(74, 75, 82, 0.7);
  font-style: normal;
  text-align: center;
  font-size: 12px;
}

.icon-info:after {
  content: '?';
}

.icon-editor__header {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 16px;
  height: 20px;
  background-image: url("../../project_angular/img/icons/editor/header.1e1bca62d4a2.svg");
  background-repeat: no-repeat;
}

.icon-editor__bold {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 14px;
  height: 20px;
  background-image: url("../../project_angular/img/icons/editor/bold.50130a1e1260.svg");
  background-repeat: no-repeat;
}

.icon-editor__italic {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 14px;
  height: 20px;
  background-image: url("../../project_angular/img/icons/editor/italic.c349829520b5.svg");
  background-repeat: no-repeat;
}

.icon-editor__underline {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 14px;
  height: 20px;
  background-image: url("../../project_angular/img/icons/editor/underline.2beabf9e62cc.svg");
  background-repeat: no-repeat;
}

.icon-editor__ul {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 18px;
  height: 20px;
  background-image: url("../../project_angular/img/icons/editor/ul.679745a9e2e0.svg");
  background-repeat: no-repeat;
}

.icon-editor__ol {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 18px;
  height: 20px;
  background-image: url("../../project_angular/img/icons/editor/ol.1a32719f72b7.svg");
  background-repeat: no-repeat;
}

.icon-editor__image {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 17px;
  height: 20px;
  background-image: url("../../project_angular/img/icons/editor/image.49eac5ef07d5.svg");
  background-repeat: no-repeat;
}

.icon-editor__link {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 16px;
  height: 20px;
  background-image: url("../../project_angular/img/icons/editor/link.a9fdf25f61db.svg");
  background-repeat: no-repeat;
}

.icon-editor__unlink {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 16px;
  height: 20px;
  background-image: url("../../project_angular/img/icons/editor/unlink.e0a05b96c581.svg");
  background-repeat: no-repeat;
}

.icon--block {
  display: block;
}

.icon-hamburger {
  display: inline-block;
  position: relative;
  top: -12px;
  height: 3px;
  width: 18px;
  background-color: rgba(74, 75, 82, 0.5);
  border-radius: 5px;
}

.icon-hamburger:before, .icon-hamburger:after {
  content: '';
  position: absolute;
  height: 3px;
  width: 100%;
  left: 0;
  top: 6px;
  background-color: inherit;
  border-radius: 5px;
}

.icon-hamburger:after {
  top: 12px;
}

/*
// USAGE:

<label class="select">
    <select>
        <option>1</option>
        <option>2</option>
        <option>3</option>
    </select>
</label>

// FULL WIDTH USAGE:

<label class="select  select--block">
    <select>
        <option>1</option>
        <option>2</option>
        <option>3</option>
    </select>
</label>
*/
.select {
  position: relative;
  display: inline-block;
  max-width: 100%;
  margin-bottom: 0;
}

.select select {
  padding: 9px 40px 9px 10px;
}

.select select:required:invalid {
  color: rgba(74, 75, 82, 0.5);
}

.select select:focus:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

.select select::-ms-expand {
  display: none;
}

.select:before {
  content: "";
  position: absolute;
  display: block;
  z-index: 1;
  pointer-events: none;
  top: 50%;
  right: 18px;
  margin-top: -3px;
}

.select--block {
  display: block;
}

.select--block select {
  display: block;
  width: 100%;
}

.select--button select {
  height: 42px;
  font-weight: 400;
  padding-left: 15px;
}

.select--input {
  width: auto;
  padding-right: 40px;
}

.select--unset select {
  font-style: italic;
}

.select [class^="icon-"] {
  top: 2px;
  margin-right: 5px;
}

@-moz-document url-prefix() {
  .select select {
    text-indent: 0.01px;
    text-overflow: '';
    padding-right: 1rem;
  }
  .select option {
    background-color: white;
  }
}

.ol {
  padding-left: 16px;
}

.ol li {
  padding-left: 5px;
  list-style: decimal;
}

.ol li.margin {
  margin-bottom: 10px;
}

.ul {
  padding-left: 16px;
}

.ul li {
  padding-left: 5px;
  list-style: disc;
}

.ul li.margin {
  margin-bottom: 10px;
}

.infobox {
  position: relative;
  display: block;
  text-align: left;
  padding: 20px;
  background-color: #ffffff;
  border-radius: 5px;
}

@media screen and (min-width: 640px) {
  .infobox--flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
  }
}

.infobox--center {
  text-align: center;
}

.infobox--animate-out {
  display: none;
}

.infobox--transparent {
  background-color: rgba(74, 75, 82, 0.07);
}

.infobox--nopadding {
  padding: 0;
}

.infobox--warning {
  background-color: rgba(233, 30, 99, 0.5);
}

.infobox__content {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  margin-bottom: 10px;
}

@media screen and (min-width: 640px) {
  .infobox__content {
    margin-bottom: 0;
  }
}

.infobox__cta {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  text-align: right;
  white-space: nowrap;
}

.infobox__accept {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}

@media screen and (min-width: 640px) {
  .infobox__accept {
    display: inline-block;
    margin-bottom: 0;
    width: auto;
  }
}

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

@media screen and (min-width: 640px) {
  .infobox__reject {
    display: inline-block;
    width: auto;
    margin-left: 10px;
    text-align: left;
  }
}

.screen-md--hide {
  display: block;
}

@media screen and (min-width: 640px) {
  .screen-md--hide {
    display: none;
  }
}

.screen-md--show {
  display: none;
}

@media screen and (max-width: 640px) {
  .screen-md--show {
    display: block;
  }
}

noscript {
  position: relative;
  z-index: 10;
}

[color="primary"] {
  background-color: #e91e63;
  color: #ffffff;
}

[color="secondary"] {
  background-color: #171c2d;
  color: #ffffff;
}

[color="secondary-light"] {
  background-color: #3d4150;
  color: #ffffff;
}

.social-buttons .button, .social-buttons .select--button select, .select--button .social-buttons select, .social-buttons .infobox__accept, .social-buttons .infobox__reject, .social-buttons .page-header__button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.social-buttons .button:not(:last-of-type), .social-buttons .select--button select:not(:last-of-type), .select--button .social-buttons select:not(:last-of-type), .social-buttons .infobox__accept:not(:last-of-type), .social-buttons .infobox__reject:not(:last-of-type), .social-buttons .page-header__button:not(:last-of-type) {
  margin-bottom: 15px;
}

.social-buttons .button svg, .social-buttons .select--button select svg, .select--button .social-buttons select svg, .social-buttons .infobox__accept svg, .social-buttons .infobox__reject svg, .social-buttons .page-header__button svg,
.social-buttons .button img,
.social-buttons .select--button select img,
.select--button .social-buttons select img,
.social-buttons .infobox__accept img,
.social-buttons .infobox__reject img,
.social-buttons .page-header__button img {
  margin-right: 10px;
}

.pull--right {
  float: right;
}

.pull--left {
  float: left;
}

/* Shortcut for importing variables */
/* Spacing */
/* Font */
/* Border radius */
/* Shadows */
/* Breakpoints */
/* Form */
.up-button, .plans__currentplan-button {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 16px;
  height: 44px;
  border: 2px #eaeaea solid;
  border-radius: 5px;
  outline: 0;
  cursor: pointer;
  font-weight: 600;
  color: rgba(38, 61, 82, 0.8);
  background-color: #eaeaea;
  text-decoration: none;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background-color .15s, border-color .15s;
}

.up-button:focus, .plans__currentplan-button:focus, .up-button:hover, .plans__currentplan-button:hover, .up-button.active, .active.plans__currentplan-button {
  color: #263d52;
  text-decoration: none;
}

.up-button:disabled, .plans__currentplan-button:disabled {
  cursor: not-allowed;
  opacity: 0.4;
}

.up-button:disabled.up-button--loading, .plans__currentplan-button:disabled.up-button--loading {
  cursor: wait;
}

.up-button--primary {
  color: white;
  border-color: #e91e63;
  background-color: #e91e63;
}

.up-button--primary.up-button--primary:disabled, .up-button--primary.up-button--primary:disabled:hover, .up-button--primary.up-button--primary:disabled:focus, .up-button--primary.up-button--primary:disabled:active {
  color: rgba(255, 255, 255, 0.9) !important;
  background-color: rgba(210, 27, 89, 0.7) !important;
  border-color: transparent !important;
}

.up-button--primary:hover:not(:disabled), .up-button--primary:focus:not(:disabled), .up-button--primary.active:not(:disabled) {
  color: white;
  border-color: #d21b59;
  background-color: #d21b59;
}

.up-button--positive, .plans__currentplan-button {
  color: white;
  border-color: #19cb42;
  background-color: #19cb42;
}

.up-button--positive.up-button--positive:disabled, .plans__currentplan-button:disabled, .up-button--positive.up-button--positive:disabled:hover, .plans__currentplan-button:disabled:hover, .up-button--positive.up-button--positive:disabled:focus, .plans__currentplan-button:disabled:focus, .up-button--positive.up-button--positive:disabled:active, .plans__currentplan-button:disabled:active {
  color: rgba(255, 255, 255, 0.9) !important;
  background-color: rgba(19, 158, 51, 0.7) !important;
  border-color: transparent !important;
}

.up-button--positive:hover:not(:disabled), .plans__currentplan-button:hover:not(:disabled), .up-button--positive:focus:not(:disabled), .plans__currentplan-button:focus:not(:disabled), .up-button--positive.active:not(:disabled), .active.plans__currentplan-button:not(:disabled) {
  color: white;
  border-color: #139e33;
  background-color: #139e33;
}

.up-button--outline, .plans__currentplan-button {
  background-color: transparent;
}

.up-button--outline.up-button--primary, .up-button--primary.plans__currentplan-button {
  border-color: #e91e63;
  color: #e91e63;
  background-color: transparent;
}

.up-button--outline.up-button--primary:hover, .up-button--primary.plans__currentplan-button:hover, .up-button--outline.up-button--primary:focus, .up-button--primary.plans__currentplan-button:focus, .up-button--outline.up-button--primary.active, .up-button--primary.active.plans__currentplan-button {
  color: white;
  border-color: #e91e63;
  background-color: #e91e63;
}

.up-button--outline.up-button--positive, .plans__currentplan-button {
  border-color: #19cb42;
  color: #19cb42;
  background-color: transparent;
}

.up-button--outline.up-button--positive:hover, .plans__currentplan-button:hover, .up-button--outline.up-button--positive:focus, .plans__currentplan-button:focus, .up-button--outline.up-button--positive.active, .active.plans__currentplan-button {
  color: white;
  border-color: #19cb42;
  background-color: #19cb42;
}

.up-button--outline.up-button--light, .up-button--light.plans__currentplan-button {
  border-color: white;
  color: white;
  background-color: transparent;
}

.up-button--outline.up-button--light:hover, .up-button--light.plans__currentplan-button:hover, .up-button--outline.up-button--light:focus, .up-button--light.plans__currentplan-button:focus, .up-button--outline.up-button--light.active, .up-button--light.active.plans__currentplan-button {
  color: #263d52;
  border-color: white;
  background-color: white;
}

.up-button--light {
  color: #263d52;
  border-color: white;
  background-color: white;
}

.up-button--light:hover, .up-button--light:focus, .up-button--light.active {
  border-color: white;
  background-color: #fcfcfc;
}

.up-button--flat {
  background-color: transparent;
  border-color: transparent;
}

.up-button--flat:focus:not(:disabled), .up-button--flat:hover:not(:disabled), .up-button--flat.active:not(:disabled) {
  color: inherit;
  background-color: #eaeaea;
  border-color: #eaeaea;
}

.up-button--flat:disabled {
  color: rgba(38, 61, 82, 0.38);
}

.up-button--flat.up-button--primary {
  color: #e91e63;
}

.up-button--flat.up-button--primary:hover:not(:disabled), .up-button--flat.up-button--primary:focus:not(:disabled), .up-button--flat.up-button--primary.active:not(:disabled) {
  color: #e91e63;
  background-color: #eaeaea;
}

.up-button--flat.up-button--primary:active {
  background-color: rgba(0, 0, 0, 0.15);
}

.up-button--compact {
  height: 38px;
  padding: 4px 12px;
}

.up-button--no-border {
  border: 0;
}

.up-button--icon {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 8px;
}

.up-button--block {
  display: block;
  width: 100%;
}

.up-button--loading {
  position: relative;
  padding-left: 48px;
}

.up-button--loading .loader {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: absolute;
  left: 8px;
  top: 6px;
}

.up-button--loading .loader svg {
  width: 100%;
  height: 100%;
}

.up-button:not(.up-button--flat):disabled, .plans__currentplan-button:not(.up-button--flat):disabled, .up-button:not(.up-button--flat):disabled:hover, .plans__currentplan-button:not(.up-button--flat):disabled:hover, .up-button:not(.up-button--flat):disabled:focus, .plans__currentplan-button:not(.up-button--flat):disabled:focus {
  color: rgba(38, 61, 82, 0.38);
  background-color: rgba(234, 234, 234, 0.38);
}

.up-button-group {
  display: -ms-flexbox;
  display: flex;
}

.up-button-group .up-button:not(:last-child), .up-button-group .plans__currentplan-button:not(:last-child) {
  position: relative;
}

.up-button-group .up-button:not(:last-child):after, .up-button-group .plans__currentplan-button:not(:last-child):after {
  content: '';
  position: absolute;
  top: 4px;
  right: -2px;
  bottom: 4px;
  background-color: rgba(38, 61, 82, 0.3);
  width: 1px;
}

.up-button-group .up-button:not(:last-child).up-button--primary:after, .up-button-group .plans__currentplan-button:not(:last-child).up-button--primary:after {
  background-color: rgba(255, 255, 255, 0.4);
}

.up-button-group .up-button:first-child, .up-button-group .plans__currentplan-button:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.up-button-group .up-button:last-child, .up-button-group .plans__currentplan-button:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.up-button-group .up-button:only-child, .up-button-group .plans__currentplan-button:only-child {
  border-radius: 5px;
}

.up-button-group .up-button--icon {
  padding: 8px 4px;
}

/*------------------------------------*\
    #COMPONENTS FOR THE SYSTEM
\*------------------------------------*/
body {
  color: #5d5e67;
}

h1, h2, h3 {
  font-family: 'proxima-nova', Helvetiva Neue, Helvetica, sans-serif;
  font-weight: 600;
  color: #4c505f;
}

h1 {
  line-height: 1.1;
}

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

.page-content {
  overflow: auto;
  background-color: #f4f4f4;
}

@media screen and (max-width: 640px) {
  .hide-on-mobile {
    display: none !important;
  }
}

@media screen and (min-width: 640px) {
  .show-on-mobile {
    display: none !important;
  }
}

.page-header {
  position: relative;
  z-index: 4;
  padding: 67px 20px 0;
  color: #4a4b52;
}

.page-header--article {
  background: transparent;
  color: #4a4b52;
}

.page-header--article .page-header__log-in {
  color: #4a4b52;
}

.page-header--article .page-header__log-in:hover {
  color: #4a4b52;
}

.page-header__content {
  padding-left: 0;
  padding-right: 0;
  position: relative;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 0px;
}

@media screen and (min-width: 640px) {
  .page-header__content {
    margin-top: 120px;
    margin-bottom: 120px;
  }
}

@media screen and (min-width: 960px) {
  .page-header__content--flex {
    display: -ms-flexbox;
    display: flex;
  }
  .page-header__content--flex .page-header__title,
  .page-header__content--flex .page-header__preamble,
  .page-header__content--flex .cta-field {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    text-align: left;
    padding: 0;
  }
  .page-header__content--flex .cta-field {
    margin: 60px 0 0;
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
}

.page-header__flexcontent img {
  margin-bottom: 60px;
}

@media screen and (min-width: 960px) {
  .page-header__flexcontent {
    -ms-flex-pack: center;
        justify-content: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    padding: 0 40px 0 20px;
    -ms-flex-positive: 0;
        flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
  }
  .page-header__flexcontent:last-of-type {
    -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
  }
  .page-header__flexcontent img {
    width: 720px;
    max-width: none;
    margin-bottom: 0;
  }
}

.page-header__title {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 20px;
  color: #4c505f;
}

.page-header__preamble {
  font-size: 20px;
  font-weight: 400;
  max-width: 500px;
  margin: 30px auto 0;
  opacity: .8;
  color: #4a4b52;
}

.page-header__branding {
  display: inline-block;
  position: relative;
  top: 3px;
  width: 140px;
  height: 28px;
  opacity: .8;
  background-image: url("../../project_angular/img/logo--primary.087f3b7bb06a.svg");
  background-size: 100%;
}

.page-header__top-bar {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 3;
  transition: background-color .2s ease-in-out, box-shadow .2s ease-in-out;
}

.page-header__top-bar--fixed {
  background-color: #f4f4f4;
  box-shadow: 0 8px 24px rgba(23, 28, 45, 0.04);
}

.page-header__top-bar--fixed .page-header__button--cta,
.page-header__top-bar--fixed .page-header__button--cta:hover,
.page-header__top-bar--fixed .page-header__button--cta:focus {
  opacity: 1;
  border-color: #e91e63;
  background-color: #e91e63;
  color: #ffffff;
}

.page-header__top-bar-wrapper {
  position: relative;
  padding: 15px 20px;
}

.page-header__menu {
  position: absolute;
  top: 15px;
  right: 20px;
  white-space: nowrap;
}

.page-header__menu li {
  display: inline-block;
}

.page-header__menu li .link, .page-header__menu li a, .page-header__menu li .infobox__item-link, .page-header__menu li .errorpage__link, .page-header__menu li .errorpage__returnlink, .page-header__menu li .upload-file__overlay {
  padding: 7px 12px;
  margin-left: 5px;
  color: #4a4b52;
  font-weight: 700;
  opacity: .8;
  border-radius: 5px;
}

.page-header__menu li .page-header__button.link, .page-header__menu li a.page-header__button, .page-header__menu li .page-header__button.infobox__item-link, .page-header__menu li .page-header__button.errorpage__link, .page-header__menu li .page-header__button.errorpage__returnlink, .page-header__menu li .page-header__button.upload-file__overlay, .page-header__menu li .page-header__button-cta.link, .page-header__menu li a.page-header__button-cta, .page-header__menu li .page-header__button-cta.infobox__item-link, .page-header__menu li .page-header__button-cta.errorpage__link, .page-header__menu li .page-header__button-cta.errorpage__returnlink, .page-header__menu li .page-header__button-cta.upload-file__overlay {
  padding: 5px 10px;
  margin-left: 15px;
}

.page-header__menu li .page-header__team.link, .page-header__menu li a.page-header__team, .page-header__menu li .page-header__team.infobox__item-link, .page-header__menu li .page-header__team.errorpage__link, .page-header__menu li .page-header__team.errorpage__returnlink, .page-header__menu li .page-header__team.upload-file__overlay {
  padding: 15px 12px;
}

.page-header__menu li .link:hover, .page-header__menu li a:hover, .page-header__menu li .infobox__item-link:hover, .page-header__menu li .errorpage__link:hover, .page-header__menu li .errorpage__returnlink:hover, .page-header__menu li .upload-file__overlay:hover, .page-header__menu li .link:focus, .page-header__menu li a:focus, .page-header__menu li .infobox__item-link:focus, .page-header__menu li .errorpage__link:focus, .page-header__menu li .errorpage__returnlink:focus, .page-header__menu li .upload-file__overlay:focus {
  color: #4a4b52;
  opacity: 1;
}

.page-header__menu li .link:hover:not(.page-header__button):not(.active), .page-header__menu li a:hover:not(.page-header__button):not(.active), .page-header__menu li .infobox__item-link:hover:not(.page-header__button):not(.active), .page-header__menu li .errorpage__link:hover:not(.page-header__button):not(.active), .page-header__menu li .errorpage__returnlink:hover:not(.page-header__button):not(.active), .page-header__menu li .upload-file__overlay:hover:not(.page-header__button):not(.active), .page-header__menu li .link:focus:not(.page-header__button):not(.active), .page-header__menu li a:focus:not(.page-header__button):not(.active), .page-header__menu li .infobox__item-link:focus:not(.page-header__button):not(.active), .page-header__menu li .errorpage__link:focus:not(.page-header__button):not(.active), .page-header__menu li .errorpage__returnlink:focus:not(.page-header__button):not(.active), .page-header__menu li .upload-file__overlay:focus:not(.page-header__button):not(.active) {
  background-color: rgba(255, 255, 255, 0.1);
}

.page-header__menu li .active.link, .page-header__menu li a.active, .page-header__menu li .active.infobox__item-link, .page-header__menu li .active.errorpage__link, .page-header__menu li .active.errorpage__returnlink, .page-header__menu li .active.upload-file__overlay {
  opacity: 1;
  color: #e91e63;
}

.page-header__menu li .link img, .page-header__menu li a img, .page-header__menu li .infobox__item-link img, .page-header__menu li .errorpage__link img, .page-header__menu li .errorpage__returnlink img, .page-header__menu li .upload-file__overlay img {
  position: relative;
  top: -1px;
  margin-right: 5px;
}

.page-header__button {
  transition: border-color .2s ease-in-out, background-color .2s ease-in-out, color .2s ease-in-out;
}

.page-header__button:hover, .page-header__button:focus {
  background-color: transparent;
}

.page-header__image {
  position: relative;
  z-index: 2;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -40px;
  margin-bottom: -100px;
}

.page-header .form-inline {
  white-space: nowrap;
}

.page-header .cta-field {
  margin: 40px 0;
}

.page-footer {
  position: relative;
  padding: 0 0 40px;
  z-index: 2;
  color: #ffffff;
  background-color: #171c2d;
}

.page-footer__content {
  position: relative;
  z-index: 2;
}

.page-footer__menu {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin: -2px auto 0;
  font-size: 14px;
  padding-top: 60px;
}

.page-footer__menulist {
  -ms-flex-preferred-size: 34%;
      flex-basis: 34%;
  margin-bottom: 30px;
}

@media screen and (min-width: 640px) {
  .page-footer__menulist {
    -ms-flex-preferred-size: initial;
        flex-basis: initial;
  }
}

.page-footer__menulist li {
  margin-bottom: 10px;
}

.page-footer__menulist h4 {
  margin-bottom: 10px;
  white-space: nowrap;
  font-size: 14px;
  color: #ffffff;
  text-transform: uppercase;
}

.page-footer__menulist .link, .page-footer__menulist .page-header__menu li a, .page-header__menu li .page-footer__menulist a, .page-footer__menulist a, .page-footer__menulist .infobox__item-link, .page-footer__menulist .errorpage__link, .page-footer__menulist .errorpage__returnlink, .page-footer__menulist .upload-file__overlay {
  white-space: nowrap;
  color: rgba(255, 255, 255, 0.5);
}

.page-footer__menulist .link:hover, .page-footer__menulist a:hover, .page-footer__menulist .infobox__item-link:hover, .page-footer__menulist .errorpage__link:hover, .page-footer__menulist .errorpage__returnlink:hover, .page-footer__menulist .upload-file__overlay:hover, .page-footer__menulist .link:focus, .page-footer__menulist a:focus, .page-footer__menulist .infobox__item-link:focus, .page-footer__menulist .errorpage__link:focus, .page-footer__menulist .errorpage__returnlink:focus, .page-footer__menulist .upload-file__overlay:focus {
  color: #ffffff;
}

.page-footer__menulist .link svg, .page-footer__menulist a svg, .page-footer__menulist .infobox__item-link svg, .page-footer__menulist .errorpage__link svg, .page-footer__menulist .errorpage__returnlink svg, .page-footer__menulist .upload-file__overlay svg {
  width: 12px;
  height: 12px;
  margin-right: 2px;
  fill: rgba(255, 255, 255, 0.5);
}

.page-footer__partnerbadge {
  height: 75px;
}

.page-footer__partnerbadge--microsoft {
  position: relative;
  top: -5px;
  height: 66px;
  border-radius: 5px;
  margin-left: 10px;
}

.page-footer .text--muted, .page-footer .link--muted, .page-footer .separator-text .separator-label, .separator-text .page-footer .separator-label, .page-footer .table__header, .page-footer .person__title {
  color: rgba(255, 255, 255, 0.5);
}

.page-footer .select {
  border-bottom: 1px rgba(255, 255, 255, 0.5) dotted;
}

.page-footer .select:before {
  right: 10px;
  background-image: url("../../project_angular/img/icons/arrow-down--light.a1b7cfb97601.svg");
}

.page-footer .select select {
  color: #ffffff;
  margin-top: 2px;
  background-color: transparent;
  border: 0;
  font-size: 14px;
  padding: 3px 35px 3px 5px;
}

.page-footer .select select option {
  color: #3b3c42;
}

.page-footer .app-store-badge {
  max-height: 40px;
}

.page-section {
  position: relative;
  padding: 120px 0;
}

.page-section__content {
  max-width: 1320px;
  position: relative;
  z-index: 2;
  margin: 0 auto;
}

@media screen and (min-width: 640px) {
  .page-section__content {
    padding-left: 0;
    padding-right: 0;
  }
}

.page-section__content--flex .page-section__image {
  overflow: hidden;
  margin-bottom: 30px;
}

.page-section__content--flex .page-section__image img {
  max-height: 450px;
}

@media screen and (min-width: 640px) {
  .page-section__content--flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
  .page-section__content--flex .page-section__image {
    width: 50%;
    text-align: right;
    margin-bottom: 0;
  }
  .page-section__content--flex .page-section__image--last {
    -ms-flex-order: 2;
        order: 2;
    text-align: left;
  }
  .page-section__content--flex .page-section__image img {
    max-width: 100%;
    max-height: none;
    height: auto;
  }
  .page-section__content--flex .page-section__text {
    margin-top: 60px;
    width: 50%;
  }
  .page-section__content--flex .page-section__image--last ~ .page-section__text .page-section__textwrapper {
    margin: 0 auto;
  }
  .page-section__content--flex .page-section__textwrapper {
    margin: 0 auto 0 60px;
  }
}

.page-section__content--valign-center {
  -ms-flex-align: center;
      align-items: center;
}

.page-section__content--padding {
  padding-left: 30px;
  padding-right: 30px;
}

.page-section__content:before, .page-section__content:after {
  content: none;
}

.page-section__image {
  padding: 20px;
  margin-left: -20px;
  margin-right: -20px;
}

@media screen and (min-width: 640px) {
  .page-section__image {
    margin-left: 0;
    margin-right: 0;
  }
}

@media screen and (max-width: 1500px) {
  .page-section__image {
    margin-left: auto;
    margin-right: auto;
    max-width: 960px;
    text-align: center;
  }
}

.page-section__image--last img {
  float: none !important;
}

.page-section__image--nopadding {
  padding: 0;
}

.page-section__image--rounded img {
  border-radius: 5px;
}

.page-section__image--shadow img {
  box-shadow: 0 0px 20px rgba(0, 0, 0, 0.3);
}

.page-section__text {
  padding-left: 0;
  padding-right: 0;
  max-width: 100%;
}

.page-section__text--middle {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 0 !important;
}

@media screen and (min-width: 640px) {
  .page-section__text {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.page-section__textwrapper {
  max-width: 600px;
  margin: 0 auto;
}

.page-section__title {
  font-size: 32px;
  line-height: 1.1;
  margin-bottom: 20px;
}

.page-section__title--space-below {
  margin-bottom: 60px;
}

.page-section__description {
  font-size: 18px;
  margin-bottom: 30px;
}

.page-section__description--markdown p {
  white-space: pre-line;
}

.page-section__cta {
  text-align: center;
  margin-top: 60px;
}

.page-section--light {
  background-color: #ffffff;
}

.page-section--dark {
  color: #edf0f2;
  background-color: #4a4b52;
}

.page-section--secondary {
  color: #edf0f2;
  background-color: #171c2d;
}

.page-section--secondary h1, .page-section--secondary h2, .page-section--secondary h3, .page-section--secondary h4, .page-section--secondary h5 {
  color: #edf0f2;
}

.page-section--customer-logos {
  padding: 60px 0;
  color: rgba(77, 87, 105, 0.5);
  text-align: center;
  position: relative;
  z-index: 2;
}

.page-section--customer-logos--flat {
  padding: 20px 0 40px;
  box-shadow: none;
  background-color: transparent;
}

.page-section--customer-logos .company-logo {
  margin: 0 30px 20px;
  vertical-align: middle;
  max-width: 30%;
  max-height: 60px;
  opacity: .8;
}

.page-section--customer-logos h5 {
  margin-bottom: 20px;
}

.page-section--quotes {
  padding: 60px 40px;
}

@media screen and (min-width: 640px) {
  .page-section--quotes {
    padding: 100px 30px 40px;
  }
}

.page-section--quotes .quote {
  width: 100%;
}

@media screen and (min-width: 640px) {
  .page-section--quotes .quote {
    width: 28%;
  }
}

.page-section--quotes .page-section__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.page-section--quotes .page-section__content:before, .page-section--quotes .page-section__content:after {
  content: none;
}

.page-section--product p {
  margin-bottom: 40px;
  line-height: 1.4;
}

.page-section--product:first-of-type:before {
  content: '';
  position: absolute;
  top: -10px;
  left: 0;
  right: 0;
  height: 20px;
  background-color: #f4f4f4;
}

.page-section--product:nth-child(odd) {
  background-color: #F7F9F9;
}

.page-section--product:nth-child(even) {
  z-index: 2;
  box-shadow: 0 0 10px rgba(74, 75, 82, 0.3);
}

.page-section--product .grid-icon {
  max-width: 130px;
  margin-bottom: 20px;
}

.page-section--partners {
  padding: 20px 0;
}

.page-section--partners .page-section__image {
  padding-top: 70px;
}

@media screen and (min-width: 640px) {
  .page-section--partners .page-section__image {
    width: 45%;
  }
}

@media screen and (max-width: 640px) {
  .page-section--partners .page-section__image {
    padding-top: 0;
    text-align: left;
    padding: 20px 0;
  }
}

.page-section--partners .page-section__image img {
  width: 250px;
}

@media screen and (min-width: 640px) {
  .page-section--partners .page-section__text {
    width: 55%;
  }
}

.page-section--sellingpoint {
  position: relative;
  color: #ffffff;
  background-size: cover;
  background-position: center;
  background-image: url("../img/teamwork.0a88565fa570.jpg");
}

.page-section--sellingpoint .page-section__title {
  color: #ffffff;
}

.page-section--sellingpoint .page-section__description {
  opacity: .8;
}

.page-section--center {
  text-align: center;
}

.page-section--cta {
  text-align: center;
  padding: 60px 0;
}

@media screen and (min-width: 640px) {
  .page-section--cta {
    padding: 140px 0;
  }
}

.page-section--cta .page-section__title {
  margin: 0 auto 20px;
}

.page-section--cta .page-section__text {
  margin: 0 auto 40px;
  opacity: .8;
}

@media (min-width: 1280px) {
  .page-section--cta .page-section__text {
    font-size: 24px;
  }
}

@media (max-width: 1280px) {
  .page-section--cta .page-section__text {
    font-size: 24px;
  }
}

@media (max-width: 1152px) {
  .page-section--cta .page-section__text {
    font-size: 21.6px;
  }
}

@media (max-width: 896px) {
  .page-section--cta .page-section__text {
    font-size: 16.8px;
  }
}

.page-section--cta .cta-field {
  margin: 0;
}

.page-section--overlay-solid:before, .page-section--sellingpoint:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(23, 28, 45, 0.9);
  z-index: 0;
  display: block;
}

.page-section--overlay:before, .page-form:before, .page-launch:before, .page-article .team:before, .landingpage__header-overlay:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(165deg, rgba(233, 30, 99, 0.93) -20%, rgba(23, 28, 45, 0.93) 60%);
  z-index: 0;
  display: block;
}

.page-form, .page-launch {
  min-height: 100%;
  padding: 40px 0 0 0;
  text-align: center;
}

.page-form:before, .page-launch:before {
  background-image: url("../img/background-lines.faab1dfbe380.png"), linear-gradient(165deg, #e91e63 -20%, #171c2d 60%);
  background-size: cover;
}

@media screen and (min-width: 640px) {
  .page-form, .page-launch {
    padding: 100px 0 0 0;
  }
}

.page-form__header {
  position: relative;
  color: #ffffff;
  margin-bottom: 20px;
}

.page-form__title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 5px;
}

.page-form__titlehelp {
  font-size: 14px;
  font-weight: 400;
}

.page-form__subtitle {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 20px;
}

.page-form__subtitle--normal {
  font-weight: 400;
}

.page-form__content, .page-launch__content {
  position: relative;
  z-index: 2;
  text-align: left;
  max-width: 500px;
  margin: 0 auto 20px;
  padding: 40px 20px;
  color: #4a4b52;
  background-color: #ffffff;
  border-radius: 5px;
  box-shadow: 0 2px 14px rgba(0, 0, 0, 0.5);
}

@media screen and (min-width: 640px) {
  .page-form__content, .page-launch__content {
    padding: 40px;
  }
}

.page-form__label {
  margin-bottom: 20px;
}

.page-form__label .page-form__subtitle,
.page-form__label p {
  margin-bottom: 5px;
}

.page-form__domain-field, .page-form__email-field {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  white-space: nowrap;
}

.page-form__domain-field--with-helptext {
  margin-bottom: 10px;
}

.page-form__subdomain-field {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.page-form__subdomain-field input[type="text"] {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  text-align: right;
}

.page-form__basedomain-field {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-preferred-size: 98px;
      flex-basis: 98px;
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  text-align: left;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border: 0;
}

.page-form__emailalpha-field {
  -ms-flex-preferred-size: 35px;
      flex-basis: 35px;
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  text-align: right;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border: 0;
}

.page-form__emailaddress-field {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.page-form__emailaddress-field input[type="text"],
.page-form__emailaddress-field input[type="email"] {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.page-form__checkbox-field {
  position: relative;
  padding-left: 20px;
}

.page-form__checkbox-field input[type="checkbox"] {
  position: absolute;
  left: 0;
  top: 4px;
}

.page-form__branding, .page-launch__branding {
  position: relative;
  z-index: 2;
  display: block;
  margin-bottom: 40px;
  width: 120px;
  margin: 0 auto 40px;
  color: #4a4b52;
}

.page-form__info {
  padding: 15px 20px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 5px;
  margin-bottom: 20px;
}

.page-form--instance {
  background-color: #f4f4f4;
}

.errorlist {
  color: #ff4545;
  margin-bottom: 20px;
}

.page-article__content {
  max-width: 1500px;
  margin: 0 auto;
  padding: 60px 20px;
}

.page-article__content--tight {
  max-width: 700px;
}

.page-article__header {
  position: relative;
  margin: 0 auto;
  padding: 80px 20px 40px;
  text-align: center;
}

.page-article__header--image {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 300px;
  padding: 0 60px;
  color: #ffffff;
}

.page-article__header--tall {
  padding: 120px 20px;
  height: auto;
}

.page-article__header--tight {
  max-width: 700px;
}

.page-article__headertitle h2 {
  margin-bottom: 20px;
}

.page-article__headertitle p {
  opacity: .8;
}

.page-article__headertitle p:not(.no-margin) {
  margin-bottom: 40px;
}

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

.page-article--about {
  text-align: center;
}

.page-article .team {
  position: relative;
  font-size: 0;
  color: #ffffff;
  text-align: center;
  padding: 100px 20px 30px;
  background-image: url("../img/jumbotron.0d419b150001.jpg");
  background-size: cover;
  background-position: center;
}

.page-article .team__header {
  position: relative;
  margin-bottom: 60px;
  color: #ffffff;
}

.page-article .team .person {
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 60px;
  vertical-align: top;
  font-size: 16px;
}

@media screen and (min-width: 640px) {
  .page-article .team .person {
    display: inline-block;
    width: 32%;
  }
}

@media screen and (min-width: 1280px) {
  .page-article .team .person {
    width: 235px;
  }
}

.page-article .team .person__image {
  border-color: #ffffff;
}

.page-article .team .person__title {
  color: rgba(255, 255, 255, 0.7);
}

.page-article .team .person__socialitem:hover, .page-article .team .person__socialitem:focus {
  background-color: rgba(255, 255, 255, 0.2);
}

.page-article .team .person__socialitem svg {
  fill: #ffffff;
}

.page-article__header--center {
  text-align: center;
  margin-bottom: 60px;
}

.page-article ul {
  margin-bottom: 20px;
}

.page-article li {
  list-style: disc;
  margin-left: 20px;
  padding-left: 20px;
}

.page-launch__content {
  text-align: center;
}

.page-launch__narrowcontent {
  max-width: 100%;
  margin: 0 auto;
}

@media screen and (min-width: 640px) {
  .page-launch__narrowcontent {
    max-width: 280px;
  }
}

.page-launch__organization-list {
  font-size: 0;
  margin-bottom: 40px;
  margin-top: 20px;
}

.page-launch__organization {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  padding: 10px;
  text-align: left;
  border-radius: 5px;
  color: rgba(74, 75, 82, 0.7);
  text-decoration: none !important;
}

.page-launch__organization:hover, .page-launch__organization:focus {
  background-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.5) !important;
}

.page-launch__organization-logo {
  display: block;
  width: 36px;
  height: 36px;
  margin-right: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-positive: 0;
      flex-grow: 0;
  border-radius: 5px;
  overflow: hidden;
}

.page-launch__organization-title {
  margin-bottom: 0;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.page-launch__helptext p {
  margin-bottom: 0;
}

.page-launch .separator-text {
  opacity: 0.8;
}

.page-split {
  display: -ms-flexbox;
  display: flex;
  min-height: 100%;
}

.page-split--two-columns .page-split__pane {
  -ms-flex: 1 1 50%;
      flex: 1 1 50%;
}

.page-split__pane {
  display: block;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  padding: 40px;
  background-color: #f4f4f4;
}

@media screen and (min-width: 640px) {
  .page-split__pane {
    display: -ms-flexbox;
    display: flex;
    padding: 20px;
    -ms-flex-align: start;
        align-items: flex-start;
  }
}

@media screen and (min-width: 960px) {
  .page-split__pane {
    padding: 60px;
  }
}

@media screen and (min-width: 1280px) {
  .page-split__pane {
    padding: 100px;
  }
}

.page-split__pane--primary {
  background-color: #171c2d;
}

.page-split__pane--primary,
.page-split__pane--primary label {
  color: #ffffff;
}

.page-split__pane--primary .text--muted, .page-split__pane--primary .link--muted, .page-split__pane--primary .separator-text .separator-label, .separator-text .page-split__pane--primary .separator-label, .page-split__pane--primary .table__header, .page-split__pane--primary .person__title {
  color: rgba(255, 255, 255, 0.7);
}

.page-split__pane--primary a:not([class*="button"]), .page-split__pane--primary .link:not([class*="button"]), .page-split__pane--primary .infobox__item-link:not([class*="button"]), .page-split__pane--primary .errorpage__link:not([class*="button"]), .page-split__pane--primary .errorpage__returnlink:not([class*="button"]), .page-split__pane--primary .upload-file__overlay:not([class*="button"]) {
  color: inherit;
  text-decoration: underline;
  transition: all .2s ease;
}

.page-split__pane--primary a:not([class*="button"]):hover, .page-split__pane--primary .link:not([class*="button"]):hover, .page-split__pane--primary .infobox__item-link:not([class*="button"]):hover, .page-split__pane--primary .errorpage__link:not([class*="button"]):hover, .page-split__pane--primary .errorpage__returnlink:not([class*="button"]):hover, .page-split__pane--primary .upload-file__overlay:not([class*="button"]):hover, .page-split__pane--primary a:not([class*="button"]):focus, .page-split__pane--primary .link:not([class*="button"]):focus, .page-split__pane--primary .infobox__item-link:not([class*="button"]):focus, .page-split__pane--primary .errorpage__link:not([class*="button"]):focus, .page-split__pane--primary .errorpage__returnlink:not([class*="button"]):focus, .page-split__pane--primary .upload-file__overlay:not([class*="button"]):focus {
  color: #4293e6;
}

.page-split__pane--primary input[type="text"],
.page-split__pane--primary input[type="email"],
.page-split__pane--primary input[type="password"] {
  border: 0;
  padding: 15px 20px;
}

.page-split__pane--primary input[type="text"]:focus,
.page-split__pane--primary input[type="email"]:focus,
.page-split__pane--primary input[type="password"]:focus {
  background-color: #f1f3dc;
}

.page-split__pane--primary .button, .page-split__pane--primary .select--button select, .select--button .page-split__pane--primary select, .page-split__pane--primary .infobox__accept, .page-split__pane--primary .infobox__reject, .page-split__pane--primary .page-header__button {
  padding-top: 10px;
  padding-bottom: 10px;
}

.page-split__pane--primary .separator-text .separator-label {
  background-color: #171c2d;
}

.page-split__pane--secondary {
  display: none;
}

@media screen and (min-width: 640px) {
  .page-split__pane--secondary {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
        align-items: flex-end;
  }
}

.page-split__pane--narrow .page-split__content {
  max-width: 380px;
}

.page-split__content {
  width: 100%;
  max-width: 450px;
  margin: 0 auto;
}

@media screen and (min-width: 640px) {
  .page-split__content {
    margin: 0;
  }
}

.page-split__content .page-form__title {
  margin-bottom: 20px;
  color: #ffffff;
}

.page-split__content .page-form__info {
  color: rgba(255, 255, 255, 0.8);
}

@media screen and (min-width: 640px) {
  .page-split__content .page-form__info {
    display: none;
  }
}

.page-split__content .page-form__label--error input[type="text"],
.page-split__content .page-form__label--error input[type="email"],
.page-split__content .page-form__label--error input[type="password"] {
  background-color: #ffc5c5;
}

.page-split__content .page-form__label:last-of-type {
  margin-bottom: 40px;
}

.page-split__content form {
  margin-bottom: 20px;
}

.page-split__content .quote {
  margin: 0 30px;
}

.page-split__content .gift-card {
  margin: 40px auto;
}

.page-split__logo {
  display: block;
  width: 150px;
  margin: 0 auto 40px;
}

.page-split__features li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  background-image: url("../../webpage/img/green-check.d1ec0184cc31.svg");
  background-repeat: no-repeat;
  background-position: center left;
  height: 35px;
  padding-left: 34px;
}

.page-contact-form {
  padding-top: 100px;
  padding-bottom: 100px;
}

.page-contact-form__description {
  padding-top: 60px;
}

.page-contact-form__description h1 {
  margin-bottom: 20px;
}

.page-contact-form__description-wrapper {
  max-width: 500px;
}

.page-contact-form__form .hbsp-form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.page-contact-form__about {
  margin-top: 100px;
}

.canvas-carousel__imagecontainer {
  overflow: hidden;
  padding: 40px 100px 100px;
  white-space: nowrap;
}

.canvas-carousel__imagecontainer--centered {
  max-width: 1100px;
  margin: 0 auto;
}

@media screen and (max-width: 640px) {
  .canvas-carousel__imagecontainer {
    height: 0;
    padding: 0;
  }
}

.canvas-carousel__imagecontainer[active-index="1"] .canvas-carousel__image {
  transform: translateX(calc(-100% - 154px));
}

.canvas-carousel__imagecontainer[active-index="2"] .canvas-carousel__image {
  transform: translateX(calc(-200% - 307px));
}

.canvas-carousel__image {
  vertical-align: top;
  transition: transform .3s ease-in-out;
  border-radius: 5px;
  box-shadow: 0px 52px 55px -15px rgba(54, 54, 88, 0.3), 0px 7px 15px -7px rgba(0, 0, 0, 0.4);
}

.canvas-carousel__image:nth-of-type(2) {
  margin: 0 150px;
}

.canvas-carousel .infobox__wrapper {
  max-width: 1100px;
  margin: 60px auto -20px;
}

@media screen and (min-width: 640px) {
  .canvas-carousel .infobox__wrapper {
    padding: 0 100px;
  }
}

.canvas-carousel .infobox__item {
  cursor: pointer;
}

@media screen and (min-width: 640px) {
  .canvas-carousel .infobox__item:nth-of-type(1) {
    margin-left: 0;
  }
  .canvas-carousel .infobox__item:nth-of-type(3) {
    margin-right: 0;
  }
  .canvas-carousel .infobox__item--inactive:after {
    transform: rotate(45deg) translateX(-150%) translateY(-50%) !important;
  }
  .canvas-carousel .infobox__item:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -25px;
    width: 30px;
    height: 30px;
    transition: .3s ease-in-out;
    transform-origin: 50%;
    transform: rotate(45deg) translateX(-50%);
    background-color: #ffffff;
  }
}

.screenshot {
  perspective: 1500px;
}

.screenshot--rotate-x img, .screenshot--rotate-x video {
  transform: rotateX(8deg) !important;
}

.screenshot--no-transform img, .screenshot--no-transform video {
  transform: inherit !important;
}

.screenshot__image, .screenshot img, .screenshot video {
  max-width: 100%;
  border-radius: 5px;
  box-shadow: 0px 52px 55px -15px rgba(54, 54, 88, 0.3), 0px 7px 15px -7px rgba(0, 0, 0, 0.4);
  transform: rotateX(8deg);
}

@media screen and (min-width: 640px) {
  .screenshot__image, .screenshot img, .screenshot video {
    transform: rotateY(-15deg);
    box-shadow: 0px 62px 85px -15px rgba(54, 54, 88, 0.3), 0px 7px 55px -7px rgba(0, 0, 0, 0.4);
  }
}

.quote-slider {
  position: relative;
  height: 165px;
  overflow: hidden;
  max-width: 500px;
  margin: 0 auto;
}

.quote-slider .quote {
  position: absolute;
  right: 20px;
  left: 20px;
  animation: fade-out-in 12s infinite;
  text-align: center;
}

@media screen and (min-width: 640px) {
  .quote-slider .quote {
    left: auto;
    right: auto;
  }
}

.quote-slider .quote:nth-child(1) {
  animation-delay: 6s;
}

.quote-slider .quote:nth-child(2) {
  animation-delay: 0s;
}

.quote {
  position: relative;
  min-height: 100px;
  max-width: 500px;
  margin: 30px auto;
  text-align: left;
}

@media screen and (min-width: 640px) {
  .quote {
    margin: 0 0 60px;
  }
}

.quote__image {
  display: block;
  position: absolute;
  overflow: hidden;
  border-radius: 50%;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
}

.quote__content {
  font-size: 24px;
  font-style: italic;
  margin-bottom: 20px;
}

.quote__content:before {
  content: "“";
  position: absolute;
  left: -32px;
  top: -22px;
  font-size: 72px;
  opacity: 0.5;
}

.quote__content:after {
  content: "”";
  position: absolute;
  margin-top: -18px;
  margin-left: 5px;
  font-size: 72px;
  opacity: 0.5;
}

.quote__author {
  display: block;
  font-style: normal;
  font-weight: 700;
  opacity: 0.8;
}

.quote__worktitle {
  opacity: 0.8;
  font-weight: 400;
}

@keyframes fade-out-in {
  0% {
    opacity: 1;
  }
  42% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  92% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.chrome, .page-header__image {
  box-shadow: 0 2px 14px rgba(0, 0, 0, 0.5);
  overflow: hidden;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.chrome__bar {
  display: none;
  height: 30px;
  padding-left: 8px;
  text-align: left;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background: #f5f5f6;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f5f5f6 0%, #d9dadc 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f6', endColorstr='#d9dadc',GradientType=0 );
  /* IE6-9 */
}

@media screen and (min-width: 640px) {
  .chrome__bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
  }
}

.chrome__button {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-right: 5px;
  background-color: #fa5451;
}

.chrome__button:nth-child(2) {
  background-color: #fbb93a;
}

.chrome__button:nth-child(3) {
  background-color: #2dbe3e;
}

.chrome--small .chrome__bar {
  height: 20px;
  padding-left: 5px;
}

.chrome--small .chrome__button {
  width: 8px;
  height: 8px;
  margin-right: 3px;
}

.chrome img, .page-header__image img {
  display: block;
}

.landingpage__navigation {
  position: relative;
  max-height: 40px;
  font-size: 32px;
  z-index: 1;
}

.landingpage__branding {
  max-width: 130px;
  display: block;
}

.landingpage__header {
  position: relative;
  padding: 0 20px;
  color: #ffffff;
  background-repeat: no-repeat;
  background-size: cover;
}

.landingpage__header--kanban {
  background-image: url("../../webpage/img/landingpages/kanban.3a68c3df4cef.jpg");
}

.landingpage__header--kanban .page-header__top-bar--fixed {
  background-color: #171c2d;
}

.landingpage__header--trello {
  background-image: url("../../webpage/img/landingpages/lights.94871301f2f6.jpg");
  background-position: center;
}

.landingpage__header--trello .page-header__top-bar--fixed {
  background-color: #171c2d;
}

.landingpage__header--adobe {
  background-image: url("../../webpage/img/landingpages/adobe/jumbotron.54070b044ec7.jpg");
  background-position: center;
}

.landingpage__header--adobe .page-header__top-bar--fixed {
  background-color: #171c2d;
}

.landingpage__header--latam {
  background-image: url("../../webpage/img/landingpages/latam/banner.0c37d2b12613.jpg");
  background-position: center;
}

.landingpage__header--latam .page-header__top-bar--fixed {
  background-color: #171c2d;
}

.landingpage__header--latam .landingpage__header-overlay:before {
  background: rgba(23, 28, 45, 0.5);
}

.landingpage__header-wrapper {
  position: relative;
  min-height: 640px;
  padding: 0 20px;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.landingpage__header-title {
  margin-bottom: 20px;
  color: #ffffff;
}

.landingpage__header-subtitle {
  font-weight: 400;
  margin-bottom: 60px;
  color: #ffffff;
}

.landingpage__content h2, .landingpage__content h3, .landingpage__content h4 {
  margin-bottom: 20px;
}

.landingpage__section {
  padding: 60px 0;
}

@media (min-width: 1280px) {
  .landingpage__section {
    font-size: 24px;
  }
}

@media (max-width: 1280px) {
  .landingpage__section {
    font-size: 24px;
  }
}

@media (max-width: 1152px) {
  .landingpage__section {
    font-size: 21.6px;
  }
}

@media (max-width: 896px) {
  .landingpage__section {
    font-size: 16.8px;
  }
}

@media screen and (min-width: 640px) {
  .landingpage__section {
    -ms-flex-wrap: none;
        flex-wrap: none;
    padding: 100px 0;
  }
}

.landingpage__section--tagline .landingpage__column {
  -ms-flex-preferred-size: 700px;
      flex-basis: 700px;
  margin-bottom: 0;
}

.landingpage__section--tagline .landingpage__column p {
  margin-bottom: 0;
}

.landingpage__section--visual {
  background-color: #171c2d;
  color: #ffffff;
  text-align: center;
}

.landingpage__section--visual h1, .landingpage__section--visual h2, .landingpage__section--visual h3, .landingpage__section--visual h4 {
  color: #ffffff;
}

.landingpage__section--visual .ul {
  padding-left: 0;
}

.landingpage__section--visual .ul li {
  padding-left: 0;
  list-style: none;
}

@media screen and (min-width: 640px) {
  .landingpage__section--visual {
    text-align: left;
  }
  .landingpage__section--visual .ul {
    padding-left: inherit;
  }
  .landingpage__section--visual .ul li {
    padding-left: inherit;
    list-style: inherit;
  }
}

.landingpage__section-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
}

.landingpage__column {
  max-width: 100%;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

.landingpage__column:not(:last-of-type) {
  margin-bottom: 40px;
}

@media screen and (min-width: 640px) {
  .landingpage__column {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    margin-bottom: 0;
    padding: 0 20px;
    -ms-flex-positive: 1;
        flex-grow: 1;
  }
  .landingpage__column:not(:last-of-type) {
    margin-bottom: 0;
  }
}

.landingpage__column--center {
  text-align: center;
}

@media screen and (min-width: 640px) {
  .landingpage__column--center {
    -ms-flex-preferred-size: 70%;
        flex-basis: 70%;
  }
}

@media screen and (max-width: 640px) {
  .landingpage__column--image:first-of-type {
    -ms-flex-order: 2;
        order: 2;
  }
}

.landingpage__quote {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin-top: 120px;
}

.landingpage__quote .quote {
  width: 40%;
}

.landingpage__footer-cta {
  position: relative;
  padding: 100px 20px;
  text-align: center;
  color: #ffffff;
}

.landingpage__footer-cta:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(170deg, #e91e63 -20%, #171c2d 60%);
}

.landingpage__footer-cta h3 {
  position: relative;
  color: #ffffff;
}

.landingpage__footer-cta form {
  position: relative;
}

.landingpage__image-shadow {
  box-shadow: 0 2px 14px rgba(0, 0, 0, 0.5);
}

@media (min-width: 1280px) {
  .landingpage .quote__content {
    font-size: 24px;
  }
}

@media (max-width: 1280px) {
  .landingpage .quote__content {
    font-size: 24px;
  }
}

@media (max-width: 1152px) {
  .landingpage .quote__content {
    font-size: 21.6px;
  }
}

@media (max-width: 896px) {
  .landingpage .quote__content {
    font-size: 16.8px;
  }
}

.landingpage .page-header__menu li .link, .landingpage .page-header__menu li a, .landingpage .page-header__menu li .infobox__item-link, .landingpage .page-header__menu li .errorpage__link, .landingpage .page-header__menu li .errorpage__returnlink, .landingpage .page-header__menu li .upload-file__overlay {
  color: #ffffff;
}

.landingpage .page-header__branding {
  background-image: url("../../project_angular/img/logo--light.518e00d1454b.svg");
}

.wf-loading {
  opacity: 0;
}

.teampicker {
  position: absolute;
  right: 20px;
  left: 20px;
  top: 64px;
  z-index: 2;
  min-width: auto;
  max-width: 100%;
  background-color: #ffffff;
  border-radius: 5px;
  font-weight: 700;
  box-shadow: 0 2px 14px rgba(0, 0, 0, 0.5);
  display: none;
}

@media screen and (min-width: 640px) {
  .teampicker {
    min-width: 270px;
    max-width: 350px;
    left: auto;
  }
}

.teampicker--open {
  display: block;
}

.teampicker__logo, .page-header__menu li .link img, .page-header__menu li a img, .page-header__menu li .infobox__item-link img, .page-header__menu li .errorpage__link img, .page-header__menu li .errorpage__returnlink img, .page-header__menu li .upload-file__overlay img {
  width: 36px;
  vertical-align: middle;
  border-radius: 5px;
  margin-right: 10px;
}

.teampicker__title {
  vertical-align: middle;
}

.teampicker__divider {
  margin: 0 10px;
  border-bottom: 1px rgba(74, 75, 82, 0.07) solid;
}

.teampicker__divider--large {
  border-width: 5px;
  margin: 0;
}

.teampicker a, .teampicker .link, .teampicker .page-header__menu li a, .page-header__menu li .teampicker a, .teampicker .infobox__item-link, .teampicker .errorpage__link, .teampicker .errorpage__returnlink, .teampicker .upload-file__overlay {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 10px;
  color: #5d5e67;
  height: 56px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.teampicker a:hover, .teampicker .link:hover, .teampicker .infobox__item-link:hover, .teampicker .errorpage__link:hover, .teampicker .errorpage__returnlink:hover, .teampicker .upload-file__overlay:hover, .teampicker a:focus, .teampicker .link:focus, .teampicker .infobox__item-link:focus, .teampicker .errorpage__link:focus, .teampicker .errorpage__returnlink:focus, .teampicker .upload-file__overlay:focus, .teampicker a.active, .teampicker .active.link, .teampicker .active.infobox__item-link, .teampicker .active.errorpage__link, .teampicker .active.errorpage__returnlink, .teampicker .active.upload-file__overlay {
  background-color: rgba(74, 75, 82, 0.07);
}

.person {
  text-align: center;
  padding: 0 30px;
}

.person__image {
  width: 150px;
  max-width: 100%;
  margin-bottom: 10px;
  border: 5px rgba(23, 28, 45, 0.2) solid;
  border-radius: 50%;
}

.person__name {
  font-size: 24px;
  margin-bottom: 0;
}

.person__title {
  margin-bottom: 5px;
}

.person__socialitem {
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
}

.person__socialitem svg {
  width: 22px;
  padding: 5px;
  margin-top: 5px;
}

.person__socialitem--linkedin svg {
  fill: #0077b5;
  margin-top: 4px;
}

.person__socialitem--linkedin:hover {
  background-color: rgba(0, 119, 181, 0.2);
}

.person__socialitem--twitter svg {
  fill: #2AA3F0;
}

.person__socialitem--twitter:hover {
  background-color: rgba(42, 163, 240, 0.2);
}

.pricing__explanation {
  margin-top: 40px;
}

@media screen and (min-width: 640px) {
  .pricing__explanation {
    display: -ms-flexbox;
    display: flex;
    text-align: center;
  }
}

.pricing__explanation-item {
  background-color: #ffffff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  padding: 30px;
  margin: 10px 20px;
  width: 100%;
  margin-bottom: 20px;
}

@media screen and (min-width: 640px) {
  .pricing__explanation-item {
    margin-bottom: 0;
    width: 33.334%;
  }
}

.pricing__faq {
  padding-top: 20px;
}

@media screen and (min-width: 640px) {
  .pricing__faq {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.pricing__faq-item {
  margin-bottom: 40px;
}

@media screen and (min-width: 640px) {
  .pricing__faq-item {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    padding: 0 40px 30px;
    margin-bottom: 0;
  }
}

.page-article .plans {
  width: 1280px;
  margin: 0 auto;
}

.infobox__wrapper {
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 640px) {
  .infobox__wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

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

.infobox__item {
  position: relative;
  background-color: #ffffff;
  padding: 20px 18px;
  margin: 15px;
  color: #4a4b52;
  border-radius: 5px;
  text-align: left;
  transition: transform .15s ease-in, box-shadow .15s ease-in;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  cursor: default;
  box-shadow: 0 15px 30px rgba(23, 28, 45, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
}

.infobox__item--flex {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: row;
      flex-direction: row;
}

@media screen and (max-width: 640px) {
  .infobox__item--flex {
    display: -ms-flexbox;
    display: flex;
  }
}

.infobox__item--inactive {
  color: rgba(74, 75, 82, 0.7);
  opacity: .8;
}

@media screen and (min-width: 640px) {
  .infobox__item--inactive .infobox__item-link {
    display: none;
  }
}

.infobox__item--with-link {
  padding-bottom: 40px;
}

.infobox__item--with-link:hover, .infobox__item--with-link:focus {
  box-shadow: 0 18px 33px rgba(23, 28, 45, 0.15), 0 7px 18px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}

@media screen and (min-width: 640px) {
  .infobox__item--thirds {
    margin: 1.66%;
    width: 30%;
    -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
    -ms-flex-positive: 0;
        flex-grow: 0;
  }
}

.infobox__item:hover, .infobox__item:focus {
  color: #4a4b52;
}

.infobox__item p {
  margin-bottom: 20px;
}

.infobox__item-coverimage {
  width: 100%;
  margin-bottom: 10px;
}

.infobox__item-coverimage--show-on-mobile {
  display: block;
}

@media screen and (min-width: 640px) {
  .infobox__item-coverimage--show-on-mobile {
    display: none;
  }
}

.infobox__item-icon {
  width: 50px;
  height: 50px;
  margin-right: 15px;
}

.infobox__item-link {
  position: absolute;
  bottom: 20px;
  border-bottom: 1px transparent solid;
}

.infobox__item-link:hover, .infobox__item-link:focus {
  border-color: #195db8;
}

.gift-card {
  width: 400px;
  max-width: 100%;
  padding: 25px 20px;
  color: #ffffff;
  text-align: center;
  border-radius: 5px;
  box-shadow: 0 2px 14px rgba(0, 0, 0, 0.5);
  background-image: linear-gradient(125deg, #171c2d 0%, #e91e63 60%);
  background-size: 400% 400%;
  animation: GradientAnimation 9s ease infinite;
}

.gift-card__logo {
  width: 120px;
  margin-bottom: 30px;
}

.gift-card__amount {
  font-size: 48px;
  font-weight: bold;
  margin-bottom: 30px;
}

@media screen and (min-width: 640px) {
  .flexrow {
    display: -ms-flexbox;
    display: flex;
    max-width: 1000px;
    margin: 0 auto;
  }
  .flexrow--thirds .col {
    width: 28%;
    margin: 2.66666667%;
  }
}

.flexrow .col {
  -ms-flex: 1;
      flex: 1;
}

.cta-field {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin: 60px 0;
  text-align: center;
}

.cta-field input[type="email"] {
  border: 2px #d6d8dc solid !important;
}

.cta-field__nocc {
  display: none;
  font-size: 16px;
  margin-top: 10px;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 640px) {
  .cta-field__nocc {
    margin-top: 0;
  }
}

/* Shortcut for importing variables */
/* Spacing */
/* Font */
/* Border radius */
/* Shadows */
/* Breakpoints */
/* Form */
/* Shortcut for importing variables */
/* Spacing */
/* Font */
/* Border radius */
/* Shadows */
/* Breakpoints */
/* Form */
.plans {
  max-width: 100%;
  margin-top: 64px;
}

.plans__row {
  position: relative;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 640px) {
  .plans__row {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

.plans__row:last-of-type .plans__summary:first-child {
  border-bottom-left-radius: 5px;
}

.plans__row:last-of-type .plans__summary:last-child {
  border-bottom-right-radius: 5px;
}

.plans__summary {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-preferred-size: 33.334%;
      flex-basis: 33.334%;
  padding: 32px;
  text-align: center;
  background-color: white;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
  border-radius: 5px;
}

@media screen and (max-width: 640px) {
  .plans__summary {
    margin-bottom: 16px;
  }
}

@media screen and (min-width: 640px) {
  .plans__summary:nth-of-type(1) {
    border-right: 1px #eee solid;
    border-top-left-radius: 5px;
  }
  .plans__summary:nth-of-type(2) {
    margin-top: -32px;
    z-index: 1;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }
  .plans__summary:nth-of-type(3) {
    border-left: 1px #eee solid;
    border-top-right-radius: 5px;
  }
}

.plans__summary > h2 {
  font-size: 32px;
  margin-bottom: 8px;
}

.plans__summary > p {
  -ms-flex: 1;
      flex: 1;
  font-size: 20px;
}

.plans__summary .up-button, .plans__summary .plans__currentplan-button {
  margin: 0 auto;
  padding-left: 32px;
  padding-right: 32px;
}

.plans__price {
  margin-bottom: 32px;
}

.plans__price-amount {
  font-size: 48px;
  font-weight: 600;
}

.plans__currentplan-button {
  cursor: default;
}

.plans__currentplan-button:focus, .plans__currentplan-button:hover, .plans__currentplan-button:active {
  background-color: inherit !important;
  border-color: #19cb42 !important;
  color: #19cb42 !important;
}

.plans__details {
  position: relative;
  z-index: 1;
  -ms-flex-preferred-size: 33.334%;
      flex-basis: 33.334%;
  padding: 32px 40px;
  background-color: rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
}

@media screen and (max-width: 640px) {
  .plans__details {
    display: none;
  }
}

.plans__details:before {
  content: '';
  position: absolute;
  top: -30px;
  right: 0;
  left: 0;
  height: 30px;
  background-color: white;
}

.plans__details:nth-of-type(1) {
  border-right: 1px #eee solid;
  border-bottom-left-radius: 5px;
}

.plans__details:nth-of-type(2) {
  z-index: 2;
}

.plans__details:nth-of-type(3) {
  border-left: 1px #eee solid;
  border-bottom-right-radius: 5px;
}

.plans__details ul {
  list-style: none;
}

.plans__details li {
  margin-bottom: 14px;
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}

.plans__comparison {
  width: 100%;
  margin-bottom: 64px;
  border-radius: 5px;
}

@media screen and (max-width: 640px) {
  .plans__comparison {
    overflow: auto;
    display: block;
  }
}

.plans__comparison thead {
  font-weight: 600;
}

.plans__comparison tbody td:not(:first-child) {
  background-color: white;
}

.plans__comparison td {
  padding: 16px;
  border: 2px #eaeaea solid;
}

.plans__comparison td:not(:first-child) {
  text-align: center;
  width: 240px;
}

.plans__comparison-header {
  background-color: #e91e63;
  color: white;
  border-color: #e91e63 !important;
}

.plans__comparison-header h4 {
  margin: 0;
  font-size: 22px;
}

/*------------------------------------*\
    #TRUMPS
\*------------------------------------*/
.float--right,
[class*="col-"].float--right {
  float: right;
}

@media screen and (min-width: 640px) {
  .float--right--md,
  [class*="col-"].float--right--md {
    float: right;
  }
}

@media screen and (min-width: 960px) {
  .float--right--lg,
  [class*="col-"].float--right--lg {
    float: right;
  }
}

@media screen and (min-width: 1280px) {
  .float--right--xl,
  [class*="col-"].float--right--xl {
    float: right;
  }
}

.float--left {
  float: left;
}

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

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

.ng-cloak {
  display: none;
}

.is-hidden {
  display: none;
}

@media screen and (min-width: 640px) {
  .is-hidden--md {
    display: none;
  }
}

@media screen and (min-width: 960px) {
  .is-hidden--lg {
    display: none;
  }
}

@media screen and (min-width: 1280px) {
  .is-hidden--xl {
    display: none;
  }
}

.is-visible {
  display: inherit;
}

.is-visible--md {
  display: none;
}

@media screen and (min-width: 640px) {
  .is-visible--md {
    display: inherit;
  }
}

.is-visible--lg {
  display: none;
}

@media screen and (min-width: 960px) {
  .is-visible--lg {
    display: inherit;
  }
}

.is-visible--xl {
  display: none;
}

@media screen and (min-width: 1280px) {
  .is-visible--xl {
    display: inherit;
  }
}

.errorpage {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #171c2d;
  color: #ffffff;
  text-align: center;
  background-image: linear-gradient(125deg, #e91e63 -20%, #171c2d 60%);
  background-size: 400% 400%;
  animation: GradientAnimation 9s ease infinite;
  padding: 60px 20px 0;
}

.errorpage:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url("../../webpage/img/background-lines.faab1dfbe380.png");
  background-size: cover;
  background-position: center;
}

.errorpage__logo {
  width: 200px;
  margin-bottom: 60px;
}

.errorpage__content {
  position: relative;
  z-index: 1;
}

.errorpage__ninjaimage {
  display: block;
  height: 200px;
  margin: 40px auto;
}

.errorpage__link, .errorpage__returnlink {
  color: #ffffff;
  border-bottom: 2px #ffffff solid;
}

.errorpage__link:hover, .errorpage__returnlink:hover, .errorpage__link:focus, .errorpage__returnlink:focus {
  color: #ffffff;
}

.errorpage__returnlink {
  display: inline-block;
  margin: 20px 0 40px;
}

@keyframes GradientAnimation {
  0% {
    background-position: 97% 0%;
  }
  50% {
    background-position: 4% 100%;
  }
  100% {
    background-position: 97% 0%;
  }
}