@charset "UTF-8";
/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent; }

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0; }
.slick-list:focus {
    outline: none; }
.slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto; }
.slick-track:before, .slick-track:after {
    content: "";
    display: table; }
.slick-track:after {
    clear: both; }
.slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none; }
[dir="rtl"] .slick-slide {
    float: right; }
.slick-slide img {
    display: block; }
.slick-slide.slick-loading img {
    display: none; }
.slick-slide.dragging img {
    pointer-events: none; }
.slick-initialized .slick-slide {
    display: block; }
.slick-loading .slick-slide {
    visibility: hidden; }
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
    display: none; }

/* Slider */
.slick-loading .slick-list {
    background: #fff url("../images/slick/ajax-loader.gif") center center no-repeat; }

.no-margin {
    margin: 0 !important;
}

.no-margin {
    margin: 0 !important;
}

/* Icons */
@font-face {
    font-family: "slick";
    src: url("../fonts/slick/slick.eot");
    src: url("../fonts/slick/slick.eot?#iefix") format("embedded-opentype"), url("../fonts/slick/slick.woff") format("woff"), url("../fonts/slick/slick.ttf") format("truetype"), url("../fonts/slick/slick.svg#slick") format("svg");
    font-weight: normal;
    font-style: normal; }

/* Arrows */
.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none; }
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1; }
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: 0.25; }
.slick-prev:before,
.slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
    left: -25px; }
[dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
.slick-prev:before {
    content: "←"; }
[dir="rtl"] .slick-prev:before {
    content: "→"; }

.slick-next {
    right: -25px; }
[dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
.slick-next:before {
    content: "→"; }
[dir="rtl"] .slick-next:before {
    content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
    margin-bottom: 30px; }

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%; }
.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: transparent;
    padding: 5px;
    cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus {
    outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
    opacity: 1; }
.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: "slick";
    font-size: 10px;
    line-height: 20px;
    text-align: center;
    color: rgba(255, 255, 255, 0.5);
    opacity: 0.25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before {
    color: #fff;
    opacity: 0.75; }

/**
 * Foundation for Sites by ZURB
 * Version 6.4.3
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
@media print, screen and (min-width: 40em) {
    .reveal, .reveal.tiny, .reveal.small, .reveal.large {
        right: auto;
        left: auto;
        margin: 0 auto; } }

/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
/* Document
       ========================================================================== */
/**
     * 1. Change the default font family in all browsers (opinionated).
     * 2. Correct the line height in all browsers.
     * 3. Prevent adjustments of font size after orientation changes in
     *    IE on Windows Phone and in iOS.
     */
html {
    font-family: sans-serif;
    /* 1 */
    line-height: 1.15;
    /* 2 */
    -ms-text-size-adjust: 100%;
    /* 3 */
    -webkit-text-size-adjust: 100%;
    /* 3 */ }

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

/**
     * Add the correct display in IE 9-.
     */
article,
aside,
footer,
header,
nav,
section {
    display: block; }

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

/* Grouping content
       ========================================================================== */
/**
     * Add the correct display in IE 9-.
     */
figcaption,
figure {
    display: block; }

/**
     * Add the correct margin in IE 8.
     */
figure {
    margin: 1em 40px; }

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

/**
     * Add the correct display in IE.
     */
main {
    display: block; }

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

/* Links
       ========================================================================== */
/**
     * 1. Remove the gray background on active links in IE 10.
     * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
     */
a {
    background-color: transparent;
    /* 1 */
    -webkit-text-decoration-skip: objects;
    /* 2 */ }

/**
     * Remove the outline on focused links when they are also active or hovered
     * in all browsers (opinionated).
     */
a:active,
a:hover {
    outline-width: 0; }

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

/**
     * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
     */
b,
strong {
    font-weight: inherit; }

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

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

/**
     * Add the correct font style in Android 4.3-.
     */
dfn {
    font-style: italic; }

/**
     * Add the correct background and color in IE 9-.
     */
mark {
    background-color: #ff0;
    color: #000; }

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

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

sub {
    bottom: -0.25em; }

sup {
    top: -0.5em; }

/* Embedded content
       ========================================================================== */
/**
     * Add the correct display in IE 9-.
     */
audio,
video {
    display: inline-block; }

/**
     * Add the correct display in iOS 4-7.
     */
audio:not([controls]) {
    display: none;
    height: 0; }

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

/**
     * Hide the overflow in IE.
     */
svg:not(:root) {
    overflow: hidden; }

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

/**
     * Show the overflow in IE.
     */
button {
    overflow: visible; }

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

/**
     * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
     *    controls in Android 4.
     * 2. Correct the inability to style clickable types in iOS and Safari.
     */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
    /* 2 */ }

button,
[type="button"],
[type="reset"],
[type="submit"] {
    /**
       * Remove the inner border and padding in Firefox.
       */
    /**
       * Restore the focus styles unset by the previous rule.
       */ }
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0; }
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText; }

/**
     * Show the overflow in Edge.
     */
input {
    overflow: visible; }

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

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

/**
     * 1. Correct the odd appearance in Chrome and Safari.
     * 2. Correct the outline style in Safari.
     */
[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
    /**
       * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
       */ }
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }

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

/**
     * Change the border, margin, and padding in all browsers (opinionated).
     */
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em; }

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

/**
     * 1. Add the correct display in IE 9-.
     * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
     */
progress {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */ }

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

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

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

/*
     * Add the correct display in IE 9-.
     */
menu {
    display: block; }

/* Scripting
       ========================================================================== */
/**
     * Add the correct display in IE 9-.
     */
canvas {
    display: inline-block; }

/**
     * Add the correct display in IE.
     */
template {
    display: none; }

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

.foundation-mq {
    font-family: "small=0em&medium=40em&large=64em&xlarge=75em"; }

html {
    box-sizing: border-box;
    font-size: 100%; }

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

body {
    margin: 0;
    padding: 0;
    background: #fff;
    font-family: "biotif", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-weight: 400;
    line-height: 1.4;
    color: #00bfa4;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic; }

textarea {
    height: auto;
    min-height: 50px;
    border-radius: 12px; }

select {
    box-sizing: border-box;
    width: 100%;
    border-radius: 12px; }

.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
    max-width: none !important; }

button {
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 12px;
    background: transparent;
    line-height: 1;
    cursor: auto; }
[data-whatinput='mouse'] button {
    outline: 0; }

pre {
    overflow: auto; }

button,
input,
optgroup,
select,
textarea {
    font-family: inherit; }

.is-visible {
    display: block !important; }

.is-hidden {
    display: none !important; }

.grid-container {
    padding-right: 1rem;
    padding-left: 1rem;
    max-width: 1200px;
    margin: 0 auto; }
.grid-container.fluid {
    padding-right: 1rem;
    padding-left: 1rem;
    max-width: 100%;
    margin: 0 auto; }
.grid-container.full {
    padding-right: 0;
    padding-left: 0;
    max-width: 100%;
    margin: 0 auto; }

.grid-x {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap; }

.cell {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-height: 0px;
    min-width: 0px;
    width: 100%; }
.cell.auto {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px; }
.cell.shrink {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto; }

.grid-x > .auto {
    width: auto; }

.grid-x > .shrink {
    width: auto; }

.grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {
    -ms-flex-preferred-size: auto;
    flex-basis: auto; }

@media print, screen and (min-width: 40em) {
    .grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 {
        -ms-flex-preferred-size: auto;
        flex-basis: auto; } }

@media print, screen and (min-width: 64em) {
    .grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {
        -ms-flex-preferred-size: auto;
        flex-basis: auto; } }

.grid-x > .small-1 {
    width: 8.33333%; }

.grid-x > .small-2 {
    width: 16.66667%; }

.grid-x > .small-3 {
    width: 25%; }

.grid-x > .small-4 {
    width: 33.33333%; }

.grid-x > .small-5 {
    width: 41.66667%; }

.grid-x > .small-6 {
    width: 50%; }

.grid-x > .small-7 {
    width: 58.33333%; }

.grid-x > .small-8 {
    width: 66.66667%; }

.grid-x > .small-9 {
    width: 75%; }

.grid-x > .small-10 {
    width: 83.33333%; }

.grid-x > .small-11 {
    width: 91.66667%; }

.grid-x > .small-12 {
    width: 100%; }

@media print, screen and (min-width: 40em) {
    .grid-x > .medium-auto {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        width: auto; }
    .grid-x > .medium-shrink {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto; }
    .grid-x > .medium-1 {
        width: 8.33333%; }
    .grid-x > .medium-2 {
        width: 16.66667%; }
    .grid-x > .medium-3 {
        width: 25%; }
    .grid-x > .medium-4 {
        width: 33.33333%; }
    .grid-x > .medium-5 {
        width: 41.66667%; }
    .grid-x > .medium-6 {
        width: 50%; }
    .grid-x > .medium-7 {
        width: 58.33333%; }
    .grid-x > .medium-8 {
        width: 66.66667%; }
    .grid-x > .medium-9 {
        width: 75%; }
    .grid-x > .medium-10 {
        width: 83.33333%; }
    .grid-x > .medium-11 {
        width: 91.66667%; }
    .grid-x > .medium-12 {
        width: 100%; } }

@media print, screen and (min-width: 64em) {
    .grid-x > .large-auto {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        width: auto; }
    .grid-x > .large-shrink {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto; }
    .grid-x > .large-1 {
        width: 8.33333%; }
    .grid-x > .large-2 {
        width: 16.66667%; }
    .grid-x > .large-3 {
        width: 25%; }
    .grid-x > .large-4 {
        width: 33.33333%; }
    .grid-x > .large-5 {
        width: 41.66667%; }
    .grid-x > .large-6 {
        width: 50%; }
    .grid-x > .large-7 {
        width: 58.33333%; }
    .grid-x > .large-8 {
        width: 66.66667%; }
    .grid-x > .large-9 {
        width: 75%; }
    .grid-x > .large-10 {
        width: 83.33333%; }
    .grid-x > .large-11 {
        width: 91.66667%; }
    .grid-x > .large-12 {
        width: 100%; } }

.grid-margin-x:not(.grid-x) > .cell {
    width: auto; }

.grid-margin-y:not(.grid-y) > .cell {
    height: auto; }

.grid-margin-x {
    margin-left: -1rem;
    margin-right: -1rem; }
.grid-margin-x > .cell {
    width: calc(100% - 2rem);
    margin-left: 1rem;
    margin-right: 1rem; }
.grid-margin-x > .auto {
    width: auto; }
.grid-margin-x > .shrink {
    width: auto; }
.grid-margin-x > .small-1 {
    width: calc(8.33333% - 2rem); }
.grid-margin-x > .small-2 {
    width: calc(16.66667% - 2rem); }
.grid-margin-x > .small-3 {
    width: calc(25% - 2rem); }
.grid-margin-x > .small-4 {
    width: calc(33.33333% - 2rem); }
.grid-margin-x > .small-5 {
    width: calc(41.66667% - 2rem); }
.grid-margin-x > .small-6 {
    width: calc(50% - 2rem); }
.grid-margin-x > .small-7 {
    width: calc(58.33333% - 2rem); }
.grid-margin-x > .small-8 {
    width: calc(66.66667% - 2rem); }
.grid-margin-x > .small-9 {
    width: calc(75% - 2rem); }
.grid-margin-x > .small-10 {
    width: calc(83.33333% - 2rem); }
.grid-margin-x > .small-11 {
    width: calc(91.66667% - 2rem); }
.grid-margin-x > .small-12 {
    width: calc(100% - 2rem); }
@media print, screen and (min-width: 40em) {
    .grid-margin-x > .medium-auto {
        width: auto; }
    .grid-margin-x > .medium-shrink {
        width: auto; }
    .grid-margin-x > .medium-1 {
        width: calc(8.33333% - 2rem); }
    .grid-margin-x > .medium-2 {
        width: calc(16.66667% - 2rem); }
    .grid-margin-x > .medium-3 {
        width: calc(25% - 2rem); }
    .grid-margin-x > .medium-4 {
        width: calc(33.33333% - 2rem); }
    .grid-margin-x > .medium-5 {
        width: calc(41.66667% - 2rem); }
    .grid-margin-x > .medium-6 {
        width: calc(50% - 2rem); }
    .grid-margin-x > .medium-7 {
        width: calc(58.33333% - 2rem); }
    .grid-margin-x > .medium-8 {
        width: calc(66.66667% - 2rem); }
    .grid-margin-x > .medium-9 {
        width: calc(75% - 2rem); }
    .grid-margin-x > .medium-10 {
        width: calc(83.33333% - 2rem); }
    .grid-margin-x > .medium-11 {
        width: calc(91.66667% - 2rem); }
    .grid-margin-x > .medium-12 {
        width: calc(100% - 2rem); } }
@media print, screen and (min-width: 64em) {
    .grid-margin-x > .large-auto {
        width: auto; }
    .grid-margin-x > .large-shrink {
        width: auto; }
    .grid-margin-x > .large-1 {
        width: calc(8.33333% - 2rem); }
    .grid-margin-x > .large-2 {
        width: calc(16.66667% - 2rem); }
    .grid-margin-x > .large-3 {
        width: calc(25% - 2rem); }
    .grid-margin-x > .large-4 {
        width: calc(33.33333% - 2rem); }
    .grid-margin-x > .large-5 {
        width: calc(41.66667% - 2rem); }
    .grid-margin-x > .large-6 {
        width: calc(50% - 2rem); }
    .grid-margin-x > .large-7 {
        width: calc(58.33333% - 2rem); }
    .grid-margin-x > .large-8 {
        width: calc(66.66667% - 2rem); }
    .grid-margin-x > .large-9 {
        width: calc(75% - 2rem); }
    .grid-margin-x > .large-10 {
        width: calc(83.33333% - 2rem); }
    .grid-margin-x > .large-11 {
        width: calc(91.66667% - 2rem); }
    .grid-margin-x > .large-12 {
        width: calc(100% - 2rem); } }

.grid-padding-x .grid-padding-x {
    margin-right: -1rem;
    margin-left: -1rem; }

.grid-container:not(.full) > .grid-padding-x {
    margin-right: -1rem;
    margin-left: -1rem; }

.grid-padding-x > .cell {
    padding-right: 1rem;
    padding-left: 1rem; }

.small-up-1 > .cell {
    width: 100%; }

.small-up-2 > .cell {
    width: 50%; }

.small-up-3 > .cell {
    width: 33.33333%; }

.small-up-4 > .cell {
    width: 25%; }

.small-up-5 > .cell {
    width: 20%; }

.small-up-6 > .cell {
    width: 16.66667%; }

.small-up-7 > .cell {
    width: 14.28571%; }

.small-up-8 > .cell {
    width: 12.5%; }

@media print, screen and (min-width: 40em) {
    .medium-up-1 > .cell {
        width: 100%; }
    .medium-up-2 > .cell {
        width: 50%; }
    .medium-up-3 > .cell {
        width: 33.33333%; }
    .medium-up-4 > .cell {
        width: 25%; }
    .medium-up-5 > .cell {
        width: 20%; }
    .medium-up-6 > .cell {
        width: 16.66667%; }
    .medium-up-7 > .cell {
        width: 14.28571%; }
    .medium-up-8 > .cell {
        width: 12.5%; } }

@media print, screen and (min-width: 64em) {
    .large-up-1 > .cell {
        width: 100%; }
    .large-up-2 > .cell {
        width: 50%; }
    .large-up-3 > .cell {
        width: 33.33333%; }
    .large-up-4 > .cell {
        width: 25%; }
    .large-up-5 > .cell {
        width: 20%; }
    .large-up-6 > .cell {
        width: 16.66667%; }
    .large-up-7 > .cell {
        width: 14.28571%; }
    .large-up-8 > .cell {
        width: 12.5%; } }

.grid-margin-x.small-up-1 > .cell {
    width: calc(100% - 2rem); }

.grid-margin-x.small-up-2 > .cell {
    width: calc(50% - 2rem); }

.grid-margin-x.small-up-3 > .cell {
    width: calc(33.33333% - 2rem); }

.grid-margin-x.small-up-4 > .cell {
    width: calc(25% - 2rem); }

.grid-margin-x.small-up-5 > .cell {
    width: calc(20% - 2rem); }

.grid-margin-x.small-up-6 > .cell {
    width: calc(16.66667% - 2rem); }

.grid-margin-x.small-up-7 > .cell {
    width: calc(14.28571% - 2rem); }

.grid-margin-x.small-up-8 > .cell {
    width: calc(12.5% - 2rem); }

@media print, screen and (min-width: 40em) {
    .grid-margin-x.medium-up-1 > .cell {
        width: calc(100% - 2rem); }
    .grid-margin-x.medium-up-2 > .cell {
        width: calc(50% - 2rem); }
    .grid-margin-x.medium-up-3 > .cell {
        width: calc(33.33333% - 2rem); }
    .grid-margin-x.medium-up-4 > .cell {
        width: calc(25% - 2rem); }
    .grid-margin-x.medium-up-5 > .cell {
        width: calc(20% - 2rem); }
    .grid-margin-x.medium-up-6 > .cell {
        width: calc(16.66667% - 2rem); }
    .grid-margin-x.medium-up-7 > .cell {
        width: calc(14.28571% - 2rem); }
    .grid-margin-x.medium-up-8 > .cell {
        width: calc(12.5% - 2rem); } }

@media print, screen and (min-width: 64em) {
    .grid-margin-x.large-up-1 > .cell {
        width: calc(100% - 2rem); }
    .grid-margin-x.large-up-2 > .cell {
        width: calc(50% - 2rem); }
    .grid-margin-x.large-up-3 > .cell {
        width: calc(33.33333% - 2rem); }
    .grid-margin-x.large-up-4 > .cell {
        width: calc(25% - 2rem); }
    .grid-margin-x.large-up-5 > .cell {
        width: calc(20% - 2rem); }
    .grid-margin-x.large-up-6 > .cell {
        width: calc(16.66667% - 2rem); }
    .grid-margin-x.large-up-7 > .cell {
        width: calc(14.28571% - 2rem); }
    .grid-margin-x.large-up-8 > .cell {
        width: calc(12.5% - 2rem); } }

.small-margin-collapse {
    margin-right: 0;
    margin-left: 0; }
.small-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0; }
.small-margin-collapse > .small-1 {
    width: 8.33333%; }
.small-margin-collapse > .small-2 {
    width: 16.66667%; }
.small-margin-collapse > .small-3 {
    width: 25%; }
.small-margin-collapse > .small-4 {
    width: 33.33333%; }
.small-margin-collapse > .small-5 {
    width: 41.66667%; }
.small-margin-collapse > .small-6 {
    width: 50%; }
.small-margin-collapse > .small-7 {
    width: 58.33333%; }
.small-margin-collapse > .small-8 {
    width: 66.66667%; }
.small-margin-collapse > .small-9 {
    width: 75%; }
.small-margin-collapse > .small-10 {
    width: 83.33333%; }
.small-margin-collapse > .small-11 {
    width: 91.66667%; }
.small-margin-collapse > .small-12 {
    width: 100%; }
@media print, screen and (min-width: 40em) {
    .small-margin-collapse > .medium-1 {
        width: 8.33333%; }
    .small-margin-collapse > .medium-2 {
        width: 16.66667%; }
    .small-margin-collapse > .medium-3 {
        width: 25%; }
    .small-margin-collapse > .medium-4 {
        width: 33.33333%; }
    .small-margin-collapse > .medium-5 {
        width: 41.66667%; }
    .small-margin-collapse > .medium-6 {
        width: 50%; }
    .small-margin-collapse > .medium-7 {
        width: 58.33333%; }
    .small-margin-collapse > .medium-8 {
        width: 66.66667%; }
    .small-margin-collapse > .medium-9 {
        width: 75%; }
    .small-margin-collapse > .medium-10 {
        width: 83.33333%; }
    .small-margin-collapse > .medium-11 {
        width: 91.66667%; }
    .small-margin-collapse > .medium-12 {
        width: 100%; } }
@media print, screen and (min-width: 64em) {
    .small-margin-collapse > .large-1 {
        width: 8.33333%; }
    .small-margin-collapse > .large-2 {
        width: 16.66667%; }
    .small-margin-collapse > .large-3 {
        width: 25%; }
    .small-margin-collapse > .large-4 {
        width: 33.33333%; }
    .small-margin-collapse > .large-5 {
        width: 41.66667%; }
    .small-margin-collapse > .large-6 {
        width: 50%; }
    .small-margin-collapse > .large-7 {
        width: 58.33333%; }
    .small-margin-collapse > .large-8 {
        width: 66.66667%; }
    .small-margin-collapse > .large-9 {
        width: 75%; }
    .small-margin-collapse > .large-10 {
        width: 83.33333%; }
    .small-margin-collapse > .large-11 {
        width: 91.66667%; }
    .small-margin-collapse > .large-12 {
        width: 100%; } }

.small-padding-collapse {
    margin-right: 0;
    margin-left: 0; }
.small-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0; }

@media print, screen and (min-width: 40em) {
    .medium-margin-collapse {
        margin-right: 0;
        margin-left: 0; }
    .medium-margin-collapse > .cell {
        margin-right: 0;
        margin-left: 0; } }

@media print, screen and (min-width: 40em) {
    .medium-margin-collapse > .small-1 {
        width: 8.33333%; }
    .medium-margin-collapse > .small-2 {
        width: 16.66667%; }
    .medium-margin-collapse > .small-3 {
        width: 25%; }
    .medium-margin-collapse > .small-4 {
        width: 33.33333%; }
    .medium-margin-collapse > .small-5 {
        width: 41.66667%; }
    .medium-margin-collapse > .small-6 {
        width: 50%; }
    .medium-margin-collapse > .small-7 {
        width: 58.33333%; }
    .medium-margin-collapse > .small-8 {
        width: 66.66667%; }
    .medium-margin-collapse > .small-9 {
        width: 75%; }
    .medium-margin-collapse > .small-10 {
        width: 83.33333%; }
    .medium-margin-collapse > .small-11 {
        width: 91.66667%; }
    .medium-margin-collapse > .small-12 {
        width: 100%; } }

@media print, screen and (min-width: 40em) {
    .medium-margin-collapse > .medium-1 {
        width: 8.33333%; }
    .medium-margin-collapse > .medium-2 {
        width: 16.66667%; }
    .medium-margin-collapse > .medium-3 {
        width: 25%; }
    .medium-margin-collapse > .medium-4 {
        width: 33.33333%; }
    .medium-margin-collapse > .medium-5 {
        width: 41.66667%; }
    .medium-margin-collapse > .medium-6 {
        width: 50%; }
    .medium-margin-collapse > .medium-7 {
        width: 58.33333%; }
    .medium-margin-collapse > .medium-8 {
        width: 66.66667%; }
    .medium-margin-collapse > .medium-9 {
        width: 75%; }
    .medium-margin-collapse > .medium-10 {
        width: 83.33333%; }
    .medium-margin-collapse > .medium-11 {
        width: 91.66667%; }
    .medium-margin-collapse > .medium-12 {
        width: 100%; } }

@media print, screen and (min-width: 64em) {
    .medium-margin-collapse > .large-1 {
        width: 8.33333%; }
    .medium-margin-collapse > .large-2 {
        width: 16.66667%; }
    .medium-margin-collapse > .large-3 {
        width: 25%; }
    .medium-margin-collapse > .large-4 {
        width: 33.33333%; }
    .medium-margin-collapse > .large-5 {
        width: 41.66667%; }
    .medium-margin-collapse > .large-6 {
        width: 50%; }
    .medium-margin-collapse > .large-7 {
        width: 58.33333%; }
    .medium-margin-collapse > .large-8 {
        width: 66.66667%; }
    .medium-margin-collapse > .large-9 {
        width: 75%; }
    .medium-margin-collapse > .large-10 {
        width: 83.33333%; }
    .medium-margin-collapse > .large-11 {
        width: 91.66667%; }
    .medium-margin-collapse > .large-12 {
        width: 100%; } }

@media print, screen and (min-width: 40em) {
    .medium-padding-collapse {
        margin-right: 0;
        margin-left: 0; }
    .medium-padding-collapse > .cell {
        padding-right: 0;
        padding-left: 0; } }

@media print, screen and (min-width: 64em) {
    .large-margin-collapse {
        margin-right: 0;
        margin-left: 0; }
    .large-margin-collapse > .cell {
        margin-right: 0;
        margin-left: 0; } }

@media print, screen and (min-width: 64em) {
    .large-margin-collapse > .small-1 {
        width: 8.33333%; }
    .large-margin-collapse > .small-2 {
        width: 16.66667%; }
    .large-margin-collapse > .small-3 {
        width: 25%; }
    .large-margin-collapse > .small-4 {
        width: 33.33333%; }
    .large-margin-collapse > .small-5 {
        width: 41.66667%; }
    .large-margin-collapse > .small-6 {
        width: 50%; }
    .large-margin-collapse > .small-7 {
        width: 58.33333%; }
    .large-margin-collapse > .small-8 {
        width: 66.66667%; }
    .large-margin-collapse > .small-9 {
        width: 75%; }
    .large-margin-collapse > .small-10 {
        width: 83.33333%; }
    .large-margin-collapse > .small-11 {
        width: 91.66667%; }
    .large-margin-collapse > .small-12 {
        width: 100%; } }

@media print, screen and (min-width: 64em) {
    .large-margin-collapse > .medium-1 {
        width: 8.33333%; }
    .large-margin-collapse > .medium-2 {
        width: 16.66667%; }
    .large-margin-collapse > .medium-3 {
        width: 25%; }
    .large-margin-collapse > .medium-4 {
        width: 33.33333%; }
    .large-margin-collapse > .medium-5 {
        width: 41.66667%; }
    .large-margin-collapse > .medium-6 {
        width: 50%; }
    .large-margin-collapse > .medium-7 {
        width: 58.33333%; }
    .large-margin-collapse > .medium-8 {
        width: 66.66667%; }
    .large-margin-collapse > .medium-9 {
        width: 75%; }
    .large-margin-collapse > .medium-10 {
        width: 83.33333%; }
    .large-margin-collapse > .medium-11 {
        width: 91.66667%; }
    .large-margin-collapse > .medium-12 {
        width: 100%; } }

@media print, screen and (min-width: 64em) {
    .large-margin-collapse > .large-1 {
        width: 8.33333%; }
    .large-margin-collapse > .large-2 {
        width: 16.66667%; }
    .large-margin-collapse > .large-3 {
        width: 25%; }
    .large-margin-collapse > .large-4 {
        width: 33.33333%; }
    .large-margin-collapse > .large-5 {
        width: 41.66667%; }
    .large-margin-collapse > .large-6 {
        width: 50%; }
    .large-margin-collapse > .large-7 {
        width: 58.33333%; }
    .large-margin-collapse > .large-8 {
        width: 66.66667%; }
    .large-margin-collapse > .large-9 {
        width: 75%; }
    .large-margin-collapse > .large-10 {
        width: 83.33333%; }
    .large-margin-collapse > .large-11 {
        width: 91.66667%; }
    .large-margin-collapse > .large-12 {
        width: 100%; } }

@media print, screen and (min-width: 64em) {
    .large-padding-collapse {
        margin-right: 0;
        margin-left: 0; }
    .large-padding-collapse > .cell {
        padding-right: 0;
        padding-left: 0; } }

.small-offset-0 {
    margin-left: 0%; }

.grid-margin-x > .small-offset-0 {
    margin-left: calc(0% + 1rem); }

.small-offset-1 {
    margin-left: 8.33333%; }

.grid-margin-x > .small-offset-1 {
    margin-left: calc(8.33333% + 1rem); }

.small-offset-2 {
    margin-left: 16.66667%; }

.grid-margin-x > .small-offset-2 {
    margin-left: calc(16.66667% + 1rem); }

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

.grid-margin-x > .small-offset-3 {
    margin-left: calc(25% + 1rem); }

.small-offset-4 {
    margin-left: 33.33333%; }

.grid-margin-x > .small-offset-4 {
    margin-left: calc(33.33333% + 1rem); }

.small-offset-5 {
    margin-left: 41.66667%; }

.grid-margin-x > .small-offset-5 {
    margin-left: calc(41.66667% + 1rem); }

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

.grid-margin-x > .small-offset-6 {
    margin-left: calc(50% + 1rem); }

.small-offset-7 {
    margin-left: 58.33333%; }

.grid-margin-x > .small-offset-7 {
    margin-left: calc(58.33333% + 1rem); }

.small-offset-8 {
    margin-left: 66.66667%; }

.grid-margin-x > .small-offset-8 {
    margin-left: calc(66.66667% + 1rem); }

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

.grid-margin-x > .small-offset-9 {
    margin-left: calc(75% + 1rem); }

.small-offset-10 {
    margin-left: 83.33333%; }

.grid-margin-x > .small-offset-10 {
    margin-left: calc(83.33333% + 1rem); }

.small-offset-11 {
    margin-left: 91.66667%; }

.grid-margin-x > .small-offset-11 {
    margin-left: calc(91.66667% + 1rem); }

@media print, screen and (min-width: 40em) {
    .medium-offset-0 {
        margin-left: 0%; }
    .grid-margin-x > .medium-offset-0 {
        margin-left: calc(0% + 1rem); }
    .medium-offset-1 {
        margin-left: 8.33333%; }
    .grid-margin-x > .medium-offset-1 {
        margin-left: calc(8.33333% + 1rem); }
    .medium-offset-2 {
        margin-left: 16.66667%; }
    .grid-margin-x > .medium-offset-2 {
        margin-left: calc(16.66667% + 1rem); }
    .medium-offset-3 {
        margin-left: 25%; }
    .grid-margin-x > .medium-offset-3 {
        margin-left: calc(25% + 1rem); }
    .medium-offset-4 {
        margin-left: 33.33333%; }
    .grid-margin-x > .medium-offset-4 {
        margin-left: calc(33.33333% + 1rem); }
    .medium-offset-5 {
        margin-left: 41.66667%; }
    .grid-margin-x > .medium-offset-5 {
        margin-left: calc(41.66667% + 1rem); }
    .medium-offset-6 {
        margin-left: 50%; }
    .grid-margin-x > .medium-offset-6 {
        margin-left: calc(50% + 1rem); }
    .medium-offset-7 {
        margin-left: 58.33333%; }
    .grid-margin-x > .medium-offset-7 {
        margin-left: calc(58.33333% + 1rem); }
    .medium-offset-8 {
        margin-left: 66.66667%; }
    .grid-margin-x > .medium-offset-8 {
        margin-left: calc(66.66667% + 1rem); }
    .medium-offset-9 {
        margin-left: 75%; }
    .grid-margin-x > .medium-offset-9 {
        margin-left: calc(75% + 1rem); }
    .medium-offset-10 {
        margin-left: 83.33333%; }
    .grid-margin-x > .medium-offset-10 {
        margin-left: calc(83.33333% + 1rem); }
    .medium-offset-11 {
        margin-left: 91.66667%; }
    .grid-margin-x > .medium-offset-11 {
        margin-left: calc(91.66667% + 1rem); } }

@media print, screen and (min-width: 64em) {
    .large-offset-0 {
        margin-left: 0%; }
    .grid-margin-x > .large-offset-0 {
        margin-left: calc(0% + 1rem); }
    .large-offset-1 {
        margin-left: 8.33333%; }
    .grid-margin-x > .large-offset-1 {
        margin-left: calc(8.33333% + 1rem); }
    .large-offset-2 {
        margin-left: 16.66667%; }
    .grid-margin-x > .large-offset-2 {
        margin-left: calc(16.66667% + 1rem); }
    .large-offset-3 {
        margin-left: 25%; }
    .grid-margin-x > .large-offset-3 {
        margin-left: calc(25% + 1rem); }
    .large-offset-4 {
        margin-left: 33.33333%; }
    .grid-margin-x > .large-offset-4 {
        margin-left: calc(33.33333% + 1rem); }
    .large-offset-5 {
        margin-left: 41.66667%; }
    .grid-margin-x > .large-offset-5 {
        margin-left: calc(41.66667% + 1rem); }
    .large-offset-6 {
        margin-left: 50%; }
    .grid-margin-x > .large-offset-6 {
        margin-left: calc(50% + 1rem); }
    .large-offset-7 {
        margin-left: 58.33333%; }
    .grid-margin-x > .large-offset-7 {
        margin-left: calc(58.33333% + 1rem); }
    .large-offset-8 {
        margin-left: 66.66667%; }
    .grid-margin-x > .large-offset-8 {
        margin-left: calc(66.66667% + 1rem); }
    .large-offset-9 {
        margin-left: 75%; }
    .grid-margin-x > .large-offset-9 {
        margin-left: calc(75% + 1rem); }
    .large-offset-10 {
        margin-left: 83.33333%; }
    .grid-margin-x > .large-offset-10 {
        margin-left: calc(83.33333% + 1rem); }
    .large-offset-11 {
        margin-left: 91.66667%; }
    .grid-margin-x > .large-offset-11 {
        margin-left: calc(91.66667% + 1rem); } }

.grid-y {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap; }
.grid-y > .cell {
    width: auto; }
.grid-y > .auto {
    height: auto; }
.grid-y > .shrink {
    height: auto; }
.grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 {
    -ms-flex-preferred-size: auto;
    flex-basis: auto; }
@media print, screen and (min-width: 40em) {
    .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 {
        -ms-flex-preferred-size: auto;
        flex-basis: auto; } }
@media print, screen and (min-width: 64em) {
    .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 {
        -ms-flex-preferred-size: auto;
        flex-basis: auto; } }
.grid-y > .small-1 {
    height: 8.33333%; }
.grid-y > .small-2 {
    height: 16.66667%; }
.grid-y > .small-3 {
    height: 25%; }
.grid-y > .small-4 {
    height: 33.33333%; }
.grid-y > .small-5 {
    height: 41.66667%; }
.grid-y > .small-6 {
    height: 50%; }
.grid-y > .small-7 {
    height: 58.33333%; }
.grid-y > .small-8 {
    height: 66.66667%; }
.grid-y > .small-9 {
    height: 75%; }
.grid-y > .small-10 {
    height: 83.33333%; }
.grid-y > .small-11 {
    height: 91.66667%; }
.grid-y > .small-12 {
    height: 100%; }
@media print, screen and (min-width: 40em) {
    .grid-y > .medium-auto {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        height: auto; }
    .grid-y > .medium-shrink {
        height: auto; }
    .grid-y > .medium-1 {
        height: 8.33333%; }
    .grid-y > .medium-2 {
        height: 16.66667%; }
    .grid-y > .medium-3 {
        height: 25%; }
    .grid-y > .medium-4 {
        height: 33.33333%; }
    .grid-y > .medium-5 {
        height: 41.66667%; }
    .grid-y > .medium-6 {
        height: 50%; }
    .grid-y > .medium-7 {
        height: 58.33333%; }
    .grid-y > .medium-8 {
        height: 66.66667%; }
    .grid-y > .medium-9 {
        height: 75%; }
    .grid-y > .medium-10 {
        height: 83.33333%; }
    .grid-y > .medium-11 {
        height: 91.66667%; }
    .grid-y > .medium-12 {
        height: 100%; } }
@media print, screen and (min-width: 64em) {
    .grid-y > .large-auto {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        height: auto; }
    .grid-y > .large-shrink {
        height: auto; }
    .grid-y > .large-1 {
        height: 8.33333%; }
    .grid-y > .large-2 {
        height: 16.66667%; }
    .grid-y > .large-3 {
        height: 25%; }
    .grid-y > .large-4 {
        height: 33.33333%; }
    .grid-y > .large-5 {
        height: 41.66667%; }
    .grid-y > .large-6 {
        height: 50%; }
    .grid-y > .large-7 {
        height: 58.33333%; }
    .grid-y > .large-8 {
        height: 66.66667%; }
    .grid-y > .large-9 {
        height: 75%; }
    .grid-y > .large-10 {
        height: 83.33333%; }
    .grid-y > .large-11 {
        height: 91.66667%; }
    .grid-y > .large-12 {
        height: 100%; } }

.grid-padding-y .grid-padding-y {
    margin-top: -1rem;
    margin-bottom: -1rem; }

.grid-padding-y > .cell {
    padding-top: 1rem;
    padding-bottom: 1rem; }

.grid-margin-y {
    margin-top: -1rem;
    margin-bottom: -1rem; }
.grid-margin-y > .cell {
    height: calc(100% - 2rem);
    margin-top: 1rem;
    margin-bottom: 1rem; }
.grid-margin-y > .auto {
    height: auto; }
.grid-margin-y > .shrink {
    height: auto; }
.grid-margin-y > .small-1 {
    height: calc(8.33333% - 2rem); }
.grid-margin-y > .small-2 {
    height: calc(16.66667% - 2rem); }
.grid-margin-y > .small-3 {
    height: calc(25% - 2rem); }
.grid-margin-y > .small-4 {
    height: calc(33.33333% - 2rem); }
.grid-margin-y > .small-5 {
    height: calc(41.66667% - 2rem); }
.grid-margin-y > .small-6 {
    height: calc(50% - 2rem); }
.grid-margin-y > .small-7 {
    height: calc(58.33333% - 2rem); }
.grid-margin-y > .small-8 {
    height: calc(66.66667% - 2rem); }
.grid-margin-y > .small-9 {
    height: calc(75% - 2rem); }
.grid-margin-y > .small-10 {
    height: calc(83.33333% - 2rem); }
.grid-margin-y > .small-11 {
    height: calc(91.66667% - 2rem); }
.grid-margin-y > .small-12 {
    height: calc(100% - 2rem); }
@media print, screen and (min-width: 40em) {
    .grid-margin-y > .medium-auto {
        height: auto; }
    .grid-margin-y > .medium-shrink {
        height: auto; }
    .grid-margin-y > .medium-1 {
        height: calc(8.33333% - 2rem); }
    .grid-margin-y > .medium-2 {
        height: calc(16.66667% - 2rem); }
    .grid-margin-y > .medium-3 {
        height: calc(25% - 2rem); }
    .grid-margin-y > .medium-4 {
        height: calc(33.33333% - 2rem); }
    .grid-margin-y > .medium-5 {
        height: calc(41.66667% - 2rem); }
    .grid-margin-y > .medium-6 {
        height: calc(50% - 2rem); }
    .grid-margin-y > .medium-7 {
        height: calc(58.33333% - 2rem); }
    .grid-margin-y > .medium-8 {
        height: calc(66.66667% - 2rem); }
    .grid-margin-y > .medium-9 {
        height: calc(75% - 2rem); }
    .grid-margin-y > .medium-10 {
        height: calc(83.33333% - 2rem); }
    .grid-margin-y > .medium-11 {
        height: calc(91.66667% - 2rem); }
    .grid-margin-y > .medium-12 {
        height: calc(100% - 2rem); } }
@media print, screen and (min-width: 64em) {
    .grid-margin-y > .large-auto {
        height: auto; }
    .grid-margin-y > .large-shrink {
        height: auto; }
    .grid-margin-y > .large-1 {
        height: calc(8.33333% - 2rem); }
    .grid-margin-y > .large-2 {
        height: calc(16.66667% - 2rem); }
    .grid-margin-y > .large-3 {
        height: calc(25% - 2rem); }
    .grid-margin-y > .large-4 {
        height: calc(33.33333% - 2rem); }
    .grid-margin-y > .large-5 {
        height: calc(41.66667% - 2rem); }
    .grid-margin-y > .large-6 {
        height: calc(50% - 2rem); }
    .grid-margin-y > .large-7 {
        height: calc(58.33333% - 2rem); }
    .grid-margin-y > .large-8 {
        height: calc(66.66667% - 2rem); }
    .grid-margin-y > .large-9 {
        height: calc(75% - 2rem); }
    .grid-margin-y > .large-10 {
        height: calc(83.33333% - 2rem); }
    .grid-margin-y > .large-11 {
        height: calc(91.66667% - 2rem); }
    .grid-margin-y > .large-12 {
        height: calc(100% - 2rem); } }

.grid-frame {
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100vw; }

.cell .grid-frame {
    width: 100%; }

.cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-stype: -ms-autohiding-scrollbar; }

.cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-stype: -ms-autohiding-scrollbar; }

.cell-block-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 100%; }
.cell-block-container > .grid-x {
    max-height: 100%;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; }

@media print, screen and (min-width: 40em) {
    .medium-grid-frame {
        overflow: hidden;
        position: relative;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        width: 100vw; }
    .cell .medium-grid-frame {
        width: 100%; }
    .medium-cell-block {
        overflow-x: auto;
        max-width: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-stype: -ms-autohiding-scrollbar; }
    .medium-cell-block-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-height: 100%; }
    .medium-cell-block-container > .grid-x {
        max-height: 100%;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }
    .medium-cell-block-y {
        overflow-y: auto;
        max-height: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-stype: -ms-autohiding-scrollbar; } }

@media print, screen and (min-width: 64em) {
    .large-grid-frame {
        overflow: hidden;
        position: relative;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        width: 100vw; }
    .cell .large-grid-frame {
        width: 100%; }
    .large-cell-block {
        overflow-x: auto;
        max-width: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-stype: -ms-autohiding-scrollbar; }
    .large-cell-block-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-height: 100%; }
    .large-cell-block-container > .grid-x {
        max-height: 100%;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }
    .large-cell-block-y {
        overflow-y: auto;
        max-height: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-stype: -ms-autohiding-scrollbar; } }

.grid-y.grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 100vh; }

@media print, screen and (min-width: 40em) {
    .grid-y.medium-grid-frame {
        width: auto;
        overflow: hidden;
        position: relative;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        height: 100vh; } }

@media print, screen and (min-width: 64em) {
    .grid-y.large-grid-frame {
        width: auto;
        overflow: hidden;
        position: relative;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        height: 100vh; } }

.cell .grid-y.grid-frame {
    height: 100%; }

@media print, screen and (min-width: 40em) {
    .cell .grid-y.medium-grid-frame {
        height: 100%; } }

@media print, screen and (min-width: 64em) {
    .cell .grid-y.large-grid-frame {
        height: 100%; } }

.grid-margin-y {
    margin-top: -1rem;
    margin-bottom: -1rem; }
.grid-margin-y > .cell {
    height: calc(100% - 2rem);
    margin-top: 1rem;
    margin-bottom: 1rem; }
.grid-margin-y > .auto {
    height: auto; }
.grid-margin-y > .shrink {
    height: auto; }
.grid-margin-y > .small-1 {
    height: calc(8.33333% - 2rem); }
.grid-margin-y > .small-2 {
    height: calc(16.66667% - 2rem); }
.grid-margin-y > .small-3 {
    height: calc(25% - 2rem); }
.grid-margin-y > .small-4 {
    height: calc(33.33333% - 2rem); }
.grid-margin-y > .small-5 {
    height: calc(41.66667% - 2rem); }
.grid-margin-y > .small-6 {
    height: calc(50% - 2rem); }
.grid-margin-y > .small-7 {
    height: calc(58.33333% - 2rem); }
.grid-margin-y > .small-8 {
    height: calc(66.66667% - 2rem); }
.grid-margin-y > .small-9 {
    height: calc(75% - 2rem); }
.grid-margin-y > .small-10 {
    height: calc(83.33333% - 2rem); }
.grid-margin-y > .small-11 {
    height: calc(91.66667% - 2rem); }
.grid-margin-y > .small-12 {
    height: calc(100% - 2rem); }
@media print, screen and (min-width: 40em) {
    .grid-margin-y > .medium-auto {
        height: auto; }
    .grid-margin-y > .medium-shrink {
        height: auto; }
    .grid-margin-y > .medium-1 {
        height: calc(8.33333% - 2rem); }
    .grid-margin-y > .medium-2 {
        height: calc(16.66667% - 2rem); }
    .grid-margin-y > .medium-3 {
        height: calc(25% - 2rem); }
    .grid-margin-y > .medium-4 {
        height: calc(33.33333% - 2rem); }
    .grid-margin-y > .medium-5 {
        height: calc(41.66667% - 2rem); }
    .grid-margin-y > .medium-6 {
        height: calc(50% - 2rem); }
    .grid-margin-y > .medium-7 {
        height: calc(58.33333% - 2rem); }
    .grid-margin-y > .medium-8 {
        height: calc(66.66667% - 2rem); }
    .grid-margin-y > .medium-9 {
        height: calc(75% - 2rem); }
    .grid-margin-y > .medium-10 {
        height: calc(83.33333% - 2rem); }
    .grid-margin-y > .medium-11 {
        height: calc(91.66667% - 2rem); }
    .grid-margin-y > .medium-12 {
        height: calc(100% - 2rem); } }
@media print, screen and (min-width: 64em) {
    .grid-margin-y > .large-auto {
        height: auto; }
    .grid-margin-y > .large-shrink {
        height: auto; }
    .grid-margin-y > .large-1 {
        height: calc(8.33333% - 2rem); }
    .grid-margin-y > .large-2 {
        height: calc(16.66667% - 2rem); }
    .grid-margin-y > .large-3 {
        height: calc(25% - 2rem); }
    .grid-margin-y > .large-4 {
        height: calc(33.33333% - 2rem); }
    .grid-margin-y > .large-5 {
        height: calc(41.66667% - 2rem); }
    .grid-margin-y > .large-6 {
        height: calc(50% - 2rem); }
    .grid-margin-y > .large-7 {
        height: calc(58.33333% - 2rem); }
    .grid-margin-y > .large-8 {
        height: calc(66.66667% - 2rem); }
    .grid-margin-y > .large-9 {
        height: calc(75% - 2rem); }
    .grid-margin-y > .large-10 {
        height: calc(83.33333% - 2rem); }
    .grid-margin-y > .large-11 {
        height: calc(91.66667% - 2rem); }
    .grid-margin-y > .large-12 {
        height: calc(100% - 2rem); } }

.grid-frame.grid-margin-y {
    height: calc(100vh + 2rem); }
@media print, screen and (min-width: 40em) {
    .grid-frame.grid-margin-y {
        height: calc(100vh + 2rem); } }
@media print, screen and (min-width: 64em) {
    .grid-frame.grid-margin-y {
        height: calc(100vh + 2rem); } }

@media print, screen and (min-width: 40em) {
    .grid-margin-y.medium-grid-frame {
        height: calc(100vh + 2rem); } }

@media print, screen and (min-width: 64em) {
    .grid-margin-y.large-grid-frame {
        height: calc(100vh + 2rem); } }

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0; }

p {
    margin-bottom: 2rem;
    font-size: inherit;
    line-height: 1.4;
    text-rendering: optimizeLegibility; }

em,
i {
    font-style: italic;
    line-height: inherit; }

strong,
b {
    font-weight: 700;
    line-height: inherit; }

small {
    font-size: 0.88889rem;
    line-height: inherit; }

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
    font-family: "biotif", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-style: normal;
    font-weight: 400;
    color: inherit;
    text-rendering: optimizeLegibility; }
h1 small, .h1 small,
h2 small, .h2 small,
h3 small, .h3 small,
h4 small, .h4 small,
h5 small, .h5 small,
h6 small, .h6 small {
    line-height: 0;
    color: #929798; }

h1, .h1 {
    font-size: 1.94444rem;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 2rem; }

h2, .h2 {
    font-size: 1.94444rem;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 2rem; }

h3, .h3 {
    font-size: 1.33333rem;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 2rem; }

h4, .h4 {
    font-size: 1.33333rem;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 2rem; }

h5, .h5 {
    font-size: 1rem;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 2rem; }

h6, .h6 {
    font-size: 1rem;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 2rem; }

a {
    line-height: inherit;
    color: #00bfa4;
    text-decoration: none;
    cursor: pointer; }
a:hover, a:focus {
    color: #00dfbf; }
a img {
    border: 0; }

hr {
    clear: both;
    max-width: 100%;
    height: 0;
    margin: 0 auto;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid rgba(146, 151, 152, 0.3);
    border-left: 0; }

ul,
ol,
dl {
    margin-bottom: 2rem;
    list-style-position: inside;
    line-height: 1.4; }

li {
    font-size: inherit; }

ul {
    margin-left: 1rem;
    list-style-type: disc; }



ul.images-list {
    margin-left: 0;
    list-style-type: none;
}
ul.images-list li {
    margin-bottom: 2rem;
    clear: left;
}
ul.images-list li img {
    width: 2.6rem;
    float: left;
    vertical-align: top;
    margin-right: 2em;
}
ul.images-list li p {
    font-size: 0.8rem;
    text-align: left;
    margin-left: 5rem;
}
li.summary
{
    margin-top: 4rem;
}

div.dsgvo-english-warning
{
    border-radius: 10px;
    background-color:#555f61;
    color:#ebebeb;
    margin-bottom: 2rem;
    padding: 1rem;
}

div.dsgvo-box
{
    border: 1px solid white;
    border-radius: 10px;
    padding: 0.7rem;
    margin-bottom: 4rem;
}
div.dsgvo-icon-group
{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.jobDetailContainer
{
    background-color: white;
    color: #00bfa4;
    padding: 4rem;
    padding-bottom: 0;
}

div.jobDetailContainer h2
{
    font-weight: bold;
    margin-bottom: 0.8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

div.jobDetailContainer .neutral
{
    background-color: #f2f2f2;
}

.cardShadow
{
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -2px rgba(0, 0, 0, 0.4);
}


div.jobDetailContainer div.contactContainer
{
    margin-left: -4rem;
    margin-right: -4rem;
}
div.jobDetailContainer div.sticky
{
    margin: 0;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}
div.jobDetailContainer div.sticky > div > div
{
    padding-left: 3rem;
    padding-right: 3rem;
    max-width: calc(1200px - 2rem);
    margin: auto;
    background-color: rgba(0,0,0,0.7);
    color: white;
}
div.jobCooperation
{
    display: flex;
    justify-content: center;
    margin-top: 4rem;
}
div.jobCooperation :first-child
{
    margin-right: 5em;
    margin-left: 5em;
}
div.jobCooperation img
{
    margin-right: 0;
    margin-left: 0;
}
@media print,screen and (min-width: 40em)
{
    div.jobCooperation img
    {
        height: 5em;
    }
}

@media print,screen and (max-width: 40em)
{
    div.jobCooperation
    {
        flex-direction: column;
        align-items: center;
    }
    div.jobCooperation img
    {
        margin-bottom: 3em;
        width: 5em;
    }
    div.jobCooperation img.ham
    {
        width: 10em;
    }
}
div.jobDetailContainer div.contactUs
{
    transition: background-color 500ms, color 500ms, padding 500ms;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
    padding-left:0;
    padding-right:0;
    margin-right: -2rem;
    margin-left: -2rem;
}
@media print,screen and (max-height: 50rem)
{
    div.jobDetailContainer div.contactUs
    {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
}

@media print, screen and (max-width: 60em)
{
    div.jobDetailContainer
    {
        padding: 2rem;
        padding-bottom:0;
    }
    div.jobDetailContainer div.contactContainer
    {
        margin-left:-2rem;
        margin-right:-2rem;
    }
}
@media print, screen and (max-width: 52em)
{
    .second
    {
        display: none;
    }

}

@media print, screen and (max-width: 31em)
{
    .first
    {
        display: none;
    }
    div.jobDetailContainer div.contactUs
    {
        display: flex;
        justify-content: center;
    }
}

div.contactUs div
{
    display: flex;
    font-size: 1.3rem;
}
@media print, screen and (max-width:770px)
{
    div.contactUs div
    {
        flex-direction: column;
    }
}
div.contactUs div span
{
    padding-right: 0.5em;
}

.jobs-partner .brand-item img
{
    max-width: 200px;
    max-height: 80px;
}

div.jobsHeader
{

    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: flex-end;
    margin-bottom: 2rem;
}

div.jobCategory
{
    margin-bottom: 1.5rem;
}

p.jobCategory
{
    font-size: 0.7rem;
    text-transform: uppercase;
    margin-bottom: 1em;
}
.upper
{
    text-transform: uppercase;
}
.buttonLike.border-radius
{
    border-radius: 18px;
}
.buttonLike.border-radius-small
{
    border-radius: 4px;
}
.buttonLike
{
    background-color: #00bfa4;
    color: white;
    padding: 8px 12px;
    margin-bottom: 1.2rem;
    display: inline-block;
}
div.jobCategory a.jobOffer
{
    background-color: white;
    margin-bottom: 1rem;
    color: #00bfa4;
    text-align: left;
    padding: 16px;
    border-radius: 4px;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14),
    0 1px 8px 0 rgba(0, 0, 0, 0.12),
    0 3px 3px -2px rgba(0, 0, 0, 0.4)
}
.footerText
{
    margin-top: 2rem;
}
.narrow-text
{
    max-width: 25rem;
}
.jobDetailContainer ul
{
    margin-left: 0.5em;
    list-style-position: outside;

}
.jobDetailContainer ul li {
    margin-bottom: 0.5rem;
}
p.qualification
{
    text-transform: uppercase;
    font-size: 0.7rem;
    margin-bottom: 8px;
}
p.jobName
{
    font-weight: bold;
    margin: 0;
}
div.jobDetailContainer p.jobName
{
    margin-bottom: 1rem;
}
div.jobDetailContainer a.pdfDownload
{
    border-radius: 4px;
    border: 1px solid #00bfa4;
    padding: 8px;
    padding-right: 14px;
    float: right;
    color: #00bfa4;
    font-size: 0.7rem;
    font-weight: bold;
    text-transform: uppercase;
}

div.jobDetailContainer a.pdfDownload img
{
    display: inline;
    margin: auto 0.5em auto 0;
}
p.jobName.large
{
    font-size: 1.2rem;
}
div.jobsHeader h2
{
    margin: 0;
}
div.jobsHeader img
{
    margin: 0;
    height: 6rem;
    margin-bottom: -12px;
}

img.job404
{
    width: 5rem;
}

div.jobsContact
{
    min-height: 140px;
    max-width: 450px;
    margin: auto;
}
div.jobsContact img
{
    margin: 0 auto 2rem auto;
    height: 140px;
    width: 140px;
}
span.contact h4
{
    margin-bottom: 1rem;
}

@media print, screen and (min-width: 40em) {
    div.jobsContact img
    {
        margin: 0;
        display: inline;
    }
    span.contact
    {
        text-align: left;
        float: right;
    }
}


div.dsgvo-icon-group div.dsvgo-group-member
{
    width: 10rem;
    height: 10rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.7rem;
    color: #555F61;
    min-width: 10rem;
}
div.dsgvo-icon-group div.dsvgo-group-member-text
{
    margin-top: -2rem;
    text-align: left;
}

div.dsgvo-icon-group div.dsvgo-group-member img
{
    height: 4.5rem;
}
@media print, screen and (min-width: 40em) {
    div.dsgvo-icon-group {
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-bottom: 2rem;

    }
}

div.dsgvo-icon-group div.dsvgo-group-member-opaque
{
    opacity: 0.5;
}

.dsgvo-lock-icon
{
    width: 10rem;
    padding-left: 0.5rem;
}

ol {
    margin-left: 1rem; }

ul ul, ol ul, ul ol, ol ol {
    margin-left: 1rem;
    margin-bottom: 0; }



dl {
    margin-bottom: 1rem; }
dl dt {
    margin-bottom: 0;
    font-weight: 700; }

blockquote {
    margin: 0 0 2rem;
    padding: 0;
    border-left: none; }
blockquote, blockquote p {
    line-height: 1.4;
    color: #555f61; }

cite {
    display: block;
    font-size: 0.88889rem;
    color: #555f61; }
cite:before {
    content: none; }

abbr, abbr[title] {
    border-bottom: 1px dotted #000;
    cursor: help;
    text-decoration: none; }

figure {
    margin: 0; }

code {
    padding: 0.125rem 0.3125rem 0.0625rem;
    border: 1px solid #929798;
    background-color: #ebebeb;
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    font-weight: 400;
    color: #000; }

kbd {
    margin: 0;
    padding: 0.125rem 0.25rem 0;
    background-color: #ebebeb;
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    color: #000;
    border-radius: 12px; }

.subheader {
    margin-top: 0.2rem;
    margin-bottom: 0.5rem;
    font-weight: 400;
    line-height: 1.4;
    color: #555f61; }

.lead {
    font-size: 1.33333rem;
    line-height: 1.4; }

.stat {
    font-size: 1.33333rem;
    line-height: 1; }
p + .stat {
    margin-top: -1rem; }
.stat.pricing {
    font-size: inherit;
    line-height: inherit;
    margin-bottom: 0;
    font-weight: 500;
}

ul.no-bullet, ol.no-bullet {
    margin-left: 0;
    list-style: none; }

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

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

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

.text-justify {
    text-align: justify; }
.sixtyeight
{
    width: 68px;
    height: 68px;
}
@media print, screen and (min-width: 40em) {
    .medium-text-left {
        text-align: left; }
    .medium-text-right {
        text-align: right; }
    .medium-text-center {
        text-align: center; }
    .medium-text-justify {
        text-align: justify; } }

@media print, screen and (min-width: 64em) {
    .large-text-left {
        text-align: left; }
    .large-text-right {
        text-align: right; }
    .large-text-center {
        text-align: center; }
    .large-text-justify {
        text-align: justify; } }

.show-for-print {
    display: none !important; }

@media print {
    * {
        background: transparent !important;
        box-shadow: none !important;
        color: black !important;
        text-shadow: none !important; }
    .show-for-print {
        display: block !important; }
    .hide-for-print {
        display: none !important; }
    table.show-for-print {
        display: table !important; }
    thead.show-for-print {
        display: table-header-group !important; }
    tbody.show-for-print {
        display: table-row-group !important; }
    tr.show-for-print {
        display: table-row !important; }
    td.show-for-print {
        display: table-cell !important; }
    th.show-for-print {
        display: table-cell !important; }
    a,
    a:visited {
        text-decoration: underline; }
    a[href]:after {
        content: " (" attr(href) ")"; }
    .ir a:after,
    a[href^='javascript:']:after,
    a[href^='#']:after {
        content: ''; }
    abbr[title]:after {
        content: " (" attr(title) ")"; }
    pre,
    blockquote {
        border: 1px solid #555f61;
        page-break-inside: avoid; }
    thead {
        display: table-header-group; }
    tr,
    img {
        page-break-inside: avoid; }
    img {
        max-width: 100% !important; }
    @page {
        margin: 0.5cm; }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3; }
    h2,
    h3 {
        page-break-after: avoid; }
    .print-break-inside {
        page-break-inside: auto; } }

.button {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    font-family: inherit;
    padding: 0.77778rem 1.11111rem;
    -webkit-appearance: none;
    border: 1px solid transparent;
    border-radius: 4px;
    transition: background-color 200ms ease-out, color 200ms ease-out;
    font-size: 0.88889rem;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    background-color: #00bfa4;
    color: #fff; }
[data-whatinput='mouse'] .button {
    outline: 0; }
.button:hover, .button:focus {
    background-color: #00bfa4;
    color: #fff; }
.button.expanded {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0; }
.button.primary {
    background-color: #00bfa4;
    color: #465255; }
.button.primary:hover, .button.primary:focus {
    background-color: #00ac94;
    color: #465255; }
.button.secondary {
    background-color: #555f61;
    color: #fff; }
.button.secondary:hover, .button.secondary:focus {
    background-color: #4d5657;
    color: #fff; }
.button.success {
    background-color: #3adb76;
    color: #465255; }
.button.success:hover, .button.success:focus {
    background-color: #27d367;
    color: #465255; }
.button.warning {
    background-color: #ffae00;
    color: #465255; }
.button.warning:hover, .button.warning:focus {
    background-color: #e69d00;
    color: #465255; }
.button.alert {
    background-color: #cc4b37;
    color: #fff; }
.button.alert:hover, .button.alert:focus {
    background-color: #ba422f;
    color: #fff; }
.button.disabled, .button[disabled] {
    opacity: 0.25;
    cursor: not-allowed; }
.button.disabled, .button.disabled:hover, .button.disabled:focus, .button[disabled], .button[disabled]:hover, .button[disabled]:focus {
    background-color: #00bfa4;
    color: #fff; }
.button.disabled.primary, .button[disabled].primary {
    opacity: 0.25;
    cursor: not-allowed; }
.button.disabled.primary, .button.disabled.primary:hover, .button.disabled.primary:focus, .button[disabled].primary, .button[disabled].primary:hover, .button[disabled].primary:focus {
    background-color: #00bfa4;
    color: #465255; }
.button.disabled.secondary, .button[disabled].secondary {
    opacity: 0.25;
    cursor: not-allowed; }
.button.disabled.secondary, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
    background-color: #555f61;
    color: #fff; }
.button.disabled.success, .button[disabled].success {
    opacity: 0.25;
    cursor: not-allowed; }
.button.disabled.success, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success, .button[disabled].success:hover, .button[disabled].success:focus {
    background-color: #3adb76;
    color: #465255; }
.button.disabled.warning, .button[disabled].warning {
    opacity: 0.25;
    cursor: not-allowed; }
.button.disabled.warning, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning, .button[disabled].warning:hover, .button[disabled].warning:focus {
    background-color: #ffae00;
    color: #465255; }
.button.disabled.alert, .button[disabled].alert {
    opacity: 0.25;
    cursor: not-allowed; }
.button.disabled.alert, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert, .button[disabled].alert:hover, .button[disabled].alert:focus {
    background-color: #cc4b37;
    color: #fff; }
.button.hollow {
    border: 1px solid #00bfa4;
    color: #00bfa4; }
.button.hollow, .button.hollow:hover, .button.hollow:focus {
    background-color: transparent; }
.button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus {
    background-color: transparent; }
.button.hollow:hover, .button.hollow:focus {
    border-color: #00ac94;
    color: #00ac94; }
.button.hollow:hover.disabled, .button.hollow:hover[disabled], .button.hollow:focus.disabled, .button.hollow:focus[disabled] {
    border: 1px solid #00bfa4;
    color: #00bfa4; }
.button.hollow.primary {
    border: 1px solid #00bfa4;
    color: #00bfa4; }
.button.hollow.primary:hover, .button.hollow.primary:focus {
    border-color: #00ac94;
    color: #00ac94; }
.button.hollow.primary:hover.disabled, .button.hollow.primary:hover[disabled], .button.hollow.primary:focus.disabled, .button.hollow.primary:focus[disabled] {
    border: 1px solid #00bfa4;
    color: #00bfa4; }
.button.hollow.secondary {
    border: 1px solid #555f61;
    color: #555f61; }
.button.hollow.secondary:hover, .button.hollow.secondary:focus {
    border-color: #4d5657;
    color: #4d5657; }
.button.hollow.secondary:hover.disabled, .button.hollow.secondary:hover[disabled], .button.hollow.secondary:focus.disabled, .button.hollow.secondary:focus[disabled] {
    border: 1px solid #555f61;
    color: #555f61; }
.button.hollow.success {
    border: 1px solid #3adb76;
    color: #3adb76; }
.button.hollow.success:hover, .button.hollow.success:focus {
    border-color: #27d367;
    color: #27d367; }
.button.hollow.success:hover.disabled, .button.hollow.success:hover[disabled], .button.hollow.success:focus.disabled, .button.hollow.success:focus[disabled] {
    border: 1px solid #3adb76;
    color: #3adb76; }
.button.hollow.warning {
    border: 1px solid #ffae00;
    color: #ffae00; }
.button.hollow.warning:hover, .button.hollow.warning:focus {
    border-color: #e69d00;
    color: #e69d00; }
.button.hollow.warning:hover.disabled, .button.hollow.warning:hover[disabled], .button.hollow.warning:focus.disabled, .button.hollow.warning:focus[disabled] {
    border: 1px solid #ffae00;
    color: #ffae00; }
.button.hollow.alert {
    border: 1px solid #cc4b37;
    color: #cc4b37; }
.button.hollow.alert:hover, .button.hollow.alert:focus {
    border-color: #ba422f;
    color: #ba422f; }
.button.hollow.alert:hover.disabled, .button.hollow.alert:hover[disabled], .button.hollow.alert:focus.disabled, .button.hollow.alert:focus[disabled] {
    border: 1px solid #cc4b37;
    color: #cc4b37; }
.button.clear {
    border: 1px solid #00bfa4;
    color: #00bfa4; }
.button.clear, .button.clear:hover, .button.clear:focus {
    background-color: transparent; }
.button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus {
    background-color: transparent; }
.button.clear:hover, .button.clear:focus {
    border-color: #00ac94;
    color: #00ac94; }
.button.clear:hover.disabled, .button.clear:hover[disabled], .button.clear:focus.disabled, .button.clear:focus[disabled] {
    border: 1px solid #00bfa4;
    color: #00bfa4; }
.button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear:hover, .button.clear:hover.disabled, .button.clear:hover[disabled], .button.clear:focus, .button.clear:focus.disabled, .button.clear:focus[disabled] {
    border-color: transparent; }
.button.clear.primary {
    border: 1px solid #00bfa4;
    color: #00bfa4; }
.button.clear.primary:hover, .button.clear.primary:focus {
    border-color: #00ac94;
    color: #00ac94; }
.button.clear.primary:hover.disabled, .button.clear.primary:hover[disabled], .button.clear.primary:focus.disabled, .button.clear.primary:focus[disabled] {
    border: 1px solid #00bfa4;
    color: #00bfa4; }
.button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary:hover, .button.clear.primary:hover.disabled, .button.clear.primary:hover[disabled], .button.clear.primary:focus, .button.clear.primary:focus.disabled, .button.clear.primary:focus[disabled] {
    border-color: transparent; }
.button.clear.secondary {
    border: 1px solid #555f61;
    color: #555f61; }
.button.clear.secondary:hover, .button.clear.secondary:focus {
    border-color: #4d5657;
    color: #4d5657; }
.button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled], .button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled] {
    border: 1px solid #555f61;
    color: #555f61; }
.button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary:hover, .button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled], .button.clear.secondary:focus, .button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled] {
    border-color: transparent; }
.button.clear.success {
    border: 1px solid #3adb76;
    color: #3adb76; }
.button.clear.success:hover, .button.clear.success:focus {
    border-color: #27d367;
    color: #27d367; }
.button.clear.success:hover.disabled, .button.clear.success:hover[disabled], .button.clear.success:focus.disabled, .button.clear.success:focus[disabled] {
    border: 1px solid #3adb76;
    color: #3adb76; }
.button.clear.success, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success:hover, .button.clear.success:hover.disabled, .button.clear.success:hover[disabled], .button.clear.success:focus, .button.clear.success:focus.disabled, .button.clear.success:focus[disabled] {
    border-color: transparent; }
.button.clear.warning {
    border: 1px solid #ffae00;
    color: #ffae00; }
.button.clear.warning:hover, .button.clear.warning:focus {
    border-color: #e69d00;
    color: #e69d00; }
.button.clear.warning:hover.disabled, .button.clear.warning:hover[disabled], .button.clear.warning:focus.disabled, .button.clear.warning:focus[disabled] {
    border: 1px solid #ffae00;
    color: #ffae00; }
.button.clear.warning, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning:hover, .button.clear.warning:hover.disabled, .button.clear.warning:hover[disabled], .button.clear.warning:focus, .button.clear.warning:focus.disabled, .button.clear.warning:focus[disabled] {
    border-color: transparent; }
.button.clear.alert {
    border: 1px solid #cc4b37;
    color: #cc4b37; }
.button.clear.alert:hover, .button.clear.alert:focus {
    border-color: #ba422f;
    color: #ba422f; }
.button.clear.alert:hover.disabled, .button.clear.alert:hover[disabled], .button.clear.alert:focus.disabled, .button.clear.alert:focus[disabled] {
    border: 1px solid #cc4b37;
    color: #cc4b37; }
.button.clear.alert, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert:hover, .button.clear.alert:hover.disabled, .button.clear.alert:hover[disabled], .button.clear.alert:focus, .button.clear.alert:focus.disabled, .button.clear.alert:focus[disabled] {
    border-color: transparent; }
.button.dropdown::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.4em;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #fff transparent transparent;
    position: relative;
    top: 0.4em;
    display: inline-block;
    float: right;
    margin-left: 1.11111rem; }
.button.dropdown.hollow::after {
    border-top-color: #00bfa4; }
.button.dropdown.hollow.primary::after {
    border-top-color: #00bfa4; }
.button.dropdown.hollow.secondary::after {
    border-top-color: #555f61; }
.button.dropdown.hollow.success::after {
    border-top-color: #3adb76; }
.button.dropdown.hollow.warning::after {
    border-top-color: #ffae00; }
.button.dropdown.hollow.alert::after {
    border-top-color: #cc4b37; }
.button.arrow-only::after {
    top: -0.1em;
    float: none;
    margin-left: 0; }
.button.store {
    width: 8rem;
    height: 2.7rem;
    padding-left: 1rem;
    padding-top: 0.7rem;
}

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

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 2.78194rem;
    margin: 0 0 1rem;
    padding: 0.72222rem 1.11111rem;
    border: 1px solid rgba(146, 151, 152, 0.5);
    border-radius: 4px;
    background-color: transparent;
    box-shadow: none;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.4;
    color: #555f61;
    transition: box-shadow 100ms ease-in-out, border-color 100ms ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
[type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus,
textarea:focus {
    outline: none;
    border: 1px solid rgba(146, 151, 152, 0.5);
    background-color: transparent;
    box-shadow: none;
    transition: box-shadow 100ms ease-in-out, border-color 100ms ease-in-out; }

textarea {
    max-width: 100%; }
textarea[rows] {
    height: auto; }

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #929798; }

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #929798; }

input::placeholder,
textarea::placeholder {
    color: #929798; }

input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
    background-color: transparent;
    cursor: not-allowed; }

[type='submit'],
[type='button'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 12px; }

input[type='search'] {
    box-sizing: border-box; }

[type='file'],
[type='checkbox'],
[type='radio'] {
    margin: 0 0 1rem; }

[type='checkbox'] + label,
[type='radio'] + label {
    display: inline-block;
    vertical-align: baseline;
    margin-left: 0.5rem;
    margin-right: 1rem;
    margin-bottom: 0; }
[type='checkbox'] + label[for],
[type='radio'] + label[for] {
    cursor: pointer; }

label > [type='checkbox'],
label > [type='radio'] {
    margin-right: 0.5rem; }

[type='file'] {
    width: 100%; }

label {
    display: block;
    margin: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.4;
    color: #929798; }
label.middle {
    margin: 0 0 1rem;
    padding: 0.5625rem 0; }

.help-text {
    margin-top: -0.5rem;
    font-size: 0.88889rem;
    font-style: italic;
    color: #00bfa4; }

.input-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 1rem;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch; }
.input-group > :first-child {
    border-radius: 4px 0 0 4px; }
.input-group > :last-child > * {
    border-radius: 0 4px 4px 0; }

.input-group-label, .input-group-field, .input-group-button, .input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
    margin: 0;
    white-space: nowrap; }

.input-group-label {
    padding: 0 1rem;
    border: 2px solid #00bfa4;
    background: #fff;
    color: #00bfa4;
    text-align: center;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
.input-group-label:first-child {
    border-right: 0; }
.input-group-label:last-child {
    border-left: 0; }

.input-group-field {
    border-radius: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    height: auto;
    min-width: 0; }

.input-group-button {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto; }
.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
    height: auto;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1rem; }

fieldset {
    margin: 0;
    padding: 0;
    border: 0; }

legend {
    max-width: 100%;
    margin-bottom: 0.5rem; }

.fieldset {
    margin: 1rem 0;
    padding: 1rem;
    border: 2px solid #00bfa4; }
.fieldset legend {
    margin: 0;
    margin-left: -0.1875rem;
    padding: 0 0.25rem; }

select {
    height: 2.78194rem;
    margin: 0 0 1rem;
    padding: 0.72222rem 1.11111rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid rgba(146, 151, 152, 0.5);
    border-radius: 12px;
    background-color: transparent;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.4;
    color: #555f61;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%2885, 95, 97%29'></polygon></svg>");
    background-origin: content-box;
    background-position: right -1rem center;
    background-repeat: no-repeat;
    background-size: 9px 6px;
    padding-right: 1.5rem;
    transition: box-shadow 100ms ease-in-out, border-color 100ms ease-in-out; }
@media screen and (min-width: 0\0) {
    select {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } }
select:focus {
    outline: none;
    border: 1px solid rgba(146, 151, 152, 0.5);
    background-color: transparent;
    box-shadow: none;
    transition: box-shadow 100ms ease-in-out, border-color 100ms ease-in-out; }
select:disabled {
    background-color: transparent;
    cursor: not-allowed; }
select::-ms-expand {
    display: none; }
select[multiple] {
    height: auto;
    background-image: none; }

.is-invalid-input:not(:focus) {
    border-color: #cc4b37;
    background-color: #faedeb; }
.is-invalid-input:not(:focus)::-webkit-input-placeholder {
    color: #cc4b37; }
.is-invalid-input:not(:focus):-ms-input-placeholder {
    color: #cc4b37; }
.is-invalid-input:not(:focus)::placeholder {
    color: #cc4b37; }

.is-invalid-label {
    color: #cc4b37; }

.form-error {
    display: none;
    margin-top: -0.5rem;
    margin-bottom: 1rem;
    font-size: 0.75rem;
    font-weight: 700;
    color: #cc4b37; }
.form-error.is-visible {
    display: block; }

.accordion {
    margin-left: 0;
    background: #fff;
    list-style-type: none; }
.accordion[disabled] .accordion-title {
    cursor: not-allowed; }

.accordion-item:first-child > :first-child {
    border-radius: 12px 12px 0 0; }

.accordion-item:last-child > :last-child {
    border-radius: 0 0 12px 12px; }

.accordion-title {
    position: relative;
    display: block;
    padding: 1.25rem 1rem;
    border: 1px solid #ebebeb;
    border-bottom: 0;
    font-size: 0.75rem;
    line-height: 1;
    color: #00bfa4; }
:last-child:not(.is-active) > .accordion-title {
    border-bottom: 1px solid #ebebeb;
    border-radius: 0 0 12px 12px; }
.accordion-title:hover, .accordion-title:focus {
    background-color: #ebebeb; }
.accordion-title::before {
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -0.5rem;
    content: '+'; }
.is-active > .accordion-title::before {
    content: '\2013'; }

.accordion-content {
    display: none;
    padding: 1rem;
    border: 1px solid #ebebeb;
    border-bottom: 0;
    background-color: #fff;
    color: #00bfa4; }
:last-child > .accordion-content:last-child {
    border-bottom: 1px solid #ebebeb; }

.accordion-menu li {
    width: 100%; }

.accordion-menu a {
    padding: 0.5rem 1rem; }

.accordion-menu .is-accordion-submenu a {
    padding: 0.5rem 1rem; }

.accordion-menu .nested.is-accordion-submenu {
    margin-right: 0;
    margin-left: 1rem; }

.accordion-menu.align-right .nested.is-accordion-submenu {
    margin-right: 1rem;
    margin-left: 0; }

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a {
    position: relative; }
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #00bfa4 transparent transparent;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 1rem; }

.accordion-menu.align-left .is-accordion-submenu-parent > a::after {
    left: auto;
    right: 1rem; }

.accordion-menu.align-right .is-accordion-submenu-parent > a::after {
    right: auto;
    left: 1rem; }

.accordion-menu .is-accordion-submenu-parent[aria-expanded='true'] > a::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%; }

.is-accordion-submenu-parent {
    position: relative; }

.has-submenu-toggle > a {
    margin-right: 40px; }

.submenu-toggle {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    width: 40px;
    height: 40px; }
.submenu-toggle::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #00bfa4 transparent transparent;
    top: 0;
    bottom: 0;
    margin: auto; }

.submenu-toggle[aria-expanded='true']::after {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%; }

.submenu-toggle-text {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    border: 0; }

.badge {
    display: inline-block;
    min-width: 2.1em;
    padding: 0.3em;
    border-radius: 50%;
    font-size: 0.6rem;
    text-align: center;
    background: #00bfa4;
    color: #fff; }
.badge.primary {
    background: #00bfa4;
    color: #000; }
.badge.secondary {
    background: #555f61;
    color: #fff; }
.badge.success {
    background: #3adb76;
    color: #000; }
.badge.warning {
    background: #ffae00;
    color: #000; }
.badge.alert {
    background: #cc4b37;
    color: #000; }

.breadcrumbs {
    margin: 0 0 1rem 0;
    list-style: none; }
.breadcrumbs::before, .breadcrumbs::after {
    display: table;
    content: ' ';
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
.breadcrumbs::after {
    clear: both; }
.breadcrumbs li {
    float: left;
    font-size: 0.6875rem;
    color: #000;
    cursor: default;
    text-transform: uppercase; }
.breadcrumbs li:not(:last-child)::after {
    position: relative;
    margin: 0 0.75rem;
    opacity: 1;
    content: "/";
    color: #929798; }
.breadcrumbs a {
    color: #00bfa4; }
.breadcrumbs a:hover {
    text-decoration: underline; }
.breadcrumbs .disabled {
    color: #929798;
    cursor: not-allowed; }

.button-group {
    margin-bottom: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch; }
.button-group::before, .button-group::after {
    display: table;
    content: ' ';
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
.button-group::after {
    clear: both; }
.button-group .button {
    margin: 0;
    margin-right: 1px;
    margin-bottom: 1px;
    font-size: 0.88889rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto; }
.button-group .button:last-child {
    margin-right: 0; }
.button-group.expanded .button {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px; }
.button-group.primary .button {
    background-color: #00bfa4;
    color: #465255; }
.button-group.primary .button:hover, .button-group.primary .button:focus {
    background-color: #00ac94;
    color: #465255; }
.button-group.secondary .button {
    background-color: #555f61;
    color: #fff; }
.button-group.secondary .button:hover, .button-group.secondary .button:focus {
    background-color: #4d5657;
    color: #fff; }
.button-group.success .button {
    background-color: #3adb76;
    color: #465255; }
.button-group.success .button:hover, .button-group.success .button:focus {
    background-color: #27d367;
    color: #465255; }
.button-group.warning .button {
    background-color: #ffae00;
    color: #465255; }
.button-group.warning .button:hover, .button-group.warning .button:focus {
    background-color: #e69d00;
    color: #465255; }
.button-group.alert .button {
    background-color: #cc4b37;
    color: #fff; }
.button-group.alert .button:hover, .button-group.alert .button:focus {
    background-color: #ba422f;
    color: #fff; }
.button-group.stacked, .button-group.stacked-for-small, .button-group.stacked-for-medium {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
.button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%; }
.button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child {
    margin-bottom: 0; }
@media print, screen and (min-width: 40em) {
    .button-group.stacked-for-small .button {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        margin-bottom: 0; } }
@media print, screen and (min-width: 64em) {
    .button-group.stacked-for-medium .button {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        margin-bottom: 0; } }
@media screen and (max-width: 39.9375em) {
    .button-group.stacked-for-small.expanded {
        display: block; }
    .button-group.stacked-for-small.expanded .button {
        display: block;
        margin-right: 0; } }

.callout {
    position: relative;
    margin: 0;
    padding: 2rem 2rem 4rem;
    border: 1px solid #00bfa4;
    border-radius: 12px;
    background-color: rgba(217, 217, 217, 0);
    color: #00bfa4; }
.callout > :first-child {
    margin-top: 0; }
.callout > :last-child {
    margin-bottom: 0; }
.callout.primary {
    background-color: #cffff8;
    color: #00bfa4; }
.callout.secondary {
    background-color: #e5e7e8;
    color: #00bfa4; }
.callout.success {
    background-color: #e1faea;
    color: #00bfa4; }
.callout.warning {
    background-color: #fff3d9;
    color: #00bfa4; }
.callout.alert {
    background-color: #f7e4e1;
    color: #00bfa4; }
.callout.small {
    padding-top: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem; }
.callout.large {
    padding-top: 3rem;
    padding-right: 3rem;
    padding-bottom: 3rem;
    padding-left: 3rem; }

.card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-bottom: 1rem;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    background: #fff;
    box-shadow: none;
    overflow: hidden;
    color: #00bfa4; }
.card > :last-child {
    margin-bottom: 0; }

.card-divider {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1rem;
    background: #ebebeb; }
.card-divider > :last-child {
    margin-bottom: 0; }

.card-section {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding: 1rem; }
.card-section > :last-child {
    margin-bottom: 0; }

.card-image {
    min-height: 1px; }

.close-button {
    position: absolute;
    color: #555f61;
    cursor: pointer; }
[data-whatinput='mouse'] .close-button {
    outline: 0; }
.close-button:hover, .close-button:focus {
    color: #000; }
.close-button.small {
    right: 0.66rem;
    top: 0.33em;
    font-size: 1.5em;
    line-height: 1; }
.close-button, .close-button.medium {
    right: 1rem;
    top: 0.5rem;
    font-size: 2em;
    line-height: 1; }

.menu {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
[data-whatinput='mouse'] .menu li {
    outline: 0; }
.menu a,
.menu .button {
    line-height: 1;
    text-decoration: none;
    display: block;
    padding: 0.5rem 0.8rem; }
.menu input,
.menu select,
.menu a,
.menu button {
    margin-bottom: 0; }
.menu input {
    display: inline-block; }
.menu, .menu.horizontal {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }
.menu.vertical {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
.menu.expanded li {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px; }
.menu.simple {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
.menu.simple li + li {
    margin-left: 1rem; }
.menu.simple a {
    padding: 0; }
@media print, screen and (min-width: 40em) {
    .menu.medium-horizontal {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row; }
    .menu.medium-vertical {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; }
    .menu.medium-expanded li {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px; }
    .menu.medium-simple li {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px; } }
@media print, screen and (min-width: 64em) {
    .menu.large-horizontal {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row; }
    .menu.large-vertical {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; }
    .menu.large-expanded li {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px; }
    .menu.large-simple li {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px; } }
.menu.nested {
    margin-right: 0;
    margin-left: 1rem; }
.menu.icons a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
.menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
.menu.icon-left li a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap; }
.menu.icon-left li a img,
.menu.icon-left li a i,
.menu.icon-left li a svg {
    margin-right: 0.25rem; }
.menu.icon-right li a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap; }
.menu.icon-right li a img,
.menu.icon-right li a i,
.menu.icon-right li a svg {
    margin-left: 0.25rem; }
.menu.icon-top li a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap; }
.menu.icon-top li a img,
.menu.icon-top li a i,
.menu.icon-top li a svg {
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    margin-bottom: 0.25rem;
    text-align: center; }
.menu.icon-bottom li a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap; }
.menu.icon-bottom li a img,
.menu.icon-bottom li a i,
.menu.icon-bottom li a svg {
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    margin-bottom: 0.25rem;
    text-align: center; }
.menu .is-active > a {
    background: #00bfa4;
    color: #fff; }
.menu .active > a {
    background: #00bfa4;
    color: #fff; }
.menu.align-left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
.menu.align-right li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
.menu.align-right li .submenu li {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
.menu.align-right.vertical li {
    display: block;
    text-align: right; }
.menu.align-right.vertical li .submenu li {
    text-align: right; }
.menu.align-right .nested {
    margin-right: 1rem;
    margin-left: 0; }
.menu.align-center li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
.menu.align-center li .submenu li {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
.menu .menu-text {
    padding: 0.5rem 1rem;
    font-weight: bold;
    line-height: 1;
    color: inherit; }

.menu-centered > .menu {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
.menu-centered > .menu li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
.menu-centered > .menu li .submenu li {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }

.no-js [data-responsive-menu] ul {
    display: none; }

.menu-icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 16px;
    cursor: pointer; }
.menu-icon::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #fff;
    box-shadow: 0 7px 0 #fff, 0 14px 0 #fff;
    content: ''; }
.menu-icon:hover::after {
    background: #929798;
    box-shadow: 0 7px 0 #929798, 0 14px 0 #929798; }

.menu-icon.dark {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 16px;
    cursor: pointer; }
.menu-icon.dark::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #000;
    box-shadow: 0 7px 0 #000, 0 14px 0 #000;
    content: ''; }
.menu-icon.dark:hover::after {
    background: #555f61;
    box-shadow: 0 7px 0 #555f61, 0 14px 0 #555f61; }

.is-drilldown {
    position: relative;
    overflow: hidden; }
.is-drilldown li {
    display: block; }
.is-drilldown.animate-height {
    transition: height 0.5s; }

.drilldown a {
    padding: 0.5rem 1rem;
    background: #fff; }

.drilldown .is-drilldown-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: -1;
    width: 100%;
    background: #fff;
    transition: -webkit-transform 0.15s linear;
    transition: transform 0.15s linear;
    transition: transform 0.15s linear, -webkit-transform 0.15s linear; }
.drilldown .is-drilldown-submenu.is-active {
    z-index: 1;
    display: block;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); }
.drilldown .is-drilldown-submenu.is-closing {
    -webkit-transform: translateX(100%);
    transform: translateX(100%); }
.drilldown .is-drilldown-submenu a {
    padding: 0.5rem 1rem; }

.drilldown .nested.is-drilldown-submenu {
    margin-right: 0;
    margin-left: 0; }

.drilldown .drilldown-submenu-cover-previous {
    min-height: 100%; }

.drilldown .is-drilldown-submenu-parent > a {
    position: relative; }
.drilldown .is-drilldown-submenu-parent > a::after {
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 1rem;
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #00bfa4; }

.drilldown.align-left .is-drilldown-submenu-parent > a::after {
    left: auto;
    right: 1rem;
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #fff; }

.drilldown.align-right .is-drilldown-submenu-parent > a::after {
    right: auto;
    left: 1rem;
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #fff transparent transparent; }

.drilldown .js-drilldown-back > a::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #00bfa4 transparent transparent;
    border-left-width: 0;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.75rem;
    border-left-width: 0; }

.dropdown-pane {
    position: absolute;
    z-index: 10;
    width: 450px;
    padding: 1rem 0 0;
    visibility: hidden;
    display: none;
    border: none;
    border-radius: 4px;
    background-color: transparent;
    font-size: 1rem; }
.dropdown-pane.is-opening {
    display: block; }
.dropdown-pane.is-open {
    visibility: visible;
    display: block; }

.dropdown-pane.tiny {
    width: 100px; }

.dropdown-pane.small {
    width: 200px; }

.dropdown-pane.large {
    width: 600px; }

.dropdown.menu > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto; }

.dropdown.menu > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0; }

.dropdown.menu a {
    padding: 0.5rem 1rem; }
[data-whatinput='mouse'] .dropdown.menu a {
    outline: 0; }

.dropdown.menu .is-active > a {
    background: transparent;
    color: inherit; }

.no-js .dropdown.menu ul {
    display: none; }

.dropdown.menu .nested.is-dropdown-submenu {
    margin-right: 0;
    margin-left: 0; }

.dropdown.menu.vertical > li .is-dropdown-submenu {
    top: 0; }

.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
    right: 100%;
    left: auto;
    top: 0; }

.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%; }

@media print, screen and (min-width: 40em) {
    .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
        top: 100%;
        right: 0;
        left: auto; }
    .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0; }
    .dropdown.menu.medium-vertical > li .is-dropdown-submenu {
        top: 0; }
    .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
        right: 100%;
        left: auto;
        top: 0; }
    .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 100%; } }

@media print, screen and (min-width: 64em) {
    .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
        top: 100%;
        right: 0;
        left: auto; }
    .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0; }
    .dropdown.menu.large-vertical > li .is-dropdown-submenu {
        top: 0; }
    .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
        right: 100%;
        left: auto;
        top: 0; }
    .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 100%; } }

.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
    top: 100%;
    right: 0;
    left: auto; }

.is-dropdown-menu.vertical {
    width: 100px; }
.is-dropdown-menu.vertical.align-right {
    float: right; }

.is-dropdown-submenu-parent {
    position: relative; }
.is-dropdown-submenu-parent a::after {
    position: absolute;
    top: 50%;
    right: 5px;
    left: auto;
    margin-top: -6px; }
.is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
    top: 100%;
    left: auto; }
.is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
    right: 100%;
    left: auto; }
.is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%; }

.is-dropdown-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1;
    display: none;
    min-width: 200px;
    border: 1px solid #fff;
    background: #fff; }
.dropdown .is-dropdown-submenu a {
    padding: 0.5rem 1rem; }
.is-dropdown-submenu .is-dropdown-submenu {
    margin-top: -1px; }
.is-dropdown-submenu > li {
    width: 100%; }
.is-dropdown-submenu.js-dropdown-active {
    display: block; }

.responsive-embed,
.flex-video {
    position: relative;
    height: 0;
    margin-bottom: 1rem;
    padding-bottom: 75%;
    overflow: hidden; }
.responsive-embed iframe,
.responsive-embed object,
.responsive-embed embed,
.responsive-embed video,
.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
.responsive-embed.widescreen,
.flex-video.widescreen {
    padding-bottom: 56.25%; }

.label {
    display: inline-block;
    padding: 0.5rem 1rem;
    border-radius: 100px;
    font-size: 1rem;
    line-height: 1;
    white-space: nowrap;
    cursor: default;
    background: #fff;
    color: #00bfa4; }
.label.primary {
    background: #00bfa4;
    color: #fff; }
.label.secondary {
    background: #555f61;
    color: #fff; }
.label.success {
    background: #3adb76;
    color: #fff; }
.label.warning {
    background: #ffae00;
    color: #fff; }
.label.alert {
    background: #cc4b37;
    color: #fff; }

.media-object {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1rem;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; }
.media-object img {
    max-width: none; }
@media screen and (max-width: 39.9375em) {
    .media-object.stack-for-small {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
@media screen and (max-width: 39.9375em) {
    .media-object.stack-for-small .media-object-section {
        padding: 0;
        padding-bottom: 4rem;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; }
    .media-object.stack-for-small .media-object-section img {
        width: 100%; } }

.media-object-section {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto; }
.media-object-section:first-child {
    padding-right: 4rem; }
.media-object-section:last-child:not(:nth-child(2)) {
    padding-left: 4rem; }
.media-object-section > :last-child {
    margin-bottom: 0; }
.media-object-section.main-section {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px; }

.is-off-canvas-open {
    overflow: hidden; }

.js-off-canvas-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    height: 100%;
    transition: opacity 0.5s ease, visibility 0.5s ease;
    background: rgba(255, 255, 255, 0.25);
    opacity: 0;
    visibility: hidden;
    overflow: hidden; }
.js-off-canvas-overlay.is-visible {
    opacity: 1;
    visibility: visible; }
.js-off-canvas-overlay.is-closable {
    cursor: pointer; }
.js-off-canvas-overlay.is-overlay-absolute {
    position: absolute; }
.js-off-canvas-overlay.is-overlay-fixed {
    position: fixed; }

.off-canvas-wrapper {
    position: relative;
    overflow: hidden; }

.off-canvas {
    position: fixed;
    z-index: 12;
    transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #ebebeb; }
[data-whatinput='mouse'] .off-canvas {
    outline: 0; }
.off-canvas.is-transition-push {
    z-index: 12; }
.off-canvas.is-closed {
    visibility: hidden; }
.off-canvas.is-transition-overlap {
    z-index: 13; }
.off-canvas.is-transition-overlap.is-open {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.7); }
.off-canvas.is-open {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }

.off-canvas-absolute {
    position: absolute;
    z-index: 12;
    transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #ebebeb; }
[data-whatinput='mouse'] .off-canvas-absolute {
    outline: 0; }
.off-canvas-absolute.is-transition-push {
    z-index: 12; }
.off-canvas-absolute.is-closed {
    visibility: hidden; }
.off-canvas-absolute.is-transition-overlap {
    z-index: 13; }
.off-canvas-absolute.is-transition-overlap.is-open {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.7); }
.off-canvas-absolute.is-open {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }

.position-left {
    top: 0;
    left: 0;
    height: 100%;
    overflow-y: auto;
    width: 250px;
    -webkit-transform: translateX(-250px);
    transform: translateX(-250px); }
.off-canvas-content .off-canvas.position-left {
    -webkit-transform: translateX(-250px);
    transform: translateX(-250px); }
.off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
.off-canvas-content.is-open-left.has-transition-push {
    -webkit-transform: translateX(250px);
    transform: translateX(250px); }
.position-left.is-transition-push {
    box-shadow: inset -13px 0 20px -13px rgba(0, 0, 0, 0.25); }

.position-right {
    top: 0;
    right: 0;
    height: 100%;
    overflow-y: auto;
    width: 250px;
    -webkit-transform: translateX(250px);
    transform: translateX(250px); }
.off-canvas-content .off-canvas.position-right {
    -webkit-transform: translateX(250px);
    transform: translateX(250px); }
.off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
.off-canvas-content.is-open-right.has-transition-push {
    -webkit-transform: translateX(-250px);
    transform: translateX(-250px); }
.position-right.is-transition-push {
    box-shadow: inset 13px 0 20px -13px rgba(0, 0, 0, 0.25); }

.position-top {
    top: 0;
    left: 0;
    width: 100%;
    overflow-x: auto;
    height: 250px;
    -webkit-transform: translateY(-250px);
    transform: translateY(-250px); }
.off-canvas-content .off-canvas.position-top {
    -webkit-transform: translateY(-250px);
    transform: translateY(-250px); }
.off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
.off-canvas-content.is-open-top.has-transition-push {
    -webkit-transform: translateY(250px);
    transform: translateY(250px); }
.position-top.is-transition-push {
    box-shadow: inset 0 -13px 20px -13px rgba(0, 0, 0, 0.25); }

.position-bottom {
    bottom: 0;
    left: 0;
    width: 100%;
    overflow-x: auto;
    height: 250px;
    -webkit-transform: translateY(250px);
    transform: translateY(250px); }
.off-canvas-content .off-canvas.position-bottom {
    -webkit-transform: translateY(250px);
    transform: translateY(250px); }
.off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
.off-canvas-content.is-open-bottom.has-transition-push {
    -webkit-transform: translateY(-250px);
    transform: translateY(-250px); }
.position-bottom.is-transition-push {
    box-shadow: inset 0 13px 20px -13px rgba(0, 0, 0, 0.25); }

.off-canvas-content {
    -webkit-transform: none;
    transform: none;
    transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
.off-canvas-content.has-transition-push {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
.off-canvas-content .off-canvas.is-open {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }

@media print, screen and (min-width: 40em) {
    .position-left.reveal-for-medium {
        -webkit-transform: none;
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible; }
    .position-left.reveal-for-medium .close-button {
        display: none; }
    .off-canvas-content .position-left.reveal-for-medium {
        -webkit-transform: none;
        transform: none; }
    .off-canvas-content.has-reveal-left {
        margin-left: 250px; }
    .position-left.reveal-for-medium ~ .off-canvas-content {
        margin-left: 250px; }
    .position-right.reveal-for-medium {
        -webkit-transform: none;
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible; }
    .position-right.reveal-for-medium .close-button {
        display: none; }
    .off-canvas-content .position-right.reveal-for-medium {
        -webkit-transform: none;
        transform: none; }
    .off-canvas-content.has-reveal-right {
        margin-right: 250px; }
    .position-right.reveal-for-medium ~ .off-canvas-content {
        margin-right: 250px; }
    .position-top.reveal-for-medium {
        -webkit-transform: none;
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible; }
    .position-top.reveal-for-medium .close-button {
        display: none; }
    .off-canvas-content .position-top.reveal-for-medium {
        -webkit-transform: none;
        transform: none; }
    .off-canvas-content.has-reveal-top {
        margin-top: 250px; }
    .position-top.reveal-for-medium ~ .off-canvas-content {
        margin-top: 250px; }
    .position-bottom.reveal-for-medium {
        -webkit-transform: none;
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible; }
    .position-bottom.reveal-for-medium .close-button {
        display: none; }
    .off-canvas-content .position-bottom.reveal-for-medium {
        -webkit-transform: none;
        transform: none; }
    .off-canvas-content.has-reveal-bottom {
        margin-bottom: 250px; }
    .position-bottom.reveal-for-medium ~ .off-canvas-content {
        margin-bottom: 250px; } }

@media print, screen and (min-width: 64em) {
    .position-left.reveal-for-large {
        -webkit-transform: none;
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible; }
    .position-left.reveal-for-large .close-button {
        display: none; }
    .off-canvas-content .position-left.reveal-for-large {
        -webkit-transform: none;
        transform: none; }
    .off-canvas-content.has-reveal-left {
        margin-left: 250px; }
    .position-left.reveal-for-large ~ .off-canvas-content {
        margin-left: 250px; }
    .position-right.reveal-for-large {
        -webkit-transform: none;
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible; }
    .position-right.reveal-for-large .close-button {
        display: none; }
    .off-canvas-content .position-right.reveal-for-large {
        -webkit-transform: none;
        transform: none; }
    .off-canvas-content.has-reveal-right {
        margin-right: 250px; }
    .position-right.reveal-for-large ~ .off-canvas-content {
        margin-right: 250px; }
    .position-top.reveal-for-large {
        -webkit-transform: none;
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible; }
    .position-top.reveal-for-large .close-button {
        display: none; }
    .off-canvas-content .position-top.reveal-for-large {
        -webkit-transform: none;
        transform: none; }
    .off-canvas-content.has-reveal-top {
        margin-top: 250px; }
    .position-top.reveal-for-large ~ .off-canvas-content {
        margin-top: 250px; }
    .position-bottom.reveal-for-large {
        -webkit-transform: none;
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible; }
    .position-bottom.reveal-for-large .close-button {
        display: none; }
    .off-canvas-content .position-bottom.reveal-for-large {
        -webkit-transform: none;
        transform: none; }
    .off-canvas-content.has-reveal-bottom {
        margin-bottom: 250px; }
    .position-bottom.reveal-for-large ~ .off-canvas-content {
        margin-bottom: 250px; } }

@media print, screen and (min-width: 40em) {
    .off-canvas.in-canvas-for-medium {
        visibility: visible;
        height: auto;
        position: static;
        background: inherit;
        width: inherit;
        overflow: inherit;
        transition: inherit; }
    .off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top, .off-canvas.in-canvas-for-medium.position-bottom {
        box-shadow: none;
        -webkit-transform: none;
        transform: none; }
    .off-canvas.in-canvas-for-medium .close-button {
        display: none; } }

@media print, screen and (min-width: 64em) {
    .off-canvas.in-canvas-for-large {
        visibility: visible;
        height: auto;
        position: static;
        background: inherit;
        width: inherit;
        overflow: inherit;
        transition: inherit; }
    .off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top, .off-canvas.in-canvas-for-large.position-bottom {
        box-shadow: none;
        -webkit-transform: none;
        transform: none; }
    .off-canvas.in-canvas-for-large .close-button {
        display: none; } }

.orbit {
    position: relative; }

.orbit-container {
    position: relative;
    height: 0;
    margin: 0;
    list-style: none;
    overflow: hidden; }

.orbit-slide {
    width: 100%; }
.orbit-slide.no-motionui.is-active {
    top: 0;
    left: 0; }

.orbit-figure {
    margin: 0; }

.orbit-image {
    width: 100%;
    max-width: 100%;
    margin: 0; }

.orbit-caption {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-bottom: 0;
    padding: 1rem;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff; }

.orbit-previous, .orbit-next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
    padding: 1rem;
    color: #fff; }
[data-whatinput='mouse'] .orbit-previous, [data-whatinput='mouse'] .orbit-next {
    outline: 0; }
.orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus {
    background-color: rgba(0, 0, 0, 0.5); }

.orbit-previous {
    left: 0; }

.orbit-next {
    left: auto;
    right: 0; }

.orbit-bullets {
    position: relative;
    margin-top: 0.8rem;
    margin-bottom: 0.8rem;
    text-align: center; }
[data-whatinput='mouse'] .orbit-bullets {
    outline: 0; }
.orbit-bullets button {
    width: 1.2rem;
    height: 1.2rem;
    margin: 0.1rem;
    border-radius: 50%;
    background-color: #929798; }
.orbit-bullets button:hover {
    background-color: #555f61; }
.orbit-bullets button.is-active {
    background-color: #555f61; }

.pagination {
    margin-left: 0;
    margin-bottom: 1rem; }
.pagination::before, .pagination::after {
    display: table;
    content: ' ';
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
.pagination::after {
    clear: both; }
.pagination li {
    margin-right: 0.0625rem;
    border-radius: 12px;
    font-size: 0.875rem;
    display: none; }
.pagination li:last-child, .pagination li:first-child {
    display: inline-block; }
@media print, screen and (min-width: 40em) {
    .pagination li {
        display: inline-block; } }
.pagination a,
.pagination button {
    display: block;
    padding: 0.1875rem 0.625rem;
    border-radius: 12px;
    color: #000; }
.pagination a:hover,
.pagination button:hover {
    background: #ebebeb; }
.pagination .current {
    padding: 0.1875rem 0.625rem;
    background: #00bfa4;
    color: #fff;
    cursor: default; }
.pagination .disabled {
    padding: 0.1875rem 0.625rem;
    color: #929798;
    cursor: not-allowed; }
.pagination .disabled:hover {
    background: transparent; }
.pagination .ellipsis::after {
    padding: 0.1875rem 0.625rem;
    content: '\2026';
    color: #000; }

.pagination-previous a::before,
.pagination-previous.disabled::before {
    display: inline-block;
    margin-right: 0.5rem;
    content: '\00ab'; }

.pagination-next a::after,
.pagination-next.disabled::after {
    display: inline-block;
    margin-left: 0.5rem;
    content: '\00bb'; }

.progress {
    height: 1rem;
    margin-bottom: 1rem;
    border-radius: 12px;
    background-color: #929798; }
.progress.primary .progress-meter {
    background-color: #00bfa4; }
.progress.secondary .progress-meter {
    background-color: #555f61; }
.progress.success .progress-meter {
    background-color: #3adb76; }
.progress.warning .progress-meter {
    background-color: #ffae00; }
.progress.alert .progress-meter {
    background-color: #cc4b37; }

.progress-meter {
    position: relative;
    display: block;
    width: 0%;
    height: 100%;
    background-color: #00bfa4;
    border-radius: 12px; }

.progress-meter-text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    margin: 0;
    font-size: 0.75rem;
    font-weight: bold;
    color: #fff;
    white-space: nowrap;
    border-radius: 12px; }

.slider {
    position: relative;
    height: 0.5rem;
    margin-top: 1.25rem;
    margin-bottom: 2.25rem;
    background-color: #ebebeb;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: none;
    touch-action: none; }

.slider-fill {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    max-width: 100%;
    height: 0.5rem;
    background-color: #929798;
    transition: all 0.2s ease-in-out; }
.slider-fill.is-dragging {
    transition: all 0s linear; }

.slider-handle {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    z-index: 1;
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 12px;
    background-color: #00bfa4;
    transition: all 0.2s ease-in-out;
    -ms-touch-action: manipulation;
    touch-action: manipulation; }
[data-whatinput='mouse'] .slider-handle {
    outline: 0; }
.slider-handle:hover {
    background-color: #00a28b; }
.slider-handle.is-dragging {
    transition: all 0s linear; }

.slider.disabled,
.slider[disabled] {
    opacity: 0.25;
    cursor: not-allowed; }

.slider.vertical {
    display: inline-block;
    width: 0.5rem;
    height: 12.5rem;
    margin: 0 1.25rem;
    -webkit-transform: scale(1, -1);
    transform: scale(1, -1); }
.slider.vertical .slider-fill {
    top: 0;
    width: 0.5rem;
    max-height: 100%; }
.slider.vertical .slider-handle {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1.4rem;
    height: 1.4rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }

.sticky-container {
    position: relative; }

.sticky {
    position: relative;
    z-index: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

.sticky.is-stuck {
    position: fixed;
    z-index: 5;
    width: 100%; }
.sticky.is-stuck.is-at-top {
    top: 0; }
.sticky.is-stuck.is-at-bottom {
    bottom: 0; }

.sticky.is-anchored {
    position: relative;
    right: auto;
    left: auto; }
.sticky.is-anchored.is-at-bottom {
    bottom: 0; }

body.is-reveal-open {
    overflow: hidden; }

html.is-reveal-open,
html.is-reveal-open body {
    min-height: 100%;
    overflow: hidden;
    position: fixed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }

.reveal-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1005;
    display: none;
    background-color: rgba(0, 0, 0, 0.45);
    overflow-y: scroll; }

.reveal {
    z-index: 1006;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none;
    padding: 1rem;
    border: 1px solid #929798;
    border-radius: 12px;
    background-color: #fff;
    position: relative;
    top: 100px;
    margin-right: auto;
    margin-left: auto;
    overflow-y: auto; }
[data-whatinput='mouse'] .reveal {
    outline: 0; }
@media print, screen and (min-width: 40em) {
    .reveal {
        min-height: 0; } }
.reveal .column {
    min-width: 0; }
.reveal > :last-child {
    margin-bottom: 0; }
@media print, screen and (min-width: 40em) {
    .reveal {
        width: 600px;
        max-width: 1200px; } }
.reveal.collapse {
    padding: 0; }
@media print, screen and (min-width: 40em) {
    .reveal.tiny {
        width: 30%;
        max-width: 1200px; } }
@media print, screen and (min-width: 40em) {
    .reveal.small {
        width: 50%;
        max-width: 1200px; } }
@media print, screen and (min-width: 40em) {
    .reveal.large {
        width: 90%;
        max-width: 1200px; } }
.reveal.full {
    top: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    margin-left: 0;
    border: 0;
    border-radius: 0; }
@media screen and (max-width: 39.9375em) {
    .reveal {
        top: 0;
        left: 0;
        width: 100%;
        max-width: none;
        height: 100%;
        height: 100vh;
        min-height: 100vh;
        margin-left: 0;
        border: 0;
        border-radius: 0; } }
.reveal.without-overlay {
    position: fixed; }

.switch {
    height: 2rem;
    position: relative;
    margin-bottom: 1rem;
    outline: 0;
    font-size: 0.875rem;
    font-weight: bold;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }

.switch-input {
    position: absolute;
    margin-bottom: 0;
    opacity: 0; }

.switch-paddle {
    position: relative;
    display: block;
    width: 4rem;
    height: 2rem;
    border-radius: 12px;
    background: #929798;
    transition: all 0.25s ease-out;
    font-weight: inherit;
    color: inherit;
    cursor: pointer; }
input + .switch-paddle {
    margin: 0; }
.switch-paddle::after {
    position: absolute;
    top: 0.25rem;
    left: 0.25rem;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    border-radius: 12px;
    background: #fff;
    transition: all 0.25s ease-out;
    content: ''; }
input:checked ~ .switch-paddle {
    background: #00bfa4; }
input:checked ~ .switch-paddle::after {
    left: 2.25rem; }
[data-whatinput='mouse'] input:focus ~ .switch-paddle {
    outline: 0; }

.switch-active, .switch-inactive {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }

.switch-active {
    left: 8%;
    display: none; }
input:checked + label > .switch-active {
    display: block; }

.switch-inactive {
    right: 15%; }
input:checked + label > .switch-inactive {
    display: none; }

.switch.tiny {
    height: 1.5rem; }
.switch.tiny .switch-paddle {
    width: 3rem;
    height: 1.5rem;
    font-size: 0.625rem; }
.switch.tiny .switch-paddle::after {
    top: 0.25rem;
    left: 0.25rem;
    width: 1rem;
    height: 1rem; }
.switch.tiny input:checked ~ .switch-paddle::after {
    left: 1.75rem; }

.switch.small {
    height: 1.75rem; }
.switch.small .switch-paddle {
    width: 3.5rem;
    height: 1.75rem;
    font-size: 0.75rem; }
.switch.small .switch-paddle::after {
    top: 0.25rem;
    left: 0.25rem;
    width: 1.25rem;
    height: 1.25rem; }
.switch.small input:checked ~ .switch-paddle::after {
    left: 2rem; }

.switch.large {
    height: 2.5rem; }
.switch.large .switch-paddle {
    width: 5rem;
    height: 2.5rem;
    font-size: 1rem; }
.switch.large .switch-paddle::after {
    top: 0.25rem;
    left: 0.25rem;
    width: 2rem;
    height: 2rem; }
.switch.large input:checked ~ .switch-paddle::after {
    left: 2.75rem; }

table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 1rem;
    border-radius: 12px; }
thead, tbody, tfoot {
    border: 1px solid #f2f2f2;
    background-color: #fff; }
caption {
    padding: 0.5rem 0.625rem 0.625rem;
    font-weight: 700; }
thead {
    background: #f9f9f9;
    color: #00bfa4; }
tfoot {
    background: #f2f2f2;
    color: #00bfa4; }
thead tr, tfoot tr {
    background: transparent; }
thead th, thead td, tfoot th, tfoot td {
    padding: 0.5rem 0.625rem 0.625rem;
    font-weight: 700;
    text-align: left; }
tbody th, tbody td {
    padding: 0.5rem 0.625rem 0.625rem; }
tbody tr:nth-child(even) {
    border-bottom: 0;
    background-color: #f2f2f2; }
table.unstriped tbody {
    background-color: #fff; }
table.unstriped tbody tr {
    border-bottom: 0;
    border-bottom: 1px solid #f2f2f2;
    background-color: #fff; }

@media screen and (max-width: 63.9375em) {
    table.stack thead {
        display: none; }
    table.stack tfoot {
        display: none; }
    table.stack tr,
    table.stack th,
    table.stack td {
        display: block; }
    table.stack td {
        border-top: 0; } }

table.scroll {
    display: block;
    width: 100%;
    overflow-x: auto; }

table.hover thead tr:hover {
    background-color: #f4f4f4; }

table.hover tfoot tr:hover {
    background-color: #ededed; }

table.hover tbody tr:hover {
    background-color: #fafafa; }

table.hover:not(.unstriped) tr:nth-of-type(even):hover {
    background-color: #ededed; }

.table-scroll {
    overflow-x: auto; }
.table-scroll table {
    width: auto; }

.tabs {
    margin: 0;
    border: 1px solid #ebebeb;
    background: #fff;
    list-style-type: none; }
.tabs::before, .tabs::after {
    display: table;
    content: ' ';
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
.tabs::after {
    clear: both; }

.tabs.vertical > li {
    display: block;
    float: none;
    width: auto; }

.tabs.simple > li > a {
    padding: 0; }
.tabs.simple > li > a:hover {
    background: transparent; }

.tabs.primary {
    background: #00bfa4; }
.tabs.primary > li > a {
    color: #000; }
.tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
    background: #00cfb2; }

.tabs-title {
    float: left; }
.tabs-title > a {
    display: block;
    padding: 1.25rem 1.5rem;
    font-size: 0.75rem;
    line-height: 1;
    color: #00bfa4; }
.tabs-title > a:hover {
    background: #fff;
    color: #00a48d; }
.tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
    background: #ebebeb;
    color: #00bfa4; }

.tabs-content {
    border: 1px solid #ebebeb;
    border-top: 0;
    background: #fff;
    color: #00bfa4;
    transition: all 0.5s ease; }

.tabs-content.vertical {
    border: 1px solid #ebebeb;
    border-left: 0; }

.tabs-panel {
    display: none;
    padding: 1rem; }
.tabs-panel.is-active {
    display: block; }

.thumbnail {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 1rem;
    border: solid 4px #fff;
    border-radius: 12px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
    line-height: 0; }

a.thumbnail {
    transition: box-shadow 200ms ease-out; }
a.thumbnail:hover, a.thumbnail:focus {
    box-shadow: 0 0 6px 1px rgba(0, 191, 164, 0.5); }
a.thumbnail image {
    box-shadow: none; }

.title-bar {
    padding: 0.5rem;
    background: #000;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
.title-bar .menu-icon {
    margin-left: 0.25rem;
    margin-right: 0.25rem; }

.title-bar-left,
.title-bar-right {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px; }

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

.title-bar-title {
    display: inline-block;
    vertical-align: middle;
    font-weight: bold; }

.has-tip {
    position: relative;
    display: inline-block;
    border-bottom: dotted 1px #555f61;
    font-weight: 700;
    cursor: help; }

.tooltip {
    position: absolute;
    top: calc(100% + 0.6495rem);
    z-index: 1200;
    max-width: 10rem;
    padding: 0.75rem;
    border-radius: 12px;
    background-color: #000;
    font-size: 0.88889rem;
    color: #fff; }
.tooltip::before {
    position: absolute; }
.tooltip.bottom::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.75rem;
    content: '';
    border-top-width: 0;
    border-bottom-style: solid;
    border-color: transparent transparent #000;
    bottom: 100%; }
.tooltip.bottom.align-center::before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
.tooltip.top::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.75rem;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #000 transparent transparent;
    top: 100%;
    bottom: auto; }
.tooltip.top.align-center::before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
.tooltip.left::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.75rem;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #000;
    left: 100%; }
.tooltip.left.align-center::before {
    bottom: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
.tooltip.right::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.75rem;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #000 transparent transparent;
    right: 100%;
    left: auto; }
.tooltip.right.align-center::before {
    bottom: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
.tooltip.align-top::before {
    bottom: auto;
    top: 10%; }
.tooltip.align-bottom::before {
    bottom: 10%;
    top: auto; }
.tooltip.align-left::before {
    left: 10%;
    right: auto; }
.tooltip.align-right::before {
    left: auto;
    right: 10%; }

.top-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-wrap: nowrap; }
.top-bar,
.top-bar ul {
    background-color: transparent; }
.top-bar input {
    max-width: 12.5rem;
    margin-right: 1rem; }
.top-bar .input-group-field {
    width: 100%;
    margin-right: 0; }
.top-bar input.button {
    width: auto; }
.top-bar .top-bar-left,
.top-bar .top-bar-right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
.top-bar .top-bar-left {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-right: auto; }
.top-bar .top-bar-right {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-left: auto; }
@media screen and (max-width: 63.9375em) {
    .top-bar.stacked-for-medium {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .top-bar.stacked-for-medium .top-bar-left,
    .top-bar.stacked-for-medium .top-bar-right {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%; } }
@media screen and (max-width: 74.9375em) {
    .top-bar.stacked-for-large {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .top-bar.stacked-for-large .top-bar-left,
    .top-bar.stacked-for-large .top-bar-right {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%; } }

.top-bar-title {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0.5rem 2rem 0.5rem 0; }

.top-bar-left,
.top-bar-right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto; }

.hide {
    display: none !important; }

.invisible {
    visibility: hidden; }

@media screen and (max-width: 39.9375em) {
    .hide-for-small-only {
        display: none !important; } }

@media screen and (max-width: 0em), screen and (min-width: 40em) {
    .show-for-small-only {
        display: none !important; } }

@media print, screen and (min-width: 40em) {
    .hide-for-medium {
        display: none !important; } }

@media screen and (max-width: 39.9375em) {
    .show-for-medium {
        display: none !important; } }

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .hide-for-medium-only {
        display: none !important; } }

@media screen and (max-width: 39.9375em), screen and (min-width: 64em) {
    .show-for-medium-only {
        display: none !important; } }

@media print, screen and (min-width: 64em) {
    .hide-for-large {
        display: none !important; } }

@media screen and (max-width: 63.9375em) {
    .show-for-large {
        display: none !important; } }

@media screen and (min-width: 64em) and (max-width: 74.9375em) {
    .hide-for-large-only {
        display: none !important; } }

@media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
    .show-for-large-only {
        display: none !important; } }

.show-for-sr,
.show-on-focus {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    border: 0; }

.show-on-focus:active, .show-on-focus:focus {
    position: static !important;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
    -webkit-clip-path: none;
    clip-path: none; }

.show-for-landscape,
.hide-for-portrait {
    display: block !important; }
@media screen and (orientation: landscape) {
    .show-for-landscape,
    .hide-for-portrait {
        display: block !important; } }
@media screen and (orientation: portrait) {
    .show-for-landscape,
    .hide-for-portrait {
        display: none !important; } }

.hide-for-landscape,
.show-for-portrait {
    display: none !important; }
@media screen and (orientation: landscape) {
    .hide-for-landscape,
    .show-for-portrait {
        display: none !important; } }
@media screen and (orientation: portrait) {
    .hide-for-landscape,
    .show-for-portrait {
        display: block !important; } }

.align-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }

.align-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }

.align-justify {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }

.align-spaced {
    -ms-flex-pack: distribute;
    justify-content: space-around; }

.align-right.vertical.menu > li > a {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }

.align-center.vertical.menu > li > a {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }

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

.align-self-top {
    -ms-flex-item-align: start;
    align-self: flex-start; }

.align-bottom {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }

.align-self-bottom {
    -ms-flex-item-align: end;
    align-self: flex-end; }

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

.align-self-middle {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center; }

.align-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch; }

.align-self-stretch {
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch; }

.align-center-middle {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center; }

.small-order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }

.small-order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }

.small-order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3; }

.small-order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4; }

.small-order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5; }

.small-order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6; }

@media print, screen and (min-width: 40em) {
    .medium-order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1; }
    .medium-order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2; }
    .medium-order-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3; }
    .medium-order-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4; }
    .medium-order-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5; }
    .medium-order-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6; } }

@media print, screen and (min-width: 64em) {
    .large-order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1; }
    .large-order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2; }
    .large-order-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3; }
    .large-order-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4; }
    .large-order-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5; }
    .large-order-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6; } }

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

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

.flex-child-grow {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto; }

.flex-child-shrink {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto; }

.flex-dir-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }

.flex-dir-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }

.flex-dir-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }

.flex-dir-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse; }

@media print, screen and (min-width: 40em) {
    .medium-flex-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
    .medium-flex-child-auto {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto; }
    .medium-flex-child-grow {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto; }
    .medium-flex-child-shrink {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto; }
    .medium-flex-dir-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row; }
    .medium-flex-dir-row-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse; }
    .medium-flex-dir-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; }
    .medium-flex-dir-column-reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse; } }

@media print, screen and (min-width: 64em) {
    .large-flex-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
    .large-flex-child-auto {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto; }
    .large-flex-child-grow {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto; }
    .large-flex-child-shrink {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto; }
    .large-flex-dir-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row; }
    .large-flex-dir-row-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse; }
    .large-flex-dir-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; }
    .large-flex-dir-column-reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse; } }

.slide-in-down.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }

.slide-in-down.mui-enter.mui-enter-active {
    -webkit-transform: translateY(0);
    transform: translateY(0); }

.slide-in-left.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }

.slide-in-left.mui-enter.mui-enter-active {
    -webkit-transform: translateX(0);
    transform: translateX(0); }

.slide-in-up.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }

.slide-in-up.mui-enter.mui-enter-active {
    -webkit-transform: translateY(0);
    transform: translateY(0); }

.slide-in-right.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }

.slide-in-right.mui-enter.mui-enter-active {
    -webkit-transform: translateX(0);
    transform: translateX(0); }

.slide-out-down.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }

.slide-out-down.mui-leave.mui-leave-active {
    -webkit-transform: translateY(100%);
    transform: translateY(100%); }

.slide-out-right.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }

.slide-out-right.mui-leave.mui-leave-active {
    -webkit-transform: translateX(100%);
    transform: translateX(100%); }

.slide-out-up.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }

.slide-out-up.mui-leave.mui-leave-active {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }

.slide-out-left.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }

.slide-out-left.mui-leave.mui-leave-active {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); }

.fade-in.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    opacity: 0;
    transition-property: opacity; }

.fade-in.mui-enter.mui-enter-active {
    opacity: 1; }

.fade-out.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    opacity: 1;
    transition-property: opacity; }

.fade-out.mui-leave.mui-leave-active {
    opacity: 0; }

.hinge-in-from-top.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 0; }

.hinge-in-from-top.mui-enter.mui-enter-active {
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    opacity: 1; }

.hinge-in-from-right.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    -webkit-transform-origin: right;
    transform-origin: right;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 0; }

.hinge-in-from-right.mui-enter.mui-enter-active {
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    opacity: 1; }

.hinge-in-from-bottom.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotateX(90deg);
    transform: perspective(2000px) rotateX(90deg);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 0; }

.hinge-in-from-bottom.mui-enter.mui-enter-active {
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    opacity: 1; }

.hinge-in-from-left.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotateY(90deg);
    transform: perspective(2000px) rotateY(90deg);
    -webkit-transform-origin: left;
    transform-origin: left;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 0; }

.hinge-in-from-left.mui-enter.mui-enter-active {
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    opacity: 1; }

.hinge-in-from-middle-x.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    -webkit-transform-origin: center;
    transform-origin: center;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 0; }

.hinge-in-from-middle-x.mui-enter.mui-enter-active {
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    opacity: 1; }

.hinge-in-from-middle-y.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    -webkit-transform-origin: center;
    transform-origin: center;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 0; }

.hinge-in-from-middle-y.mui-enter.mui-enter-active {
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    opacity: 1; }

.hinge-out-from-top.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 1; }

.hinge-out-from-top.mui-leave.mui-leave-active {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0; }

.hinge-out-from-right.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    -webkit-transform-origin: right;
    transform-origin: right;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 1; }

.hinge-out-from-right.mui-leave.mui-leave-active {
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    opacity: 0; }

.hinge-out-from-bottom.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 1; }

.hinge-out-from-bottom.mui-leave.mui-leave-active {
    -webkit-transform: perspective(2000px) rotateX(90deg);
    transform: perspective(2000px) rotateX(90deg);
    opacity: 0; }

.hinge-out-from-left.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    -webkit-transform-origin: left;
    transform-origin: left;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 1; }

.hinge-out-from-left.mui-leave.mui-leave-active {
    -webkit-transform: perspective(2000px) rotateY(90deg);
    transform: perspective(2000px) rotateY(90deg);
    opacity: 0; }

.hinge-out-from-middle-x.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    -webkit-transform-origin: center;
    transform-origin: center;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 1; }

.hinge-out-from-middle-x.mui-leave.mui-leave-active {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0; }

.hinge-out-from-middle-y.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    -webkit-transform-origin: center;
    transform-origin: center;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 1; }

.hinge-out-from-middle-y.mui-leave.mui-leave-active {
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    opacity: 0; }

.scale-in-up.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 0; }

.scale-in-up.mui-enter.mui-enter-active {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }

.scale-in-down.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 0; }

.scale-in-down.mui-enter.mui-enter-active {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }

.scale-out-up.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 1; }

.scale-out-up.mui-leave.mui-leave-active {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0; }

.scale-out-down.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 1; }

.scale-out-down.mui-leave.mui-leave-active {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0; }

.spin-in.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -webkit-transform: rotate(-0.75turn);
    transform: rotate(-0.75turn);
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 0; }

.spin-in.mui-enter.mui-enter-active {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }

.spin-out.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 1; }

.spin-out.mui-leave.mui-leave-active {
    -webkit-transform: rotate(0.75turn);
    transform: rotate(0.75turn);
    opacity: 0; }

.spin-in-ccw.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -webkit-transform: rotate(0.75turn);
    transform: rotate(0.75turn);
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 0; }

.spin-in-ccw.mui-enter.mui-enter-active {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }

.spin-out-ccw.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 1; }

.spin-out-ccw.mui-leave.mui-leave-active {
    -webkit-transform: rotate(-0.75turn);
    transform: rotate(-0.75turn);
    opacity: 0; }

.slow {
    transition-duration: 750ms !important; }

.fast {
    transition-duration: 250ms !important; }

.linear {
    transition-timing-function: linear !important; }

.ease {
    transition-timing-function: ease !important; }

.ease-in {
    transition-timing-function: ease-in !important; }

.ease-out {
    transition-timing-function: ease-out !important; }

.ease-in-out {
    transition-timing-function: ease-in-out !important; }

.bounce-in {
    transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }

.bounce-out {
    transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }

.bounce-in-out {
    transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }

.short-delay {
    transition-delay: 300ms !important; }

.long-delay {
    transition-delay: 700ms !important; }

.shake {
    -webkit-animation-name: shake-7;
    animation-name: shake-7; }

@-webkit-keyframes shake-7 {
    0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
        -webkit-transform: translateX(7%);
        transform: translateX(7%); }
    5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
        -webkit-transform: translateX(-7%);
        transform: translateX(-7%); } }

@keyframes shake-7 {
    0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
        -webkit-transform: translateX(7%);
        transform: translateX(7%); }
    5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
        -webkit-transform: translateX(-7%);
        transform: translateX(-7%); } }

.spin-cw {
    -webkit-animation-name: spin-cw-1turn;
    animation-name: spin-cw-1turn; }

@-webkit-keyframes spin-cw-1turn {
    0% {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn); }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0); } }

@keyframes spin-cw-1turn {
    0% {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn); }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0); } }

.spin-ccw {
    -webkit-animation-name: spin-cw-1turn;
    animation-name: spin-cw-1turn; }

@keyframes spin-cw-1turn {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0); }
    100% {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn); } }

.wiggle {
    -webkit-animation-name: wiggle-7deg;
    animation-name: wiggle-7deg; }

@-webkit-keyframes wiggle-7deg {
    40%, 50%, 60% {
        -webkit-transform: rotate(7deg);
        transform: rotate(7deg); }
    35%, 45%, 55%, 65% {
        -webkit-transform: rotate(-7deg);
        transform: rotate(-7deg); }
    0%, 30%, 70%, 100% {
        -webkit-transform: rotate(0);
        transform: rotate(0); } }

@keyframes wiggle-7deg {
    40%, 50%, 60% {
        -webkit-transform: rotate(7deg);
        transform: rotate(7deg); }
    35%, 45%, 55%, 65% {
        -webkit-transform: rotate(-7deg);
        transform: rotate(-7deg); }
    0%, 30%, 70%, 100% {
        -webkit-transform: rotate(0);
        transform: rotate(0); } }

.shake,
.spin-cw,
.spin-ccw,
.wiggle {
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms; }

.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }

.slow {
    -webkit-animation-duration: 750ms !important;
    animation-duration: 750ms !important; }

.fast {
    -webkit-animation-duration: 250ms !important;
    animation-duration: 250ms !important; }

.linear {
    -webkit-animation-timing-function: linear !important;
    animation-timing-function: linear !important; }

.ease {
    -webkit-animation-timing-function: ease !important;
    animation-timing-function: ease !important; }

.ease-in {
    -webkit-animation-timing-function: ease-in !important;
    animation-timing-function: ease-in !important; }

.ease-out {
    -webkit-animation-timing-function: ease-out !important;
    animation-timing-function: ease-out !important; }

.ease-in-out {
    -webkit-animation-timing-function: ease-in-out !important;
    animation-timing-function: ease-in-out !important; }

.bounce-in {
    -webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
    animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }

.bounce-out {
    -webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
    animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }

.bounce-in-out {
    -webkit-animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
    animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }

.short-delay {
    -webkit-animation-delay: 300ms !important;
    animation-delay: 300ms !important; }

.long-delay {
    -webkit-animation-delay: 700ms !important;
    animation-delay: 700ms !important; }

@-webkit-keyframes flow {
    from {
        background-position: center top; }
    to {
        background-position: center bottom; } }

@keyframes flow {
    from {
        background-position: center top; }
    to {
        background-position: center bottom; } }

@-webkit-keyframes flow-left {
    from {
        background-position: right center; }
    to {
        background-position: left center; } }

@keyframes flow-left {
    from {
        background-position: right center; }
    to {
        background-position: left center; } }

@-webkit-keyframes flow-right {
    from {
        background-position: left center; }
    to {
        background-position: right center; } }

@keyframes flow-right {
    from {
        background-position: left center; }
    to {
        background-position: right center; } }

.flow {
    position: relative; }
.flow:before, .flow:after {
    content: ""; }
.flow:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 90%;
    width: 4px;
    background: linear-gradient(#00bfa4 50%, transparent 50%) repeat-y center top/100% 12px;
    -webkit-animation: flow 10s infinite linear;
    animation: flow 10s infinite linear; }
@media screen and (max-width: 39.9375em) {
    .flow:not(.flow-complex) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
    .flow:not(.flow-complex):before {
        -webkit-transform: translate(-600%, -50%) rotate(-90deg);
        transform: translate(-600%, -50%) rotate(-90deg); }
    .flow:not(.flow-complex) .circle {
        margin: 0 0 0 auto; } }

.flow-left,
.flow-right {
    position: absolute;
    top: 66.67%;
    width: 4px;
    height: 33.33%;
    background: linear-gradient(#00bfa4 50%, transparent 50%) repeat-y center top/100% 12px;
    -webkit-animation: flow 3.33333s infinite linear;
    animation: flow 3.33333s infinite linear; }

.flow-left {
    left: 14%; }

.flow-right {
    right: 14%; }

.flow-complex {
    padding-top: 8rem; }
.flow-complex:before {
    height: 100%; }
.flow-complex:after {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    content: "";
    top: 0;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background-color: #00bfa4; }
@media screen and (max-width: 39.9375em) {
    .flow-complex {
        position: absolute;
        left: -50%;
        width: 100%;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg); } }

.flow-horizontal {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 66.67%;
    width: 70%;
    height: 4px; }
.flow-horizontal:before, .flow-horizontal:after {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    width: 50%;
    height: 100%;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear; }
.flow-horizontal:before {
    right: 50%;
    background: linear-gradient(90deg, #00bfa4 50%, transparent 50%) repeat-x right center/12px 100%;
    -webkit-animation-name: flow-left;
    animation-name: flow-left; }
.flow-horizontal:after {
    left: 50%;
    background: linear-gradient(-90deg, #00bfa4 50%, transparent 50%) repeat-x left center/12px 100%;
    -webkit-animation-name: flow-right;
    animation-name: flow-right; }

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg); }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg); } }

@keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg); }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg); } }

.spin {
    -webkit-animation: spin 10s infinite linear;
    animation: spin 10s infinite linear;
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%; }

@-webkit-keyframes swipe {
    from {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0); }
    9% {
        opacity: 0;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0); }
    10% {
        opacity: 0;
        -webkit-transform: translate(50%, 0);
        transform: translate(50%, 0); }
    20% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0); } }

@keyframes swipe {
    from {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0); }
    9% {
        opacity: 0;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0); }
    10% {
        opacity: 0;
        -webkit-transform: translate(50%, 0);
        transform: translate(50%, 0); }
    20% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0); } }

.swipe {
    -webkit-animation: swipe 3s infinite ease-in-out;
    animation: swipe 3s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%; }

@font-face {
    font-family: "biotif";
    src: url("../fonts/biotif/biotif-light.woff2") format("woff2"), url("../fonts/biotif/biotif-light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    text-rendering: optimizeLegibility; }

@font-face {
    font-family: "biotif";
    src: url("../fonts/biotif/biotif-light-italic.woff2") format("woff2"), url("../fonts/biotif/biotif-light-italic.woff") format("woff");
    font-weight: 300;
    font-style: italic;
    text-rendering: optimizeLegibility; }

@font-face {
    font-family: "biotif";
    src: url("../fonts/biotif/biotif.woff2") format("woff2"), url("../fonts/biotif/biotif.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    text-rendering: optimizeLegibility; }

@font-face {
    font-family: "biotif";
    src: url("../fonts/biotif/biotif-regular-italic.woff2") format("woff2"), url("../fonts/biotif/biotif-regular-italic.woff") format("woff");
    font-weight: 400;
    font-style: italic;
    text-rendering: optimizeLegibility; }

@font-face {
    font-family: "biotif";
    src: url("../fonts/biotif/biotif-bold.woff2") format("woff2"), url("../fonts/biotif/biotif-bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    text-rendering: optimizeLegibility; }

@font-face {
    font-family: "biotif";
    src: url("../fonts/biotif/biotif-bold-italic.woff2") format("woff2"), url("../fonts/biotif/biotif-bold-italic.woff") format("woff");
    font-weight: 700;
    font-style: italic;
    text-rendering: optimizeLegibility; }

img,
figure,
table {
    margin-top: 0;
    margin-bottom: 1rem; }
@media print, screen and (min-width: 40em) {
    img,
    figure,
    table {
        margin-bottom: 2rem; } }

img {
    display: block;
    margin-left: auto;
    margin-right: auto; }

svg {
    fill: currentColor;
    transition: fill 200ms; }

h1, h2, h3, h4, h5, h6, p,
ol, ul, dl,
address {
    margin-top: 0;
    margin-bottom: 1rem; }
@media print, screen and (min-width: 40em) {
    h1, h2, h3, h4, h5, h6, p,
    ol, ul, dl,
    address {
        margin-bottom: 2rem; } }

h1.collapsed, h2.collapsed, h3.collapsed, h4.collapsed, h5.collapsed, h6.collapsed, p.collapsed {
    margin-bottom: 0.5rem; }

h1.secondary, h2.secondary, h3.secondary, h4.secondary, h5.secondary, h6.secondary, p.secondary {
    color: #555f61; }

h1.secondary-light, h2.secondary-light, h3.secondary-light, h4.secondary-light, h5.secondary-light, h6.secondary-light, p.secondary-light {
    color: #929798; }

p.narrow {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 380px; }

ol {
    counter-reset: section;
    list-style-type: none; }
ol,
ol ol {
    margin-left: 0; }
ol,
ol ul,
ol li {
    margin-top: 0;
    margin-bottom: 1rem; }
@media print, screen and (min-width: 40em) {
    ol,
    ol ul,
    ol li {
        margin-bottom: 2rem; } }
ol > li ol li,
ol > li ul li {
    font-size: 1rem; }
ol > li ul {
    list-style-type: lower-alpha;
    margin-bottom: 0; }
ol > li ul li {
    margin-bottom: 0; }
ol > li:before {
    content: counters(section, ".") ". ";
    counter-increment: section; }

a {
    -webkit-text-decoration-skip: ink;
    text-decoration-skip: ink; }

blockquote {
    margin-bottom: 0;
    text-align: center; }
blockquote p {
    font-size: 1.33333rem;
    line-height: 1.2;
    margin-bottom: 0.5rem; }
blockquote cite {
    font-style: normal;
    text-transform: uppercase; }
blockquote.alt {
    margin: 0 auto;
    max-width: 23.33333rem; }
blockquote.alt p, blockquote.alt cite {
    color: #fff; }
blockquote.alt p {
    font-weight: 300;
    font-style: italic;
    margin-bottom: 2rem; }
blockquote.alt cite {
    text-transform: none; }

.tiny {
    font-size: 0.66667rem;
    line-height: 1.2;
}
.tiny.pricing {
    margin-bottom: 1rem;
    color: #b4b4b4;
    max-width: 60%;
}

.block {
    display: block;
    margin: 0 auto 2rem; }

.typed {
    text-decoration: underline; }

p + .stat {
    margin-top: 0; }

.stat.large {
    font-size: 1.94444rem; }
.stat.large.pricing {
    font-size: 150%;
    font-weight: 600;
    text-align: right;
}
.stat.large.pricing .rrp {
    font-size: 50%;
    line-height: 1em;
    display: block;
    color: #b4b4b4;
    font-weight: 400;
    position: relative;
}
.stat.large.pricing .rrp:after {
    background: no-repeat center center / contain;
    bottom: -5px;
    content: "";
    display: block;
    left: 4px;
    position: absolute;
    right: -8px;
    top: -8px;
}
#plan-UCSBoostGrowth .stat.large.pricing .rrp:after {
    background-image: url(/images/cross-red.svg);
}
#plan-UCSEstablished .stat.large.pricing .rrp:after {
    background-image: url(/images/cross-blue.svg);
}
.flex.pricing {
    align-items: flex-start;
    justify-content: space-between;
    margin: 0 15px 0 15px;
    height: 3em;
    width: auto;
}

html, body {
    overflow-x: hidden; }

@media print, screen and (min-width: 64em) {
    html {
        font-size: 112.5%; } }

.grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -1rem;
    margin-left: -1rem; }
.grid.narrow {
    margin: 0 auto;
    text-align: left;
    max-width: 31.25rem; }
.grid .cell {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-height: 0px;
    min-width: 0px;
    width: calc(100% - 2rem);
    margin-right: 1rem;
    margin-left: 1rem; }

@media print, screen and (min-width: 40em) {
    .grid-2 .cell {
        width: calc(50% - 2rem);
        margin-right: 1rem;
        margin-left: 1rem; } }

@media print, screen and (min-width: 40em) {
    .grid-2 .cell.padding {
        width: calc(50% - 3.5rem);
        margin-right: 2.5rem;
        margin-left: 1rem; } }


@media print, screen and (min-width: 40em) {
    .grid-3 .cell {
        width: calc(33.33333% - 2rem);
        margin-right: 1rem;
        margin-left: 1rem; } }

@media print, screen and (min-width: 40em) {
    .grid-4 .cell {
        width: calc(50% - 2rem);
        margin-right: 1rem;
        margin-left: 1rem; } }

@media print, screen and (min-width: 64em) {
    .grid-4 .cell {
        width: calc(25% - 2rem);
        margin-right: 1rem;
        margin-left: 1rem; } }

.flex-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
@media screen and (max-width: 39.9375em) {
    .flex-grid {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }

@media print, screen and (min-width: 40em) {
    .flex-item {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1; }
    .flex-item:not(:first-child) {
        margin-left: 2rem; } }

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%; }
.flex .icon {
    margin-right: 0.25rem; }
@media print, screen and (min-width: 40em) {
    .flex .icon {
        margin-right: 0.5rem; } }
.flex img {
    margin-right: 0.5rem;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin-bottom: 0; }
@media print, screen and (min-width: 40em) {
    .flex img {
        margin-right: 1rem; } }
.flex.secondary-light {
    color: #929798; }

.header {
    background-color: #00bfa4;
    color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    transition: background-color 200ms, box-shadow 200ms, -webkit-transform 200ms ease-in-out;
    transition: background-color 200ms, box-shadow 200ms, transform 200ms ease-in-out;
    transition: background-color 200ms, box-shadow 200ms, transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out; }
@media print, screen and (min-width: 64em) {
    .header {
        background-color: transparent;
        color: #fff; } }
.header.is-open {
    box-shadow: 0 2px 2px 0 rgba(85, 95, 97, 0.4); }
.header.is-open .top-bar-mobile {
    display: block; }
.header.is-stuck {
    box-shadow: 0 2px 2px 0 rgba(85, 95, 97, 0.4); }
.header.is-stuck .top-bar {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; }
@media print, screen and (min-width: 64em) {
    .header.is-stuck {
        background-color: #fff;
        color: #00bfa4; }
    .header.is-stuck .meta > li > .button {
        color: #00bfa4;
        border-color: #00bfa4; }
    .header.is-stuck .meta > li > .button:hover, .header.is-stuck .meta > li > .button:active, .header.is-stuck .meta > li > .button:focus {
        background-color: #00bfa4;
        color: #fff; } }
.header.is-scrolling-down {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
.header.is-scrolling-up {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
.pricing-template .section-content.narrow {
    max-width: 900px;
}
.pricing-template .cards {
    padding: 0 4em;
}

.vcore {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 0 0 -3px;
}
.vcore:first-of-type {
    margin-left: 3px;
}
.vcore object {
    width: 100%;
    height: 100%;
}
#plan-UCSBoostGrowth .vcore {
    opacity: 0.3;
}
#plan-UCSBoostGrowth .vcore:first-of-type {
    opacity: 1;
}
#plan-UCSEstablished .vcore:last-of-type {
    opacity: 0.3;
}
#plan-UCSBoostGrowth .button {
    background: #ff4476;
}
#plan-UCSBoostGrowth .stat.large.pricing {
    color: #ff4476;
}
#plan-UCSEstablished .button {
    background: #00bbfd;
}
#plan-UCSEstablished .stat.large.pricing {
    color: #00bbfd;
}
#plan-UCSCategoryLeader.teaser .button.material-button {
    background: #ffd300;
    color: #3d5255;
}

@media print, screen and (min-width: 64em) {
    .pricing-template .header,
    .about-template .header,
    .contact-template .header,
    .dsgvo-template .header,
    .gdpr-template .header,
    .support-optionen-template .header
    {
        color: #00bfa4;
        border-color: #00bfa4; }
    .pricing-template .header.is-at-top .meta > li > .button,
    .about-template .header.is-at-top .meta > li > .button,
    .contact-template .header.is-at-top .meta > li > .button {
        color: #00bfa4;
        border-color: #00bfa4; }
    .pricing-template .header.is-at-top .meta > li > .button:hover, .pricing-template .header.is-at-top .meta > li > .button:active, .pricing-template .header.is-at-top .meta > li > .button:focus,
    .about-template .header.is-at-top .meta > li > .button:hover,
    .about-template .header.is-at-top .meta > li > .button:active,
    .about-template .header.is-at-top .meta > li > .button:focus,
    .contact-template .header.is-at-top .meta > li > .button:hover,
    .contact-template .header.is-at-top .meta > li > .button:active,
    .contact-template .header.is-at-top .meta > li > .button:focus {
        background-color: #00bfa4;
        color: #fff; } }

.customers-template main .section:first-of-type {
    position: relative;
    z-index: 0;
    overflow: hidden; }
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .customers-template main .section:first-of-type {
        padding-top: 1rem; } }
.customers-template main .section:first-of-type:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(85, 95, 97, 0.6);
    z-index: 1; }
.customers-template main .section:first-of-type > img {
    width: 100%;
    margin: 0; }
.customers-template main .section:first-of-type .section-container {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 2; }
.customers-template main .section:first-of-type h1,
.customers-template main .section:first-of-type blockquote,
.customers-template main .section:first-of-type .button {
    position: relative; }
.customers-template main .section:first-of-type h1 {
    margin-bottom: 0; }
@media screen and (max-width: 74.9375em) {
    .customers-template main .section:first-of-type h1 {
        font-size: 1.33333rem; } }
@media screen and (max-width: 63.9375em) {
    .customers-template main .section:first-of-type blockquote p {
        margin-bottom: 1rem; } }
@media screen and (max-width: 74.9375em) {
    .customers-template main .section:first-of-type blockquote p {
        font-size: 1rem; } }
@media screen and (max-width: 74.9375em) {
    .customers-template main .section:first-of-type blockquote cite  {
        font-size: 0.88889rem; } }

.about-template main .section:first-of-type {
    width: 100%;
    height: 0;
    padding-bottom: 65%;
    background: url(../images/about_mobile.jpg) no-repeat center bottom/cover; }
@media print, screen and (min-width: 40em) {
    .about-template main .section:first-of-type {
        background-image: url(../images/about.jpg);
        background-position: center;
        padding-bottom: 50%; } }
@media print, screen and (min-width: 64em) {
    .about-template main .section:first-of-type {
        padding-bottom: 30%; } }
@media screen and (min-width: 75em) {
    .about-template main .section:first-of-type {
        padding-bottom: 25%; } }

.contact-template main .section:first-of-type h1 {
    font-size: 1.46667rem; }
@media screen and (min-width: 64.0625em) {
    .contact-template main .section:first-of-type h1 {
        font-size: 1.8rem; } }

main .section:first-of-type .section-content:first-of-type {
    padding-top: 8rem; }
.index-template main .section:first-of-type .section-content:first-of-type {
    position: relative;
    padding-bottom: 4rem; }
@media print, screen and (min-width: 40em) {
    .index-template main .section:first-of-type .section-content:first-of-type {
        padding-bottom: 8rem; } }
.vision-template main .section:first-of-type .section-content:first-of-type {
    padding-top: 4rem; }
.customers-template main .section:first-of-type .section-content:first-of-type {
    padding-top: 14rem; }
@media screen and (max-width: 74.9375em) {
    .customers-template main .section:first-of-type .section-content:first-of-type {
        padding-top: 10rem;
        padding-bottom: 2rem; } }
@media screen and (max-width: 63.9375em) {
    .customers-template main .section:first-of-type .section-content:first-of-type {
        padding-bottom: 1rem; } }
:lang(en) .agb-template main .section:first-of-type .section-content:first-of-type {
    padding-top: 4rem; }

.section {
    background-color: #fff;
    color: #00bfa4;
    position: relative;
    text-align: center;
    transition: background-color 500ms, color 500ms; }
.section.primary {
    background-color: #00bfa4;
    color: #fff; }
.section.primary.start {
    background: #555f61; /* Old browsers */
    background: -moz-linear-gradient(left, #555f61 0%, #737879 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #555f61 0%,#737879 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #555f61 0%,#737879 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555f61', endColorstr='#737879',GradientType=1 ); /* IE6-9 */ }
.section.primary.start.core1 {
    background-color: #555F61;
}
.section.secondary {
    background-color: #555f61;
    color: #fff; }
.section.tertiary {
    background-color: #f8f8f8; }
.section.neutral {
    background-color: #f2f2f2;
    color: #00bfa4; }
.section.color-gradient {
    background: linear-gradient(#555f61, #008f7c);
    color: #fff; }
.section.color-gradient .section-content {
    padding-bottom: 0; }
.section.neutral-gradient {
    background: linear-gradient(#fff, #f2f2f2); }
.section.shadow {
    box-shadow: 0 0 20px -4px #555f61;
    z-index: 1; }
.section.border-top
{
    border-top: 1px solid rgba(0,0,0,0.15);
}
.section.shifted-container {
    z-index: 1; }
.section.shifted-container > .section-content:first-of-type {
    padding-top: 4rem; }
@media print, screen and (min-width: 40em) {
    .section.shifted-container > .section-content:first-of-type {
        padding-top: 8rem; } }

.contact-section .cell {
    position: relative; }

@media print, screen and (min-width: 40em) {
    .contact-section .section-content.bottom {
        position: absolute;
        left: 0;
        bottom: 0; } }

.section-content {
    padding-right: 1rem;
    padding-left: 1rem;
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 2rem;
    padding-bottom: 2rem; }
@media print, screen and (min-width: 40em) {
    .section-content {
        padding: 4rem 2rem; }
}
@media screen and (min-width: 75em) {
    .section-content {
        padding-left: 1rem;
        padding-right: 1rem; } }
.section-content + .section-content {
    padding-top: 0 !important; }
.section-content.squished {
    padding-top: 1rem;
    padding-bottom: 1rem; }
@media print, screen and (min-width: 40em) {
    .section-content.squished {
        padding-top: 2rem;
        padding-bottom: 2rem; } }
.section-content.stretched {
    padding-top: 4rem;
    padding-bottom: 4rem; }
@media print, screen and (min-width: 40em) {
    .section-content.stretched {
        padding-top: 8rem;
        padding-bottom: 8rem; } }
.section-content.narrow {
    max-width: 850px; }
.section-content.small {
    max-width: 380px; }
.section-content.medium-bp {
    max-width: 640px; }
@media print, screen and (min-width: 40em) {
    .section-content.shifted {
        -webkit-transform: translateY(25%);
        transform: translateY(25%);
        padding-top: 0;
        padding-bottom: 0; } }
@media print, screen and (min-width: 40em) {
    .section-content.shifted-reverse {
        -webkit-transform: translateY(-75px);
        transform: translateY(-75px);
        padding-top: 0;
        padding-bottom: 0; } }

.section-block {
    text-align: left; }
@media screen and (max-width: 39.9375em) {
    .section-block {
        margin-bottom: 8rem; } }
@media screen and (max-width: 39.9375em) {
    .section-block.alt {
        margin-left: auto;
        margin-right: auto;
        max-width: 14.44444rem;
        text-align: center; } }
.section-block img,
.section-block h3,
.section-block p,
.section-block .icon {
    opacity: 0;
    -webkit-transform: translateY(25px);
    transform: translateY(25px);
    transition: opacity 500ms, -webkit-transform 500ms;
    transition: opacity 500ms, transform 500ms;
    transition: opacity 500ms, transform 500ms, -webkit-transform 500ms; }
.section-block.is-in-viewport img,
.section-block.is-in-viewport h3,
.section-block.is-in-viewport p,
.section-block.is-in-viewport .icon {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
.section-block img {
    max-width: 85%; }
.section-block h3 {
    transition-delay: 100ms; }
.section-block p {
    transition-delay: 200ms; }

.section-block-platform {
    margin: 0 auto 3rem; }
@media print, screen and (min-width: 40em) {
    .section-block-platform {
        max-width: 16.66667rem; } }

.section-block-image {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 160px;
    max-width: 248px;
    margin: 0 auto; }
.section-block-image img,
.section-block-image .icon {
    position: absolute;
    margin: 0; }
.section-block-image .graph,
.section-block-image .server {
    width: 80%; }
.section-block-image .graph {
    right: 0;
    bottom: 15%; }
.section-block-image .server {
    left: 0;
    bottom: 25%; }
.section-block-image .home-benefits2-icon1-icon {
    left: 12%;
    top: 20%;
    width: 37px;
    height: 42px; }
.section-block-image .home-benefits2-icon2-icon {
    left: 18%;
    top: -6%;
    width: 32px;
    height: 30px; }
.section-block-image .home-benefits2-icon3-icon {
    left: 23%;
    top: 45%;
    width: 45px;
    height: 54px; }
.section-block-image .home-benefits2-icon4-icon {
    left: 35%;
    top: 0;
    width: 30px;
    height: 35px; }
.section-block-image .home-benefits2-icon5-icon {
    left: 55%;
    top: -1%;
    width: 37px;
    height: 42px; }
.section-block-image .home-benefits2-icon6-icon {
    left: 65%;
    top: 40%;
    width: 37px;
    height: 42px; }
.section-block-image .user-centered-icon {
    left: 28%;
    bottom: 30%;
    width: 84px;
    height: 105px;
    color: #555f61; }
.section-block-image .googles-icon {
    left: 25%;
    bottom: 25%;
    width: 99px;
    height: 74px; }
.section-block-image .googles-icon svg {
    color: #00bfa4;
    fill: #555f61; }
.section-block-image .apps-icon {
    left: 17%;
    bottom: 54%;
    width: 72px;
    height: 72px; }

@media print, screen and (min-width: 64em) {
    .footer > .section-content {
        padding-bottom: 0; } }

.footer .menu {
    margin-top: 0;
    margin-bottom: 0.5rem; }
@media print, screen and (min-width: 40em) {
    .footer .menu {
        margin-bottom: 1rem; } }
.footer .menu.sponsors img {
    width: 4.44444rem;
    margin: 0; }

.footer-bar {
    position: relative;
    padding-top: 1rem;
    padding-bottom: 1rem;
    background-color: rgba(255, 255, 255, 0.1); }
.footer-bar .cloud-services {
    position: absolute;
    left: 5%;
    bottom: 0;
    padding: 1rem;
    background: #fff;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px; }
.footer-bar .cloud-services img {
    width: 3.88889rem;
    margin-bottom: 0; }

form {
    margin-top: 0;
    margin-bottom: 1rem; }
@media print, screen and (min-width: 40em) {
    form {
        margin-bottom: 2rem; } }

label {
    margin-top: 0;
    margin-bottom: 0.5rem; }
@media print, screen and (min-width: 40em) {
    label {
        margin-bottom: 1rem; } }

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
select {
    height: auto;
    line-height: 1;
    font-size: 0.88889rem; }
[type='text'].alt, [type='password'].alt, [type='date'].alt, [type='datetime'].alt, [type='datetime-local'].alt, [type='month'].alt, [type='week'].alt, [type='email'].alt, [type='number'].alt, [type='search'].alt, [type='tel'].alt, [type='time'].alt, [type='url'].alt, [type='color'].alt,
select.alt {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.5); }
[type='text'].alt:focus, [type='password'].alt:focus, [type='date'].alt:focus, [type='datetime'].alt:focus, [type='datetime-local'].alt:focus, [type='month'].alt:focus, [type='week'].alt:focus, [type='email'].alt:focus, [type='number'].alt:focus, [type='search'].alt:focus, [type='tel'].alt:focus, [type='time'].alt:focus, [type='url'].alt:focus, [type='color'].alt:focus,
select.alt:focus {
    border-color: #fff;
    box-shadow: inset 0 0 0 1px #fff; }
[type='text'].alt::-webkit-input-placeholder, [type='password'].alt::-webkit-input-placeholder, [type='date'].alt::-webkit-input-placeholder, [type='datetime'].alt::-webkit-input-placeholder, [type='datetime-local'].alt::-webkit-input-placeholder, [type='month'].alt::-webkit-input-placeholder, [type='week'].alt::-webkit-input-placeholder, [type='email'].alt::-webkit-input-placeholder, [type='number'].alt::-webkit-input-placeholder, [type='search'].alt::-webkit-input-placeholder, [type='tel'].alt::-webkit-input-placeholder, [type='time'].alt::-webkit-input-placeholder, [type='url'].alt::-webkit-input-placeholder, [type='color'].alt::-webkit-input-placeholder,
select.alt::-webkit-input-placeholder {
    color: #fff; }
[type='text'].alt::-moz-placeholder, [type='password'].alt::-moz-placeholder, [type='date'].alt::-moz-placeholder, [type='datetime'].alt::-moz-placeholder, [type='datetime-local'].alt::-moz-placeholder, [type='month'].alt::-moz-placeholder, [type='week'].alt::-moz-placeholder, [type='email'].alt::-moz-placeholder, [type='number'].alt::-moz-placeholder, [type='search'].alt::-moz-placeholder, [type='tel'].alt::-moz-placeholder, [type='time'].alt::-moz-placeholder, [type='url'].alt::-moz-placeholder, [type='color'].alt::-moz-placeholder,
select.alt::-moz-placeholder {
    color: #fff; }
[type='text'].alt:-ms-input-placeholder, [type='password'].alt:-ms-input-placeholder, [type='date'].alt:-ms-input-placeholder, [type='datetime'].alt:-ms-input-placeholder, [type='datetime-local'].alt:-ms-input-placeholder, [type='month'].alt:-ms-input-placeholder, [type='week'].alt:-ms-input-placeholder, [type='email'].alt:-ms-input-placeholder, [type='number'].alt:-ms-input-placeholder, [type='search'].alt:-ms-input-placeholder, [type='tel'].alt:-ms-input-placeholder, [type='time'].alt:-ms-input-placeholder, [type='url'].alt:-ms-input-placeholder, [type='color'].alt:-ms-input-placeholder,
select.alt:-ms-input-placeholder {
    color: #fff; }
[type='text'].alt:-moz-placeholder, [type='password'].alt:-moz-placeholder, [type='date'].alt:-moz-placeholder, [type='datetime'].alt:-moz-placeholder, [type='datetime-local'].alt:-moz-placeholder, [type='month'].alt:-moz-placeholder, [type='week'].alt:-moz-placeholder, [type='email'].alt:-moz-placeholder, [type='number'].alt:-moz-placeholder, [type='search'].alt:-moz-placeholder, [type='tel'].alt:-moz-placeholder, [type='time'].alt:-moz-placeholder, [type='url'].alt:-moz-placeholder, [type='color'].alt:-moz-placeholder,
select.alt:-moz-placeholder {
    color: #fff; }

select {
    padding-left: 0 0 0 1rem; }

.successMask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 10;
    display: none;
    justify-content: center;
    color: #00bfa4;
    padding: 2em;
    flex-direction: column;
    text-align: center;
    border-radius: 4px;
}
.successMask.active {
    display: flex;
}
.successMask p {
    color: #747D7E;
    margin: 0;
    text-align: left;
}
.successMask.active a {
    color: inherit;
    font-size: 70%;
    font-weight: bold;
}
.successMask .check-circle-icon {
    margin-bottom: 3em;
    transform: scale(2.5);
}
#successMask {
    align-items: center;
}
#successMaskForward {
    justify-content: space-between;
}
@keyframes dotprogress {
    0%   { opacity: 0.54; }
    50%  { opacity: 1;    }
    100% { opacity: 0.54; }
}
.dotProgress {
    font-size: 74%;
}
.dotProgress span {
    animation: dotprogress 1.5s infinite;
    background: #00bfa4;
    border-radius: 1em;
    display: inline-block;
    height: 1em;
    opacity: 0.54;
    margin: 0 0.4em;
    width: 1em;
}
.dotProgress span:nth-child(1) { animation-delay: 0.5s; }
.dotProgress span:nth-child(2) { animation-delay: 1s; }
.dotProgress span:nth-child(3) { animation-delay: 1.5s; }

.kostenlos-testen-template a.button.clear[data-module="language"] {
    display: none;
}
#subscribeForm {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 6px 0 rgba(85, 95, 97, 0.4);
    color: #929798;
    float: left;
    margin-left: 8em;
    max-width: 380px;
    padding: 3.84em 0 0;
    position: relative;
    text-align: left;
}
#subscribeForm .button {
    float: right;
    margin-top: 1em;
    padding: 1em 2.5em;
}
#subscribeForm .white {
    background: #fff;
    border-radius: 4px;
    padding: 1em;
    position: relative;
}
#subscribeForm .norisk {
    font-size: 110%;
    margin-bottom: 0.4em;
}
#subscribeForm .field.floating label {
    opacity: 0.54;
}
#versionSelect {
    background: rgba(0, 0, 0, 0);
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    cursor: pointer;
    height: 3.84em;
    list-style: none;
    left: 0;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: background 350ms;
    z-index: 1;
}
#versionSelect.open {
    background: rgba(0, 0, 0, 0.5);
    bottom: 0;
    height: auto;
}
#versionSelect .version:first-child {
    border-top-right-radius: 4px !important;
    border-top-left-radius: 4px !important;
    background: #fff;
    font-weight: inherit;
}
#versionSelect .version {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    font-size: 120%;
    font-weight: 600;
    line-height: 3.2em;
    padding: 0 1em;
    transition: transform 300ms;
    user-select: none;
}
#versionSelect.open .version {
    border-radius: 0;
}
#versionSelect .version:nth-child(2) { transform: translateY(-100%); }
#versionSelect .version:nth-child(3) { transform: translateY(-200%); }
#versionSelect .version:nth-child(4) { transform: translateY(-300%); }
#versionSelect .version:nth-child(5) { transform: translateY(-400%); }
#versionSelect .version:nth-child(6) { transform: translateY(-500%); }
.version .check-icon {
    position: absolute;
    right: 1em;
    top: 0.5em;
    transform: scale(0);
    transition: transform 250ms;
}
.version.selected .check-icon {
    transform: scale(0.75);
}
#versionSelect .version.selected .check-icon {
    display: none;
}
#versionSelect.open .version.selected .check-icon {
    display: inline-block;
}
.version .dropdown-icon,
#versionSelect.open .version.selected .dropdown-icon {
    display: none;
    position: absolute;
    right: 1em;
    top: 0.5em;
}
.version.selected .dropdown-icon {
    display: inline-block;
    transform: rotate(180deg) translateY(-13px);
}
.version:first-child .dropdown-icon {
    display: inline-block !important;
    transform: rotate(180deg) translateY(-13px);
}
#versionSelect.open .version:first-child .dropdown-icon {
    /*transform: rotate(180deg) translateY(-13px);*/
    transform: none;
}
.version .power-icon {
    position: absolute;
    top: 0.15em;
    right: 5em;
    width: 24px;
}
#versionSelect.open .version {
    transform: translateY(0);
}
#versionSelect .version.selected {
    position: relative;
    z-index: 2;
}

#versionSelect img {
    display: inline;
    margin: 0;
    width: 1.8em;
}
#subscribeForm .plan-UCSBoostGrowth {
    background: #f15a76 !important;
    color: #fff !important;
}
#subscribeForm .plan-UCSEstablished {
    background: #19b5fa !important;
    color: #fff !important;
}
#subscribeForm .plan-UCSCategoryLeader {
    background: #465255 !important;
    color: #fcd122 !important;
}
#hostprefix {
    margin-left: 4em;
    display: block;
    width: 50%;
}
#hostprefixfield:before {
    display: inline;
    content: "https://";
    position: absolute;
    top: 1.4em;
}
#hostprefixfield:after {
    display: inline;
    content: ".actindo.com";
    position: absolute;
    right: 0;
    top: 1.4em;
}
#subscribeForm .terms {
    font-size: 65%;
    margin: 1em 0;
}
#subscribeForm .terms a {
    color: inherit;
    text-decoration: underline;
}
#subscribeForm .terms label {
    font-size: inherit;
}
#subscribeForm .terms input {
    margin: 0;
}
#subscribeForm .field {
}
#subscribeForm .field.hidden {
    display: none;
}
#subscribeForm #premiumPlan {
    align-items: center;
    background: #fcd122 !important;
    border-radius: 5em;
    color: #465255 !important;
    display: flex;
    font-size: 83%;
    font-weight: 600;
    height: 7em;
    left: -5.8em;
    padding: 0.5em;
    position: absolute;
    text-align: center;
    top: -3.6em;
    transform: rotate(10deg) scale(0);
    transition: transform 200ms;
    width: 7em;
}
#subscribeForm input[name="sku"][value="UCSCategoryLeader"] + #premiumPlan {
    transform: rotate(-11deg) scale(1);
}
#subscribeForm .usps {
    margin-top: 1em;
}
#subscribeForm .usps img {
    display: inline;
    height: 2.3em;
    margin: 0;
}
#subscribeForm .usps img:first-child {
    margin-right: 1em;
}
#subscribeArguments {
    font-size: 95%;
    margin-left: 35em;
    text-align: left;
}
#subscribeArguments img {
    display: inline;
    float: left;
    max-width: 4em;
}
#subscribeArguments img:nth-of-type(2) {
    max-width: initial;
    position: relative;
    top: -0.5em;
}
#subscribeArguments p,
#subscribeArguments .brand-group {
    line-height: 1.2em;
    margin-left: 8em;
    padding-right: 4em;
}
#subscribeArguments .brand-group {
    margin-left: 7em;
    padding-right: 0;
}
#subscribeArguments .brand-group img {
    margin: 0;
    max-width: initial;
}
#subscribeArguments q {
    font-style: italic;
}
#subscribeArguments p.makes {
    margin-bottom: 1em;
    margin-top: 6em;
}
#errorMessage {
    color: red;
    font-size: 74%;
}
@media screen and (max-width: 1200px) {
    #subscribeForm {
        margin-left: 5em;
    }
    #subscribeArguments {
        margin-left: 31em;
    }
    #subscribeArguments p {
        padding-right: 0;
    }
}
@media screen and (max-width: 1023px) {
    #subscribeArguments {
        margin-left: 32em;
    }
    #subscribeArguments p, #subscribeArguments .brand-group {
        margin-left: 5.5em;
    }
    #subscribeArguments p.makes,
    #subscribeArguments .brand-group {
        clear: left;
        margin-left: -32em;
    }
    #hostprefix {
        width: 56%;
    }
    #subscribeArguments .brand-group-4 > .brand-item {
        width: calc(25% - 1rem);
        margin-right: 0.5rem;
        margin-left: 0.5rem;
    }
}
@media screen and (max-width: 800px) {
    #subscribeForm {
        float: none;
        margin: 2em auto 4em auto;
    }
    #subscribeArguments {
        clear: left;
        margin: 0 auto;
        max-width: 380px;
    }
    #subscribeArguments p.makes {
        margin: 3em 0 0 0;
        text-align: center;
    }
    #subscribeArguments .brand-group {
        margin: 0 -0.5rem;
    }
}
@media screen and (max-width: 550px) {
    #subscribeForm input[name="sku"][value="UCSCategoryLeader"] + #premiumPlan {
        transform: rotate(-11deg) scale(1) translate(7em, -1.1em);
    }
}
@media screen and (max-width: 380px) {
    .version .power-icon {
        right: 2.9em;
    }
    #hostprefix {
        width: 43%;
    }
    #subscribeArguments .brand-group-4 > .brand-item {
        width: calc(50% - 2rem);
        margin-right: 1rem;
        margin-left: 1rem;
    }
}
#loadMask {
    border-radius: 4px;
}
#loadMask.UCSBoostGrowth,
#loadMask.UCSEstablished {
    background: rgba(255, 255, 255, 0.5);
}
#loadMask.UCSBoostGrowth .indicatorPath {
    stroke: #f15a76;
}
#loadMask.UCSEstablished .indicatorPath {
    stroke: #19b5fa;
}
#loadMask.UCSCategoryLeader {
    background: rgba(70, 82, 85, 0.5);
}
#loadMask.UCSCategoryLeader .indicatorPath {
    stroke: #fcd122;
}


.loadmask {
    align-items: center;
    background: rgba(255, 255, 255, 0.5);
    bottom: 0;
    display: none;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
.loadmask.active {
    display: flex;
}
.loadmask .loadingIndicator {
    margin: 0 auto;
    position: relative;
    width: 100px;
}
.loadmask .loadingIndicator:before {
    content: '';
    display: block;
    padding-top: 100%;
}
.loadmask .indicatorCircle {
    animation: indicatorrotate 2s linear infinite;
    bottom: 0;
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    transform-origin: center center;
    top: 0;
    width: 100%;
}
.loadmask .indicatorPath {
    animation: indicatordash 1.5s ease-in-out infinite;
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    stroke: #fff; /* spinner color */
}

@keyframes indicatorrotate {
    100% { transform: rotate(360deg); }
}
@keyframes indicatordash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}
.neue-actindo-version-unified-commerce-suite-template a.button.clear[data-module="language"] {
    display: none;
}
.webinar-template a.button.clear[data-module="language"] {
    display: none;
}
main .section.nextgen:first-of-type .section-content:first-of-type {
    padding-bottom: 0;
}
.nextgen.section.secondary {
    z-index: 2;
}
.nextgen h1 {
    font-weight: 600;
    margin-bottom: 0;
}
.nextgen h1 + h2 {
    margin-bottom: 0.5em;
}
.nextgen .narrow h2 {
    white-space: nowrap;
}
.nextgen.secondary .narrow {
    max-width: 950px;
    text-align: left;
}
.nextgen .getstarted {
    float: right;
    margin-left: 2%;
    width: 46%;
}
.nextgen .getstarted a {
    float: right;
    max-width: 190px;
    width: 46%;
}
.nextgen .getstarted img {
    margin-bottom: 0;
    max-width: 370px;
    position: relative;
    right: -2em;
}
.nextgen .bbottom img {
    margin-bottom: 0;
}
.nextgen .bbottom {
    margin-left: -1rem;
    margin-right: -1rem;
    margin-bottom: -0.1rem;
}
.nextgen.white .section-content {
    padding: 0;
}
.nextgen.white h3 div {
    margin-bottom: 3em;
    margin-top: 1em;
    opacity: 0.54;
}
.nextgen.section.white:after {
    content: "";
    display: table;
    clear: both;
}
.nextgen .opti {
    float: left;
    margin: 1.8em 1.41666667%;
    width: 30.5%;
}
.nextgen .opti:nth-child(3n+2) {
    clear: left;
}
.nextgen .opti p {
    font-weight: 300;
}
.nextgen .opti h4 {
    font-size: inherit;
    height: 2.5em;
    margin-bottom: 0.75em;
}
.nextgen .opti img {
    margin: 0 auto -0.75em auto;
    max-width: 170px;
}
.nextgen .technologySection {
    clear: both;
    color: #555f61;
    margin-bottom: 3em;
    text-align: left;
}
.nextgen .technologySection img {
    float: right;
    margin-bottom: 0;
    max-height: 175px;
    max-width: 175px;
}
.nextgen .technologySection h3 {
    padding-top: 100px;
}
.nextgen .technologySection a {
    border: 1px solid;
    border-radius: 3px;
    color: inherit;
    display: inline-block;
    font-size: 80%;
    margin-top: 1.5em;
    opacity: 0.54;
    padding: 0.2em 0.5em;
    text-transform: uppercase;
}
.nextgen .technology {
    border-bottom: 1px solid rgba(85, 95, 97, 0.3);
    clear: right;
    min-height: 4.5em;
    padding: 1.1em 0;
    position: relative;
}
.nextgen .technology:after {
    content: "";
    display: table;
    clear: both;
}
.nextgen .bubble {
    float: right;
    margin: 0 0 0.5em 0.5em;
    text-align: right;
}
.nextgen .bubble .tag {
    border-radius: 5em;
    box-shadow: 1px 1px 7px -1px #555f61;
    color: #fff;
    display: inline-block;
    font-size: 67%;
    font-weight: 600;
    margin: 0;
    padding: 0.3em 1em;
    text-transform: uppercase;
}
.nextgen .bubble .tag.new {
    background: #0fc2a9;
}
.nextgen .bubble .tag.optimized {
    background: #28a0cc;
}
.nextgen .bubble .tag.coming {
    background: #cdc13f;
}
.nextgen .technology .title {
    float: left;
    opacity: 0.70;
    padding-right: 1em;
    width: 54%;
}
.nextgen .technology .description {
    font-size: 76%;
    margin-left: 54%;
    opacity: 0.70;
    padding-right: 3em;
}
@media screen and (max-width: 800px) {
    .nextgen.secondary .narrow {
        display: flex;
        flex-direction: column;
    }
    .nextgen.secondary .narrow h2,
    .nextgen.neutral .narrow .secondary {
        white-space: initial;
    }
    .nextgen .getstarted {
        width: 100%;
        order: 2;
        margin: 0;
    }
    .nextgen .getstarted img {
        display: none;
    }

    .nextgen .opti {
        margin-bottom: 0;
        margin-top: 0;
        width: 47.16666666%;
    }
    .nextgen .opti:nth-child(3n+2) {
        clear: none;
    }
    .nextgen .opti:nth-child(2n+2) {
        clear: left;
    }
}
@media screen and (max-width: 560px) {
    .nextgen .opti {
        float: none;
        margin: 2em 1em;
        width: auto;
    }
}
@media screen and (max-width: 480px) {
    .nextgen .technologySection h3 {
        padding-top: 60px;
    }
    .nextgen .technology {
        border: 1px solid rgba(85, 95, 97, 0.3);
        margin-bottom: 1.5em;
        padding: 0;
    }
    .nextgen .technology .title {
        float: none;
        padding: 0.75em;
        width: auto;
    }
    .nextgen .bubble {
        margin: 0.5em;
    }
    .nextgen .technology .description {
        font-size: 89%;
        margin: 0;
        opacity: 0.44;
        padding: 0 1em 1em;
    }
}
@media screen and (max-width: 400px) {
    .nextgen .getstarted a,
    .nextgen .getstarted button {
        float: none;
        margin-bottom: 1em;
        max-width: initial;
        width: 100%;
    }
}

.start-uc-left {
    max-width: 40%;
    margin-right: 40px;
}

.start-uc-right {
    width: 60%;
    min-width: 60%;
}

p.webinar {
    margin-top: 1rem;
    font-weight: 500;
    font-size: 110%;
}

section.start div.bbottom {
    margin-left: -1rem;
    margin-right: -1rem;
    margin-bottom: -0.1rem;
}
section.start div.bbottom img {
    margin: 0;
    padding: 0;
}
section.start .section-content h1 {
    font-size: 1.5rem;
    padding-right: 4em;
}
section.start .section-content.future {
    padding-top: 7rem !important;
    padding-bottom: 0 !important;
}
section.start .section-content.future .flex .start-uc-left h1 {
    margin-bottom: 1rem;
    font-size: 1.7rem;
}
section.start .section-content.future .flex .start-uc-left p.futurehead {
    margin-bottom: 0.5rem;
}
section.start .section-content.future .flex .start-uc-left p.futuretext {
    line-height: 120%;
}
section.start .section-content.future .cer {
    position: absolute;
    right: 4rem;
    padding-left: 87%;
}
section.start .section-content .image-half {
    min-width: 50%;
}
section.start .webinar img {
    display: inline-block;
    width: 24px;
    margin-right: 0.5rem;
}
.section-content.omni-channel {
    color: #b8bcbd;
    padding: 0;
    padding-top: 1em;
}
.start .section-content.omni-channel h1 {
    color: #747D7E;
    margin-bottom: 1rem;
}
section.start .section-content.omni-channel div img {
    margin: 0;
    width: 100%;
}
section.start .section-content.omni-channel p {
    max-width: 40%;
    margin: 0 auto;
    margin-bottom: 1em;
}
section.start .section-content.omni-channel .overlaytext {
    text-align: left;
    background: rgba(210, 210, 210, 0.5);
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    display: none;
}
section.start .section-content.omni-channel .head {
    color: #00bfa4;
    margin-bottom: 0.5rem;
}
section.start .section-content.omni-channel .headline {
    color: #555F61;
    margin-bottom: 1rem;
}
section.start .section-content.omni-channel .overlaytext p {
    margin: 0;
    font-size: 100%;
}
section.start .section-content.core1 {
    padding-left: 12rem;
    padding-right: 12rem;
    padding-top: 0;
}
section.start .section-content.core1 h1 {
    margin-bottom: 1rem;
}
section.start .section-content.core1 img.core1logo {
    width: 60%;
}
section.start .section-content.core1 .core1logo {
    margin-top: 0;
    margin-bottom: 2rem;
    top: 0;
}
section.start .section-content.core1 h1 {
    font-size: 1.5rem;
}
section.start .section-content.core1 p {
    color: #fff;
    max-width: 70%;
    line-height: 120%;
    opacity: 0.5;
}
section.start .section-content.core1 p.core1text {
    margin: 0 auto 3rem;
}
section.start .section-content.core1 .apps {
    color: #ccc;
    text-align: left;
    font-weight: 100;
    margin-bottom: 1rem;
    margin-left: 3rem;
    align-items: start;
}
section.start .section-content.core1 .apps .headline {
    margin-bottom: 0.5rem;
    display: block;
    font-weight: 500;
}
section.start .section-content.core1 .apps div {
    margin-right: 0;
    max-width: 30%;
}
section.start .section-content.core1 .apps p {
    font-size: 100%;
}
section.start .section-content.core1 .apps object {

}
section.start .section-content.core1 .apps object body {
    margin: 0;
}
section.start .section-content.core1 .apps object svg {
    fill: white;
}
section.start .section-content.core1 .core1-icon {
    margin-bottom: 2rem;
    width: 4rem;
    height: 4rem;
    margin-left: 2rem;
    opacity: 0.8;
}
section.start .section-content.integration {
    padding-top: 2rem;
}
section.start .section-content.integration .bluetext {
    margin-top: 4rem;
}
section.start .section-content.integration hr {
    position: absolute;
    width: 100%;
    left: 0;
}
section.start .section-content.integration .flex {
    margin-bottom: 1rem;
    align-items: end;
}
section.start .section-content.integration .section-content .bluetext {
    margin-top: 4rem;
}
section.start .section-content.integration .flex.appstore {
    margin-top: 4rem;
    align-items: end;
}
section.start .section-content .appstore .bullets h3 {
    margin-top: 0;
}
section.start .section-content.integration .appstore .appintegrations {
    margin-left: 7rem;
    margin-right: 2.5rem;
    background: white;
    border-radius: 10px;
    color: #555F61;
    box-shadow: 1px 2px 10px 0px rgba(0,0,0,0.15);
    padding: 0.5rem;
}
section.start .section-content.integration .appstore .appintegrations .appline {
    border-bottom: 1px solid #eee;
    color: #9CA2A4;
    font-size: 130%;
    display: flex;
    align-items: center;
}
section.start .section-content.integration .appstore .appintegrations .appline.no-border {
    border-bottom: none;
}
section.start .section-content.integration .appstore .appintegrations .appline .int {
    width: 10%;
    color: #00bfa4;
    display: inline-block;
    padding: 0.2rem 4rem 0.2rem 1rem;
    font-size: 160%;
    font-weight: 500;
    font-style: italic;
}
section.start .section-content.core1 .integrations {
    margin-left: -4rem;
}
section.start .section-content.core1 .integrations p {
    text-align: left;
    font-size: 80%;
    color: #fff;
    margin-bottom: 0;
    line-height: 100%;
}
section.start .section-content.core1 .integrations img {
    width: 6rem;
    height: 3rem;
    margin-right: 0rem;
}
section.start .section-content.core1 .integrations div.flex {
    margin-left: -0.5rem;
    margin-top: 1rem;
}
section.start .section-content.unify h1 {
    max-width: 70%;
    margin: 0em auto 2em;
    text-align: center;
    color: #555F61;
}
section.start .section-content.unify .unify-content .image-half {
    max-width: 50%;
}
section.start .section-content.unify .unify-content .image-half img {
    padding-right: 5rem;
}
section.start .section-content .bullets h3 {
    margin-bottom: 0.3rem;
}
section.start .section-content .bullets p.subtext {
    font-weight: 100;
    font-size: 90%;
    max-width: 26rem;
    margin-bottom: 0.5rem;
}
section.start .section-content.unify .image {
    min-width: 50%;
}
section.start .section-content.unify h2 {
    font-size: 120%;
}
section.start .section-content .agentur {
    margin-left: 5rem;
    background: white;
    border-radius: 10px;
    color: #555F61;
    text-align: center;
}
section.start .section-content .agentur .flex {
    padding-bottom: 1rem;
    padding-top: 1rem;
    font-weight: 100;
    font-size: 110%;
}
section.start .section-content .agentur .flex div {
    text-align: center;
    width: 50%;
    padding-bottom: 0.5rem;
    color: #bbb;
}
section.start .section-content .agentur .foot .flex div  {
    color: #fff;
}
section.start .section-content .agentur .flex img {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
section.start .section-content .agentur .flex .neustadiv {
    border-right: 1px solid #eee;
    color: #bbb;
}
section.start .section-content .agentur .foot {
    color: white;
    background: #00bfa4;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
section.start .section-content .agentur .foot .flex {
    padding: 1rem 0.7rem 0.3rem 0.7rem;

    text-align: left;
    align-items: center;
}
section.start .section-content .agentur .foot .flex .icon.logo-icon {
    height: 2.5rem;
    width: 6.4rem;
}
section.start .section-content .agentur .foot .flex .project {
    text-align: right;
    width: 100%;
    font-weight: 600;
    font-size: 120%;
    padding-right: 0.7rem;
    align-self: center;
}
section.start .section-content.extend .flex {
    align-items: end;
}
section.start .section-content ul {
    font-weight: 100;
    font-size: 80%;
    max-width: 80%;
    list-style: none;
    margin-left: 0;
}
section.start .section-content ul li {
    margin-bottom: 0.2rem;
    margin-left: 1.7rem;
}

section.start .section-content ul li:before {
    content: '';
    display: inline-block;
    height: 1rem;
    width: 1rem;
    background-size: 1rem;
    background-image: url('/images/baselinecheckcircle.svg');
    vertical-align: bottom;
    margin-right: 0.7rem;
    margin-left: -1.7rem;
}
section.start.primary .section-content ul li:before {
    background-image: url('/images/baselinecheckcirclewhite.svg');
}

section.start ul.left {
    margin-left: 0;
}
section.start .section-content .quote {
    color: #888888;
    font-size: 80%;
    margin: 0;
    padding: 0;
    border-left: 3px solid #e8eced;
    padding-left: 20px;
    font-weight: 500;
}
section.start .section-content .quote p {
    margin-bottom: 0;
}
section.start .section-content .quote p.name {
    margin-left: 1rem;
    line-height: 1.1rem;
    font-weight: 500;
}
section.start .section-content .quote p.quote-text {
    margin-bottom: 1rem;
    max-width: 80%;
    font-weight: 100;
    line-height: 120%;
    font-size: 105%;
    font-style: italic;
}
section.start .section-content .quote a.button {
    margin-left: 1rem;
    height: 1.5rem;
    padding-top: 0.2rem;
}
section.start .section-content .quote img {
    width: 1.8rem;
    margin: 0;
}
section.start .section-content .bluetext {
    color: #0E83A7;
    font-weight: 100;
    font-size: 140%;
    font-style: italic;
}
section.start .section-content.stressfree {
    color: #b8bcbd;
    padding: 4rem 4rem;
}
section .section-content .responsive-video {
    position: relative;
    margin-bottom: 6rem;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;
    overflow: hidden;
}
section .section-content .responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
section .section-content .responsive-video.webinar {
    border-radius: 3px;
    margin: 0;
}
section.start .section-content.stressfree h1 {
    margin-bottom: 1rem;
    color: #747D7E;
}
section.start .section-content.stressfree .subheadline {
    font-weight: 500;
    max-width: 30rem;
    display: block;
    margin: 0 auto 3rem;
}
section.start .section-content.stressfree .boxcontent {
    margin: 0 auto;
    color: #747D7E;
    padding: 0 4rem;
    line-height: 110%;
    text-align: left;
}
section.start .section-content.stressfree .boxcontent p {
    font-size: 15px;
}
section.start .section-content.stressfree .boxcontent .flex {
    display: inline-block;
}
section.start .section-content.stressfree .boxcontent .flex div {
    width: 24%;
    margin: 1rem 0rem 3rem 0rem;
    padding: 0 2rem;
    font-weight: 100;
    display: inline-grid;
}
section.start .section-content.stressfree .boxcontent .flex div img {
    margin: 0 auto;
}
section.start .section-content.stressfree .boxcontent .featurehead {
    padding-bottom: 0;
    display: block;
    color: #00bfa4;
    font-weight: 500;
    min-height: 3rem;
}

section.start.primary.green {
    background-color: #00bfa4;
    background: #00bfa4;
}
section.start .section-content.retailers {
    padding: 6rem 7rem;
}
section.start .section-content.retailers h3 {
    max-width: 70%;
    margin: 0 auto 2rem;
}
section.start .section-content.retailers a {
    font-size: 100%;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
section.start .section-content.retailers img {
    width: 70%;
}

section.start.bigimage .section-content {
    padding-top: 0;
    padding-bottom: 0;
}
section.start.bigimage .section-content .flex .bullets {
    padding-top: 4rem;
    padding-bottom: 2.6rem;
}
section.start.bigimage .section-content .flex .image-half img {
    margin-right: 0;
    position: absolute;
    top: 0;
}
section.start.bigimage .section-content .flex .image-half img.image-left {
    margin-left: -14rem;
}
section.start .section-content img.cross-channel-img {
    width: 40%;
    margin-right: 5rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
section.start .section-content.automate {
    padding-bottom: 0;
    padding-top: 0;
    padding-right: 0;
}
section.start .section-content.automate .bullets {
    padding-top: 4rem;
    padding-bottom: 4rem;
}
section.start .section-content.automate .bullets .image-half img {

}
section.start .section-content.smart {
    padding-top: 0;
    padding-bottom: 0;
}
section.start .section-content.smart .bullets {
    padding-top: 4rem;
    padding-bottom: 4rem;
    margin-left: 4rem;
}
section.start .section-content.smart .flex.bgimg {
    height: 27rem;
}
section.start .section-content.smart .flex.bgimg .image-half {
    height: 100%;
    background-image: url(/images/Runmarkt.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 2rem;
}

section.webinar .section-content {
    padding-left: 4rem;
    padding-right: 4rem;
}
section.webinar .section-content .videobg {
    background-color: white;
    border-radius: 3px;
    padding: 1rem;
    box-shadow: 1px 2px 10px 0px rgba(0,0,0,0.15);
}
section.webinar .section-content p {
    text-align: center;
    margin-top: 2rem;
    margin-bottom: 6rem;
}

@media print, screen and (max-width: 1150px) {
    section.start .section-content .button + .button {
        margin-left: 0;
    }
    section.start .section-content .start-uc-left .button {
        margin-bottom: 1rem;
    }
}
@media print, screen and (max-width: 900px) {
    section.webinar .section-content {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    section.webinar .section-content .videobg {
        padding: 0.5rem;
    }
    section.start .section-content.future .flex {
        display: block;
    }
    section.start .section-content.automate .flex {
        flex-direction: column-reverse;
    }
    section.start .section-content.automate .bullets .image-half {
        margin-top: 4rem;
    }
    section.start .section-content.smart .flex {
        display: block;
    }
    section.start .section-content.future .start-uc-left {
        min-width: 100%;
        text-align: center;
    }
    section.start .section-content.future .start-uc-left p {
        margin-bottom: 1rem;
    }
    section.start .section-content.future .start-uc-right {
        min-width: 100%;
    }
    section.start .section-content.future .cer {
        right: 11rem;
        height: 15%;
    }
    section.start .section-content.core1 .core1-icon {
        margin-left: 0;
    }
    section.start .section-content.unify .flex.smaller {
        display: block;
    }
    section.start .section-content.integration {
        padding-bottom: 2rem;
    }
    section.start .section-content.integration .flex.appstore {
        margin-top: 4rem;
        flex-direction: column-reverse;
    }
    section.start .section-content.integration .flex.appstore h3 {
        text-align: center;
    }
    section.start .section-content.integration .flex.appstore .image-half {
        max-width: 70%;
    }
    section.start .section-content .flex.smaller {
        padding: 0 7rem;
    }
    section.start .section-content .flex.smaller .bullets h3 {
        text-align: center;
    }
    section.start .section-content .flex.smaller ul {
        margin-left: 4rem;
        text-align: left;
    }
    section.start .section-content .flex.smaller .bullets p.subtext {
        text-align: center;
        margin: 0 auto;
        margin-bottom: 1rem;
        line-height: 1.2;
    }
    section.start .section-content .flex.smaller .bullets .quote {
        border-top: 2px solid #e8eced;
        border-left: none;
        padding-left: 0;
        padding-top: 0.5rem;
    }
    section.primary.start .section-content .flex.smaller .bullets .quote {
        border-top: 2px solid #989c9d;
    }
    section.start .section-content .flex.smaller .bullets .quote p.quote-text {
        text-align: center;
        margin: 0 auto;
    }
    section.start .section-content .flex.smaller .bullets .quote .flex {
        display: block;
        text-align: center;
    }
    section.start .section-content .flex.smaller .bullets .quote .flex img {
        display: block;
        margin: 0 auto;
        padding-top: 1rem;
        padding-bottom: 0.5rem;
    }
    section.start .section-content.integration .flex.smaller .image-half {
        max-width: 100%;
        padding: 0;
        margin: 0 auto 2rem;
    }
    section.start .section-content.integration .flex.smaller .image-half .appintegrations {
        margin: 0;
    }
    section.start .section-content.extend .flex.smaller .image-half {
        max-width: 100%;
        padding: 0 4rem;
    }
    section.start .section-content.unify .unify-content.smaller .image-half {
        margin: 0 auto;
    }
    section.start .section-content.unify .unify-content.smaller .image-half img {
        padding-right: 0;
        padding-bottom: 1rem;
    }
    section.start .section-content.unify h1 {
        margin: 0 auto 1rem;
    }
    section.start .section-content.extend .flex.smaller ul {
        margin-left: 5rem;
    }

    section.start .section-content.smart .bullets {
        margin-left: 0;
    }
    section.start .section-content.integration .flex  .image-half img {
        margin-left: 1rem;
    }
    section.start .section-content.core1 .integrations {
        margin-left: -10rem;
    }
    section.start .section-content .bluetext {
        font-size: 120%;
    }
    section.start.bigimage .section-content .flex .appstoreintegration-icon {
        margin-left: 0;
    }
    section.start .section-content.integration .appstore .appintegrations {
        margin-left: 0;
    }
    section.start.bigimage .section-content .flex .bullets {
        padding-top: 3.6rem;
    }
    section.start .section-content .agentur {
        margin-left: 0rem;
    }
    section.start .section-content.smart .flex.bgimg {
        height: 31rem;
    }
    section.start .section-content.extend .flex.bigimage {
        /*display: block;*/
        flex-direction: column-reverse;
    }
    section.start .section-content.extend .flex.smaller .image-half {
        margin-bottom: 2rem;
        margin-top: 0;
    }
    section.start .section-content.extend .image-half {
        max-width: 70%;
        margin-top: 3rem;
    }
    section.start .section-content.stressfree .boxcontent .flex {
        display: unset;
    }
    section.start .section-content.stressfree .boxcontent .flex div {
        margin-right: 2rem;
        width: 40%;
    }
    section.start .section-content.integration {
        padding-top: 0;
    }
}
@media print, screen and (max-width: 800px) {
    section.start .section-content.future .cer {
        height: 14%;
    }
    section.start .section-content.omni-channel #omnichannel {
        /*display: none;*/
    }
    section.start .section-content.omni-channel #omnichannel svg {
        height: auto;
        width: 100%;
    }
    section.start .section-content.stressfree {
        padding: 4rem 2rem;
    }
    section.start .section-content.core1 .apps p {
        padding-left: 0;
    }
    /*center top integrations*/
    section.start .section-content.core1 .integrations {
        margin-left: 0;
    }
    section.start .section-content.core1 .integrations p {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        display: block;
        width: 9rem;
        padding-bottom: 1rem;
    }
    section.start .section-content.core1 .integrations div.flex {
        display: unset;
    }
    section.start .section-content.core1 .integrations img {
        display: inline;
    }
    section.start .section-content.automate .flex.bgimg {
        height: 31rem;
    }
    section.start .section-content.smart .flex.bgimg {
        height: 33rem;
    }
    section.start .section-content.core1 .apps.flex {
        display: block;
        margin: 0 auto;
    }
    section.start .section-content.core1 .apps div {
        max-width: unset;
        min-width: 100%;
        display: flex;
    }
    section.start .section-content.core1 .apps.flex div img {
        margin: 0;
    }
    section.start .section-content.core1 .apps.flex p {
        margin: 0 auto 3rem;
    }
    section.start .section-content.core1 .apps .headline {
        display: block;
    }
    section.start .section-content.integration .flex .image-half img.appstoreintegration-icon {
        padding-right: 2rem;
    }
    section.start .section-content.extend .image-half {
        max-width: 100%;
    }
    section.start .section-content.integration .flex.appstore {
        padding-left: 7rem;
        padding-right: 7rem;
    }
    section.start .section-content.extend .flex.smaller ul {
        margin-left: 3rem;
    }
}
@media print, screen and (max-width: 750px) {
    section.start .section-content.core1 {
        padding-left: 5rem;
        padding-right: 5rem;
    }
    section.start .section-content.integration .appstore .appintegrations .appline {
        font-size: 110%;
    }
    section.start .section-content.automate .flex.bgimg {
        height: 35rem;
    }
    section.start .section-content.smart .flex.bgimg {
        height: 37rem;
    }
    section.start .section-content.stressfree .boxcontent .flex div {
        margin-right: 2rem;
        width: 40%;
        padding: 0 1rem;
    }
    section.start .section-content.integration .bluetext {
        max-width: 50%;
        margin-top: -2rem;
        margin-bottom: 1rem;
    }
    section.start .section-content.integration .flex {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    section.start .section-content.cross-channel .bluetext {
        max-width: 50%;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    section.start .section-content.cross-channel .flex {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    section.start .section-content img.cross-channel-img {
        margin: 0 auto;
        padding: 0 6rem;
        width: unset;
    }
    section.start .section-content.integration .flex.smaller .image-half {
        padding: 0 2rem;
    }
    section.start .section-content.integration .flex .image-half img.appstoreintegration-icon {
        margin: 0 auto;
        padding: 3rem;
    }
    section.start .section-content.extend .flex.smaller .image-half {
        padding: 0 2rem;
    }
}
@media print, screen and (max-width: 650px) {
    section.start .section-content.future .cer {
        right: 10rem;
        height: 12%;
    }
    section.start .section-content.smart .flex.bgimg {
        height: 39rem;
    }
    section.start .section-content.stressfree .boxcontent .flex div {
        margin-right: 2rem;
        width: 40%;
    }
    section.start .section-content.integration .flex.smaller ul {
        margin-left: 2rem;
    }
    section.start .section-content.integration .flex.smaller .image-half {
        padding: 0;
    }
    section.start .section-content.extend .flex.smaller .image-half {
        padding: 0;
    }
    section.start .section-content .smaller ul {
        max-width: 100%;
    }
    section.start .section-content.extend .flex.smaller ul {
        margin-left: 1rem;
    }
    section.start .section-content.unify h1 {
        max-width: 100%;
    }
    section.start .section-content.unify .flex.smaller {
        padding: 0 2rem;
    }
    section.start .section-content.retailers {
        padding: 6rem 0;
    }
    section.start .section-content.retailers img {
        width: unset;
    }
    section.start .section-content img.cross-channel-img {
        padding: 0px 5rem;
    }
}
@media print, screen and (max-width: 523px) {
    section.start .section-content .start-uc-left .button {
        min-width: 200px;
    }
}
@media print, screen and (max-width: 600px) {
    section.start .section-content.future .cer {
        right: 8rem;
        height: 11%;
    }
    section.start .section-content.integration .appstore .appintegrations .appline {
        font-size: 95%;
    }
    section.start .section-content.integration .appstore .appintegrations .appline .int {
        padding-right: 3rem;
    }
    section.start .section-content.integration .flex .image-half img {
        margin-left: 0;
    }
    section.start .section-content.core1 .apps {
        margin-left: 0;
    }
    section.start .section-content.core1 .core1-icon {
        margin-left: 0;
    }
    section.start .section-content.automate .flex.bgimg {
        height: 40rem;
    }
    section.start .section-content.stressfree .responsive-video {
        margin-bottom: 3rem;
    }
    section.start .section-content.stressfree .boxcontent .flex div {
        display: flex;
        width: 100%;
    }
    section.start .section-content.stressfree .boxcontent .flex div img {
        max-width: 7rem;
        margin: 0;
    }
    section.start .section-content.integration .flex.smaller ul {
        margin-left: 0;
    }
    section.start .section-content.stressfree .boxcontent .featurehead {
        min-height: 2rem;
    }
    section.start .section-content .flex.smaller {
        padding: 0 5rem;
    }
    section.start .section-content.integration .flex.appstore {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}
@media print, screen and (max-width: 500px) {
    section.start .section-content.future .cer {
        right: 7rem;
        height: 8%;
    }
    section.start .section-content.core1 .apps.flex div {
        display: block;
        text-align: center;
    }
    section.start .section-content.core1 .apps.flex div img {
        margin: 0 auto;
    }
    section.start .section-content.integration .appstore .appintegrations .appline .int {
        padding-right: 2rem;
        padding-left: 0.5rem;
    }
    section.start .section-content.extend .flex.smaller ul {
        margin-left: 1rem;
    }
    section.start .section-content.stressfree .boxcontent .flex div {
        display: block;
        text-align: center;
    }
    section.start .section-content.stressfree .boxcontent .flex div img {
        max-width: 5rem;
        margin: 0 auto;
    }
    section.start .section-content.integration .flex.appstore {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    section.start .section-content img.cross-channel-img {
        padding: 0px 2rem;
    }
    section.start .section-content.core1 {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
@media print, screen and (max-width: 450px) {
    section.start .section-content.future .cer {
        right: 5rem;
        height: 10%;
        padding-left: 83%;
    }
    section.start .section-content .bluetext {
        font-size: 100%;
    }
    section.start .section-content.automate .flex.bgimg {
        height: 46rem;
    }
    section.start .section-content.integration .appstore .appintegrations .appline .int {
        padding-left: 0;
    }
    section.start .section-content.stressfree .boxcontent {
        padding: 0;
    }
    section.start .section-content.integration .flex.appstore .image-half {
        max-width: 100%;
    }
    section.start .section-content.integration .flex.smaller {
        padding-left: 4rem;
        padding-right: 4rem;
    }
    section.start .section-content.extend .flex.smaller {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    section.start .section-content .flex.smaller {
        padding: 0px 2rem;
    }
    section.start .section-content .flex.smaller ul {
        margin-left: 1rem;
    }
}

.capslock {
    text-transform: uppercase;
}

textarea {
    padding: 0.5rem;
    min-height: 2rem;
    border-radius: 4px; }
@media print, screen and (min-width: 40em) {
    textarea {
        padding: 1rem; } }
textarea:focus {
    min-height: 8rem; }
textarea, textarea:hover, textarea:active, textarea:focus {
    transition: min-height 500ms; }

.call-to-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 21.25rem; }
.call-to-action input,
.call-to-action button {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-bottom: 0; }
.call-to-action input {
    margin-right: 0.5rem; }
@media print, screen and (min-width: 40em) {
    .call-to-action input {
        margin-right: 1rem; } }
.call-to-action input:focus {
    border-color: #00bfa4;
    box-shadow: inset 0 0 0 1px #00bfa4; }
.call-to-action button {
    white-space: nowrap; }

.contact-form {
    position: relative;
    margin: 0 auto;
    padding: 1rem;
    max-width: 380px;
    text-align: left;
    box-shadow: 0 2px 6px 0 rgba(85, 95, 97, 0.4);
    border-radius: 4px;
    transition: -webkit-transform 500ms;
    transition: transform 500ms;
    transition: transform 500ms, -webkit-transform 500ms; }
.contact-form .button {
    display: block;
    margin: 1rem 0 0 auto; }

.field {
    margin-top: 0;
    margin-bottom: 0.25rem;
    position: relative; }
@media print, screen and (min-width: 40em) {
    .field {
        margin-bottom: 0.5rem; } }
.field.floating label {
    height: 1rem;
    margin-bottom: 0;
    cursor: text;
    pointer-events: none;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    transition: font-size 200ms, -webkit-transform 200ms;
    transition: transform 200ms, font-size 200ms;
    transition: transform 200ms, font-size 200ms, -webkit-transform 200ms; }
.field.floating [type='text'], .field.floating [type='password'], .field.floating [type='date'], .field.floating [type='datetime'], .field.floating [type='datetime-local'], .field.floating [type='month'], .field.floating [type='week'], .field.floating [type='email'], .field.floating [type='number'], .field.floating [type='search'], .field.floating [type='tel'], .field.floating [type='time'], .field.floating [type='url'], .field.floating [type='color'] {
    height: 2rem;
    padding: 0;
    margin-bottom: 0;
    border-radius: 0; }
.field.floating [type='text'], .field.floating [type='text']:hover, .field.floating [type='text']:active, .field.floating [type='text']:focus, .field.floating [type='password'], .field.floating [type='password']:hover, .field.floating [type='password']:active, .field.floating [type='password']:focus, .field.floating [type='date'], .field.floating [type='date']:hover, .field.floating [type='date']:active, .field.floating [type='date']:focus, .field.floating [type='datetime'], .field.floating [type='datetime']:hover, .field.floating [type='datetime']:active, .field.floating [type='datetime']:focus, .field.floating [type='datetime-local'], .field.floating [type='datetime-local']:hover, .field.floating [type='datetime-local']:active, .field.floating [type='datetime-local']:focus, .field.floating [type='month'], .field.floating [type='month']:hover, .field.floating [type='month']:active, .field.floating [type='month']:focus, .field.floating [type='week'], .field.floating [type='week']:hover, .field.floating [type='week']:active, .field.floating [type='week']:focus, .field.floating [type='email'], .field.floating [type='email']:hover, .field.floating [type='email']:active, .field.floating [type='email']:focus, .field.floating [type='number'], .field.floating [type='number']:hover, .field.floating [type='number']:active, .field.floating [type='number']:focus, .field.floating [type='search'], .field.floating [type='search']:hover, .field.floating [type='search']:active, .field.floating [type='search']:focus, .field.floating [type='tel'], .field.floating [type='tel']:hover, .field.floating [type='tel']:active, .field.floating [type='tel']:focus, .field.floating [type='time'], .field.floating [type='time']:hover, .field.floating [type='time']:active, .field.floating [type='time']:focus, .field.floating [type='url'], .field.floating [type='url']:hover, .field.floating [type='url']:active, .field.floating [type='url']:focus, .field.floating [type='color'], .field.floating [type='color']:hover, .field.floating [type='color']:active, .field.floating [type='color']:focus {
    border-top: none;
    border-left: none;
    border-right: none; }
.field.floating.is-focused label {
    font-size: 0.88889rem;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
.field.floating.is-focused [type='text']:hover, .field.floating.is-focused [type='text']:active, .field.floating.is-focused [type='text']:focus, .field.floating.is-focused [type='password']:hover, .field.floating.is-focused [type='password']:active, .field.floating.is-focused [type='password']:focus, .field.floating.is-focused [type='date']:hover, .field.floating.is-focused [type='date']:active, .field.floating.is-focused [type='date']:focus, .field.floating.is-focused [type='datetime']:hover, .field.floating.is-focused [type='datetime']:active, .field.floating.is-focused [type='datetime']:focus, .field.floating.is-focused [type='datetime-local']:hover, .field.floating.is-focused [type='datetime-local']:active, .field.floating.is-focused [type='datetime-local']:focus, .field.floating.is-focused [type='month']:hover, .field.floating.is-focused [type='month']:active, .field.floating.is-focused [type='month']:focus, .field.floating.is-focused [type='week']:hover, .field.floating.is-focused [type='week']:active, .field.floating.is-focused [type='week']:focus, .field.floating.is-focused [type='email']:hover, .field.floating.is-focused [type='email']:active, .field.floating.is-focused [type='email']:focus, .field.floating.is-focused [type='number']:hover, .field.floating.is-focused [type='number']:active, .field.floating.is-focused [type='number']:focus, .field.floating.is-focused [type='search']:hover, .field.floating.is-focused [type='search']:active, .field.floating.is-focused [type='search']:focus, .field.floating.is-focused [type='tel']:hover, .field.floating.is-focused [type='tel']:active, .field.floating.is-focused [type='tel']:focus, .field.floating.is-focused [type='time']:hover, .field.floating.is-focused [type='time']:active, .field.floating.is-focused [type='time']:focus, .field.floating.is-focused [type='url']:hover, .field.floating.is-focused [type='url']:active, .field.floating.is-focused [type='url']:focus, .field.floating.is-focused [type='color']:hover, .field.floating.is-focused [type='color']:active, .field.floating.is-focused [type='color']:focus {
    border-bottom: 2px solid #00bfa4; }
.field.checkbox label {
    font-size: 0.66667rem; }
.field.checkbox [type="checkbox"]:not(:checked),
.field.checkbox [type="checkbox"]:checked {
    position: absolute;
    left: -9999px; }
.field.checkbox [type="checkbox"]:not(:checked) + label,
.field.checkbox [type="checkbox"]:checked + label {
    position: relative;
    padding-left: 1.5rem;
    margin: 0;
    cursor: pointer; }
.field.checkbox [type="checkbox"]:not(:checked) + label:before,
.field.checkbox [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1rem;
    height: 1rem;
    background: url(../images/checkbox.svg) no-repeat left top/cover; }
.field.checkbox [type="checkbox"]:checked + label:before {
    background-image: url(../images/checkbox-checked.svg); }
.field.textarea label {
    margin-bottom: 0.5rem; }

.opacque {
    opacity: 0.7;
}

.field-dropdown {
    margin-top: 0;
    margin-bottom: 0.5rem; }
@media print, screen and (min-width: 40em) {
    .field-dropdown {
        margin-bottom: 1rem; } }
.field-dropdown:after {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #929798 transparent transparent;
    top: 60%;
    right: 0.5rem;
    cursor: text;
    pointer-events: none; }

.field-dropdown-panel {
    background-color: #fff;
    color: #00bfa4;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    width: 100%;
    height: 10.5rem;
    overflow-y: scroll;
    box-shadow: 0 0 4px 0 rgba(85, 95, 97, 0.4);
    z-index: 1; }
.field-dropdown-panel button {
    display: block;
    width: 100%;
    padding: 1rem;
    text-align: left;
    border-radius: 0;
    cursor: pointer; }
.field-dropdown-panel button:hover, .field-dropdown-panel button:active, .field-dropdown-panel button:focus {
    background-color: #ebebeb; }
.field-dropdown-panel button, .field-dropdown-panel button:hover, .field-dropdown-panel button:active, .field-dropdown-panel button:focus {
    color: #929798; }

.input-group .icon {
    width: 1.5rem;
    height: 1.5rem; }

.input-group .button {
    box-shadow: none; }

.input-group-field, .input-group-field:hover, .input-group-field:active, .input-group-field:focus {
    background-color: #fff;
    border-color: #fff; }

.brand {
    position: relative; }
.brand.square {
    height: 0;
    padding-bottom: 100%;
    margin-bottom: 1rem; }
.brand.square .brand-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    transition: -webkit-transform 200ms;
    transition: transform 200ms;
    transition: transform 200ms, -webkit-transform 200ms; }
.brand.square:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(85, 95, 97, 0.4);
    transition: background-color 200ms; }
.brand.square img,
.brand.square p {
    max-width: 80%; }
.brand.square p {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 120%;
    width: 100%;
    opacity: 0;
    transition: opacity 200ms; }
.brand.square.has-button p {
    top: 100%; }
.brand.square small {
    margin-top: 0;
    margin-bottom: 0.5rem;
    line-height: 1.2; }
@media print, screen and (min-width: 40em) {
    .brand.square small {
        margin-bottom: 1rem; } }
.brand.square:hover:before {
    background-color: rgba(85, 95, 97, 0.8); }
.brand.square:hover .brand-inner {
    -webkit-transform: translate(-50%, -120%);
    transform: translate(-50%, -120%); }
.brand.square:hover p {
    opacity: 1; }
.customers-template .brand {
    background: url(../images/fpo_square.png) no-repeat center center/cover; }
.customers-template .brand img {
    width: 100%;
    margin: 0 auto; }
.customers-template .brand p {
    color: #fff;
    margin-bottom: 0; }
.customers-template .brand small {
    display: inline-block; }
@media screen and (max-width: 74.9375em) {
    .customers-template .brand small {
        font-size: 1rem; } }
.customers-template .brand.brand-slide {
    width: 100%;
    height: 100%;
    padding: 2rem; }
.customers-template .brand.brand-slide.eterna-brand {
    background-image: url(../images/eterna.jpg); }
.customers-template .brand.brand-slide .brand-inner {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: rgba(0, 191, 164, 0.3);
    color: #fff;
    bottom: 0;
    width: 100%;
    padding: 0 2rem 4rem; }
.customers-template .brand.brand-slide .brand-inner.first {
    height: 100%;
    padding-top: 6rem;
    background-color: rgba(85, 95, 97, 0.4); }
.customers-template .brand.brand-slide .brand-inner.first h1 {
    margin-bottom: 1rem; }
@media screen and (max-width: 20em) {
    .customers-template .brand.brand-slide .brand-inner.first h1 {
        font-size: 1.33333rem; } }
.customers-template .brand.brand-slide .brand-inner.first blockquote,
.customers-template .brand.brand-slide .brand-inner.first blockquote p {
    margin-bottom: 1rem; }
.customers-template .brand.brand-slide small {
    margin-bottom: 2rem;
    text-align: left;
    font-size: 1.33333rem; }

.brand-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap; }
.brand-group > .brand-item {
    width: calc(50% - 2rem);
    margin-right: 1rem;
    margin-left: 1rem; }
.brand-group.opaque {
    opacity: 0.7; }

.brand-group-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
@media print, screen and (min-width: 40em) {
    .brand-group-flex {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; } }
.brand-group-flex .brand-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 35%;
    flex: 0 1 35%; }
.brand-group-flex .brand-item:nth-of-type(7) {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%; }
.brand-group-flex .brand-item:nth-of-type(8) {
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%; }
@media print, screen and (min-width: 40em) {
    .brand-group-flex .brand-item:not(:first-of-type) {
        margin-left: 1rem; }
    .brand-group-flex .brand-item:nth-of-type(1) {
        -ms-flex-preferred-size: 12.5%;
        flex-basis: 12.5%; }
    .brand-group-flex .brand-item:nth-of-type(2) {
        -ms-flex-preferred-size: 17.5%;
        flex-basis: 17.5%; }
    .brand-group-flex .brand-item:nth-of-type(3) {
        -ms-flex-preferred-size: 9.5%;
        flex-basis: 9.5%; }
    .brand-group-flex .brand-item:nth-of-type(4) {
        -ms-flex-preferred-size: 9.5%;
        flex-basis: 9.5%; }
    .brand-group-flex .brand-item:nth-of-type(5) {
        -ms-flex-preferred-size: 10.5%;
        flex-basis: 10.5%; }
    .brand-group-flex .brand-item:nth-of-type(6) {
        -ms-flex-preferred-size: 10.5%;
        flex-basis: 10.5%; }
    .brand-group-flex .brand-item:nth-of-type(7) {
        -ms-flex-preferred-size: 18.5%;
        flex-basis: 18.5%; }
    .brand-group-flex .brand-item:nth-of-type(8) {
        -ms-flex-preferred-size: 9.5%;
        flex-basis: 9.5%; }
    .brand-group-flex .brand-item img {
        margin-bottom: 0; } }

.brand-group-2 > .brand-item
{
    width: calc(100% - 1rem);
    margin-right: 0.5rem;
    margin-left: 0.5rem;
}
.brand-group-4 > .brand-item, .brand-group-3 > .brand-item {
    width: calc(100% - 1rem);
    margin-right: 0.5rem;
    margin-left: 0.5rem; }

.brand-group-5 img,
.brand-group-8 img {
    width: 100%;
    margin-bottom: 0; }

.brand-group-5 {
    margin-top: 4rem;
    margin-bottom: 4rem; }

.brand-group-8 > .brand-item {
    width: calc(25% - 2rem);
    margin-right: 1rem;
    margin-left: 1rem; }

.brand-group-8.collapsed > .brand-item {
    width: 25%;
    margin-right: 0;
    margin-left: 0; }

.brand-group-8.narrow > .brand-item {
    width: calc(25% - 1rem);
    margin-right: 0.5rem;
    margin-left: 0.5rem; }

@media print, screen and (min-width: 40em) {
    .brand-group-2 > .brand-item
    {
        width: calc(50% - 1rem);
        margin-right: 0.5rem;
        margin-left: 0.5rem;
    }
    .brand-group-3 > .brand-item
    {
        width: calc(33% - 1rem);
        margin-right: 0.5rem;
        margin-left: 0.5rem;
    }
    .brand-group-4 > .brand-item {
        width: calc(50% - 1rem);
        margin-right: 0.5rem;
        margin-left: 0.5rem; }
    .brand-group-8 > .brand-item {
        width: calc(12.5% - 2rem);
        margin-right: 1rem;
        margin-left: 1rem; }
    .brand-group-8.collapsed > .brand-item {
        width: 12.5%;
        margin-right: 0;
        margin-left: 0; }
    .brand-group-8.narrow > .brand-item {
        width: calc(12.5% - 1rem);
        margin-right: 0.5rem;
        margin-left: 0.5rem; }
    .brand-group-5 > .brand-item {
        width: calc(20% - 2rem);
        margin-right: 1rem;
        margin-left: 1rem; } }

@media print, screen and (min-width: 64em) {
    .brand-group-4 > .brand-item {
        width: calc(33.33333% - 1rem);
        margin-right: 0.5rem;
        margin-left: 0.5rem; } }

@media screen and (min-width: 75em) {
    .brand-group-4 > .brand-item {
        width: calc(25% - 1rem);
        margin-right: 0.5rem;
        margin-left: 0.5rem; } }

.button {
    border-radius: 4px;
    transition: background-color 100ms;
    white-space: nowrap; }
.button, .button:hover, .button:active, .button:focus {
    text-decoration: none; }
.button + .button {
    margin-left: 0.5rem; }
.button.primary {
    background-color: #00bfa4;
    color: #fff; }
.button.primary:hover, .button.primary:active, .button.primary:focus {
    background-color: #008f7c;
    color: #fff; }
.button.secondary-dark {
    background-color: #465255;
    color: #fff; }
.button.secondary-dark:hover, .button.secondary-dark:active, .button.secondary-dark:focus {
    background-color: #2f3739;
    color: #fff; }
.button.rounded {
    border-radius: 100px; }
.button.hollow:hover, .button.hollow:active, .button.hollow:focus {
    background-color: #00bfa4;
    color: #fff;
    border-color: #00bfa4; }
.button.hollow.secondary:hover, .button.hollow.secondary:active, .button.hollow.secondary:focus {
    background-color: #555f61;
    color: #fff;
    border-color: #555f61; }
.button.hollow.gray{
    color: #b8bcbd;
    background-color: transparent;
    border-color: #b8bcbd;
}
.button.hollow.gray:hover, .button.hollow.gray:active, .button.hollow.gray:focus {
    background-color: #00bfa4;
    color: #fff;
    border-color: #00bfa4; }
.button.white {
    background-color: transparent;
    color: #fff;
    border-color: #fff; }
.button.white:hover, .button.white:active, .button.white:focus {
    background-color: #fff;
    color: #00bfa4;
    border-color: #fff; }
.button.clear, .button.clear:hover, .button.clear:active, .button.clear:focus {
    background-color: transparent !important;
    color: inherit !important;
    border: none !important; }

.material-button {
    font-weight: 700;
    text-transform: uppercase;
    box-shadow: 0 2px 2px 0 rgba(85, 95, 97, 0.4); }
.material-button:hover, .material-button:active, .material-button:focus {
    background-color: #008f7c; }
.material-button:active {
    box-shadow: 0 4px 4px 0 rgba(85, 95, 97, 0.4); }
.material-button.alt {
    background-color: #f2f2f2;
    color: #00bfa4; }
.material-button.alt:hover, .material-button.alt:active, .material-button.alt:focus {
    background-color: #dadada; }
.material-button.alt, .material-button.alt:hover, .material-button.alt:active, .material-button.alt:focus {
    color: #555f61; }

.call-to-action {
    margin-top: 4rem;
    margin-bottom: 2rem; }

.menu-button, .menu-button:hover, .menu-button:active, .menu-button:focus,
.menu-button .icon,
.menu-button .icon:hover,
.menu-button .icon:active,
.menu-button .icon:focus {
    outline: 0; }

.login-button {
    position: relative;
    z-index: 1; }
.login-button:hover .login-panel {
    display: block; }

.callout {
    margin-top: 0;
    margin-bottom: 1rem;
    padding: 1rem;
    text-align: left; }
@media print, screen and (min-width: 40em) {
    .callout {
        margin-bottom: 2rem; } }
@media print, screen and (min-width: 40em) {
    .callout {
        padding: 2rem; } }
.callout h3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
.callout h3 .icon {
    margin-right: 0.375rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto; }
@media print, screen and (min-width: 40em) {
    .callout h3 .icon {
        margin-right: 0.75rem; } }
@media print, screen and (min-width: 40em) {
    .callout {
        padding-bottom: 4rem; } }

.callout-action a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 75%; }
@media print, screen and (min-width: 40em) {
    .callout-action a {
        position: absolute;
        left: 2rem;
        bottom: 2rem; } }
.callout-action a img {
    margin-bottom: 0; }
.callout-action a .icon {
    margin-right: 0.25rem; }
@media print, screen and (min-width: 40em) {
    .callout-action a .icon {
        margin-right: 0.5rem; } }

.cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
@media print, screen and (min-width: 64em) {
    .cards {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; } }

.card {
    margin-top: 0;
    margin-bottom: 1rem;
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    box-shadow: 0 2px 2px 0 rgba(85, 95, 97, 0.4);
    transition: -webkit-transform 500ms;
    transition: transform 500ms;
    transition: transform 500ms, -webkit-transform 500ms; }
@media print, screen and (min-width: 40em) {
    .card {
        margin-bottom: 2rem; } }
@media print, screen and (min-width: 40em) {
    .card {
        -ms-flex-preferred-size: 48%;
        flex-basis: 48%; } }
@media print, screen and (min-width: 64em) {
    .card {
        -ms-flex-preferred-size: 24%;
        flex-basis: 24%; } }
.card.primary {
    background-color: #00bfa4;
    color: #fff; }
.card p.collapsed {
    margin-top: 0;
    margin-bottom: 0.5rem; }
@media print, screen and (min-width: 40em) {
    .card p.collapsed {
        margin-bottom: 1rem; } }
.card.is-highlighted {
    -webkit-transform: scale(1.05);
    transform: scale(1.05); }
.card .button {
    margin-top: 0;
    margin-bottom: 1rem; }
@media print, screen and (min-width: 40em) {
    .card .button {
        margin-bottom: 2rem; } }
#pricingPlans .card {
    background: transparent;
    border: 0;
    box-shadow: none;
    flex-basis: 100%;
    padding: 2em 0.75em 0.75em;
    transition: all 250ms;
}
#pricingPlans .card-section {
    background: #fff;
    box-shadow: 0 2px 2px 0 rgba(85, 95, 97, 0.4);
    padding-bottom: 4em;
}
#pricingPlans h3 {
    font-weight: 600;
    margin-bottom: 0.4em;
}
#pricingPlans .stat.desc {
    color: #b4b4b4;
    font-size: 80%;
    line-height: 1.35em;
    margin: 0 15px 5px 15px;
    text-align: left;
    height: 6em;
}
#pricingPlans .teaser .card-section {
    background: #465255;
    color: #fff;
}
#pricingPlans .teaser .material-button {
    background: #555f61;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14),
    0 1px 18px 0 rgba(0, 0, 0, 0.12),
    0 3px 5px -1px rgba(0, 0, 0, 0.4);
}
#pricingPlans .teaser h3 {
    color: #f2d148;
}
#pricingPlans .planImage {
    margin-bottom: 0;
    max-width: 230px;
}
#pricingPlans .card.recommended {
    background: #00bfa4;
}
#pricingPlans #plan-UCSBoostGrowth h3 {
    color: #db9b8a;
}
#pricingPlans #plan-UCSEstablished h3 {
    color: #c4c4c4;
}
#pricingPlans .material-button {
    display: block;
    font-size: 120%;
    font-weight: 400;
    margin: 0.1rem 0.5rem 1.2rem;
    text-transform: none;
}
#pricingPlans .plan-support {
    border-top: 1px solid #eaeaea;
    bottom: 2em;
    color: #b4b4b4;
    font-size: 80%;
    left: 2.3em;
    padding-top: 1em;
    position: absolute;
    right: 4em;
    text-align: left;
}
#pricingPlans .plan-support .more {
    font-size: 0.7rem;
    margin-left: 1.5rem;
    cursor: pointer;
}
#pricingPlans .plan-support a.more ,
#pricingPlans .plan-support a.more :hover,
#pricingPlans .plan-support a.more :active {
    color: #b4b4b4;
}
#pricingPlans .plan-support .icon {
    width: 1.3rem;
    height: 1.3rem;
}
#pricingPlans .teaser .plan-support {
    border-color: #777;
}
#pricingPlans .teaser .stat.spaced {
    margin-top: 0;
}
#pricingPlans .card.recommended:before {
    content: "Recommended";
    color: #fff;
    display: block;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0.3em;
    right: 0;
}

#pricingPlans .card-feature .icon.check-icon {
    width: 2rem;
    height: 1.3rem;
    margin-right: 0.5rem;
}
#pricingPlans .card-section .card-features {
    margin-bottom: 1rem;
}
#pricingPlans .card-feature:last-child .icon.check-icon {
    position: relative;
    top:-0.4em;
}
#pricingPlans .teaser .card-feature:last-child .icon.check-icon {
    position: static;
}
@media print, screen and (max-width: 1200px) {
    .plan-text {
        height: 7rem;
    }
    #pricingPlans .plan-support {
        right: 2em;
    }
}
@media print, screen and (max-width: 1150px) {
    .plan-text {
        height: 9rem;
    }
    #pricingPlans .stat.desc {
        height: 8em;
    }
    #pricingPlans .material-button {
        font-size: inherit;
        margin-top: 1em;
    }
}
@media print, screen and (max-width: 1100px) {
    #pricingPlans .plan-support {
        right: 1em;
    }
}
@media print, screen and (max-width: 1040px) {
    #pricingPlans .plan-support {
        right: 0;
        border-top: 0;
    }
}
.card-section h3 {
    font-size: 1.6rem;
    font-weight: 300; }

.card-section em {
    font-weight: 300; }

.card-features > .icon {
    margin-top: 0;
    margin-bottom: 0.5rem; }
@media print, screen and (min-width: 40em) {
    .card-features > .icon {
        margin-bottom: 1rem; } }

.card-feature {
    margin-top: 0;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    font-size: 0.7rem;
    text-align: left; }
@media print, screen and (min-width: 40em) {
    .card-feature {
    } }
.card-feature .icon {
    margin-right: 0.5rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1.5rem;
    flex: 0 0 1.5rem; }
@media print, screen and (min-width: 40em) {
    .card-feature .icon {
        margin-right: 1rem; } }

.card-info {
    position: absolute;
    right: 0.5rem;
    top: 0.5rem;
    color: #00bfa4; }
.primary .card-info {
    color: #fff; }

.carousel.expanded {
    overflow: hidden; }
.carousel.expanded,
.carousel.expanded .carousel-slide {
    width: 100vw;
    height: 100vh; }

.slick-list {
    overflow: visible !important; }

@media screen and (max-width: 63.9375em) {
    .carousel-slide .logo-core1-icon {
        max-width: 12.5rem; } }

.carousel-nav {
    display: none; }
.carousel-nav .button {
    width: auto;
    height: auto;
    margin: 0 0.25rem;
    transition: opacity 100ms, border-color 500ms, background-color 500ms; }
.carousel-nav.alt .button, .carousel-nav.alt .button:hover, .carousel-nav.alt .button:active, .carousel-nav.alt .button:focus {
    color: #00bfa4; }
.carousel-nav.alt .button.is-active {
    color: #00bfa4;
    border-color: #00bfa4; }

.carousel-nav-buttons {
    margin-top: 2rem;
    margin-bottom: 2rem; }
@media print, screen and (min-width: 40em) {
    .carousel-nav-buttons {
        display: block; } }
.carousel-nav-buttons .button, .carousel-nav-buttons .button:hover, .carousel-nav-buttons .button:active, .carousel-nav-buttons .button:focus {
    background-color: transparent;
    color: #929798;
    border-color: transparent; }
.section.primary .carousel-nav-buttons .button,
.section.secondary .carousel-nav-buttons .button, .section.primary .carousel-nav-buttons .button:hover,
.section.secondary .carousel-nav-buttons .button:hover, .section.primary .carousel-nav-buttons .button:active,
.section.secondary .carousel-nav-buttons .button:active, .section.primary .carousel-nav-buttons .button:focus,
.section.secondary .carousel-nav-buttons .button:focus {
    color: #fff; }
.carousel-nav-buttons .button.is-active {
    background-color: transparent;
    color: #fff;
    color: #465255;
    border-color: #465255; }
.section.primary .carousel-nav-buttons .button.is-active,
.section.secondary .carousel-nav-buttons .button.is-active {
    color: #fff;
    border-color: #fff; }

@media screen and (max-width: 39.9375em) {
    .carousel-nav-dots {
        display: block; } }

.carousel-nav-dots .button {
    width: 1rem;
    height: 1rem;
    padding: 0;
    opacity: 0.3;
    border-radius: 50%; }
.carousel-nav-dots .button.is-active {
    opacity: 1; }
.section.primary .carousel-nav-dots .button,
.section.secondary .carousel-nav-dots .button {
    background-color: #fff; }

section.primary a{
    color: white;
}
.slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    bottom: 0;
    padding: 0 2rem 1rem; }
.slick-dots li {
    margin: 0; }
.slick-dots li,
.slick-dots li button,
.slick-dots li button:before {
    width: 12px;
    height: 18px; }
@media screen and (min-width: 22.5em) {
    .slick-dots li,
    .slick-dots li button,
    .slick-dots li button:before {
        width: 14px; } }
.slick-dots li button {
    padding: 0; }

.circle {
    padding: 0.5rem;
    background-color: #00bfa4;
    color: #fff;
    position: relative;
    display: block;
    margin: 0 auto 2rem;
    width: 4rem;
    height: 4rem;
    border-radius: 50%; }
@media print, screen and (min-width: 40em) {
    .circle {
        padding: 1rem; } }
.circle.small {
    width: 3rem;
    height: 3rem; }
.circle.large {
    width: 6rem;
    height: 6rem; }
.circle.xlarge {
    width: 10rem;
    height: 10rem; }
.circle.material {
    box-shadow: 0 2px 2px 0 rgba(85, 95, 97, 0.4); }
.circle.secondary {
    background-color: #555f61;
    color: #fff; }
.circle.white {
    background-color: #fff;
    color: #00bfa4; }
.circle.aside {
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: translate(40%, -40%);
    transform: translate(40%, -40%);
    z-index: 1; }

.circle-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    line-height: 1.2;
    text-align: center; }
.circle-content .googles-icon {
    width: 2.77778rem;
    height: auto; }

.circle-group {
    position: relative; }
.circle-group:first-of-type {
    margin-top: 4rem; }
.circle-group.secondary {
    color: #555f61; }

.cookies {
    background-color: #555f61;
    color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 0.5rem 8rem 0.5rem 1rem;
    text-align: center;
    overflow: hidden;
    box-shadow: 0 2px 2px 0 rgba(85, 95, 97, 0.4);
    z-index: 101;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: -webkit-transform 200ms ease-in-out;
    transition: transform 200ms ease-in-out;
    transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out; }
.cookies.is-set {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
.cookies .tiny {
    display: block; }
.cookies a, .cookies a:hover, .cookies a:active, .cookies a:focus {
    color: #fff;
    text-decoration: underline; }
.cookies .button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 5%;
    padding: 0.27778rem 0.44444rem;
    font-size: 0.66667rem; }

.device {
    display: block;
    position: relative;
    margin: 0 auto; }
.device img {
    margin-bottom: 0; }
.device.tiny {
    width: 120px; }
.device.small {
    width: 120px; }
@media print, screen and (min-width: 40em) {
    .device.small {
        width: 70%;
        margin-right: 0; } }
@media print, screen and (min-width: 40em) {
    .device.pushed {
        margin-top: 2rem; } }

.device-background {
    width: 100%; }
.device:not(.hero-desktop) .device-background {
    -webkit-filter: drop-shadow(1px 2px 2px rgba(70, 82, 85, 0.8));
    filter: drop-shadow(1px 2px 2px rgba(70, 82, 85, 0.8)); }
.device.tiny .device-background,
.device.small .device-background {
    -webkit-filter: drop-shadow(1px 2px 2px rgba(70, 82, 85, 0.4));
    filter: drop-shadow(1px 2px 2px rgba(70, 82, 85, 0.4)); }

.device-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
.hero-desktop .device-content {
    top: 41%;
    width: 90.5%; }
.hero-tablet .device-content {
    width: 88%;
    left: 50.5%;
    top: 50%; }
.device.tablet-landscape .device-content {
    max-width: 82%;
    top: 48.5%; }
.device-content.expanded {
    width: 100%; }
.device-content.expanded .icon-wrap {
    position: relative;
    display: block;
    margin: 0 auto; }
.device-content.expanded .sync-icon {
    display: block;
    position: absolute;
    left: 39%;
    top: 14%;
    width: 28px;
    height: 38px; }
.device-content.expanded .sync-icon svg {
    display: block; }
.device-content.expanded .cloud-icon {
    width: 72px;
    height: 52px; }
.device-content.app-payment {
    width: 100%; }
@media screen and (max-width: 39.9375em) {
    .device-content.app-payment {
        height: 100%; } }
@media print, screen and (min-width: 40em) {
    .device-content.app-payment {
        width: 70%;
        top: 20%; } }
.device-content.app-payment .app-payment-group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
@media screen and (max-width: 39.9375em) {
    .device-content.app-payment .app-payment-group {
        display: block;
        margin-left: 30%; } }
.device-content.app-payment .app-payment-block {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto; }
@media screen and (max-width: 39.9375em) {
    .device-content.app-payment .app-payment-block:not(:last-child) {
        margin-bottom: 0.5rem; } }
@media screen and (max-width: 39.9375em) {
    .device-content.app-payment {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: distribute;
        justify-content: space-around; } }
.device.graphs .device-content {
    left: 50.5%;
    width: 87%;
    height: 82%;
    background-color: #555f61; }
.device.graphs .device-content img {
    position: absolute;
    width: 35%;
    opacity: 0;
    -webkit-transform: translate(0, 10%);
    transform: translate(0, 10%);
    transition: opacity 500ms, -webkit-transform 500ms;
    transition: opacity 500ms, transform 500ms;
    transition: opacity 500ms, transform 500ms, -webkit-transform 500ms;
    transition-delay: 500ms; }
.device.graphs .device-content img:nth-child(1), .device.graphs .device-content img:nth-child(3) {
    left: 10%; }
.device.graphs .device-content img:nth-child(2), .device.graphs .device-content img:nth-child(4) {
    left: 52%; }
.device.graphs .device-content img:nth-child(3), .device.graphs .device-content img:nth-child(4) {
    transition-delay: 600ms; }
.device.graphs .device-content img:nth-child(1) {
    top: 8%; }
.device.graphs .device-content img:nth-child(2) {
    top: 9%; }
.device.graphs .device-content img:nth-child(3) {
    top: 38%; }
.device.graphs .device-content img:nth-child(4) {
    top: 41%;
    width: 38%; }
.device.graphs .device-content img:nth-child(5) {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 70%;
    width: 75%;
    transition-delay: 700ms; }
.slick-active .device.graphs .device-content img {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
.slick-active .device.graphs .device-content img:nth-child(5) {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
.app-store .device-content {
    left: 50.5%;
    width: 87%;
    height: 82%;
    background-color: #00bfa4; }
.app-store .device-content .icon {
    display: block;
    margin: 0 auto; }
.app-store .device-content .apps-icon {
    width: 4.375rem;
    height: 4.375rem;
    margin-top: 10%; }
@media print, screen and (min-width: 40em) {
    .app-store .device-content .apps-icon {
        width: 5.33333rem;
        height: 5.77778rem; } }
.app-store .device-content .cart-icon {
    width: 2.1875rem;
    height: 2.5rem; }
@media print, screen and (min-width: 40em) {
    .app-store .device-content .cart-icon {
        width: 3.33333rem;
        height: 3.66667rem; } }

.device-group {
    position: relative;
    margin-top: 4rem; }
@media print, screen and (min-width: 64em) {
    .device-group {
        position: absolute;
        left: 45%;
        top: 30%;
        width: 55%;
        margin-top: 0; } }
@media screen and (min-width: 75em) {
    .device-group {
        left: 40%;
        width: 60%; } }
.device-group .hero-desktop {
    width: 75%; }
.device-group .hero-tablet,
.device-group .hero-pos {
    position: absolute;
    bottom: 0; }
.device-group .hero-tablet {
    right: 0;
    width: 33%; }
.device-group .hero-pos {
    left: 0;
    width: 23%; }
.device-group .device {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    transition: opacity 200ms, -webkit-transform 200ms;
    transition: opacity 200ms, transform 200ms;
    transition: opacity 200ms, transform 200ms, -webkit-transform 200ms; }
.device-group .device:nth-child(2) {
    transition-delay: 50ms; }
.device-group .device:nth-child(3) {
    transition-delay: 100ms; }
.device-group.is-ready .device {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }

.dropdown-item {
    position: relative; }
.dropdown-item:after {
    display: block;
    width: 0;
    height: 0;
    border: inset 1rem;
    content: '';
    border-top-width: 0;
    border-bottom-style: solid;
    border-color: transparent transparent #555f61;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: none;
    top: 100%; }
.dropdown-item:hover:after {
    display: block; }
.dropdown-item:hover .dropdown-pane {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: visible; }

.dropdown-item-login:after {
    display: block;
    width: 0;
    height: 0;
    border: inset 1rem;
    content: '';
    border-top-width: 0;
    border-bottom-style: solid;
    border-color: transparent transparent #fff;
    display: none;
    top: 120%; }

.dropdown-item-login:hover:after {
    display: block; }

.dropdown-item-login:hover .dropdown-pane {
    display: block; }

.dropdown-pane {
    position: absolute;
    top: 100%;
    right: 0; }
.dropdown-item-login .dropdown-pane {
    width: 16.25rem;
    padding-top: 1.25rem; }
@media screen and (min-width: 22.5625em) {
    .dropdown-item-login .dropdown-pane {
        width: 19.44444rem; } }

.dropdown-pane-content {
    background-color: #fff;
    color: #00bfa4;
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 55%;
    flex: 0 1 55%;
    padding: 1rem 1rem 3rem;
    box-shadow: 0 4px 2px 0 rgba(0, 0, 0, 0.3); }
.dropdown-pane-content:first-of-type {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    z-index: 1; }
.dropdown-pane-content:last-of-type {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px; }
.dropdown-pane-content.secondary {
    background-color: #555f61;
    color: #fff;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 45%;
    flex: 0 1 45%; }
.dropdown-pane-content .menu li a {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem; }
.dropdown-pane-content .button {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 1rem; }
.dropdown-pane-content .menu-headline {
    color: #E3E3E3;
}
.products-dropdown {
    left: 0;
}
.arrow-up {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid white;
    position: absolute;
    margin-top: -10px;
    left: 40px;
}
.products .dropdown-pane-content.extended {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    font-weight: bold;
    padding-bottom: 1rem !important;
    line-height: 1.5;
}
.products .dropdown-pane-content.secondary.extended {
    /*
    -webkit-box-flex: 0;
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
    font-weight: bold;
    /*padding-bottom: 0 !important;
    /*padding-left: 0;
    padding-right: 0;
    background-color: white;
    color: #00bfa4;
    */

    -webkit-box-flex: 0;
    -ms-flex: 0 0 80%;
    flex: 0 0 55%;
    font-weight: bold;
    padding: 0 !important;
    line-height: 1.5;
    background-color: white;
}
.products .dropdown-pane.products-dropdown {
    height: 22rem;
}
.products .dropdown-pane-content.extended .menu {
    height: 100%;
}
.products .dropdown-pane-content.extended .menu li a {
    padding-top: 10px;
    padding-left: 0;
}
.products .dropdown-pane-content.secondary {
    border-radius: 0;
}
.products .dropdown-pane-content.secondary.extended .menu {
    padding-top: 1rem;
}
.products .dropdown-pane-content.secondary.extended .menu li a {
    padding-left: 2rem;
    padding-right: 0;
    padding-top: 0.9rem;
    color: #00bfa4;
}
.products .dropdown-pane-content.secondary.extended .menu li a.button {
    padding-left: 0;
    color: unset;
}
.products .dropdown-pane-content.secondary.extended .menu li a.button:hover {
    color: #00bfa4;
}
.products .dropdown-pane-content.extended .menu span.menu-headline span.icon.logo-icon {
    width: 5.6rem;
    height: 2.3rem;
}
.products .dropdown-pane-content.secondary.extended li.menu-down {
    bottom: 0;
    background-color: #00bfa4;
    position: absolute;
    color: #fff;
    padding: 1.5rem;
    height: 55%;
}
.products .dropdown-pane-content.secondary.extended .secondary-headline {
    font-size: 1.1rem;
}
.products .dropdown-pane-content.secondary.extended li.menu-down .sub-text{
    font-size: 14px;
    font-weight: 100;
}
.products .dropdown-pane-content.secondary.extended li.menu-down .secondary-headline span.icon.logo-icon {
    width: 5.6rem;
    height: 2.2rem;
}
.products .dropdown-pane-content.secondary.extended .button {
    bottom: 1rem;
    height: 50px;
}
.products .dropdown-pane-content.extended li a {
    font-weight: 500;
}
.dropdown-item.products:after {
    border-color: transparent transparent white;
}

.dropdown-pane-section {
    background-color: #fff;
    color: #00bfa4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0.75rem;
    box-shadow: 0 4px 2px 0 rgba(0, 0, 0, 0.3); }
.dropdown-pane-section:first-of-type {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding-bottom: 2rem;
    z-index: 1; }
.dropdown-pane-section:last-of-type {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; }
.dropdown-pane-section.secondary {
    background-color: #555f61;
    color: #fff;
    padding: 0.5rem 0.75rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
.dropdown-pane-section .icon {
    width: 8.88889rem;
    height: 2.44444rem;
    margin: 0 auto 0 0; }
.dropdown-pane-section span {
    line-height: 1; }

.hint-bar {
    background-color: #555f61;
    color: #fff;
    padding-top: 5rem; }
.hint-bar small {
    padding-right: 1rem;
    padding-left: 1rem;
    max-width: 1200px;
    margin: 0 auto;
    background-color: rgba(255, 255, 255, 0.1);
    color: #00bfa4;
    display: block;
    max-width: none;
    padding-top: 1rem;
    padding-bottom: 1rem;
    color: #ebebeb;
    text-align: center; }

.icon {
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    height: 2rem;
    max-width: 100%; }
.icon.small {
    width: 1rem;
    height: 1rem; }
.icon.medium-large {
    width: 3rem;
    height: 3rem; }
.icon.large {
    width: 4rem;
    height: 4rem; }
.icon.xlarge {
    width: 8rem;
    height: 8rem; }
.icon.expanded {
    width: 100%;
    height: auto; }
.icon.primary {
    color: #00bfa4; }
.icon.secondary {
    color: #555f61; }
.icon.secondary-light {
    color: #929798; }
.icon.white {
    color: #fff; }
.icon.block {
    margin-top: 0;
    margin-bottom: 1rem;
    display: block;
    margin-left: auto;
    margin-right: auto; }
@media print, screen and (min-width: 40em) {
    .icon.block {
        margin-bottom: 2rem; } }

.platform-icon {
    width: 6rem;
    height: 6rem; }

.app-store-icon {
    display: block;
    width: 20.55556rem;
    height: auto;
    margin: 0 auto 1rem; }

.phone-icon.small {
    height: 1.38889rem; }

.times-icon {
    width: 21.11111rem;
    height: auto; }

.medal-icon {
    width: 6.38889rem;
    height: auto; }

.contact-googles {
    margin-top: 0;
    margin-bottom: 1rem;
    display: block;
    width: 12.11111rem;
    height: auto; }
@media print, screen and (min-width: 40em) {
    .contact-googles {
        margin-bottom: 2rem; } }

.youtube-icon {
    width: 2.11111rem;
    height: 1.5rem; }

.label.large {
    display: inline-block;
    padding: 0.5rem 2rem;
    margin-bottom: 2rem;
    box-shadow: 0 2px 2px 0 rgba(85, 95, 97, 0.4); }

.label > img {
    margin: 0; }

.about-template .label {
    display: none; }
@media print, screen and (min-width: 40em) {
    .about-template .label {
        display: block;
        position: absolute;
        bottom: 2rem;
        font-size: 0.66667rem; }
    .about-template .label:nth-of-type(1) {
        left: 19%; }
    .about-template .label:nth-of-type(2) {
        left: 45%; }
    .about-template .label:nth-of-type(3) {
        left: 70%; } }
@media print, screen and (min-width: 64em) {
    .about-template .label:nth-of-type(1) {
        left: 29%; }
    .about-template .label:nth-of-type(2) {
        left: 45%; }
    .about-template .label:nth-of-type(3) {
        left: 60%; } }
@media screen and (min-width: 75em) {
    .about-template .label {
        font-size: 1rem; } }

.logo, .logo:hover, .logo:active, .logo:focus {
    color: inherit; }

.logo-icon {
    width: 7.11111rem;
    height: 2.66667rem;
    transition: width 200ms, height 200ms; }
.appstore-icon {
    display: flex;
    margin: 0 auto
}
.appstore-icon object {
    width: 7rem;
    height: 7rem;
}
.appstoreintegration-icon {
    width: 17rem;
    height: 17rem;
    margin: 0;
    margin-left: 25%;
}
.appstoreintegration-icon object {
    width: 100%;
    height: 100%;
}
.is-stuck .logo-icon {
    width: 5.88889rem;
    height: 2.22222rem; }

.logo-core1-icon {
    display: block;
    width: 16.66667rem;
    height: auto;
    margin: 0 auto 1rem;
    transition: color 500ms; }
.logo-core1-icon svg {
    transition: fill 500ms; }
.logo-core1-icon.colored {
    color: #555f61; }
.logo-core1-icon.colored svg {
    fill: #00bfa4; }
.section.primary .logo-core1-icon,
.section.secondary .logo-core1-icon {
    color: #fff; }
.section.primary .logo-core1-icon svg,
.section.secondary .logo-core1-icon svg {
    fill: #fff; }

.tuv-logo {
    width: 4.44444rem;
    height: 4.44444rem; }

.ucs-logo {
    max-width: 33.33333rem; }

.media-object.small .media-object-section:first-child {
    padding-right: 2rem; }

@media screen and (max-width: 39.9375em) {
    .carousel .media-object {
        display: block; } }

.carousel .media-object img {
    max-width: 100%; }

.carousel .media-object-section {
    text-align: left; }
@media print, screen and (min-width: 40em) {
    .carousel .media-object-section {
        width: 45%; }
    .carousel .media-object-section.main-section {
        width: 55%; }
    .carousel .media-object-section:last-child p {
        width: 80%; } }

.carousel .main-section {
    text-align: right; }

.carousel .media-object-block {
    text-align: center; }
@media print, screen and (min-width: 40em) {
    .carousel .media-object-block {
        display: inline-block; } }

.carousel .media-object.stack-for-small .media-object-section {
    padding-bottom: 2rem; }
.carousel .media-object.stack-for-small .media-object-section:last-child {
    padding-bottom: 0; }

.menu a, .menu a:hover, .menu a:active, .menu a:focus {
    color: inherit; }

.menu.vertical {
    margin-top: 0;
    margin-bottom: 1rem;
    text-align: left; }
@media print, screen and (min-width: 40em) {
    .menu.vertical {
        margin-bottom: 2rem; } }

.menu.aligned li a {
    padding-left: 0;
    padding-right: 0; }

.menu.primary li {
    opacity: 0.9;
    transition: opacity 100ms; }
.menu.primary li:hover, .menu.primary li.current-page {
    opacity: 1; }

.menu.primary > li {
    opacity: 0.7; }

.menu.primary a {
    font-size: 0.88889rem; }

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

.accordion-menu.vertical li a {
    padding: 0.75rem 1rem; }

.accordion-menu.vertical .is-accordion-submenu-parent:not(.has-submenu-toggle) > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
.accordion-menu.vertical .is-accordion-submenu-parent:not(.has-submenu-toggle) > a:after {
    position: static;
    border-color: #fff transparent transparent;
    margin-left: 2rem;
    margin-top: 0; }

.milestones h2 {
    padding-top: 4rem; }

.milestone img {
    margin-bottom: 0; }

.progress-ring {
    margin-top: 0;
    margin-bottom: 0.5rem;
    position: relative; }
@media print, screen and (min-width: 40em) {
    .progress-ring {
        margin-bottom: 1rem; } }
.progress-ring .stat {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 46%; }
.progress-ring .progress-background {
    opacity: 0.2; }
.progress-ring .progress-circle {
    transition: stroke-dashoffset;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%; }

.rift {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 61.5%; }
@media screen and (orientation: portrait) {
    .rift {
        padding-bottom: 74%; } }
@media print, screen and (min-width: 40em) {
    .rift + .section > .section-content:first-of-type {
        padding-top: 0; } }

.rift-back,
.rift-front {
    position: absolute;
    bottom: -2px;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom; }

.rift-back {
    top: 12.5%;
    left: -2px;
    right: -2px;
    background: url(../images/rift-back.svg) no-repeat center top/cover; }
@media screen and (orientation: portrait) {
    .rift-back {
        top: 25%; } }

.rift-front {
    left: -5%;
    height: 0;
    width: 110%;
    padding-bottom: 51.7%;
    background: url(../images/rift-front.svg) no-repeat center bottom/cover;
    pointer-events: none; }
@media screen and (orientation: portrait) {
    .rift-front {
        padding-bottom: 74%; } }

.rift-content {
    display: block;
    margin: 0 auto;
    width: 7.5rem;
    height: 7.5rem;
    background-color: #555f61;
    border-radius: 50%;
    transition: opacity 100ms; }
@media print, screen and (min-width: 40em) {
    .rift-content {
        width: 12.5rem;
        height: 12.5rem;
        opacity: 0; } }
@media print, screen and (min-width: 64em) {
    .rift-content {
        width: 18.75rem;
        height: 18.75rem; } }
.is-in-viewport .rift-content {
    opacity: 1; }

.rift-content-text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    font-size: 0.88889rem;
    line-height: 1.2;
    font-weight: 700;
    text-align: center; }
.rift-content-text, .rift-content-text:hover, .rift-content-text:active, .rift-content-text:focus {
    color: #fff; }
:lang(de) .rift-content-text {
    font-size: 0.71111rem;
    top: 55%; }
@media print, screen and (min-width: 40em) {
    .rift-content-text {
        font-size: 1.33333rem; }
    :lang(de) .rift-content-text {
        font-size: 1.06667rem; } }
@media print, screen and (min-width: 64em) {
    .rift-content-text {
        font-size: 1.94444rem; }
    :lang(de) .rift-content-text {
        font-size: 1.55556rem; } }
.rift-content-text .icon {
    width: 1rem;
    height: 1rem;
    margin-top: 0.5rem; }
@media print, screen and (min-width: 40em) {
    .rift-content-text .icon {
        width: 2rem;
        height: 2rem; } }
@media print, screen and (min-width: 64em) {
    .rift-content-text .icon {
        width: 4rem;
        height: 4rem; } }

.silo-group {
    position: relative;
    padding-bottom: 6rem; }
@media print, screen and (min-width: 40em) {
    .silo-group {
        padding-bottom: 10rem; } }
.silo-group.alt .silo-icons {
    opacity: 1; }
.silo-group .scrollmagic-pin-spacer:nth-child(1) {
    z-index: 3; }
.silo-group .scrollmagic-pin-spacer:nth-child(2) {
    z-index: 2; }
.silo-group .scrollmagic-pin-spacer:nth-child(3) {
    z-index: 1; }

.silo {
    position: relative;
    width: 6.66667rem;
    margin: 0 auto; }
.silo img {
    margin: 0; }
@media print, screen and (min-width: 40em) {
    .silo {
        width: 9.44444rem; } }

.silo-content {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 0.88889rem;
    top: 62.5%; }
@media print, screen and (min-width: 40em) {
    .silo-content {
        font-size: 1rem;
        top: 65%; } }

.silo-alt {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 102%;
    height: 102%;
    opacity: 0; }

.silo-icons {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    width: 100%;
    height: 0;
    padding-bottom: 50%;
    opacity: 0;
    transition: opacity 500ms; }

.silo-icon {
    position: absolute; }
.silo-icon:nth-child(1), .silo-icon:nth-child(6) {
    bottom: 70%; }
.silo-icon:nth-child(2), .silo-icon:nth-child(5) {
    bottom: 32%; }
.silo-icon:nth-child(3), .silo-icon:nth-child(4) {
    bottom: 0; }
.silo-icon:nth-child(1) {
    left: 7%; }
.silo-icon:nth-child(2) {
    left: 8%; }
.silo-icon:nth-child(3) {
    left: 23%; }
.silo-icon:nth-child(4) {
    right: 23%; }
.silo-icon:nth-child(5) {
    right: 8%; }
.silo-icon:nth-child(6) {
    right: 7%; }
@media print, screen and (min-width: 40em) {
    .silo-icon:nth-child(1) {
        left: 17%; }
    .silo-icon:nth-child(2) {
        left: 18%; }
    .silo-icon:nth-child(3) {
        left: 32%; }
    .silo-icon:nth-child(4) {
        right: 32%; }
    .silo-icon:nth-child(5) {
        right: 18%; }
    .silo-icon:nth-child(6) {
        right: 17%; } }
.silo-icon .icon {
    width: 1.77778rem;
    color: #00bfa4; }
@media print, screen and (min-width: 40em) {
    .silo-icon .icon {
        width: 2.77778rem; } }
.silo-icon:nth-child(1) .icon {
    height: 1.77778rem; }
.silo-icon:nth-child(2) .icon {
    height: 2.66667rem; }
.silo-icon:nth-child(3) .icon {
    height: 2.88889rem; }
.silo-icon:nth-child(4) .icon {
    height: 2.05556rem; }
.silo-icon:nth-child(5) .icon {
    height: 1.72222rem; }
.silo-icon:nth-child(6) .icon {
    height: 1.94444rem; }
@media print, screen and (min-width: 40em) {
    .silo-icon:nth-child(1) .icon {
        height: 2.72222rem; }
    .silo-icon:nth-child(2) .icon {
        height: 4.11111rem; }
    .silo-icon:nth-child(3) .icon {
        height: 4.44444rem; }
    .silo-icon:nth-child(4) .icon {
        height: 3.11111rem; }
    .silo-icon:nth-child(5) .icon {
        height: 2.55556rem; }
    .silo-icon:nth-child(6) .icon {
        height: 2.88889rem; } }

.silo-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    position: absolute;
    width: 75%; }
@media print, screen and (min-width: 40em) {
    .silo-dots {
        width: 100%; } }
.silo-icon:nth-child(1) .silo-dots,
.silo-icon:nth-child(2) .silo-dots,
.silo-icon:nth-child(3) .silo-dots {
    -webkit-transform-origin: left center;
    transform-origin: left center; }
.silo-icon:nth-child(4) .silo-dots,
.silo-icon:nth-child(5) .silo-dots,
.silo-icon:nth-child(6) .silo-dots {
    -webkit-transform-origin: right center;
    transform-origin: right center; }
.silo-icon:nth-child(1) .silo-dots,
.silo-icon:nth-child(2) .silo-dots {
    left: 150%; }
.silo-icon:nth-child(5) .silo-dots,
.silo-icon:nth-child(6) .silo-dots {
    right: 150%; }
.silo-icon:nth-child(1) .silo-dots,
.silo-icon:nth-child(6) .silo-dots {
    top: 50%; }
.silo-icon:nth-child(2) .silo-dots,
.silo-icon:nth-child(5) .silo-dots {
    top: 20%; }
.silo-icon:nth-child(3) .silo-dots,
.silo-icon:nth-child(4) .silo-dots {
    top: -30%; }
@media print, screen and (min-width: 40em) {
    .silo-icon:nth-child(3) .silo-dots,
    .silo-icon:nth-child(4) .silo-dots {
        top: -50%; } }
.silo-icon:nth-child(1) .silo-dots {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg); }
.silo-icon:nth-child(2) .silo-dots {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
.silo-icon:nth-child(3) .silo-dots {
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg);
    left: 100%; }
.silo-icon:nth-child(4) .silo-dots {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    right: 100%; }
.silo-icon:nth-child(5) .silo-dots {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg); }
.silo-icon:nth-child(6) .silo-dots {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }

@-webkit-keyframes pulse {
    from {
        opacity: 0.2; }
    20% {
        opacity: 1; }
    40% {
        opacity: 0.2; } }

@keyframes pulse {
    from {
        opacity: 0.2; }
    20% {
        opacity: 1; }
    40% {
        opacity: 0.2; } }

.silo-dot {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 50%;
    background: #008f7c;
    opacity: 0.2;
    -webkit-animation: pulse 1s linear infinite;
    animation: pulse 1s linear infinite; }
@media print, screen and (min-width: 40em) {
    .silo-dot {
        width: 0.5rem;
        height: 0.5rem; } }
.silo-icon:nth-child(1) .silo-dot:nth-child(1),
.silo-icon:nth-child(2) .silo-dot:nth-child(1),
.silo-icon:nth-child(3) .silo-dot:nth-child(1) {
    -webkit-animation-delay: 200ms;
    animation-delay: 200ms; }
.silo-icon:nth-child(1) .silo-dot:nth-child(2),
.silo-icon:nth-child(2) .silo-dot:nth-child(2),
.silo-icon:nth-child(3) .silo-dot:nth-child(2) {
    -webkit-animation-delay: 100ms;
    animation-delay: 100ms; }
.silo-icon:nth-child(4) .silo-dot:nth-child(2),
.silo-icon:nth-child(5) .silo-dot:nth-child(2),
.silo-icon:nth-child(6) .silo-dot:nth-child(2) {
    -webkit-animation-delay: 100ms;
    animation-delay: 100ms; }
.silo-icon:nth-child(4) .silo-dot:nth-child(3),
.silo-icon:nth-child(5) .silo-dot:nth-child(3),
.silo-icon:nth-child(6) .silo-dot:nth-child(3) {
    -webkit-animation-delay: 200ms;
    animation-delay: 200ms; }

.section-content.suite-modules {
    color: #00bfa4;
    opacity: 0;
    -webkit-transform: translateY(25px);
    transform: translateY(25px);
    transition: opacity 500ms, -webkit-transform 500ms;
    transition: opacity 500ms, transform 500ms;
    transition: opacity 500ms, transform 500ms, -webkit-transform 500ms; }
.section-content.suite-modules.is-in-viewport {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }

.suite-module {
    margin-top: 0;
    margin-bottom: 1rem;
    height: 8.33333rem; }
@media print, screen and (min-width: 40em) {
    .suite-module {
        margin-bottom: 2rem; } }
.suite-module .circle {
    padding: 0;
    margin-bottom: 1rem;
    box-shadow: 0 2px 8px 0 rgba(85, 95, 97, 0.4); }
.suite-module .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 2.5rem;
    height: 2.5rem; }

.timeline-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -1rem;
    margin-left: -1rem; }

.timeline-year {
    width: calc(33.33333% - 2rem);
    margin-right: 1rem;
    margin-left: 1rem;
    text-align: right;
    font-weight: 700; }

.timeline-line {
    width: calc(8.33333% - 2rem);
    margin-right: 1rem;
    margin-left: 1rem;
    position: relative;
    top: 0.3125rem;
    text-align: center; }
.timeline-line:before, .timeline-line:after {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    content: ""; }
.timeline-row:not(:last-child) .timeline-line:before {
    width: 2px;
    height: 100%;
    background-color: #00bfa4; }
.timeline-line:after {
    width: 0.75rem;
    height: 0.75rem;
    background-color: #f2f2f2;
    border-radius: 50%;
    border: 2px solid #00bfa4; }

.timeline-text {
    width: calc(50% - 2rem);
    margin-right: 1rem;
    margin-left: 1rem;
    text-align: left; }

.top-bar {
    padding-right: 1rem;
    padding-left: 1rem;
    max-width: 1200px;
    margin: 0 auto;
    transition: padding 200ms; }

@media screen and (max-width: 39.9375em) {
    .top-bar-left {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto; } }

.top-bar-center {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center; }

.top-bar-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
.top-bar-right > .menu:first-of-type {
    margin-right: 1rem; }
.top-bar-right > .menu:last-of-type .button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
.top-bar-right > .menu:last-of-type .button .icon {
    margin-right: 0.25rem; }

.top-bar-mobile {
    display: none; }
.top-bar-mobile .submenu {
    margin: 0; }
.top-bar-mobile .submenu li a {
    background-color: #008f7c;
    color: #fff; }

.top-bar-right > .menu:last-of-type .menu-button .icon {
    margin-right: 0; }

.tree {
    display: inline-block;
    position: relative;
    margin-top: 2rem; }
.tree img {
    position: relative;
    margin: 0; }
@media screen and (max-width: 39.9375em) {
    .tree img {
        top: 10px; } }
.tree .circle {
    position: absolute;
    opacity: 0; }
.tree .circle:nth-of-type(1) {
    top: -17%;
    left: -11%;
    width: 6.875rem;
    height: 6.875rem;
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%); }
.tree .circle:nth-of-type(2) {
    top: -5%;
    left: 47%;
    width: 5.3125rem;
    height: 5.3125rem;
    z-index: 1;
    -webkit-transform: translate(-25%, 30%);
    transform: translate(-25%, 30%); }
.tree .circle:nth-of-type(3) {
    top: 10%;
    right: -10%;
    width: 5.9375rem;
    height: 5.9375rem;
    -webkit-transform: translate(-50%, 10%);
    transform: translate(-50%, 10%); }

.tree-edge-icon {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -1px;
    width: 768px;
    max-width: none;
    height: 30px;
    z-index: 1; }
@media print, screen and (min-width: 40em) {
    .tree-edge-icon {
        width: 1024px;
        height: 39px; } }
@media print, screen and (min-width: 64em) {
    .tree-edge-icon {
        width: 1200px;
        height: 46px; } }
@media screen and (min-width: 75em) {
    .tree-edge-icon {
        width: 1920px;
        height: 74px; } }
@media screen and (min-width: 120.0625em) {
    .tree-edge-icon {
        width: 2880px;
        height: 111px; } }
@media screen and (min-width: 180.0625em) {
    .tree-edge-icon {
        width: 3840px;
        height: 148px; } }
.tree-edge-icon svg {
    display: block; }

.unified-commerce {
    position: relative;
    display: inline-block; }
.unified-commerce h2 {
    font-weight: 700; }
.unified-commerce sup {
    text-transform: uppercase; }
.unified-commerce .icon {
    margin-bottom: 0.5rem; }
.unified-commerce .sync-icon {
    position: absolute;
    top: 6%;
    left: 44.5%;
    width: 2.16667rem;
    height: 2.94444rem;
    margin: 0;
    -webkit-animation-direction: reverse;
    animation-direction: reverse; }
.unified-commerce .sync-icon svg {
    display: block; }

.unified-commerce-icon {
    width: 15.55556rem;
    height: 11.55556rem; }

#updateAV {
    margin-bottom: 3em;
}
#updateAV .notice {
    background: #00BEA2 url(../images/icon_warning.svg) no-repeat 16px center;
    background-size: 20px;
    border-radius: 1em;
    box-shadow: 0 2px 8px 0 #aaa;
    color: #fff;
    display: inline-block;
    padding: 0.4em 1.2em 0.4em 2.5em;
    position: relative;
}
#updateAV .countdown {
    background: #f7f173 url(../images/icon_timelapse.svg) no-repeat 16px center;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    background-size: 20px;
    color: #00BEA2;
    display: inline-block;
    font-size: 80%;
    font-weight: 600;
    padding: 0.5em 1.5em 0.5em 3.1em;
    text-transform: uppercase;
}
#updateAV p {
    font-size: 85%;
    margin-top: 1em;
}
body.fsite{
    animation: what 2s infinite ease-in-out alternate-reverse;
    transform-origin: 50% 0;
}
@keyframes what {
    0% {   transform: rotate(-10deg); }
    100% { transform: rotate(10deg); }
}

.rs-container * {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.rs-container {
    font-family: Arial, Helvetica, sans-serif;
    height: 45px;
    position: relative
}

.rs-container .rs-bg,
.rs-container .rs-selected {
    height: 10px;
    left: 0;
    position: absolute;
    top: 5px;
    width: 100%;
}
.rs-container .rs-selected {
    display: none;
}

.rs-container .rs-selected {
    background-color: #00b3bc;
    border: 1px solid #00969b;
    transition: all .2s linear;
    width: 0
}

.rs-container.disabled .rs-selected {
    background-color: #ccc;
    border-color: #bbb
}

.rs-container .rs-pointer {
    background-color: #fff;
    border-radius: 1em;
    cursor: pointer;
    height: 25px;
    left: -10px;
    position: absolute;
    top: -3px;
    transition: all .2s linear;
    width: 25px;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14),
    0 1px 10px 0 rgba(0, 0, 0, 0.12),
    0 2px 4px -1px rgba(0, 0, 0, 0.4);
}

.rs-container.disabled .rs-pointer {
    border-color: #ccc;
    cursor: default
}

.rs-container .rs-pointer::after {
    background: #00bfa4;
    border-radius: 1em;
    bottom: 5px;
    content: '';
    display: block;
    top: 5px;
    left: 5px;
    position: absolute;
    right: 5px;
}

.rs-container.sliding .rs-pointer,
.rs-container.sliding .rs-selected {
    transition: none
}

.rs-container .rs-scale {
    left: 0;
    position: absolute;
    top: 5px;
    white-space: nowrap
}

.rs-container .rs-scale span {
    float: left;
    position: relative
}

.rs-container .rs-scale span::before {
    background-color: #ededed;
    content: "";
    height: 8px;
    left: 0;
    position: absolute;
    top: 10px;
    width: 1px
}

.rs-container span::before {
    display: none
}

.rs-container span:first-child::before,
.rs-container span:last-child::before {
    display: block
}

.rs-container .rs-scale span:last-child {
    margin-left: -1px;
    width: 0
}

.rs-container .rs-scale span ins {
    color: #333;
    display: inline-block;
    font-size: 12px;
    margin-top: 20px;
    text-decoration: none
}

.rs-container.disabled .rs-scale span ins {
    color: #999
}

.rs-tooltip {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14),
    0 1px 10px 0 rgba(0, 0, 0, 0.12),
    0 2px 4px -1px rgba(0, 0, 0, 0.4);
    color: #00bfa4;
    width: auto;
    height: 25px;
    background: #fff;
    border-radius: 3px;
    position: absolute;
    transform: translate(-50%, -35px);
    left: 13px;
    text-align: center;
    font-size: 14px;
    padding: 3px 6px 0
}
.rs-tooltip:before {
    background: #fff;
    bottom: -5px;
    box-shadow: 2px 2px 5px -2px rgba(0, 0, 0, 1);
    content: '';
    display: block;
    height: 10px;
    left: 26%;
    position: absolute;
    transform: rotate(45deg);
    width: 10px;
}

.rs-container.disabled .rs-tooltip {
    border-color: #ccc;
    color: #999
}

#step1Form {
    color: #929798;
    margin: 0 auto;
    max-width: 500px;
}
#step1Form:after {
    content: "";
    display: table;
    clear: both;
}
#step1Form .selectLabel {
    clear: left;
    float: left;
    font-size: 90%;
    line-height: 2.2em;
    margin: 1em 0;
    text-align: left;
    width: 40%;
}
#step1Form .selectComponent {
    float: left;
    width: 60%;
    margin: 1em 0;
}
#step1Form .radioLink {
    background: #f0f1f1;
    border: 1px solid #fff;
    box-sizing: border-box;
    color: inherit;
    display: block;
    float: left;
    font-size: 90%;
    padding: 0.4em;
    width: 33.333334%;
}
#step1Form .radioLink:first-of-type {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}
#step1Form .radioLink:last-of-type {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}
#step1Form .radioLink.selected {
    background: #00bfa4;
    color: #fff;
}
#step1Form #transactionSelect ~ .rs-container .rs-tooltip:before {
    left: 37%;
}

@media screen and (max-width: 500px) {
    #step1Form .selectLabel,
    #step1Form .selectComponent {
        float: none;
        width: 100%;
    }
}

.toFeatureList,
.toFeatureList:hover,
.toFeatureList:active,
.toFeatureList:focus {
    display: inline-block;
    color: #929798;
    margin-bottom: -4em;
    margin-top: 2em;
}
.toFeatureList img {
    transform: rotate(45deg);
}

#featureConfigurator {
    border: 1px solid #ccc;
    border-radius: 16px;
    color: #929798;
    padding: 2em;
}
#featureConfigurator:after {
    content: "";
    display: table;
    clear: both;
}
#featureConfigurator .lead {
    font-weight: bold;
    font-size: 110%;
    margin-bottom: 1em;
}
#featureConfigurator ul {
    margin: 0;
}
#featureConfigurator li {
    box-sizing: border-box;
    display: block;
    float: left;
    height: 4.5em;
    overflow: hidden;
    padding: 1em;
    text-align: left;
    width: 25%;
}
#featureConfigurator .checkbox input[type="checkbox"]:checked ~ span {
    color: #00bfa4;
}

label.checkbox {
    cursor: pointer;
    line-height: 1.2em;
    position: relative;
}
label.checkbox input[type="checkbox"] {
    cursor: pointer;
    opacity: 0;
    position: absolute;
}
label.checkbox span {
    display: inline-block;
    padding-left: 1.8em;
    position: relative;
    user-select: none;
}
label.checkbox span:before {
    background: transparent;
    border: 2px solid #929798;
    border-radius: 2px;
    content: "";
    display: block;
    height: 1em;
    left: 0;
    position: absolute;
    top: 3px;
    width: 1em;
}
label.checkbox input[type="checkbox"]:checked ~ span:before {
    background: #00bfa4 url(../images/done.svg) no-repeat center center / 130% 140%;
    border-color: #00bfa4;
}
.rs-bg img {
    height: 100%;
    left: 0;
    opacity: 0.24;
    position: absolute;
    width: 100%;
}

#featureLegend,
ul#featureList,
#featureList ul,
#featureList li {
    color: #929798;
    list-style: none;
    margin: 0;
    text-align: left;
}
#featureList .featureGroup {
    padding-bottom: 2em;
}
#featureList .groupLabel {
    display: block;
    font-size: 140%;
    font-weight: 500;
}
#featureList .groupDescription {
    display: block;
    margin: 1em 0 1.5em;
    max-width: 35%;
}
#featureList > li> ul > li {
    display: none;
}
#featureList > li > ul > li.usp,
#featureList > li.expanded > ul > li,
#featureList.expanded > li > ul > li {
    display: block;
}
#featureList .feature {
    border: 1px solid #dedede;
    margin-bottom: -1px;
    overflow: hidden;
}
#featureList .feature:after {
    content: "";
    display: table;
    clear: both;
}
#featureList .toggleAll {
    color: #929798;
    display: block;
    margin: 1em;
    text-align: center;
}
#featureList.expanded .toggleAll {
    display: none;
}
#featureList .toggleAll:hover {
    text-decoration: underline;
}
#featureHeader .planImage {
    margin-bottom: 0;
    width: 100%;
}
#featureLegend {
    line-height: 28px;
    margin-bottom: 2em;
}
#featureList .featureLabel,
#featureList .availibility,
#featureHeader .featureLabel,
#featureHeader .availibility {
    padding: 1em;
}
#featureList .featureLabel,
#featureHeader .featureLabel {
    float: left;
    width: 40%;
}
#featureList .availibility,
#featureHeader .availibility {
    float: left;
    margin-bottom: -10em;
    padding-bottom: 10em;
    text-align: center;
    transition: background 250ms;
}
#featureList .icon,
#featureLegend .icon {
    width: 1.5rem;
    height: 1.5rem;
}
#featureList .check-icon,
#featureLegend  .check-icon{
    color: #00bfa4;
}
#featureList .plus-icon,
#featureLegend  .plus-icon {
    color: #d27675;
    transform: rotate(45deg) scale(0.75);
}
#featureList .info-icon {
    cursor: pointer;
    float: right;
    margin-left: 0.5em;
    transform: scale(0.75);
}
#featureLegend .icon {
    position: relative;
    top: -1px;
}
#featureLegend span.optional {
    display: inline-block;
    padding: 0 0.3em;
}
#featureHeader {
    background: #fff;
    display: block;
    margin-bottom: 2em;
    margin-top: -4rem;
    position: relative;
    z-index: 1;
}
@media screen and (max-width: 830px) {
    #featureHeader {
        padding-top: 4rem;
    }
    #featureConfigurator li {
        width: 50%;
    }
}
@media screen and (max-width: 450px) {
    #featureConfigurator li {
        height: auto;
        width: 100%;
    }
}
#featureHeader:before,
#featureHeader:after {
    background: #fff;
    bottom: 0;
    box-shadow: 0 10px 19px -15px #555f61;
    content: "";
    display: block;
    left: -50vw;
    position: absolute;
    top: 0;
    width: 150vw;
}
#featureHeader ul {
    list-style: none;
    margin: 0;
    position: relative;
    z-index: 2;
}
#featureHeader ul:after {
    content: "";
    display: table;
    clear: both;
}
#featureHeader li {
    text-align: center;
}
#featureHeader .featureLabel {
    color: #929798;
    font-size: 120%;
    padding: 0;
    text-align: left;
    text-transform: uppercase;
}
.support-optionen-template #featureHeader .featureLabel {
    position: relative;
    top: 2em;
}
#featureHeader .availibility {
    border-bottom: 5px solid transparent;
    margin: 0;
    padding: 0 0.5em 0.5em;
    position: relative;
}
#featureHeader .recommend {
    position: absolute;
    top: -2.5em;
    left: 0;
    right: 0;
    font-size: 72%;
    visibility: hidden;
}
#featureHeader .recommend:after {
    background: #00BFA5;
    bottom: -0.25em;
    content: "";
    display: block;
    height: 0.6em;
    left: 50%;
    position: absolute;
    width: 0.6em;
    transform: rotate(45deg);

}
#featureHeader .recommend span {
    background: #00BFA5;
    border-radius: 5px;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4);
    color: #fff;
    display: inline-block;
    padding: 0.2em 0.5em;
}

#featureList.n-0 .availibility:nth-child(2),
#featureList.n-1 .availibility:nth-child(3),
#featureList.n-2 .availibility:nth-child(4),
#featureList.n-3 .availibility:nth-child(5),
#featureList.n-4 .availibility:nth-child(6),
#featureList.n-5 .availibility:nth-child(7) {
    background: #eaeaea;
}
#featureHeader.n-0 .availibility:nth-child(2),
#featureHeader.n-1 .availibility:nth-child(3),
#featureHeader.n-2 .availibility:nth-child(4),
#featureHeader.n-3 .availibility:nth-child(5),
#featureHeader.n-4 .availibility:nth-child(6),
#featureHeader.n-5 .availibility:nth-child(7) {
    border-color: #00bfa4;
}
#featureHeader.n-0 .availibility:nth-child(2) .recommend,
#featureHeader.n-1 .availibility:nth-child(3) .recommend,
#featureHeader.n-2 .availibility:nth-child(4) .recommend,
#featureHeader.n-3 .availibility:nth-child(5) .recommend,
#featureHeader.n-4 .availibility:nth-child(6) .recommend,
#featureHeader.n-5 .availibility:nth-child(7) .recommend {
    visibility: visible;
}

@media screen and (max-width: 768px) {
    #featureList .featureLabel,
    #featureHeader .featureLabel {
        width: 60%;
    }
}



/* remove */
.support-optionen-template *[data-module='language'] {
    display: none !important;
}

#featureList .planLabel {
    display: none;
}

@media screen and (max-width: 768px) {
    #step1Form {
        padding: 0 1em;
    }
    #featureHeader .availibility {
        display: none;
    }
    #featureHeader .featureLabel {
        width: 100%;
        padding-bottom: 0.5em;
    }
    .support-optionen-template #featureHeader .featureLabel {
        position: static;
    }

    #featureList .planLabel {
        display: inline;
        float: left;
    }
    #featureList .featureGroup > ul > li {
        margin-bottom: 1em;
    }
    #featureList .featureLabel,
    #featureList ul .availibility {
        width: 100%;
    }
    #featureList ul .availibility {
        border-top: 1px solid #dedede;
        margin-bottom: 0;
        padding: 0.25em 1em;
        text-align: right;
    }
    #featureList .featureLabel .icon {
        display: none;
    }
    #pricingPlans .plan-support .more {
        display: block;
    }
    .rs-container .rs-scale span:last-child {
        position: absolute;
        right: 0;
    }

    #featureConfigurator {
        padding: 1em;
    }

    #featureConfigurator li {
        padding: 0.5em;
    }
}

@media screen and (max-width: 640px) {
    #featureList .groupDescription {
        max-width: 100%;
    }
}

@media screen and (max-width: 520px) {
    .pricing-template .cards {
        padding: 0;
    }
}


/* start page 2019-05-22 */
.section.primary.start.intro {
	padding-top: 1em;
}
.section.primary.start.intro #shopwareBade {
    position: absolute;
    right: -11px;
    top: 80px;
}
.start.intro label {
	background: #fff;
    color: #555f61;
    display: inline-block;
    border-radius: 4px;
    padding: 4px 8px;
}
.start.intro form {
	margin-bottom: 0;
}
.start.intro label span {
	display: block;
    font-size: 60%;
}
.start.intro input {
	border: 0;
    padding: 5px 0 0;
    margin: 0;
    width: 300px;
}
.start.intro #testNow {
	background: #31aaa7;
    color: #fff;
    text-transform: uppercase;
    width: auto;
    font-weight: 600;
    font-size: 90%;
    padding: 0 2em;
    line-height: 2.8em;
    position: relative;
    top: -11px;
    border-radius: 4px;
    margin-left: 0.5em;
    outline: none;
    cursor: pointer;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -2px rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 700px) {
	.start.intro #testNow {
		position: static;
		display: block;
		margin: 0.2em 0 1em 0;
		width: 316px;
	}
}
.start.intro .brands {
	list-style: none;
    margin: 0;
    display: flex;
    width: 100%;
    max-width: unset;
    justify-content: space-between;
    padding-bottom: 2em;
}
.start.intro .brands li {
	margin: 0;
}
.start.intro .brands li:before {
	content: initial;
}
.start.intro .brands li img {
	margin: 0;
	width: 150px;
}
.site.index-template h2 {
	color: #555f61;
    font-size: 130%;
    margin: 0.8em 0;
    padding: 0 1em;
}
.section-content.omni-channel {
    margin: 0 auto;
    padding: 0;
}
.index-template .section-content.parts {
	padding: 0;
}
.index-template .section-content.parts .flex {
	align-items: start;
}
.section-content.parts .part {
	color: #555f61;
	flex-basis: 33.3333333334%;
	font-size: 80%;
	position: relative;
	padding: 2em 4em;
}
.section-content.parts .part:before {
	background: #fff;
	content: "";
	height: 30px;
	width: 30px;
	transform: rotate(45deg);
	position: absolute;
	top: -15px;
	left: 50%;
	left: calc(50% - 15px);
}
.section-content.parts .part h3 {
	font-size: 130%;
	margin-bottom: 0.6em;
}
.section-content.parts .part:nth-child(2) h3:before,
.section-content.parts .part:nth-child(2) h3:after {
	background: #bababa;
	content: "";
	display: block;
	width: 1px;
	position: absolute;
	left: 0;
	top: 2em;
	bottom: 3em;
}
.section-content.parts .part:nth-child(2) h3:after {
	left: auto;
	right: 0;
}
@media screen and (max-width: 1024px) {
	.section-content.parts .part {
		padding: 2em;
	}
}
@media screen and (max-width: 680px) {
	.index-template .section-content.parts .flex {
	    align-items: stretch;
	    flex-direction: column;
	}
	.section-content.parts .part {
	    text-align: center;
	    border-top: 1px solid #bababa;
	    margin: 0 2em;
	}
	.section-content.parts .part:first-child {
		border: 0;
	}
	.index-template .section-content.parts .flex  img {
		margin: 0 auto;
	}
	.section-content.parts .part:nth-child(2) h3:before,
	.section-content.parts .part:nth-child(2) h3:after,
	.section-content.parts .part:before {
		display: none;
	}
	.section-content.parts .part:first-child:before {
		display: block;
	}
}

.section.primary.start.introVideo {

}
.start.introVideo #video-preview {
	margin: 0;
	width: 100%;
}
.start.introVideo #viewVideo {
	position: absolute;
    left: 50%;
    left: calc(50% - 200px);
    top: 40%;
    width: 400px;
}
@media screen and (max-width: 800px){
	.start.introVideo #viewVideo {
		top: 10%;
	}
}
.section.primary.start.introVideo .wide {
	background: rgba(49, 170, 167, 0.75);
	position: absolute;
    bottom: 0;
    left: 0;
 
   right: 0;
}
@media screen and (max-width: 620px){
	.section.primary.start.introVideo .wide {
		position: static;
	}
	.start.introVideo #viewVideo {
		width: 200px;
	    left: calc(50% - 100px);
	}
}
@media screen and (max-width: 680px){
	.section.primary.start.introVideo .section-content {
		flex-direction: column;
	}
	.start.introVideo p {
		border: 0;
	}
}
.section.primary.start.introVideo.playing .wide {
	position: static;
}
.section.primary.start.introVideo .section-content {
	align-items: stretch;
	padding: 0;
}
.start.introVideo p {
    border-right: 1px solid rgba(255, 255, 255, 0.5);;
    padding: 0 1.5em;
    text-align: left;
    margin: 1em 0;
    font-size: 90%;
}
.start.introVideo p:last-child {
	border: 0;
}

.section.tertiary.os {
	color: #555f61;
}
.section.tertiary.os h2 {
	font-size: 150%;
	margin-bottom: 0.5em;
}
.section.tertiary.os #osParts {
	list-style: none;
	margin: 3.5em 0;
}
.section.tertiary.os #osParts:after {
	content: "";
	display: table;
	clear: both;
}
.section.tertiary.os #osParts li {
	display: block;
	float: left;
    width: 12.5%;
}
.section.tertiary.os #osParts li .square {
	width: 94%;
	margin-bottom: 6%;
    padding-top: 94%;
    position: relative;
}
.section.tertiary.os #osParts li .item {
	position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    font-size: 72%;
    padding: 1em;
	border-radius: 3px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}
.section.tertiary.os #osParts li img {
	margin: 0 auto;
	width: 70%;
}
@media screen and (max-width: 1240px) {
	.section.tertiary.os #osParts li {
	    width: 25%;
	}
}
@media screen and (max-width: 540px) {
	.section.tertiary.os #osParts li {
	    width: 50%;
	}
}

/* vimeo responsive embed */
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#reportPreview {
    background: #fff;
    bottom: 0;
    box-shadow: 0 0 6px -2px grey;
    color: #555f61;
    left: 0;
    position: fixed;
    right: 0;
}
#reportPreview a {
    background: #517fa2 url(/images/download-icon.png) no-repeat 4% center;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    margin-top: 0.4em;
    margin-left: 2em;
    padding: 0.4em 0.7em;
    padding-left: 2.3em;
}

#reportPreview .section-content > div {
    font-size: 100%;
    font-weight: 500;
    float: left;
}

#reportPreview .section-content > span {
    float: left;
    clear: left;
}
#reportPreviewClose {
    border-radius: 0;
    cursor: pointer;
    font-size: 20px;
    line-height: 1em;
    padding: 6px;
    position: absolute;
    top: 30%;
}

body {
    margin-bottom: 5em;
}

#reportPreview .section-content {
    background: url(/images/whitepaper-banner.png) no-repeat right center / contain;
    padding: 1em;
    padding-left: 2em;
}
#reportPreview .section-content:after {
    content: "";
    clear: both;
    display: table;
}
.intercom-launcher-frame {
    bottom: 15px !important;
}

@media screen and (max-width: 756px) {
    #reportPreview .section-content > div {
        float: none;
    }
    #reportPreview a {
        clear: left;
        float: left;
        margin: 0;
    }
    #reportPreview .section-content {
        padding: 0.6em 1em;
        padding-left: 2em;
    }
}

@media screen and (max-width: 850px) {
    #reportPreview .section-content > div {
        padding-right: 33%;
    }
}

@media screen and (max-width:560px) {
    #reportPreview .section-content {
        background: none;
    }
}

.underline {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}