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

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@-ms-viewport {
    width: device-width;
}

body {
    margin: 0;
    font-family: GraphikAlt, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-weight: 400;
    line-height: 1.5;
    color: #242424;
    text-align: left;
    background-color: #fff;
    font-size: 14px;
}

@media (min-width: 600px) {
    body {
        font-size: 16px;
    }
}

[tabindex="-1"]:focus {
    outline: 0 !important;
}

a {
    color: #47b972;
    background-color: transparent;
}

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

        a:focus,
        a:hover {
            color: #358c4f;
        }

        a:not([href]):not([tabindex]),
        a:not([href]):not([tabindex]):focus,
        a:not([href]):not([tabindex]):hover {
            color: inherit;
            text-decoration: none;
        }

            a:not([href]):not([tabindex]):focus {
                outline: 0;
            }

abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
}

address {
    font-style: normal;
    line-height: inherit;
}

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

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

small {
    font-size: 80%;
}

code,
kbd,
pre,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: 1em;
}

pre {
    overflow: auto;
    -ms-overflow-style: scrollbar;
}

img {
    border-style: none;
}

img,
svg {
    vertical-align: middle;
}

svg {
    overflow: hidden;
}

table {
    border-collapse: collapse;
}

caption {
    text-align: left;
    caption-side: bottom;
}

th {
    text-align: inherit;
}

label {
    display: inline-block;
}

button {
    border-radius: 0;
}

    button:focus {
        outline: 1px dotted;
        outline: 5px auto -webkit-focus-ring-color;
    }

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

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

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

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

input[type="date"],
input[type="datetime-local"],
input[type="month"],
input[type="time"] {
    -webkit-appearance: listbox;
}

textarea {
    overflow: auto;
    resize: vertical;
}

fieldset {
    min-width: 0;
    border: 0;
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

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

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

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

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

main {
    display: block;
}

output {
    display: inline-block;
}

summary {
    display: list-item;
    cursor: pointer;
}

template {
    display: none;
}

[hidden] {
    display: none !important;
}

address,
blockquote,
body,
caption,
dd,
dl,
dt,
fieldset,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
label,
legend,
li,
ol,
p,
pre,
ul {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

@font-face {
    font-family: GraphikAlt;
    src: url(../fonts/GraphikAlt-Regular-Cy-Web-dc84988c13.woff2) format("woff2"), url(../fonts/GraphikAlt-Regular-Cy-Web-d053cce62c.woff) format("woff");
    font-weight: 400;
}

@font-face {
    font-family: GraphikAlt;
    src: url(../fonts/GraphikAlt-Semibold-Cy-Web-652662401f.woff2) format("woff2"), url(../fonts/GraphikAlt-Semibold-Cy-Web-abc59ab910.woff) format("woff");
    font-weight: 600;
}

@font-face {
    font-family: GraphikAlt;
    src: url(../fonts/GraphikAlt-Bold-Cy-Web-941687f31e.woff2) format("woff2"), url(../fonts/GraphikAlt-Bold-Cy-Web-80a4beebd0.woff) format("woff");
    font-weight: 700;
}

.container {
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 20px;
    padding-left: 20px;
}

.container--narrow {
    max-width: 1000px;
}

.container--no-gutter-mobile,
.container--no-gutter-mobile-tablet {
    padding-right: 0;
    padding-left: 0;
}

@media (min-width: 600px) {
    .container {
        padding-right: 60px;
        padding-left: 60px;
    }

    .container--no-gutter-mobile-tablet {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 768px) {
    .container {
        padding-right: 60px;
        padding-left: 60px;
    }
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.typo-check h2,
.typo-check h3,
.typo-wp--heading-h2 > h1,
.typo-wp--heading-h2 > h2,
.typo-wp--heading-h2 > h3,
.typo-wp--heading-h2 > h4,
.typo-wp--heading-h3 > h1,
.typo-wp--heading-h3 > h2,
.typo-wp--heading-h3 > h3,
.typo-wp--heading-h3 > h4,
.typography--h1 h1,
.typography--h1 h2,
.typography--h1 h3,
.typography--h1 h4,
.typography--h2 h1,
.typography--h2 h2,
.typography--h2 h3,
.typography--h2 h4,
.typo h1,
.typo h2,
.typo h3,
.typo h4 {
    line-height: 1.2;
}

.h1,
.typography--h1 h1 {
    font-size: 36px;
}

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

@media (min-width: 960px) {
    .h1,
    .typography--h1 h1 {
        font-size: 60px;
    }
}

.h2,
.typo-wp--heading-h2 > h1,
.typography--h1 h2,
.typography--h2 h1,
.typo h1 {
    font-size: 32px;
}

@media (min-width: 600px) {
    .h2,
    .typo-wp--heading-h2 > h1,
    .typography--h1 h2,
    .typography--h2 h1,
    .typo h1 {
        font-size: 42px;
    }
}

.h3,
.typo-check h2,
.typo-wp--heading-h2 > h2,
.typo-wp--heading-h3 > h1,
.typography--h1 h3,
.typography--h2 h2,
.typo h2 {
    font-size: 24px;
}

@media (min-width: 600px) {
    .h3,
    .typo-check h2,
    .typo-wp--heading-h2 > h2,
    .typo-wp--heading-h3 > h1,
    .typography--h1 h3,
    .typography--h2 h2,
    .typo h2 {
        font-size: 32px;
    }
}

.h4,
.typo-check h3,
.typo-wp--heading-h2 > h3,
.typo-wp--heading-h3 > h2,
.typography--h1 h4,
.typography--h2 h3,
.typo h3 {
    font-size: 18px;
}

@media (min-width: 600px) {
    .h4,
    .typo-check h3,
    .typo-wp--heading-h2 > h3,
    .typo-wp--heading-h3 > h2,
    .typography--h1 h4,
    .typography--h2 h3,
    .typo h3 {
        font-size: 24px;
    }
}

.h5,
.typo-wp--heading-h2 > h4,
.typo-wp--heading-h3 > h3,
.typography--h2 h4,
.typo h4 {
    font-size: 16px;
}

@media (min-width: 600px) {
    .h5,
    .typo-wp--heading-h2 > h4,
    .typo-wp--heading-h3 > h3,
    .typography--h2 h4,
    .typo h4 {
        font-size: 18px;
    }
}

.h6,
.typo-wp--heading-h3 > h4 {
    font-size: 14px;
}

@media (min-width: 600px) {
    .h6,
    .typo-wp--heading-h3 > h4 {
        font-size: 16px;
    }
}

.text-lead {
    font-size: 16px;
}

@media (min-width: 600px) {
    .text-lead {
        font-size: 24px;
    }
}

.hs-form-booleancheckbox-display,
.hs-form-checkbox-display,
.hs-richtext,
.text-body-s,
.typo-wp > .wp-block-embed figcaption,
.typo-wp > .wp-block-image figcaption,
.typo-wp > .wp-block-quote cite {
    font-size: 12px;
}

@media (min-width: 600px) {
    .hs-form-booleancheckbox-display,
    .hs-form-checkbox-display,
    .hs-richtext,
    .text-body-s,
    .typo-wp > .wp-block-embed figcaption,
    .typo-wp > .wp-block-image figcaption,
    .typo-wp > .wp-block-quote cite {
        font-size: 14px;
    }
}

.text-body-l,
.typo,
.typo-check p,
.typo-wp,
.typography {
    font-size: 16px;
}

@media (min-width: 600px) {
    .text-body-l,
    .typo,
    .typo-check p,
    .typo-wp,
    .typography {
        font-size: 18px;
    }
}

.text-caption {
    font-size: 12px;
}

.link-secondary {
    color: #242424;
}

    .link-secondary:hover {
        color: #47b972;
    }

.link-meta {
    color: #666;
}

    .link-meta:hover {
        color: #242424;
    }

.hero-rich__metrics a,
.link-inverse {
    color: #47b972;
}

    .hero-rich__metrics a:hover,
    .link-inverse:hover {
        color: #5bcd8b;
    }

.text-semibold {
    font-weight: 600;
}

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

.text-uppercase {
    text-transform: uppercase;
}

.text-dashed {
    -webkit-text-decoration: underline dashed;
    text-decoration: underline dashed;
    -webkit-text-underline-position: under;
    -ms-text-underline-position: below;
    text-underline-position: under;
}

.button,
.button-outline,
.button-primary,
.hs-button,
.hs-button.primary {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px 24px 15px;
    line-height: 1.2;
    font-weight: 600;
    text-decoration: none;
    border: 1px solid transparent;
    border-radius: 4px;
    transition: color 0.25s, background-color 0.25s, border-color 0.25s, box-shadow 0.25s, transform 0.2s;
    will-change: color, background-color, border-color, transform;
}

    .button,
    .button-primary,
    .hs-button,
    .hs-button.primary {
        min-width: 180px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }

        .button--small,
        .button-primary--small,
        .hs-button,
        .hs-button.primary {
            min-width: 140px;
            padding: 11px 20px;
            font-size: 14px;
        }

.button--plain,
.button-primary--plain {
    display: inline-flex;
    min-width: auto;
}

@media (max-width: 419px) {
    .button--mobile-wide,
    .button-primary--mobile-wide {
        width: 100%;
        max-width: 280px;
    }
}

.button,
.hs-button {
    color: #242424;
    background: #fff;
    border: 1px solid #e7e7e7;
}

    .button:focus,
    .button:hover,
    .hs-button:focus,
    .hs-button:hover {
        color: #242424;
        border-color: #cbcbcb;
    }

.button--flat {
    background-color: transparent;
    border: 1px solid rgba(36, 36, 36, 0.3);
    box-shadow: none;
}

    .button--flat:focus,
    .button--flat:hover {
        border-color: rgba(36, 36, 36, 0.6);
    }

.button-primary,
.hs-button.primary {
    color: #fff;
    background: #47b972;
}

    .button-primary:focus,
    .button-primary:hover,
    .hs-button.primary:focus,
    .hs-button.primary:hover {
        color: #fff;
        background: #43af6c;
        border-color: #43af6c;
    }

.button-primary--flat {
    box-shadow: none;
}

.button-primary:active,
.button:active,
.hs-button.primary:active,
.hs-button:active {
    transform: translateY(2px);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

.button-outline {
    background-color: transparent;
    border-color: rgba(71, 185, 114, 0.7);
}

.button-outline--small {
    padding: 11px 20px;
    font-size: 14px;
    border-radius: 3px;
}

.button-outline:focus,
.button-outline:hover {
    color: #358c4f;
    border-color: #47b972;
}

.button-text {
    display: inline-flex;
    align-items: baseline;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    color: #47b972;
    font-weight: 600;
}

    .button-text:focus,
    .button-text:hover {
        outline: none;
        color: #358c4f;
    }

        .button-text:focus .button-text__icon,
        .button-text:hover .button-text__icon {
            fill: #358c4f;
        }

        .button-text:focus .button-text__icon--arrow,
        .button-text:hover .button-text__icon--arrow {
            transform: translateX(6px);
        }

.button-text--small {
    font-size: 14px;
}

.button-text--on-black:focus,
.button-text--on-black:hover {
    color: #5bcd8b;
}

    .button-text--on-black:focus .button-text__icon,
    .button-text--on-black:hover .button-text__icon {
        fill: #5bcd8b;
    }

.button-text__icon {
    margin-left: 6px;
    fill: #47b972;
}

.button-text__icon--arrow {
    transition: transform 0.25s cubic-bezier(0.4, 0.1, 0.5, 1.5);
    will-change: transform;
}

.button-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 10px;
    text-decoration: none;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
}

    .button-icon:focus,
    .button-icon:hover {
        outline: none;
    }

.cta {
    display: flex;
    flex-direction: column;
}

.cta__grid {
    display: flex;
    flex-wrap: wrap;
    margin: -5px;
}

.cta__item {
    display: flex;
    padding: 5px;
}

@media (max-width: 419px) {
    .cta__item {
        width: 100%;
        max-width: 290px;
    }
}

.cta__button {
    width: 100%;
}

.cta__note {
    margin-top: 10px;
}

.image-block {
    display: block;
    width: 100%;
    height: auto;
}

.image-block--border {
    outline: 1px solid rgba(0, 0, 0, 0.08);
    outline-offset: -1px;
}

.grid-card-2 {
    display: flex;
    flex-direction: column;
}

.grid-card-2__item {
    -ms-grid-row-align: center;
    align-self: center;
    width: 100%;
    max-width: 490px;
    margin-bottom: 50px;
}

@media (min-width: 600px) {
    .grid-card-2 {
        margin-bottom: -80px;
    }

    .grid-card-2__item {
        margin-bottom: 80px;
    }
}

@media (min-width: 960px) {
    .grid-card-2 {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .grid-card-2__item {
        -ms-grid-row-align: stretch;
        align-self: stretch;
        width: 46%;
    }
}

.grid-card-2-side {
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
}

.grid-card-2-side__item {
    display: flex;
    justify-content: center;
    flex-shrink: 0;
    width: 100%;
    padding: 10px;
}

@media (min-width: 600px) {
    .grid-card-2-side {
        margin: -15px;
    }

    .grid-card-2-side__item {
        padding: 15px;
    }
}

@media (min-width: 768px) {
    .grid-card-2-side__item {
        width: 50%;
    }

    .grid-card-2-side__item--lead {
        width: 100%;
    }
}

.grid-card-3 {
    flex-wrap: wrap;
    margin: -10px;
}

.grid-card-3,
.grid-card-3__item {
    display: flex;
    justify-content: center;
}

.grid-card-3__item {
    width: 100%;
    max-width: 360px;
    padding: 10px;
}

@media (min-width: 600px) {
    .grid-card-3 {
        margin: -15px;
    }

    .grid-card-3__item {
        width: 50%;
        max-width: 370px;
        padding: 15px;
    }
}

@media (min-width: 960px) {
    .grid-card-3__item {
        width: 33.333333%;
    }
}

.grid-card-4 {
    flex-wrap: wrap;
    margin: -10px;
}

.grid-card-4,
.grid-card-4__item {
    display: flex;
    justify-content: center;
}

.grid-card-4__item {
    width: 100%;
    max-width: 340px;
    padding: 10px;
}

@media (min-width: 600px) {
    .grid-card-4 {
        margin: -14px;
    }

    .grid-card-4__item {
        width: 50%;
        max-width: 368px;
        padding: 14px;
    }
}

@media (min-width: 960px) {
    .grid-card-4__item {
        width: 25%;
    }
}

.grid-card-solution {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: -5px;
}

.grid-card-solution--gutter-m {
    margin: -16px;
}

    .grid-card-solution--gutter-m .grid-card-solution__item {
        padding: 16px;
    }

.grid-card-solution__item {
    width: 100%;
    padding: 5px;
}

@media (min-width: 960px) {
    .grid-card-solution__item--5 {
        width: 20%;
    }

    .grid-card-solution__item--4 {
        width: 25%;
    }

    .grid-card-solution__item--3 {
        width: 33.333333%;
    }

    .grid-card-solution__item--2 {
        width: 50%;
    }
}

.grid-box-2 {
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
}

.grid-box-2__item {
    display: flex;
    width: 100%;
    padding: 10px;
}

@media (min-width: 600px) {
    .grid-box-2 {
        margin: -15px;
    }

    .grid-box-2__item {
        width: 50%;
        padding: 15px;
    }
}

.grid-box-3 {
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
}

.grid-box-3__item {
    display: flex;
    width: 100%;
    padding: 10px;
}

@media (min-width: 600px) {
    .grid-box-3 {
        margin: -15px;
    }

    .grid-box-3__item {
        width: 50%;
        padding: 15px;
    }
}

@media (min-width: 960px) {
    .grid-box-3__item {
        width: 33.333333%;
    }
}

.grid-duo {
    display: flex;
    flex-direction: column;
}

.grid-duo__col {
    -ms-grid-row-align: center;
    align-self: center;
    width: 100%;
    max-width: 490px;
}

    .grid-duo__col:first-child {
        margin-bottom: 20px;
    }

@media (min-width: 600px) {
    .grid-duo__col:first-child {
        margin-bottom: 40px;
    }
}

@media (min-width: 960px) {
    .grid-duo {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .grid-duo--reverse {
        flex-direction: row-reverse;
    }

    .grid-duo__col {
        width: 46%;
    }

        .grid-duo__col:first-child {
            margin-bottom: 0;
        }
}

.grid-text-2 {
    display: flex;
    flex-wrap: wrap;
}

.grid-text-2__item {
    width: 100%;
    margin-bottom: 40px;
}

    .grid-text-2__item:last-child {
        margin: 0;
    }

@media (min-width: 768px) {
    .grid-text-2 {
        margin: -30px;
    }

    .grid-text-2__item {
        padding: 30px;
        width: 50%;
        margin: 0;
    }
}

.grid-text-3 {
    display: flex;
    flex-wrap: wrap;
    margin: -20px;
}

.grid-text-3__item {
    width: 100%;
    padding: 20px;
}

@media (min-width: 600px) {
    .grid-text-3 {
        margin: -30px;
    }

    .grid-text-3__item {
        padding: 30px;
    }
}

@media (min-width: 768px) {
    .grid-text-3__item {
        width: 50%;
    }
}

@media (min-width: 960px) {
    .grid-text-3__item {
        width: 33.333333%;
    }
}

.grid-doc {
    display: flex;
    flex-wrap: wrap;
    margin: -4.819277% -2.409639%;
}

.grid-doc__item {
    width: 100%;
    padding: 4.597701% 2.298851%;
}

@media (min-width: 480px) {
    .grid-doc__item {
        width: 50%;
    }
}

@media (min-width: 860px) {
    .grid-doc__item {
        width: 33.333333%;
    }
}

@media (min-width: 960px) {
    .grid-doc__item {
        width: 50%;
    }
}

@media (min-width: 1100px) {
    .grid-doc__item {
        width: 33.333333%;
    }
}

.grid-doc-4 {
    display: flex;
    flex-wrap: wrap;
    margin: -3.703704% -1.851852%;
}

.grid-doc-4__item {
    width: 100%;
    padding: 3.571429% 1.785714%;
}

@media (min-width: 480px) {
    .grid-doc-4__item {
        width: 50%;
    }
}

@media (min-width: 768px) {
    .grid-doc-4__item {
        width: 33.333333%;
    }
}

@media (min-width: 960px) {
    .grid-doc-4__item {
        width: 25%;
    }
}

.grid-plan {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: -10px;
}

@media (min-width: 960px) {
    .grid-plan {
        margin: 0;
    }
}

.grid-plan__item {
    display: flex;
    width: 100%;
    padding: 10px;
}

@media (min-width: 768px) {
    .grid-plan__item {
        width: 50%;
    }
}

@media (min-width: 960px) {
    .grid-plan__item {
        width: 25%;
        padding: 0;
    }

    .grid-plan--1 .grid-plan__item,
    .grid-plan--2 .grid-plan__item,
    .grid-plan--3 .grid-plan__item {
        width: 33.333333%;
    }
}

.header {
    position: relative;
    z-index: 10;
    top: 0;
    height: 62px;
    margin-bottom: -62px;
}

.header--solid {
    background: #fff;
}

.header__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 11px;
    padding-bottom: 11px;
}

.header__logo,
.header__title {
    display: block;
}

.header__cta,
.header__nav {
    display: flex;
    align-items: center;
}

.header__cta {
    margin-left: auto;
}

.header__login {
    display: none;
    margin-right: 20px;
    padding: 12px 3px;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 600;
    color: #47b972;
}

    .header__login:focus,
    .header__login:hover {
        color: #358c4f;
    }

.header__try {
    padding-left: 0;
    padding-right: 0;
    border-width: 0;
}

.header__btn-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin: 0 -10px 0 10px;
    padding: 0;
    background: transparent;
    border: none;
    fill: #47b972;
}

    .header__btn-menu:focus,
    .header__btn-menu:hover {
        outline: none;
    }

@media (min-width: 1020px) {
    .header__btn-menu {
        display: none;
    }
}

@media (min-width: 600px) {
    .header {
        height: 80px;
        margin-bottom: -80px;
    }

    .header__container {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .header__title {
        padding: 5px 0;
    }

    .header__login {
        display: block;
    }
}

@media (min-width: 1020px) {
    .header {
        background: transparent;
        transition: background-color 0.15s ease-in 0.02s;
        will-change: background-color;
    }

        .header:hover {
            transition: background-color 0.15s ease-in;
        }

        .header--solid,
        .header:hover {
            background: #fff;
        }

    .header--static {
        transition: none;
        will-change: auto;
    }

        .header--static:hover {
            background: transparent;
            transition: none;
        }

    .header__cta {
        margin-left: 0;
    }

    .header__try {
        border-width: 1px;
        padding-left: 12px;
        padding-right: 12px;
    }

    .header__login {
        color: #242424;
    }

        .header__login:hover,
        .header__loginfocus {
            color: #47b972;
        }
}

.header-nav {
    display: flex;
    align-items: center;
    line-height: 1.2;
    font-size: 14px;
}

.header-nav__item {
    display: none;
}

.header-nav__link {
    display: block;
    padding: 12px 8px;
    font-size: 14px;
    font-weight: 600;
    color: #242424;
    fill: #242424;
    background: none;
    border: none;
}

    .header-nav__item.ui-focus .header-nav__link,
    .header-nav__item:hover .header-nav__link,
    .header-nav__link:focus,
    .header-nav__link:hover {
        color: #47b972;
    }

        .header-nav__item.ui-focus .header-nav__link .header-nav__link-arrow,
        .header-nav__item:hover .header-nav__link .header-nav__link-arrow,
        .header-nav__link:focus .header-nav__link-arrow,
        .header-nav__link:hover .header-nav__link-arrow {
            fill: #47b972;
            transform: scaleY(-1);
        }

.header-nav__link-arrow {
    margin-left: 2px;
    vertical-align: 1px;
    will-change: transform;
}

@media (min-width: 1020px) {
    .header-nav__item {
        display: block;
    }
}

@media (min-width: 1100px) {
    .header-nav__link {
        padding: 12px;
    }
}

.header-nav-menu {
    pointer-events: none;
    position: absolute;
    z-index: 20;
    left: 0;
    top: 62px;
    width: 100%;
    min-width: 180px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    background: #fff;
    font-size: 14px;
    opacity: 0;
    transition-property: opacity;
    transition-duration: 0.2s;
    transition-delay: 0.1s;
}

.header-nav__item.ui-focus .header-nav-menu,
.header-nav__item:focus .header-nav-menu,
.header-nav__item:hover .header-nav-menu {
    pointer-events: auto;
    transform: none;
    opacity: 1;
    transition-delay: 0s;
}

.header-nav-menu__grid {
    display: flex;
    padding-top: 50px;
    padding-bottom: 60px;
    margin: -15px;
}

.header-nav-menu__col {
    display: block;
    padding: 15px;
}

.header-nav-menu__col--3 {
    width: 33.333333%;
}

.header-nav-menu__col--5 {
    width: 20%;
}

.header-nav-menu__item {
    display: block;
    margin-bottom: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .header-nav-menu__item:last-child {
        margin-bottom: 0;
    }

.header-nav-menu__category {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.header-nav-menu__category--divided {
    border-left: 1px solid #e7e7e7;
    padding-left: 30px;
}

.header-nav-menu__link {
    display: block;
    color: #242424;
    transition: color 0.25s;
}

    .header-nav-menu__link:focus,
    .header-nav-menu__link:hover {
        color: #47b972;
    }

.header-nav-menu__link--divider-right {
    border-right: 1px solid #e7e7e7;
    padding-right: 30px;
}

.header-nav-menu__cover {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    margin-bottom: 15px;
    background-color: #f3f5f6;
    border-radius: 16px;
}

.header-nav-menu__cover--proposals {
    background-color: #eaefeb;
}

.header-nav-menu__cover--quotes {
    background-color: #f1f6e9;
}

.header-nav-menu__cover--esignatures {
    background-color: #f2e7eb;
}

.header-nav-menu__cover--payments {
    background-color: #e8f2fe;
}

.header-nav-menu__cover--contracts {
    background-color: #fdecdc;
}

.header-nav-menu__cover--tour {
    background-color: #fff;
    box-shadow: inset 0 0 0 1px rgba(17, 17, 17, 0.3);
}

.header-nav-menu__cover--workflow {
    background-color: #e1e6f2;
}

.header-nav-menu__cover--insights {
    background-color: #f4ebc9;
}

.header-nav-menu__cover--speed {
    background-color: #e0f0f1;
}

.header-nav-menu__cover--experience {
    background-color: #ebe5f3;
}

.header-nav-menu__icon {
    fill: #242424;
}

.header-nav-menu__title {
    margin-bottom: 4px;
}

.header-nav-menu__tagline {
    line-height: 1.5;
}

.header-popup {
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    z-index: 110;
    top: 10px;
    right: 10px;
    left: 10px;
    border: 1px solid #e7e7e7;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    background: #fff;
    opacity: 0;
    transform-origin: 100% 0;
    transform: scale(0.95);
    transition-property: transform, opacity;
    transition-duration: 0.25s;
    will-change: transform, opacity;
}

    .header-popup.ui-open {
        pointer-events: auto;
        transform: none;
        opacity: 1;
    }

@media (min-width: 1020px) {
    .header-popup {
        display: none;
    }
}

.header-popup__body {
    display: flex;
    flex-wrap: wrap;
    padding: 10px 0;
}

.header-popup__list {
    width: 100%;
    padding: 10px;
}

.header-popup__link {
    display: block;
    width: 100%;
    padding: 8px 20px;
    font-size: 16px;
    color: #242424;
    text-align: left;
    background-color: transparent;
    border: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .header-popup__link:hover {
        color: #47b972;
    }

    .header-popup__link:focus {
        outline: none;
    }

.header-popup__link--accent {
    font-weight: 600;
}

.header-popup__link--nested {
    padding-left: 40px;
}

.header-popup__link-arrow {
    margin-left: 4px;
    fill: #242424;
    transform: scaleY(-1);
    will-change: transform;
}

.header-popup__link:hover .header-popup__link-arrow {
    fill: #47b972;
}

.header-popup__link.collapsed .header-popup__link-arrow {
    transform: scaleY(1);
}

.header-popup__close {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: none;
    border: none;
}

    .header-popup__close:focus {
        outline: none;
    }

.header-popup__close-icon {
    display: block;
    width: 20px;
    height: 20px;
    fill: #666;
}

@media (min-width: 480px) {
    .header-popup {
        width: 300px;
        left: auto;
    }
}

@media (min-width: 600px) {
    .header-popup {
        top: 20px;
        right: 50px;
    }

    .header-popup__login {
        display: none;
    }
}

.footer {
    padding-bottom: 40px;
}

.footer__row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.footer__col {
    width: 50%;
    margin-bottom: 45px;
    padding: 0 10px;
}

footer__colwider {
    width: 100%;
    margin-bottom: 45px;
    padding: 0 10px;
}

@media (min-width: 600px) {
    .footer__col {
        width: 33.333333%;
    }
}

@media (min-width: 960px) {
    .footer__col {
        width: 20%;
    }
}

.footer__title {
    margin-bottom: 1em;
}

.footer__meta {
    display: flex;
    flex-direction: column;
}

.footer__copyright {
    margin-bottom: 10px;
}

.footer__meta-list {
    display: flex;
    margin: 0 -5px;
}

.footer__meta-item {
    line-height: 1.2;
    padding: 0 5px;
}

.footer__meta-link {
    display: block;
    color: #666;
}

    .footer__meta-link:focus,
    .footer__meta-link:hover {
        color: #242424;
    }

.footer-cta {
    margin-left: -20px;
    margin-right: -20px;
    padding: 40px 20px;
    background-color: #f3f5f6;
}

@media (min-width: 600px) {
    .footer-cta {
        margin-left: 0;
        margin-right: 0;
        padding: 60px 55px;
        border-radius: 16px;
    }
}

.footer-cta__form {
    max-width: 470px;
    margin-left: auto;
    margin-right: auto;
}

.footer-nav__pill {
    margin: -1px 0 -1px 2px;
}

.footer-nav {
    margin: -0.5em 0;
}

.footer-nav__link {
    display: block;
    padding: 0.5em 0;
    line-height: 1.2;
    color: #666;
}

    .footer-nav__link:focus,
    .footer-nav__link:hover {
        color: #242424;
    }

.footer-oneliner {
    padding-top: 40px;
    padding-bottom: 40px;
}

.footer-oneliner__container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (min-width: 600px) {
    .footer-oneliner__container {
        justify-content: space-between;
        flex-direction: row;
    }
}

.footer-oneliner__copyright {
    margin-bottom: 20px;
    line-height: 1.2;
}

@media (min-width: 600px) {
    .footer-oneliner__copyright {
        margin-bottom: 0;
    }
}

.footer-oneliner__meta-list {
    display: flex;
    margin: 0 -10px;
}

.footer-oneliner__meta-item {
    line-height: 1.2;
    padding: 0 10px;
}

.footer-oneliner__meta-link {
    display: block;
    color: #666;
}

    .footer-oneliner__meta-link:focus,
    .footer-oneliner__meta-link:hover {
        color: #242424;
    }

.body--bg-alabaster {
    background-color: #f5f1ee;
}

.logo {
    display: block;
}

.logo--inverse-white .logo__text {
    fill: #fff;
}

.crms {
    position: relative;
    overflow: hidden;
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #f3f5f6;
}

.crms__container {
    margin-bottom: 50px;
}

.crms__box {
    margin-bottom: -20px;
}

.crms__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.crms__tagline,
.crms__title {
    max-width: 100%;
}

.crms__cover {
    position: relative;
    overflow: hidden;
    height: 0;
    padding-bottom: 43.75%;
}

.crms__cover--static.hide-mobile-tablets .lax {
    transform: translateY(-310px);
}

.crms__cover--static.hide-desktop .lax {
    transform: translateX(-155px);
}

.crms__wrapper {
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.crms__image {
    flex-shrink: 0;
    display: block;
    height: 100%;
    width: auto;
    margin-right: 2.5%;
}

    .crms__image:last-child {
        margin-right: 0;
    }

@media (min-width: 600px) {
    .crms {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .crms__container {
        margin-bottom: 80px;
    }

    .crms__box {
        margin-bottom: -40px;
    }

    .crms__cover {
        padding-bottom: 280px;
    }

        .crms__cover:first-child {
            margin-right: 15px;
        }
}

@media (min-width: 960px) {
    .crms {
        padding-top: 0;
        padding-bottom: 0;
    }

    .crms__cover {
        padding-bottom: 640px;
    }

        .crms__cover:after,
        .crms__cover:before {
            position: absolute;
            z-index: 1;
            content: "";
            display: block;
            height: 40px;
            width: 100%;
        }

        .crms__cover:before {
            top: 0;
            background: linear-gradient(rgba(243, 245, 246, 0.4), rgba(243, 245, 246, 0));
        }

        .crms__cover:after {
            bottom: 0;
            background: linear-gradient(rgba(243, 245, 246, 0), rgba(243, 245, 246, 0.4));
        }

    .crms__image {
        width: 100%;
        height: auto;
        margin-right: 0;
        margin-bottom: 4.08163%;
    }

        .crms__box,
        .crms__container,
        .crms__image:last-child {
            margin-bottom: 0;
        }
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
    margin: -2px 0 18px;
    line-height: 1.2;
    font-weight: 600;
    font-size: 14px;
}

.breadcrumb__item {
    display: flex;
    align-items: center;
    position: relative;
}

    .breadcrumb__item:after {
        content: "";
        display: block;
        width: 5px;
        height: 9px;
        margin: 0 9px;
        background: no-repeat 50% url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 9'%3E%3Cpath d='M.38 1.22l.64-.64 3.92 3.93-3.91 3.91-.63-.64 3.27-3.27L.38 1.22z'/%3E%3C/svg%3E");
        opacity: 0.5;
    }

    .breadcrumb__item:last-child:after {
        display: none;
    }

.breadcrumb__link {
    display: block;
    padding: 2px 0;
}

.hero,
.hero-culture,
.hero-form,
.hero-integration,
.hero-media,
.hero-rich {
    padding-top: 120px;
    padding-bottom: 60px;
}

@media (min-width: 600px) {
    .hero,
    .hero-culture,
    .hero-form,
    .hero-integration,
    .hero-media,
    .hero-rich {
        padding-top: 160px;
        padding-bottom: 120px;
    }
}

.hero__container {
    display: flex;
    flex-direction: column;
}

    .hero__container > :last-child {
        margin-bottom: 0;
    }

.hero__tagline,
.hero__title {
    max-width: 100%;
}

.hero__title {
    margin-bottom: 0.5em;
}

.hero__tagline {
    margin-bottom: 2em;
}

.hero--bottomless {
    padding-bottom: 0;
}

    .hero--bottomless .hero__title {
        margin-bottom: 0.5em;
    }

.hero--bottom-half {
    padding-bottom: 50px;
}

@media (min-width: 600px) {
    .hero--bottom-half {
        padding-bottom: 80px;
    }
}

.hero--magnet {
    margin-bottom: -40px;
}

    .hero--magnet:after {
        content: "";
        display: block;
        width: 1px;
        height: 40px;
    }

    .hero--magnet + * {
        position: relative;
        z-index: 2;
    }

@media (min-width: 960px) {
    .hero--magnet {
        margin-bottom: -60px;
    }

        .hero--magnet:after {
            height: 60px;
        }
}

.hero__title--editor {
    max-width: 11em;
}

.hero-form--proposals {
    background: #eaefeb;
}

.hero-form--quotes {
    background: #f1f6e9;
}

.hero-form--esignatures {
    background: #f2e7eb;
}

.hero-form--payments {
    background: #e8f2fe;
}

.hero-form--contracts {
    background: #fdecdc;
}

.hero-form--free-esign {
    background: #e9f6eb;
}

.hero-form--color-alabaster {
    background-color: #f5f1ee;
}

.hero-form--color-butter {
    background: #f4ebc9;
}

.hero-form--color-mint {
    background: #e9f7e8;
}

.hero-form--color-iceberg {
    background: #e0f0f1;
}

.hero-form--color-water {
    background: #e1e6f2;
}

.hero-form--color-lavender {
    background: #ebe5f3;
}

.hero-form__col,
.hero-form__container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.hero-form__col {
    width: 100%;
    max-width: 490px;
    margin-bottom: 50px;
    text-align: center;
}

    .hero-form__col:last-child {
        margin-bottom: 0;
    }

.hero-form__badges,
.hero-form__tagline,
.hero-form__title,
.hero-form__wrapper {
    max-width: 100%;
}

.hero-form__list {
    margin-bottom: 40px;
}

    .hero-form__list:last-child {
        margin-bottom: 0;
    }

.hero-form__wrapper {
    width: 100%;
    min-height: 16em;
}

.hero-form__badges {
    margin: 60px auto 0;
    height: auto;
}

@media (min-width: 600px) {
    .hero-form__col {
        margin-bottom: 60px;
    }

        .hero-form__col:last-child {
            margin-bottom: 0;
        }
}

@media (min-width: 960px) {
    .hero-form__container {
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
    }

    .hero-form__col {
        align-items: flex-start;
        width: calc(50% - 40px);
        margin-bottom: 0;
        text-align: left;
    }

        .hero-form__col .align-center {
            justify-content: flex-start;
            align-items: flex-start;
        }

    .hero-form__badges {
        margin: 40px 0 0;
    }
}

.hero-form--padding-compact {
    padding-top: 50px;
    padding-bottom: 50px;
}

@media (min-width: 600px) {
    .hero-form--padding-compact {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

.hero-integration__container {
    display: flex;
    flex-direction: column;
}

.hero-integration__title {
    max-width: 10em;
    margin-bottom: 0.5em;
}

.hero-integration__title--pill {
    margin-bottom: 0.25em;
}

@media (min-width: 600px) and (max-width: 660px) {
    .hero-integration__title {
        max-width: 9em;
    }
}

.hero-integration__tagline {
    max-width: 26.666667em;
    margin-bottom: 2em;
}

.hero-integration__tagline--badge {
    margin-bottom: 0.833333em;
}

.hero-integration__badges {
    margin-bottom: 32px;
}

@media (min-width: 600px) {
    .hero-integration__badges {
        margin-bottom: 40px;
    }
}

@media (min-width: 960px) {
    .hero-integration__badges {
        margin-bottom: 48px;
    }
}

.hero-integration__badge {
    display: flex;
    align-items: center;
    line-height: 1;
    font-size: 12px;
    color: #888;
}

.hero-integration__badge-label {
    margin-right: 6px;
}

.hero-integration__form {
    max-width: 470px;
    min-height: 50px;
}

.hero-integration__logo {
    position: relative;
}

@media (max-width: 499px) {
    .hero-integration__logo {
        display: none;
    }
}

.hero-integration__icon {
    position: absolute;
    right: 0;
}

@media (min-width: 600px) {
    .hero-integration__icon {
        display: block;
        width: 60px;
        height: 60px;
    }
}

@media (min-width: 768px) {
    .hero-integration__icon {
        width: 80px;
        height: 80px;
    }
}

@media (min-width: 960px) {
    .hero-integration__icon {
        width: 100px;
        height: 100px;
    }
}

.hero-culture {
    background-color: #f5f1ee;
}

.hero-culture__container {
    display: flex;
    flex-direction: column;
}

.hero-culture__title {
    position: relative;
    z-index: 2;
    max-width: 4em;
    margin-bottom: 30px;
    font-size: 60px;
    line-height: 1;
}

.hero-culture__cover {
    position: relative;
    overflow: hidden;
    align-self: flex-end;
    width: 100%;
    height: 0;
    padding-bottom: 66.666667%;
    border-radius: 16px;
}

.hero-culture__image {
    position: absolute;
    top: 0;
    left: 0;
}

.hero-culture__content {
    display: flex;
    margin-top: 30px;
}

.hero-culture__tagline {
    -ms-grid-row-align: center;
    align-self: center;
}

.hero-culture__cover-secondary {
    overflow: hidden;
    position: relative;
    flex-shrink: 0;
    flex-basis: auto;
    align-self: flex-start;
    width: 40.909091%;
    height: 0;
    padding-bottom: 34.090909%;
    border-radius: 16px;
}

.hero-culture__image-secondary {
    position: absolute;
    top: 0;
    left: 0;
}

@media (min-width: 600px) {
    .hero-culture__title {
        font-size: 80px;
        margin-bottom: 60px;
    }

    .hero-culture__content {
        margin-top: 60px;
    }
}

@media (min-width: 768px) {
    .hero-culture__title {
        margin-bottom: 0;
        font-size: calc(80px + 20 * (100vw - 768px) / 192);
    }

    .hero-culture__cover {
        width: 74.659091%;
        padding-bottom: 49.77273%;
        margin-top: -11.363636%;
    }

    .hero-culture__tagline {
        margin-right: 40px;
    }

    .hero-culture__content {
        margin-top: 30px;
    }
}

@media (min-width: 960px) {
    .hero-culture__title {
        font-size: 100px;
    }
}

.hero-media--proposals {
    background: #eaefeb;
}

.hero-media--quotes {
    background: #f1f6e9;
}

.hero-media--esignatures {
    background: #f2e7eb;
}

.hero-media--payments {
    background: #e8f2fe;
}

.hero-media--contracts {
    background: #fdecdc;
}

.hero-media--free-esign {
    background: #e9f6eb;
}

.hero-media--color-alabaster {
    background-color: #f5f1ee;
}

.hero-media--color-butter {
    background: #f4ebc9;
}

.hero-media--color-mint {
    background: #e9f7e8;
}

.hero-media--color-iceberg {
    background: #e0f0f1;
}

.hero-media--color-water {
    background: #e1e6f2;
}

.hero-media--color-lavender {
    background: #ebe5f3;
}

.hero-media__container,
.hero-media__content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.hero-media__content {
    flex-shrink: 0;
    margin-bottom: 50px;
    text-align: center;
}

.hero-media__cover {
    width: 100%;
    max-width: 490px;
    margin-bottom: -50px;
}

.hero-media__cover-aspect {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-bottom: 96.55172%;
}

.hero-media__image {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.hero-media__content,
.hero-media__tagline,
.hero-media__title {
    max-width: 100%;
}

.hero-media__video {
    pointer-events: none;
}

.hero-media__badges {
    max-width: 100%;
    margin-top: 40px;
}

@media (min-width: 600px) {
    .hero-media__content {
        margin-bottom: 80px;
    }

    .hero-media__cover {
        margin-bottom: -110px;
    }
}

@media (min-width: 960px) {
    .hero-media__container {
        flex-direction: row;
        align-items: flex-start;
    }

    .hero-media__content {
        align-items: flex-start;
        width: 45.37037%;
        margin-bottom: 0;
        margin-right: 40px;
        text-align: left;
    }

        .hero-media__content .align-center {
            justify-content: flex-start;
            align-items: flex-start;
        }

    .hero-media__cover {
        flex-basis: auto;
        max-width: 580px;
        margin-top: -40px;
        margin-right: -30px;
    }
}

.hero-details__meta {
    margin-top: -20px;
}

.hero-details__title {
    margin-bottom: 1em;
}

.hero-details__pill {
    margin-right: 1em;
}

    .hero-details__pill:last-child {
        margin-right: 0;
    }

.hero-details__date {
    display: inline-block;
}

.hero-details__cover {
    margin-bottom: 50px;
}

@media (min-width: 600px) {
    .hero-details__cover {
        margin-bottom: 80px;
    }
}

.hero-details__cover:last-child {
    margin-bottom: 0;
}

.hero-details__authors {
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
}

.hero-details__author {
    min-width: 190px;
    padding: 10px;
}

    .hero-details__author:last-child {
        margin-right: 0;
    }

.hero-rich {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    background: #242424 no-repeat top/cover;
}

.hero-rich--man-laughing {
    background-image: url(../img/hero-rich/mobile/man-laughing-30508c73eb.jpg);
}

@media (min-width: 960px) {
    .hero-rich--man-laughing {
        background-image: url(../img/hero-rich/man-laughing-dc0f4b8ae7.jpg);
    }
}

.hero-rich--man-speaking {
    background-image: url(../img/hero-rich/mobile/man-speaking-d63419c644.jpg);
}

@media (min-width: 960px) {
    .hero-rich--man-speaking {
        background-image: url(../img/hero-rich/man-speaking-d049b97006.jpg);
    }
}

.hero-rich--people-working {
    background-image: url(../img/hero-rich/mobile/people-working-1fc8089061.jpg);
}

@media (min-width: 960px) {
    .hero-rich--people-working {
        background-image: url(../img/hero-rich/people-working-387ec8c51a.jpg);
    }
}

.hero-rich__container {
    display: flex;
    flex-direction: column;
}

.hero-rich__col {
    -ms-grid-row-align: center;
    align-self: center;
    width: 100%;
    max-width: 490px;
}

    .hero-rich__col:first-child {
        margin-bottom: 50px;
    }

.hero-rich__tagline,
.hero-rich__title {
    color: #fff;
    text-align: center;
}

.hero-rich__cta {
    -ms-grid-row-align: center;
    align-self: center;
}

.hero-rich__form {
    padding: 30px;
    background-color: #f3f5f6;
    color: #242424;
}

.hero-rich__badges {
    -ms-grid-row-align: center;
    align-self: center;
    height: auto;
    max-width: 100%;
    margin-top: 40px;
}

.hero-rich__title-iframe {
    text-align: center;
}

.hero-rich__frame {
    flex: 1;
}

.hero-rich__iframe {
    overflow: hidden;
    border: none;
    border-radius: 16px;
    width: 100%;
    height: 100%;
    min-height: 420px;
}

.hero-rich__metrics {
    display: flex;
    justify-content: center;
}

.hero-rich__metrics-box {
    padding: 20px 40px 20px 20px;
    color: #242424;
    border-radius: 16px;
    background-color: #f3f5f6;
}

@media (min-width: 600px) {
    .hero-rich__col:first-child {
        margin-bottom: 80px;
    }

    .hero-rich__tagline,
    .hero-rich__title {
        text-align: left;
    }

    .hero-rich__badges,
    .hero-rich__cta {
        align-self: flex-start;
    }

    .hero-rich__title-iframe {
        text-align: left;
    }
}

@media (min-width: 600px) {
    .hero-rich__col .align-center {
        justify-content: flex-start;
        align-items: flex-start;
    }

    .hero-rich__metrics {
        justify-content: flex-start;
    }
}

@media (min-width: 768px) {
    .hero-rich__title-iframe {
        margin-top: 0.75em;
    }
}

@media (min-width: 960px) {
    .hero-rich__container {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .hero-rich__col {
        align-self: flex-start;
        width: 46%;
    }

        .hero-rich__col:first-child {
            margin-bottom: 0;
        }

    .hero-rich__col--frame {
        display: flex;
        flex-direction: column;
        align-self: stretch;
    }

    .hero-rich__col .align-center {
        justify-content: flex-start;
        align-items: flex-start;
    }

    .hero-rich__metrics-box {
        -ms-grid-row-align: center;
        align-self: center;
    }
}

.metrics {
    padding: 30px;
    border: 1px solid #e7e7e7;
    border-radius: 16px;
    background: #fff;
}

.metrics--shadow {
    border: none;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
}

.metrics__grid {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    margin: -10px -15px;
}

.metrics__item {
    display: flex;
    flex-direction: column;
    width: 50%;
    padding: 10px 15px;
}

.metrics__item--divider,
.metrics__item--primary {
    width: 100%;
}

    .metrics__item--divider:before {
        content: "";
        display: block;
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px solid #e7e7e7;
    }

.metrics__title {
    line-height: 1.2;
}

    .metrics__title em {
        font-style: normal;
    }

.metrics__tagline {
    display: flex;
    order: -1;
    align-items: center;
    margin-bottom: 8px;
    line-height: 1.2;
    font-weight: 700;
}

.metrics__tagline--primary {
    font-size: 32px;
}

.metrics__icon {
    flex-shrink: 0;
    width: 0.75em;
    height: 0.75em;
    margin-left: 10px;
    fill: #c8cfd3;
}

@media (min-width: 600px) {
    .metrics {
        padding: 40px 60px;
    }

    .metrics__grid {
        margin: -20px;
    }

    .metrics__item {
        padding: 20px;
    }

    .metrics__tagline--primary {
        font-size: 42px;
    }
}

@media (min-width: 768px) {
    .metrics__item {
        width: 33.33333%;
    }

    .metrics__item--divider {
        width: 100%;
    }
}

@media (min-width: 960px) {
    .metrics__grid {
        margin: -15px;
    }

    .metrics__item {
        padding: 15px;
    }

    .metrics__tagline--primary {
        font-size: calc(42px + 30 * (100vw - 960px) / 240);
    }
}

@media (min-width: 1200px) {
    .metrics__tagline--primary {
        font-size: 72px;
    }
}

.metrics-alt {
    display: flex;
    flex-wrap: wrap;
    margin: -15px 0;
}

.metrics-alt__item {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 15px 0;
}

@media (min-width: 600px) {
    .metrics-alt {
        margin: -30px;
    }

    .metrics-alt__item {
        width: 50%;
        padding: 30px;
    }
}

@media (min-width: 768px) {
    .metrics-alt {
        margin: -30px -40px;
    }

    .metrics-alt__item {
        padding: 30px 40px;
    }
}

.metrics-hero {
    display: table;
    margin: -3px -6px;
    direction: rtl;
}

.metrics-hero__item {
    display: table-row;
}

.metrics-hero__tagline,
.metrics-hero__title {
    display: table-cell;
    padding: 3px 6px;
}

.metrics-hero__tagline {
    font-variant-numeric: tabular-nums;
}

.pill {
    display: inline-flex;
    align-items: center;
    line-height: 1;
    padding: 3px 4px;
    border-radius: 4px;
    color: #888;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #e7ebed;
}

.pill--premium {
    background-color: #d9b52b;
    color: #fff;
}

.pill--new {
    background-color: #ff9046;
    color: #fff;
}

.pill--disabled {
    background-color: #e7ebed;
    color: #888;
}

.pill--upcoming {
    background-color: #ff501f;
    color: #fff;
}

.pill--neutral {
    background-color: #e7e7e7;
    color: #888;
}

.pill--large {
    padding: 4px;
    font-size: 12px;
}

@media (min-width: 600px) {
    .pill--large {
        padding: 6px;
        font-size: 14px;
    }
}

@media (min-width: 960px) {
    .pill--large {
        padding: 8px;
        font-size: 16px;
    }
}

.pill__icon {
    margin-right: 3px;
}

.list-lined {
    max-width: 100%;
    border-top: 1px solid #e7e7e7;
}

.list-lined__item {
    border-bottom: 1px solid #e7e7e7;
}

.list-lined__link {
    display: block;
    max-width: 100%;
    padding: 20px 0;
    color: #242424;
}

    .list-lined__link:active,
    .list-lined__link:hover {
        color: #47b972;
    }

.list-checked {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1em;
    margin-right: -1em;
}

.list-checked__item {
    display: flex;
    width: 100%;
    padding-left: 1em;
    padding-right: 1em;
    margin-bottom: 0.5em;
}

    .list-checked__item:before {
        flex-shrink: 0;
        content: "";
        display: block;
        margin-top: 0.45em;
        margin-right: 0.7em;
        width: 17px;
        height: 12px;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 12'%3E%3Cpath d='M17 2.06L7.06 12l-1.41-1.45-5.3-5.3 1.42-1.41 5.29 5.29L15.55.65z' fill='%2347b972'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
    }

    .list-checked__item:last-child {
        margin-bottom: 0;
    }

.list-checked--col-3 .list-checked__item {
    margin-bottom: 20px;
}

.list-checked--filled .list-checked__item:before {
    width: 14px;
    height: 14px;
    margin-top: 0.3em;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath d='M7 0a7 7 0 107 7 7 7 0 00-7-7zM5.6 10.5L2.1 7l1-1 2.5 2.52 5.31-5.31 1 1z' fill='%2347b972'/%3E%3C/svg%3E");
}

@media (min-width: 600px) {
    .list-checked--col-3 {
        margin: -15px -25px;
    }

        .list-checked--col-3 .list-checked__item {
            width: 50%;
            margin-bottom: 0;
            padding: 15px 25px;
        }
}

@media (min-width: 768px) {
    .list-checked--col-3 .list-checked__item {
        width: 33.333333%;
    }
}

.table {
    width: 100%;
    font-size: 12px;
}

    .table td,
    .table th {
        padding: 14px;
        vertical-align: baseline;
    }

        .table td:first-child,
        .table th:first-child {
            padding-left: 0;
        }

        .table td:last-child,
        .table th:last-child {
            padding-right: 0;
        }

    .table tr {
        border-bottom: 1px solid #e7ebed;
    }

@media (min-width: 600px) {
    .table {
        font-size: 14px;
    }
}

.table__title {
    min-width: 12em;
}

.table--hoverable td:first-child,
.table--hoverable th:first-child {
    padding-left: 10px;
}

.table__row--hoverable:hover {
    background: #f7f7f7;
}

.table__icon {
    fill: hsla(0, 0%, 53.3%, 0.4);
}

.table__icon--addon {
    margin-left: 3px;
}

.trust {
    margin: -10px;
}

.trust__list {
    flex-wrap: wrap;
}

.trust__badges,
.trust__list {
    display: flex;
    align-items: center;
    justify-content: center;
}

.trust__item {
    max-width: 100px;
}

.trust__badge,
.trust__item {
    display: flex;
    padding: 10px;
}

.trust__badge-icon {
    max-width: 100%;
}

@media (min-width: 600px) {
    .trust {
        margin: -20px;
    }

    .trust__item {
        max-width: none;
        padding: 20px;
    }

    .trust__badge {
        padding: 20px;
    }
}

.tour,
.tour__tabs {
    display: flex;
    flex-direction: column;
}

.tour__tabs {
    width: 100%;
}

.tour__tab {
    flex-basis: auto;
    margin-bottom: 50px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

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

.tour__link {
    display: block;
    height: 100%;
    padding: 20px;
    margin-bottom: 20px;
    text-align: center;
    color: inherit;
    border: 1px solid #f3f5f6;
    border-radius: 4px;
    transition: border 0.25s, background-color 0.25s;
    pointer-events: none;
}

    .tour__link:focus,
    .tour__link:hover {
        color: inherit;
        border-color: #b2b2b2;
    }

        .tour__link:focus.active,
        .tour__link:hover.active {
            border-color: #f3f5f6;
        }

.tour__content {
    display: none;
    width: 100%;
}

.tour__cover {
    position: relative;
    border-radius: 4px;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.tour__image {
    position: relative;
    z-index: -1;
    width: 100%;
    height: auto;
    max-width: 100%;
}

.tour__cover--mobile {
    display: block;
}

@media (min-width: 600px) {
    .tour__tab {
        margin-bottom: 60px;
    }

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

@media (min-width: 600px) {
    .tour__tab {
        flex-basis: 100%;
        margin-bottom: 80px;
    }

        .tour__tab:last-child {
            margin-right: 0;
        }
}

@media (min-width: 960px) {
    .tour {
        flex-direction: row;
    }

    .tour__tabs {
        flex-direction: column;
        width: 33.333333%;
        padding-right: 15px;
    }

    .tour__tab {
        flex-basis: auto;
        margin-right: 0;
        margin-bottom: 10px;
    }

        .tour__link,
        .tour__tab:last-child {
            margin-bottom: 0;
        }

    .tour__link {
        text-align: left;
        pointer-events: auto;
    }

        .tour__link.active {
            background-color: #f3f5f6;
        }

    .tour__content {
        display: block;
        width: 66.666667%;
        padding-left: 15px;
    }

    .tour__cover--mobile {
        display: none;
    }
}

.typo > :first-child {
    margin-top: 0;
}

.typo h2,
.typo h3,
.typo h4 {
    margin-top: 2em;
}

    .typo h2 + h3,
    .typo h3 + h4 {
        margin-top: 1em;
    }

.typo blockquote,
.typo ol,
.typo p,
.typo ul {
    margin-top: 1.5em;
}

.typo ol,
.typo ul {
    margin-left: 1.5em;
}

.typo li {
    margin-top: 0.75em;
}

.typo ul li {
    list-style: disc;
}

    .typo ul li li {
        list-style: circle;
    }

        .typo ul li li li {
            list-style: square;
        }

.typo ol li {
    list-style: decimal;
}

.typo img {
    display: block;
    max-width: 100%;
    height: auto;
}

.typo .entry-content-asset {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

.typo .wp-embedded-content {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.typo-check h3 {
    display: flex;
    margin-top: 2em;
}

    .typo-check h3:before {
        flex-shrink: 0;
        display: block;
        content: "";
        width: 16px;
        height: 16px;
        margin: 0.25em 10px 0 0;
        background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath d='M7 0a7 7 0 107 7 7 7 0 00-7-7zm.45 9.29l-.82.77L3 6.72l1.31-1.23 2.37 2.18 3.6-3.28 1.25 1.17z' fill='%2347b972'/%3E%3C/svg%3E") 50% / cover;
    }

    .typo-check h2:first-child,
    .typo-check h3:first-child {
        margin-top: 0;
    }

.typo-check p {
    margin-top: 0.5em;
}

.typo-check .text-lead {
    margin-top: 1em;
}

.typo-tiny ol,
.typo-tiny p,
.typo-tiny ul {
    margin-bottom: 1em;
}

.typo-tiny ol,
.typo-tiny ul {
    margin-left: 1.2em;
}

.typo-tiny li {
    margin-bottom: 0.5em;
}

.typo-tiny ul li {
    list-style: disc;
}

.typo-tiny ol li {
    list-style: decimal;
}

.typo-tiny :last-child {
    margin-bottom: 0;
}

.typo-wp > :first-child {
    margin-top: 0;
}

.typo-wp > h2,
.typo-wp > h3,
.typo-wp > h4 {
    padding-top: 1em;
    margin-top: 1em;
}

    .typo-wp > h2:first-child,
    .typo-wp > h3:first-child,
    .typo-wp > h4:first-child {
        padding-top: 0;
    }

    .typo-wp > h2 + h3,
    .typo-wp > h3 + h4 {
        margin-top: 1em;
    }

.typo-wp > blockquote,
.typo-wp > ol,
.typo-wp > p,
.typo-wp > ul {
    margin-top: 1.5em;
}

    .typo-wp > ol,
    .typo-wp > ol ol,
    .typo-wp > ol ul,
    .typo-wp > ul,
    .typo-wp > ul ol,
    .typo-wp > ul ul {
        margin-left: 1.5em;
    }

        .typo-wp > ol li,
        .typo-wp > ul li {
            margin-top: 0.75em;
        }

        .typo-wp > ul li {
            list-style: square;
        }

            .typo-wp > ul li li {
                list-style: disc;
            }

                .typo-wp > ul li li li {
                    list-style: circle;
                }

        .typo-wp > ol li {
            list-style: decimal;
        }

.typo-wp > img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

@media (min-width: 600px) {
    .typo-wp > img {
        margin-top: 40px;
        margin-bottom: 40px;
    }
}

.typo-wp .container {
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.typo-wp > .mb-160 {
    margin-top: 80px;
    margin-bottom: 80px;
}

@media (min-width: 600px) {
    .typo-wp > .mb-160 {
        margin-top: 160px;
        margin-bottom: 160px;
    }
}

.typo-wp > .mb-80 {
    margin-top: 40px;
    margin-bottom: 40px;
}

@media (min-width: 600px) {
    .typo-wp > .mb-80 {
        margin-top: 80px;
        margin-bottom: 80px;
    }
}

.typo-wp > .mb-40 {
    margin-top: 20px;
    margin-bottom: 20px;
}

@media (min-width: 600px) {
    .typo-wp > .mb-40 {
        margin-top: 40px;
        margin-bottom: 40px;
    }
}

.typo-wp > .wp-block-image {
    margin: 2.222222em 0;
}

    .typo-wp > .wp-block-image img {
        display: block;
        max-width: 100%;
        height: auto;
    }

    .typo-wp > .wp-block-image figcaption {
        margin-top: 1em;
        color: #888;
    }

.typo-wp > .wp-block-quote {
    margin: 2.222222em 0;
    padding: 20px;
    background: #f3f5f6;
    border-radius: 4px;
}

    .typo-wp > .wp-block-quote p {
        margin-bottom: 1em;
    }

        .typo-wp > .wp-block-quote p:last-child {
            margin: 0;
        }

    .typo-wp > .wp-block-quote cite {
        font-style: normal;
        color: #888;
    }

@media (min-width: 600px) {
    .typo-wp > .wp-block-quote {
        padding: 30px;
        border-radius: 16px;
    }
}

.typo-wp > .wp-block-embed {
    margin: 2.222222em 0;
}

    .typo-wp > .wp-block-embed .wp-block-embed__wrapper {
        position: relative;
        width: 100%;
        padding-top: 56.25%;
    }

    .typo-wp > .wp-block-embed .entry-content-asset {
        position: absolute;
        top: 0;
        left: 0;
    }

    .typo-wp > .wp-block-embed .entry-content-asset,
    .typo-wp > .wp-block-embed iframe {
        display: block;
        width: 100%;
        height: 100%;
    }

    .typo-wp > .wp-block-embed figcaption {
        margin-top: 1em;
        color: #888;
    }

.typo-wp > .container:first-child,
.typo-wp > [class^="wp-block"]:first-child {
    margin-top: 0;
}

.typo-wp > .container:last-child,
.typo-wp > [class^="wp-block"]:last-child {
    margin-bottom: 0;
}

.typography {
    color: #666;
}

    .typography > :first-child {
        margin-top: 0;
    }

    .typography blockquote,
    .typography ol,
    .typography p,
    .typography ul {
        margin-top: 1.5em;
    }

    .typography h1,
    .typography h2,
    .typography h3,
    .typography h4,
    .typography h5,
    .typography h6 {
        color: #242424;
    }

    .typography h2,
    .typography h3,
    .typography h4 {
        margin-top: 2em;
    }

        .typography h2 + h3,
        .typography h3 + h4 {
            margin-top: 1em;
        }

    .typography p[class*="mb-"] + h2,
    .typography p[class*="mb-"] + h3 {
        margin-top: 0;
    }

    .typography ol,
    .typography ul {
        margin-left: 1.5em;
    }

    .typography li {
        margin-top: 0.75em;
    }

    .typography ul li {
        list-style: disc;
    }

        .typography ul li li {
            list-style: circle;
        }

            .typography ul li li li {
                list-style: square;
            }

    .typography ol li {
        list-style: decimal;
    }

    .typography img {
        display: block;
        max-width: 100%;
        height: auto;
    }

    .typography .entry-content-asset {
        position: relative;
        width: 100%;
        padding-top: 56.25%;
    }

    .typography .wp-embedded-content {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.typography--list-checked > ul {
    margin-left: 0;
}

    .typography--list-checked > ul > li {
        display: flex;
        list-style: none;
    }

        .typography--list-checked > ul > li:before {
            content: "";
            display: block;
            flex-shrink: 0;
            width: 16px;
            height: 16px;
            margin: 0.25em 10px 0 0;
            background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath d='M7 0a7 7 0 107 7 7 7 0 00-7-7zm.45 9.29l-.82.77L3 6.72l1.31-1.23 2.37 2.18 3.6-3.28 1.25 1.17z' fill='%2347b972'/%3E%3C/svg%3E") 50% / cover;
        }

.quote {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.quote__tagline {
    margin-bottom: 1.5em;
    text-align: center;
}

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

.quote__author,
.quote__tagline {
    max-width: 100%;
}

.blockquote {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-width: 100%;
    padding: 40px 20px;
    border-radius: 16px;
    color: #fff;
    background-color: #242424;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.blockquote__logo {
    margin-bottom: 40px;
    flex-shrink: 0;
}

.blockquote__logo-svg {
    max-width: 160px;
    fill: #fff;
}

.blockquote__content {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.blockquote__footer {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: -10px;
}

.blockquote__footer-item {
    padding: 10px;
}

.blockquote__metrics {
    display: flex;
    flex-direction: column;
    margin-top: auto;
    padding-top: 20px;
    border-top: 1px solid hsla(0, 0%, 100%, 0.2);
}

.blockquote__metrics-item {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    margin-bottom: 20px;
}

    .blockquote__metrics-item:last-child {
        margin-bottom: 0;
    }

.blockquote__metrics-tagline {
    margin-bottom: 5px;
    color: #47b972;
}

.blockquote--bg-man {
    background-image: url(../img/blockquote/mobile/man-54fc36580b.jpg);
}

@media (min-width: 960px) {
    .blockquote--bg-man {
        background-size: auto 100%;
        background-image: url(../img/blockquote/man-b7e36c6954.jpg);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .blockquote--bg-man {
        background-image: url(../img/blockquote/mobile/man@2x-02c1589071.jpg);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 960px), only screen and (min-device-pixel-ratio: 1.5) and (min-width: 960px) {
    .blockquote--bg-man {
        background-size: auto 100%;
        background-image: url(../img/blockquote/man@2x-2dc7716081.jpg);
    }
}

.blockquote--bg-mobile {
    background-image: url(../img/blockquote/mobile/mobile-34a1cc2249.jpg);
}

@media (min-width: 960px) {
    .blockquote--bg-mobile {
        background-size: auto 100%;
        background-image: url(../img/blockquote/mobile-22479cae3c.jpg);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .blockquote--bg-mobile {
        background-image: url(../img/blockquote/mobile/mobile@2x-7a7966fea9.jpg);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 960px), only screen and (min-device-pixel-ratio: 1.5) and (min-width: 960px) {
    .blockquote--bg-mobile {
        background-size: auto 100%;
        background-image: url(../img/blockquote/mobile@2x-c66d22b0e3.jpg);
    }
}

.blockquote--bg-video-rec {
    background-image: url(../img/blockquote/mobile/video-rec-7d40f46114.jpg);
}

@media (min-width: 960px) {
    .blockquote--bg-video-rec {
        background-size: auto 100%;
        background-image: url(../img/blockquote/video-rec-2b0c1a2d2f.jpg);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .blockquote--bg-video-rec {
        background-image: url(../img/blockquote/mobile/video-rec@2x-74c78def24.jpg);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 960px), only screen and (min-device-pixel-ratio: 1.5) and (min-width: 960px) {
    .blockquote--bg-video-rec {
        background-size: auto 100%;
        background-image: url(../img/blockquote/video-rec@2x-d9e2d8b100.jpg);
    }
}

.blockquote--bg-database {
    background-image: url(../img/blockquote/mobile/database-5904cb6892.jpg);
}

@media (min-width: 960px) {
    .blockquote--bg-database {
        background-size: auto 100%;
        background-image: url(../img/blockquote/database-3b47cd05b4.jpg);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .blockquote--bg-database {
        background-image: url(../img/blockquote/mobile/database@2x-037c21a384.jpg);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 960px), only screen and (min-device-pixel-ratio: 1.5) and (min-width: 960px) {
    .blockquote--bg-database {
        background-size: auto 100%;
        background-image: url(../img/blockquote/database@2x-df32fdd456.jpg);
    }
}

.blockquote--bg-presentation {
    background-image: url(../img/blockquote/mobile/presentation-d9cb085405.jpg);
}

@media (min-width: 960px) {
    .blockquote--bg-presentation {
        background-size: auto 100%;
        background-image: url(../img/blockquote/presentation-4ef7ff0d83.jpg);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .blockquote--bg-presentation {
        background-image: url(../img/blockquote/mobile/presentation@2x-45903dd450.jpg);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 960px), only screen and (min-device-pixel-ratio: 1.5) and (min-width: 960px) {
    .blockquote--bg-presentation {
        background-size: auto 100%;
        background-image: url(../img/blockquote/presentation@2x-8d0f65f14c.jpg);
    }
}

.blockquote--bg-office {
    background-image: url(../img/blockquote/mobile/office-19a5856503.jpg);
}

@media (min-width: 960px) {
    .blockquote--bg-office {
        background-size: auto 100%;
        background-image: url(../img/blockquote/office-9618d3f30a.jpg);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .blockquote--bg-office {
        background-image: url(../img/blockquote/mobile/office@2x-9c4917979e.jpg);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 960px), only screen and (min-device-pixel-ratio: 1.5) and (min-width: 960px) {
    .blockquote--bg-office {
        background-size: auto 100%;
        background-image: url(../img/blockquote/office@2x-61bb3dee68.jpg);
    }
}

.blockquote--bg-working {
    background-image: url(../img/blockquote/mobile/working-76514fafff.jpg);
}

@media (min-width: 960px) {
    .blockquote--bg-working {
        background-size: auto 100%;
        background-image: url(../img/blockquote/working-24b5dfc3da.jpg);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .blockquote--bg-working {
        background-image: url(../img/blockquote/mobile/working@2x-a8e251de9e.jpg);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 960px), only screen and (min-device-pixel-ratio: 1.5) and (min-width: 960px) {
    .blockquote--bg-working {
        background-size: auto 100%;
        background-image: url(../img/blockquote/working@2x-f540821517.jpg);
    }
}

.blockquote--bg-customer-carr {
    background-image: url(../img/blockquote/mobile/customer-carr-f6856ae80d.jpg);
}

@media (min-width: 960px) {
    .blockquote--bg-customer-carr {
        background-size: auto 100%;
        background-image: url(../img/blockquote/customer-carr-5ccb9611e2.jpg);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .blockquote--bg-customer-carr {
        background-image: url(../img/blockquote/mobile/customer-carr@2x-bc3c1c6347.jpg);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 960px), only screen and (min-device-pixel-ratio: 1.5) and (min-width: 960px) {
    .blockquote--bg-customer-carr {
        background-size: auto 100%;
        background-image: url(../img/blockquote/customer-carr@2x-59420cb22a.jpg);
    }
}

.blockquote--bg-customer-kickfire {
    background-image: url(../img/blockquote/mobile/customer-kickfire-a69127448e.jpg);
}

@media (min-width: 960px) {
    .blockquote--bg-customer-kickfire {
        background-size: auto 100%;
        background-image: url(../img/blockquote/customer-kickfire-20ff4083cf.jpg);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .blockquote--bg-customer-kickfire {
        background-image: url(../img/blockquote/mobile/customer-kickfire@2x-85eaa14866.jpg);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 960px), only screen and (min-device-pixel-ratio: 1.5) and (min-width: 960px) {
    .blockquote--bg-customer-kickfire {
        background-size: auto 100%;
        background-image: url(../img/blockquote/customer-kickfire@2x-153236dbeb.jpg);
    }
}

.blockquote--bg-customer-mcc {
    background-image: url(../img/blockquote/mobile/customer-mcc-2844c836fe.jpg);
}

@media (min-width: 960px) {
    .blockquote--bg-customer-mcc {
        background-size: auto 100%;
        background-image: url(../img/blockquote/customer-mcc-bf494c85f7.jpg);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .blockquote--bg-customer-mcc {
        background-image: url(../img/blockquote/mobile/customer-mcc@2x-6a2f26859f.jpg);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 960px), only screen and (min-device-pixel-ratio: 1.5) and (min-width: 960px) {
    .blockquote--bg-customer-mcc {
        background-size: auto 100%;
        background-image: url(../img/blockquote/customer-mcc@2x-b5883f2453.jpg);
    }
}

.blockquote--bg-customer-tpd {
    background-image: url(../img/blockquote/mobile/customer-tpd-fbe7d34c2f.jpg);
}

@media (min-width: 960px) {
    .blockquote--bg-customer-tpd {
        background-size: auto 100%;
        background-image: url(../img/blockquote/customer-tpd-9468b8e738.jpg);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .blockquote--bg-customer-tpd {
        background-image: url(../img/blockquote/mobile/customer-tpd@2x-b31f42de13.jpg);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 960px), only screen and (min-device-pixel-ratio: 1.5) and (min-width: 960px) {
    .blockquote--bg-customer-tpd {
        background-size: auto 100%;
        background-image: url(../img/blockquote/customer-tpd@2x-d064dbc1c0.jpg);
    }
}

.blockquote--bg-customer-verified-first {
    background-image: url(../img/blockquote/mobile/customer-verified-first-7e075effaa.jpg);
}

@media (min-width: 960px) {
    .blockquote--bg-customer-verified-first {
        background-size: auto 100%;
        background-image: url(../img/blockquote/customer-verified-first-6f4e36066a.jpg);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .blockquote--bg-customer-verified-first {
        background-image: url(../img/blockquote/mobile/customer-verified-first@2x-fdbad883a6.jpg);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 960px), only screen and (min-device-pixel-ratio: 1.5) and (min-width: 960px) {
    .blockquote--bg-customer-verified-first {
        background-size: auto 100%;
        background-image: url(../img/blockquote/customer-verified-first@2x-21e66efc3f.jpg);
    }
}

.blockquote--bg-customer-opmentors {
    background-image: url(../img/blockquote/mobile/customer-opmentors-4b08834d8d.jpg);
}

@media (min-width: 960px) {
    .blockquote--bg-customer-opmentors {
        background-size: auto 100%;
        background-image: url(../img/blockquote/customer-opmentors-6de5ff5dc5.jpg);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .blockquote--bg-customer-opmentors {
        background-image: url(../img/blockquote/mobile/customer-opmentors@2x-c394e7a095.jpg);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 960px), only screen and (min-device-pixel-ratio: 1.5) and (min-width: 960px) {
    .blockquote--bg-customer-opmentors {
        background-size: auto 100%;
        background-image: url(../img/blockquote/customer-opmentors@2x-b94d01919f.jpg);
    }
}

.blockquote--bg-customer-jonas-club-software {
    background-image: url(../img/blockquote/mobile/customer-jonas-club-software-bb952d6b44.jpg);
}

@media (min-width: 960px) {
    .blockquote--bg-customer-jonas-club-software {
        background-size: auto 100%;
        background-image: url(../img/blockquote/customer-jonas-club-software-6f0b9717bc.jpg);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .blockquote--bg-customer-jonas-club-software {
        background-image: url(../img/blockquote/mobile/customer-jonas-club-software@2x-cc4fdc7f25.jpg);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 960px), only screen and (min-device-pixel-ratio: 1.5) and (min-width: 960px) {
    .blockquote--bg-customer-jonas-club-software {
        background-size: auto 100%;
        background-image: url(../img/blockquote/customer-jonas-club-software@2x-bde93d9f1d.jpg);
    }
}

.blockquote--bg-customer-chili-piper {
    background-image: url(../img/blockquote/mobile/customer-chili-piper-b54d676a05.jpg);
}

@media (min-width: 960px) {
    .blockquote--bg-customer-chili-piper {
        background-size: auto 100%;
        background-image: url(../img/blockquote/customer-chili-piper-ae421ad246.jpg);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .blockquote--bg-customer-chili-piper {
        background-image: url(../img/blockquote/mobile/customer-chili-piper@2x-93205f456d.jpg);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 960px), only screen and (min-device-pixel-ratio: 1.5) and (min-width: 960px) {
    .blockquote--bg-customer-chili-piper {
        background-size: auto 100%;
        background-image: url(../img/blockquote/customer-chili-piper@2x-0d0c01141e.jpg);
    }
}

@media (min-width: 600px) {
    .blockquote {
        padding: 60px 55px;
    }

    .blockquote__logo {
        margin-bottom: 60px;
    }

    .blockquote__logo-svg {
        max-width: none;
    }

    .blockquote__metrics {
        flex-direction: row;
        align-items: flex-start;
    }

    .blockquote__metrics-item {
        width: 33.333333%;
        margin-bottom: 0;
        padding-right: 20px;
    }

        .blockquote__metrics-item:last-child {
            padding-right: 0;
        }
}

@media (min-width: 960px) {
    .blockquote {
        flex-direction: row;
    }

    .blockquote--metrics .blockquote__logo {
        width: 33.333333%;
    }

    .blockquote--metrics .blockquote__content {
        width: 66.666667%;
    }

    .blockquote__logo {
        align-self: flex-start;
        width: 50%;
        margin-bottom: 0;
        padding-right: 20px;
    }

    .blockquote__content {
        width: 50%;
    }
}

.author__body {
    display: flex;
    align-items: flex-start;
    min-height: 40px;
}

.author__avatar {
    flex-shrink: 0;
    margin-right: 10px;
}

.author__content {
    display: flex;
    flex-direction: column;
    margin-top: 3px;
    line-height: 1.2;
    font-size: 14px;
    overflow: hidden;
}

.author__name {
    margin-bottom: 4px;
}

    .author__name:last-child {
        margin: 0;
    }

.author__links {
    display: flex;
    flex-wrap: wrap;
}

.author__links-item {
    display: inline-flex;
    align-items: center;
    color: #888;
}

    .author__links-item:before {
        content: "";
        display: inline-block;
        width: 3px;
        height: 3px;
        margin-left: 6px;
        margin-right: 6px;
        border-radius: 50%;
        font-size: inherit;
        background-color: #888;
    }

    .author__links-item:first-child:before {
        content: none;
    }

.avatar {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    background: #c8cfd3;
    font-weight: 600;
    color: #fff;
}

.avatar--online:after {
    position: absolute;
    bottom: 2px;
    right: -3px;
    display: block;
    content: "";
    width: 12px;
    height: 12px;
    background-color: #47b972;
    border: 2px solid #fff;
    border-radius: 50%;
}

.video-hero {
    overflow: hidden;
    max-width: calc(160vh - 64px);
    margin: 0 auto;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.05);
}

@media (min-width: 600px) {
    .video-hero {
        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.05);
    }
}

@media (min-width: 960px) {
    .video-hero {
        max-width: calc(160vh - 128px);
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.05);
    }
}

.testimonials {
    display: flex;
}

.testimonials__col {
    flex-shrink: 0;
    width: 100%;
    padding: 0;
}

.testimonials__content {
    margin: 0 -20px;
}

.testimonials__box {
    height: 100%;
    margin: 0 20px 40px;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
}

.testimonials__tab {
    border-top: 1px solid #e7e7e7;
}

    .testimonials__tab:last-child {
        border-bottom: 1px solid #e7e7e7;
    }

.testimonials__title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 20px 0;
    text-align: left;
    background-color: transparent;
    border: none;
    transition: color 0.25s;
    will-change: color;
}

    .testimonials__title:focus,
    .testimonials__title:hover {
        outline: none;
        color: #47b972;
    }

.testimonials__icon {
    flex-shrink: 0;
    margin-left: 30px;
    fill: #47b972;
    transform: scaleY(-1);
    transition: transform 0.25s;
    will-change: transform;
}

.testimonials__title.collapsed .testimonials__icon {
    transform: none;
}

.testimonials__wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 20px;
}

.testimonials__tagline {
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 20px;
}

@media (min-width: 600px) {
    .testimonials__tagline {
        padding-bottom: 40px;
    }
}

.testimonials__logo {
    margin-bottom: 30px;
}

.testimonials__quote {
    align-items: flex-start;
    padding: 0;
    margin: auto 0 0;
    text-align: left;
}

@media (min-width: 600px) {
    .testimonials__content {
        margin: 0 -40px;
    }

    .testimonials__box {
        margin: 0 40px 40px;
        box-shadow: 0 15px 40px 0 rgba(0, 0, 0, 0.15);
    }

    .testimonials__wrapper {
        padding: 30px;
    }

    .testimonials__tagline {
        margin-left: 40px;
        margin-right: 40px;
    }
}

@media (min-width: 960px) {
    .testimonials {
        margin: 0 -40px;
    }

    .testimonials__col {
        width: 50%;
        padding: 0 40px;
    }

    .testimonials__box {
        margin: 0;
    }

    .testimonials__wrapper {
        margin-bottom: 0;
    }
}

.testimonial-bubble {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    margin-left: -20px;
    margin-right: -20px;
}

.testimonial-bubble--green {
    background-color: #e3e9dc;
}

.testimonial-bubble--peach {
    background-color: #ffe8e4;
}

.testimonial-bubble--purple {
    background-color: #ebe5f3;
}

.testimonial-bubble--blue {
    background-color: #e0f0f1;
}

.testimonial-bubble--olive {
    background-color: #dbe1df;
}

.testimonial-bubble--yellow {
    background-color: #f4ebc9;
}

.testimonial-bubble__cover {
    position: relative;
    display: flex;
    align-items: flex-end;
    flex-shrink: 0;
}

.testimonial-bubble__footer {
    display: flex;
    flex-direction: column;
    padding: 20px;
}

.testimonial-bubble__author-name {
    margin-bottom: 2px;
    font-size: 14px;
}

.testimonial-bubble__author-meta {
    font-size: 14px;
}

.testimonial-bubble__content {
    padding: 20px;
}

.testimonial-bubble__bubble {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 20px;
    border-radius: 8px;
    background-color: #fff;
}

    .testimonial-bubble__bubble:before {
        content: "";
        position: absolute;
        bottom: -24px;
        left: 20px;
        width: 0;
        height: 0;
        border-color: #fff transparent transparent #fff;
        border-style: solid;
        border-width: 12px;
    }

@media (min-width: 600px) {
    .testimonial-bubble {
        margin-left: 0;
        margin-right: 0;
        border-radius: 16px;
    }

    .testimonial-bubble__cover {
        width: 45.37037%;
        max-width: 490px;
    }

    .testimonial-bubble__footer {
        padding: 20px 30px 30px;
    }

    .testimonial-bubble__author-name {
        font-size: 16px;
    }

    .testimonial-bubble__bubble,
    .testimonial-bubble__content {
        padding: 30px;
    }
}

@media (min-width: 960px) {
    .testimonial-bubble {
        flex-direction: row;
        border-radius: 16px;
    }

    .testimonial-bubble__content {
        flex: 1;
        padding-left: 0;
    }

    .testimonial-bubble__footer {
        position: absolute;
        left: 0;
        bottom: 0;
        padding: 30px;
    }

    .testimonial-bubble__bubble:before {
        bottom: 30px;
        left: -24px;
        border-color: transparent #fff #fff transparent;
    }
}

.benefits__tab {
    position: relative;
    cursor: default;
    text-align: center;
    margin-bottom: 50px;
}

@media (min-width: 600px) {
    .benefits__tab {
        margin-bottom: 80px;
    }
}

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

.benefits__title {
    width: 100%;
    padding: 0;
    text-align: center;
    background-color: transparent;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    transition: color 0.25s cubic-bezier(0.07, 0.52, 0.49, 0.99);
    pointer-events: none;
}

.benefits__tagline {
    padding-top: 1.5em;
}

.benefits__image {
    margin-top: 20px;
}

@media (min-width: 600px) {
    .benefits__image {
        margin-top: 40px;
    }
}

@media (min-width: 960px) {
    .benefits__tab {
        border-left: 2px solid rgba(25, 26, 27, 0.1);
        margin-bottom: 40px;
        padding: 10px 0 10px 20px;
        text-align: left;
    }

    .benefits__title {
        pointer-events: auto;
        text-align: left;
        color: #888;
    }

        .benefits__title:focus,
        .benefits__title:hover {
            color: #242424;
            outline: none;
        }

        .benefits__title:after {
            content: "";
            width: 2px;
            height: 100%;
            position: absolute;
            top: 0;
            left: -2px;
            background: #47b972;
            transform-origin: top;
            opacity: 0;
            transition: opacity 0.35s ease-in;
        }

    .benefits__title--active,
    .benefits__title--active:focus,
    .benefits__title--active:hover {
        color: #242424;
    }

        .benefits__title--active:after {
            opacity: 1;
            transition: opacity 0.35s ease-in;
        }
}

.nav-tabs {
    overflow: hidden;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    line-height: 1;
    height: 53px;
    margin-right: -20px;
    margin-left: -20px;
}

    .nav-tabs:after,
    .nav-tabs:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        width: 26px;
    }

    .nav-tabs:before {
        left: 0;
        background: linear-gradient(90deg, #fff 0, hsla(0, 0%, 100%, 0));
    }

    .nav-tabs:after {
        right: 0;
        background: linear-gradient(270deg, #fff 0, hsla(0, 0%, 100%, 0));
    }

.nav-tabs__wrapper {
    overflow-x: scroll;
}

.nav-tabs__list {
    display: inline-flex;
    justify-content: center;
    min-width: 100%;
    margin-bottom: 20px;
    padding-left: 26px;
    padding-right: 26px;
    border-bottom: 1px solid #e7e7e7;
}

.nav-tabs__item {
    margin-right: 26px;
}

    .nav-tabs__item:last-child {
        margin-right: 0;
    }

.nav-tabs__link {
    display: block;
    margin-bottom: -1px;
    padding: 18px 0;
    border-bottom: 1px solid transparent;
    font-size: 16px;
    font-weight: 700;
}

    .nav-tabs__link.active {
        color: #242424;
        border-bottom-color: #242424;
    }

@media (min-width: 600px) {
    .nav-tabs {
        height: 59px;
        margin-right: 0;
        margin-left: 0;
        padding-left: 0;
        padding-right: 0;
    }

        .nav-tabs:after,
        .nav-tabs:before {
            display: none;
        }

    .nav-tabs__item {
        margin-right: 30px;
    }

    .nav-tabs__link {
        padding: 20px 0;
        font-size: 18px;
    }
}

.nav-side {
    padding: 0 10px;
    margin-bottom: 30px;
}

    .nav-side:last-child {
        margin-bottom: 0;
    }

.nav-side__title {
    margin-bottom: 10px;
    color: #888;
    font-size: 12px;
    font-weight: 400;
}

.nav-side__item {
    margin-left: -10px;
    margin-right: -10px;
    border-radius: 4px;
    transition: background-color 0.25s, color 0.25s;
    margin-bottom: 2px;
}

    .nav-side__item:last-child {
        margin-bottom: 0;
    }

.nav-side__item--active {
    background-color: #f3f5f6;
    transition: background-color 0.25s, color 0.25s;
}

    .nav-side__item--active .nav-side__link,
    .nav-side__item--active .nav-side__link:focus,
    .nav-side__item--active .nav-side__link:hover {
        color: #242424;
    }

.nav-side__link {
    display: inline-block;
    padding: 7px 10px;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 600;
}

.nav-side__link--premium {
    color: #d9b52b;
}

    .nav-side__link--premium:focus,
    .nav-side__link--premium:hover {
        color: #c19800;
    }

.plan {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 360px;
    margin: 0 auto;
    padding: 44px 20px 30px;
    border: 1px solid #e7e7e7;
    border-radius: 4px;
}

    .plan > :last-child {
        margin-bottom: 0;
    }

.plan--primary {
    background-color: #e1f9ea;
    border: 1px solid #e1f9ea;
}

.plan__badge {
    position: absolute;
    top: 15px;
    left: 0;
    width: 100%;
    font-size: 12px;
    line-height: 1;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.2px;
}

.plan__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 40px;
}

.plan__tagline {
    max-width: 100%;
}

.plan__price {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
}

.plan__amount {
    text-align: center;
    font-weight: 700;
}

.plan__note {
    line-height: 1.2;
}

.plan__note--large {
    padding-left: 10px;
}

.plan__cta {
    min-width: 180px;
}

.plan__features {
    max-width: 300px;
    margin: 0 auto;
}

.plan__features-caption {
    margin-bottom: 1em;
    line-height: 1.285714em;
    font-size: 14px;
    font-weight: 600;
}

.plan__features-caption--empty {
    display: none;
    margin-bottom: 0.2143em;
}

.plan__list {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.plan__item {
    display: flex;
    margin-bottom: 1em;
}

    .plan__item:last-child {
        margin: 0;
    }

.plan__features-link {
    font-size: 14px;
    color: #242424;
    border-bottom: 1px dashed #c8cfd3;
}

    .plan__features-link:hover {
        color: #47b972;
    }

.plan__feature {
    display: flex;
    text-decoration: none;
    cursor: default;
}

.plan__icon {
    flex-shrink: 0;
    margin: 1px 8px 0 0;
}

@media (min-width: 768px) {
    .plan {
        max-width: 100%;
    }

    .plan--primary {
        border: none;
    }

    .plan__tagline {
        min-height: 4.5em;
    }

    .plan__price {
        min-height: 4em;
    }

    .plan__features {
        max-width: 185px;
    }

    .plan--col-3 .plan__features {
        max-width: 260px;
    }

    .plan__features-caption--empty {
        display: block;
    }
}

@media (min-width: 960px) {
    .plan {
        border: none;
    }

    .plan__tagline {
        font-size: calc(12px + 2 * (100vw - 960px) / 240);
    }

    .plan__price {
        min-height: 1.8em;
        font-size: calc(32px + 10 * (100vw - 960px) / 240);
    }

    .plan__amount {
        font-size: inherit;
    }
}

@media (min-width: 1200px) {
    .plan__tagline {
        font-size: 14px;
    }

    .plan__price {
        font-size: 42px;
    }
}

.switch {
    display: flex;
    align-items: center;
    line-height: 1;
    font-size: 14px;
    font-weight: 600;
    color: #47b972;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.switch__input {
    display: none;
}

.switch__toggle {
    order: 2;
    position: relative;
    display: flex;
    height: 32px;
    margin: 0 5px;
    padding: 2px;
    background-color: #fff;
    border: 1px solid rgba(71, 185, 114, 0.3);
    border-radius: 16px;
}

.switch__label {
    display: inline-block;
    position: relative;
    z-index: 2;
    height: 26px;
    margin: 0;
    padding: 5px 14px;
    line-height: 1;
    transition: color 0.25s;
}

.switch__label--value {
    order: 1;
    position: relative;
}

.switch__label--checked {
    order: 3;
}

.switch__label:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 14px;
    transition: transform 0.15s, opacity 0.25s;
}

.switch__input:checked + .switch__toggle .switch__label--checked,
.switch__input:not(:checked) + .switch__toggle .switch__label--value {
    z-index: 1;
    color: #fff;
}

    .switch__input:checked + .switch__toggle .switch__label--checked:before,
    .switch__input:not(:checked) + .switch__toggle .switch__label--value:before {
        background: #47b972;
        opacity: 1;
        transform: none;
    }

.switch__label--value:before {
    transform: translateX(30px);
}

.switch__label--checked:before {
    transform: translateX(-30px);
}

.nav-tags {
    display: flex;
    flex-wrap: wrap;
    margin: -5px -1px;
}

.nav-tags__item {
    display: flex;
    padding: 5px 1px;
}

.nav-tags__link {
    padding: 6px 10px;
    font-size: 14px;
    line-height: 1.2;
    color: #666;
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .nav-tags__link:focus,
    .nav-tags__link:hover {
        color: #666;
        border-color: #b2b2b2;
    }

.nav-tags__link--active {
    background-color: #f3f5f6;
}

    .nav-tags__link--active,
    .nav-tags__link--active:focus,
    .nav-tags__link--active:hover {
        color: #242424;
        border-color: #f3f5f6;
    }

.section-bg {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #f3f5f6;
}

@media (min-width: 600px) {
    .section-bg {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

@media (min-width: 768px) {
    .section-bg {
        padding-top: 120px;
        padding-bottom: 120px;
    }
}

.socials {
    display: flex;
    margin: -8px;
}

.socials__item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

.socials__link {
    fill: #b9b9b9;
}

.socials__icon {
    fill: #b9b9b9;
    transition: opacity 0.25s;
}

.socials__link:hover .socials__icon {
    opacity: 0.7;
}

.search {
    position: relative;
    width: 100%;
    max-width: 280px;
    text-align: left;
}

.search--medium {
    max-width: 580px;
}

.search--large {
    max-width: none;
}

.search__input {
    padding-right: 65px !important;
}

.search__button {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    padding: 0;
    border: none;
    background: none;
    fill: rgba(0, 0, 0, 0.3);
    transition: fill 0.25s;
}

.search--focus .search__button {
    fill: #242424;
}

.search--autocomplete .search__button {
    pointer-events: none;
}

.search__button:focus,
.search__button:hover {
    fill: #47b972;
}

.search__suggestion {
    margin-top: 0.5em;
    padding-left: 15px;
}

.banner {
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    background: #fff;
    color: #000;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
}

    .banner:focus,
    .banner:hover {
        color: inherit;
    }

        .banner:focus .banner__icon,
        .banner:hover .banner__icon {
            transform: translateX(6px);
        }

.banner__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 100%;
    padding: 20px;
    text-align: center;
}

.banner__title {
    width: 100%;
    max-width: 440px;
    color: inherit;
}

.banner__button {
    margin-top: auto;
    color: #000;
}

    .banner__button:focus,
    .banner__button:hover {
        color: inherit;
    }

.banner__icon {
    margin-left: 6px;
    transition: transform 0.25s cubic-bezier(0.4, 0.1, 0.5, 1.5);
    will-change: transform;
}

.banner__cover {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    flex-shrink: 0;
    max-width: 100%;
}

.banner__image {
    display: block;
    width: 100%;
    max-width: 280px;
    height: auto;
}

@media (min-width: 600px) {
    .banner__content {
        padding: 30px;
    }
}

@media (min-width: 768px) {
    .banner {
        flex-direction: row;
    }

    .banner__content {
        align-items: flex-start;
        flex-basis: auto;
        text-align: left;
    }

    .banner__cover {
        padding: 0 30px 0 0;
    }
}

@media (min-width: 960px) {
    .banner__content {
        margin-right: auto;
    }
}

.banner--ebook-only-sales-templates {
    background: #fcf2ee;
}

    .banner--ebook-only-sales-templates .banner__button {
        color: #ef8162;
    }

    .banner--ebook-only-sales-templates .banner__icon {
        fill: #ef8162;
    }

.banner-brand {
    display: flex;
    flex-direction: column;
    margin-left: -20px;
    margin-right: -20px;
    padding: 20px;
    color: #fff;
    background-image: linear-gradient(135deg, #3023ae, #c86dd7);
}

@media (min-width: 600px) {
    .banner-brand {
        margin: 0;
        padding: 30px;
        border-radius: 4px;
    }
}

.banner-brand__button,
.banner-brand__tagline,
.banner-brand__title {
    width: 100%;
}

@media (min-width: 420px) {
    .banner-brand__button {
        align-self: flex-start;
        width: auto;
    }
}

.banner-brand-oneliner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    padding: 20px;
    color: #fff;
    border-radius: 4px;
    background-image: linear-gradient(135deg, #3023ae, #c86dd7);
}

@media (min-width: 600px) {
    .banner-brand-oneliner {
        padding: 30px;
    }
}

.banner-brand-oneliner__content {
    width: 100%;
}

.banner-brand-oneliner__title {
    margin-bottom: 1em;
}

.banner-brand-oneliner__label {
    margin-bottom: 9px;
    font-size: 12px;
    font-weight: 600;
}

.banner-brand-oneliner__button {
    flex-shrink: 0;
    width: 100%;
}

@media (min-width: 420px) {
    .banner-brand-oneliner__button {
        width: auto;
    }
}

@media (min-width: 768px) {
    .banner-brand-oneliner {
        flex-direction: row;
        align-items: center;
    }

    .banner-brand-oneliner__title {
        margin-right: 2em;
        margin-bottom: 0;
    }
}

.banner-press {
    display: block;
    padding: 20px;
    background-color: #f3f5f6;
    border-left: 1px solid #b2b2b2;
}

@media (min-width: 600px) {
    .banner-press {
        padding: 30px;
    }
}

.banner-press__title {
    max-width: 13em;
    color: #47b972;
    transition: color 0.25s;
}

.banner-press:hover .banner-press__title {
    color: #358c4f;
}

.templates-scroller {
    position: relative;
    overflow: hidden;
    height: 0;
    padding-bottom: 68.518519%;
    box-shadow: 0 15px 40px 0 rgba(0, 0, 0, 0.15);
}

    .templates-scroller:after,
    .templates-scroller:before {
        content: "";
        display: block;
        position: absolute;
        z-index: 22;
        left: 0;
        width: 180px;
        height: 45px;
    }

@media (min-width: 768px) {
    .templates-scroller {
        padding-bottom: 56.203704%;
    }

        .templates-scroller:before {
            top: 0;
            background-image: linear-gradient(0deg, hsla(0, 0%, 100%, 0), #fff);
        }

        .templates-scroller:after {
            bottom: 0;
            background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
        }
}

.templates-scroller__wrapper {
    display: flex;
    justify-content: space-between;
    position: relative;
    padding: 0 30px;
}

.templates-scroller__side {
    flex-shrink: 0;
    flex-basis: 180px;
    margin-right: auto;
}

.templates-scroller__list {
    flex-basis: 240px;
    display: flex;
    flex-direction: column;
}

.templates-scroller__list-item {
    display: inline-block;
    padding: 7px 0;
    font-size: 14px;
    line-height: 1.2;
}

.templates-scroller__images {
    margin-left: auto;
}

.templates-scroller__image {
    width: 100%;
    max-width: 740px;
    height: auto;
}

.team {
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
}

.team__item {
    width: 50%;
    padding: 10px;
}

.team__avatar {
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .team {
        margin: -20px;
    }

    .team__item {
        width: 25%;
        padding: 20px;
    }
}

.pagination {
    display: flex;
    justify-content: center;
    margin-top: 80px;
    line-height: 30px;
    font-size: 16px;
    font-weight: 600;
}

.pagination__item,
.pagination__link {
    display: flex;
    align-items: center;
    padding: 0 0.625em;
    border-radius: 4px;
    fill: currentColor;
}

.pagination__item--active {
    font-weight: 700;
    background: #f3f5f6;
}

.pagination__item--dots {
    padding: 0;
    color: #888;
    font-weight: 400;
}

.pagination__icon--prev {
    margin-right: 0.5em;
}

.pagination__icon--next {
    margin-left: 0.5em;
}

.pagination__link--prev {
    margin-right: 0.5em;
    padding: 0;
}

.pagination__link--next {
    margin-left: 0.5em;
    padding: 0;
}

@media (min-width: 480px) {
    .pagination__link--prev {
        margin-right: 2.5em;
    }

    .pagination__link--next {
        margin-left: 2.5em;
    }
}

.client-meta {
    display: flex;
    flex-wrap: wrap;
    border-left: 1px solid #e7e7e7;
}

.client-meta__item {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 20px;
}

    .client-meta__item:last-child {
        margin-bottom: 0;
    }

.client-meta__item-wrapper {
    padding-left: 10px;
}

@media (min-width: 600px) {
    .client-meta {
        margin: -15px;
        border-left: none;
    }

    .client-meta__item {
        width: 50%;
        padding: 15px;
        margin-bottom: 0;
    }

    .client-meta__item-wrapper {
        border-left: 1px solid #e7e7e7;
    }
}

@media (min-width: 768px) {
    .client-meta {
        margin: -20px;
    }

    .client-meta__item {
        width: 25%;
        padding: 20px;
    }
}

.form-media {
    display: flex;
    padding: 20px;
    box-shadow: 0 15px 40px 0 rgba(0, 0, 0, 0.15);
}

.form-media__media {
    display: none;
    flex-shrink: 0;
    width: 200px;
    margin-right: 60px;
}

.form-media__content {
    flex-basis: 100%;
}

@media (min-width: 600px) {
    .form-media {
        padding: 60px;
    }
}

@media (min-width: 960px) {
    .form-media__media {
        display: block;
    }
}

.promobar {
    position: relative;
    overflow: hidden;
    max-height: 300px;
    background-color: #f7cc9c;
    transition: max-height 0.25s;
}

.promobar--hidden {
    max-height: 0;
}

.promobar__container {
    position: relative;
    display: flex;
    justify-content: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

.promobar__tagline {
    -ms-grid-row-align: center;
    align-self: center;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 14px;
    text-align: center;
    color: #000;
}

    .promobar__tagline:focus,
    .promobar__tagline:hover {
        color: inherit;
        opacity: 0.85;
    }

        .promobar__tagline:focus .promobar__label-icon,
        .promobar__tagline:hover .promobar__label-icon {
            transform: translateX(6px);
        }

.promobar__label {
    display: block;
    margin: 5px 20px 0;
    font-weight: 600;
    white-space: nowrap;
    color: #000;
}

.promobar__label-icon {
    margin-left: 4px;
    fill: #000;
    transition: transform 0.25s cubic-bezier(0.4, 0.1, 0.5, 1.5);
    will-change: transform;
}

.promobar__close {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    opacity: 0.6;
    background-color: transparent;
    border: none;
}

    .promobar__close:focus,
    .promobar__close:hover {
        outline: none;
        opacity: 1;
    }

.promobar__close-icon {
    fill: #000;
}

.promobar--resources {
    background-color: #5e3f88;
}

    .promobar--resources .promobar__label,
    .promobar--resources .promobar__tagline {
        color: #fff;
    }

    .promobar--resources .promobar__close-icon,
    .promobar--resources .promobar__label-icon {
        fill: #fff;
    }

.promobar--announcement {
    background-color: #ffe072;
}

.promobar--dark,
.promobar--dark-free-esign {
    background: #242424;
    color: #fff;
}

    .promobar--dark-free-esign .promobar__close-icon,
    .promobar--dark-free-esign .promobar__tagline,
    .promobar--dark .promobar__close-icon,
    .promobar--dark .promobar__tagline {
        color: #fff;
        fill: #fff;
    }

    .promobar--dark-free-esign .promobar__label,
    .promobar--dark-free-esign .promobar__label-icon,
    .promobar--dark .promobar__label,
    .promobar--dark .promobar__label-icon {
        color: #47b972;
        fill: #47b972;
    }

.promobar__free {
    display: block;
    margin: -0.4em 0 0;
    font-weight: 700;
    font-size: 1.714286em;
    white-space: nowrap;
}

.promobar__free-esign {
    color: #47b972;
}

@media (min-width: 600px) {
    .promobar__container {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .promobar__label {
        display: inline;
        margin-top: 0;
    }

    .promobar__close {
        top: 5px;
        right: 48px;
    }

    .promobar__free {
        display: inline-block;
        margin: -0.4em 0.666em;
        vertical-align: -0.1em;
        font-weight: 700;
        font-size: 1.714286em;
        white-space: nowrap;
    }
}

.cta-side {
    padding: 20px;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
}

@media (min-width: 600px) {
    .cta-side {
        padding: 30px;
        box-shadow: 0 15px 40px 0 rgba(0, 0, 0, 0.15);
    }
}

@media (min-width: 960px) {
    .cta-side {
        position: -webkit-sticky;
        position: sticky;
        top: 60px;
    }
}

.toc-side {
    padding-top: 20px;
}

.toc-side__title {
    padding-left: 10px;
}

.toc-side__list--l2,
.toc-side__list--l3 {
    margin-left: 10px;
}

.toc-side__link {
    display: flex;
    align-items: baseline;
    margin-bottom: 4px;
    padding: 6px 10px;
    line-height: 1.2;
    color: #242424;
    border-radius: 4px;
}

    .toc-side__link:hover {
        color: #47b972;
        transition: color 0.25s;
    }

    .toc-side__link.active {
        background-color: #e7ebed;
        color: #242424;
    }

        .toc-side__link.active:hover {
            color: #242424;
        }

.toc-side__link--l3:before {
    content: "";
    position: relative;
    bottom: 3px;
    display: block;
    flex-shrink: 0;
    width: 4px;
    height: 4px;
    margin-right: 11px;
    background-color: #666;
}

.toc-side__link--l3.active:before {
    background-color: #242424;
}

.toc__list {
    font-size: 14px;
    color: #47b972;
}

.toc__list--l2,
.toc__list--l3 {
    margin-left: 10px;
}

.toc__link {
    display: flex;
    align-items: baseline;
    padding: 8px 0;
    line-height: 1.2;
}

.toc__link--l3:before {
    content: "";
    position: relative;
    bottom: 3px;
    display: block;
    flex-shrink: 0;
    width: 4px;
    height: 4px;
    margin-right: 11px;
    background-color: #47b972;
}

.jobs {
    display: flex;
    flex-wrap: wrap;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #e7e7e7;
}

@media (min-width: 600px) {
    .jobs {
        flex-basis: 220px;
        margin-bottom: 0;
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

.jobs__title {
    flex-shrink: 0;
    width: 100%;
    margin-bottom: 20px;
}

@media (min-width: 600px) {
    .jobs__title {
        flex-basis: 220px;
        margin-bottom: 0;
    }
}

.jobs__item {
    margin-bottom: 20px;
}

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

.jobs__item-title {
    font-weight: 400;
}

.timeline {
    overflow: hidden;
    margin: 0 auto;
}

.timeline__container {
    position: relative;
    width: 240px;
    margin: 0 auto;
}

.timeline__wrapper {
    position: relative;
    top: 0;
    left: 0;
    display: flex;
    flex-shrink: 0;
    transform: translateX(0);
    transition: transform 0.4s;
}

.timeline__item {
    position: relative;
    display: block;
    width: 240px;
    min-width: 240px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
}

    .timeline__item:after {
        width: 21px;
        height: 21px;
        border-radius: 50%;
        top: 220px;
        left: calc(50% - 10px);
        transform: scale(0.5);
        transition: transform 0.25s;
    }

    .timeline__item:after,
    .timeline__item:before {
        content: "";
        position: absolute;
        display: block;
        background: #000;
    }

    .timeline__item:before {
        top: 230px;
        right: 0;
        left: 0;
        width: auto;
        height: 1px;
    }

    .timeline__item:first-child:before {
        left: 120px;
    }

    .timeline__item:last-child:before {
        right: 120px;
    }

.timeline__item--active:after {
    transform: scale(1);
}

.timeline__item--active .timeline__content,
.timeline__item--active .timeline__cover {
    opacity: 1;
}

.timeline__item--active .timeline__image,
.timeline__item--active .timeline__title,
.timeline__item--active .timeline__video {
    transform: scale(1);
}

.timeline__cover {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    height: 0;
    margin-bottom: 60px;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: 0.1;
    transition: opacity 0.25s;
}

.timeline__image,
.timeline__video {
    position: absolute;
    bottom: 0;
    left: 0;
    transform: scale(0.9);
    transform-origin: bottom;
    transition: transform 0.2s 0.1s;
}

.timeline__content {
    max-width: 300px;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: 0.1;
    margin: 0 auto;
    transition: opacity 0.25s;
}

.timeline__title {
    transform: scale(0.6);
    transform-origin: bottom;
    transition: transform 0.25s;
}

@media (min-width: 600px) {
    .timeline__container {
        width: 420px;
    }

    .timeline__item {
        width: 420px;
        min-width: 420px;
        padding-left: 50px;
        padding-right: 50px;
    }

        .timeline__item:after {
            top: 360px;
        }

        .timeline__item:before {
            top: 370px;
        }

        .timeline__item:first-child:before {
            left: 210px;
        }

        .timeline__item:last-child:before {
            right: 210px;
        }

        .timeline__item:not(.timeline__item--active):hover:after {
            transform: scale(0.7);
        }

        .timeline__item:not(.timeline__item--active):hover .timeline__content,
        .timeline__item:not(.timeline__item--active):hover .timeline__cover {
            opacity: 0.4;
        }

    .timeline__cover {
        margin-bottom: 90px;
    }
}

@media (min-width: 1920px) {
    .timeline__container {
        width: 570px;
    }

    .timeline__item {
        width: 570px;
        min-width: 570px;
        padding-left: 60px;
        padding-right: 60px;
    }

        .timeline__item:after {
            top: 490px;
        }

        .timeline__item:before {
            top: 500px;
        }

        .timeline__item:first-child:before {
            left: 285px;
        }

        .timeline__item:last-child:before {
            right: 285px;
        }

    .timeline__cover {
        margin-bottom: 100px;
    }
}

.sharing {
    display: flex;
    margin-left: -5px;
    margin-right: -5px;
}

.sharing__item {
    padding-left: 5px;
    padding-right: 5px;
}

.sharing__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background-color: #888;
    border-radius: 50%;
    transition: background-color 0.25s;
}

.sharing__link--twitter:hover {
    background-color: #1da1f2;
}

.sharing__link--facebook:hover {
    background-color: #4267b2;
}

.sharing__link--linkedin:hover {
    background-color: #0e76a8;
}

.sharing__icon {
    fill: #fff;
}

.sharing-panel {
    position: relative;
    width: 40px;
    height: 40px;
}

.sharing-panel__container {
    position: absolute;
    left: 0;
    bottom: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column-reverse;
    height: 40px;
    border-radius: 4px;
    background-color: #888;
    transition: background-color 0.1s 0.1s, height 0.15s;
}

    .sharing-panel__container:hover {
        background-color: #242424;
    }

.sharing-panel__button,
.sharing-panel__link {
    flex-shrink: 0;
}

.sharing-panel__icon {
    position: absolute;
    fill: #fff;
    transition: opacity 0.2s, transform 0.2s;
}

.sharing-panel__icon--share {
    opacity: 1;
    transform: rotate(0);
    transition-delay: 0.2s;
}

.sharing-panel__icon--cross {
    opacity: 0;
    transform: rotate(-70deg);
}

.sharing-panel__link-icon {
    fill: #fff;
}

.sharing-panel__item {
    position: relative;
    z-index: -1;
    opacity: 0;
    pointer-events: none;
    transform: translateY(10px);
    transition: opacity 0.25s;
}

.sharing-panel--active .sharing-panel__container {
    height: 160px;
    background-color: #242424;
    transition: background-color 0.1s, height 0.3s ease-out 0.1s;
}

.sharing-panel--active .sharing-panel__icon--share {
    opacity: 0;
    transform: rotate(150deg);
    transition-delay: 0s;
}

.sharing-panel--active .sharing-panel__icon--cross {
    opacity: 0.5;
    transform: rotate(0);
    transition-delay: 0.2s;
}

.sharing-panel--active .sharing-panel__item {
    opacity: 1;
    z-index: 1;
    transition: opacity 0.2s, transform 0.1s;
    transform: translateY(0);
    pointer-events: auto;
}

    .sharing-panel--active .sharing-panel__item:first-child {
        transition-delay: 0.3s;
    }

    .sharing-panel--active .sharing-panel__item:nth-child(2) {
        transition-delay: 0.25s;
    }

    .sharing-panel--active .sharing-panel__item:nth-child(3) {
        transition-delay: 0.2s;
    }

.panel-cta {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    position: fixed;
    z-index: 100;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px 5px;
    background-image: linear-gradient(rgba(239, 237, 236, 0), #efedec);
}

.panel-cta__button {
    min-width: auto;
    margin-right: 10px;
}

    .panel-cta__button:last-child {
        margin: 0;
    }

.panel-cta__button-icon {
    margin-right: 9px;
}

.panel-cta__button-text {
    display: none;
}

@media (min-width: 480px) {
    .panel-cta__button-text {
        display: inline;
    }
}

.audio {
    display: block;
    width: 100%;
}

    .audio:focus {
        outline: none;
    }

.header-phone {
    background-color: #f3f5f6;
    padding: 5px 0;
    font-size: 14px;
    text-align: center;
    color: #242424;
}

@media (min-width: 600px) {
    .header-phone {
        text-align: right;
    }
}

.hs-form div.input textarea.hs-input,
.hs-input:not([type="checkbox"]):not([type="radio"]),
.input-select,
.input-text,
.input-textarea,
select.hs-input {
    display: block;
    width: 100%;
    height: 40px;
    padding: 7px 10px 8px;
    border: 1px solid rgba(0, 0, 0, 0.09);
    border-radius: 0;
    font-size: 16px;
    background-color: #fff;
    background-clip: padding-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.form-hubspot--oneliner .hs-input:not([type="checkbox"]):not([type="radio"]),
.input-select--large,
.input-text--large,
.input-textarea--large {
    height: 50px;
    padding: 11px 15px 12px;
    border-radius: 4px;
    font-size: 16px;
}

.hs-form div.input textarea.hs-input:focus,
.hs-input:focus:not([type="checkbox"]):not([type="radio"]),
.input-select:focus,
.input-text:focus,
.input-textarea:focus,
select.hs-input:focus {
    outline: none;
    border-color: #47b972;
}

.hs-form div.input textarea.hs-input,
.input-textarea {
    height: 114px;
    resize: none;
}

.input-select,
select.hs-input {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M8.647.646l.706.708-4.361 4.353L.647 1.37l.706-.708 3.639 3.632L8.647.646z'/%3E%3C/svg%3E");
    background-position: right 10px center;
    background-repeat: no-repeat;
}

    .input-select::-ms-expand,
    select.hs-input::-ms-expand {
        display: none;
    }

.hs-input.error:not([type="checkbox"]):not([type="radio"]),
.input-text--error,
.input-textarea--error {
    border-color: rgba(228, 78, 72, 0.5);
}

    .hs-input.error:focus:not([type="checkbox"]):not([type="radio"]),
    .input-text--error:focus,
    .input-textarea--error:focus {
        border-color: rgba(228, 78, 72, 0.8);
    }

.input-search {
    position: relative;
}

.input-search__input {
    padding-right: 40px;
}

.input-search__button {
    position: absolute;
    right: 0;
    top: 0;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    padding: 14px;
    border: 1px solid transparent;
    text-decoration: none;
}

    .input-search__button:focus {
        outline: none;
    }

        .input-search__button:focus .input-search__icon,
        .input-search__button:hover .input-search__icon {
            opacity: 0.5;
        }

.input-search__icon {
    flex-shrink: 0;
    opacity: 0.3;
}

    .input-search__icon:focus,
    .input-search__icon:hover {
        opacity: 0.5;
    }

.control {
    display: block;
}

.control__label,
.hs-form > div > label {
    display: block;
    margin-bottom: 4px;
    font-size: 14px;
    font-weight: 600;
}

.control__validator,
.hs-error-msgs {
    padding-top: 5px;
    line-height: 1.3;
    font-size: 13px;
    color: #e44e48;
}

.form,
.hs-form {
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
}

    .form__item,
    .hs-form > div {
        width: 100%;
        padding: 10px;
    }

@media (min-width: 600px) {
    .form-hubspot--columns-last .hs-form > div,
    .form-hubspot--columns .hs-form > div,
    .form-hubspot--lead .hs-form > div:first-child,
    .form-hubspot--lead .hs-form > div:nth-child(2),
    .form__item--half {
        width: 50%;
    }
}

.form-box {
    margin-top: 50px;
    padding: 20px;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
}

.form-box__col:first-child {
    margin-bottom: 50px;
}

@media (min-width: 600px) {
    .form-box {
        margin-top: 80px;
        padding: 60px;
        box-shadow: 0 15px 40px 0 rgba(0, 0, 0, 0.15);
    }

    .form-box__col:first-child {
        margin-bottom: 80px;
    }
}

@media (min-width: 768px) {
    .form-box__tagline {
        margin-bottom: 45px;
    }

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

@media (min-width: 960px) {
    .form-box {
        display: flex;
    }

    .form-box__col {
        width: 50%;
    }

        .form-box__col:first-child {
            margin-bottom: 0;
            padding-right: 40px;
        }

        .form-box__col:last-child {
            padding-left: 40px;
        }
}

.form-box--hubspot {
    margin-top: 0;
    background-color: #fcf2ee;
    overflow: hidden;
}

    .form-box--hubspot .hs-button.primary {
        background-color: #ef8162;
    }

        .form-box--hubspot .hs-button.primary:focus,
        .form-box--hubspot .hs-button.primary:hover {
            background-color: #ff8f73;
            border-color: #ff8f73;
        }

    .form-box--hubspot .form-box__cover {
        max-width: 280px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: -180px;
    }

.form-side {
    padding: 20px;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
}

@media (min-width: 600px) {
    .form-side {
        padding: 30px;
        box-shadow: 0 15px 40px 0 rgba(0, 0, 0, 0.15);
    }
}

.card-library__link {
    display: block;
    color: #242424;
    transition: color 0.25s;
}

.card-library__cover {
    overflow: hidden;
    margin-bottom: 20px;
    border-radius: 4px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
    transition: transform 0.25s;
    text-align: center;
}

.card-library__pills {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.card-library__pill {
    margin-right: 6px;
}

    .card-library__pill:last-child {
        margin-right: 0;
    }

.card-library__time {
    display: block;
    margin-bottom: 20px;
}

.card-library__pills + .card-library__time {
    margin-top: -6px;
}

.card-library__link:focus,
.card-library__link:hover {
    color: #47b972;
}

    .card-library__link:focus .card-library__cover,
    .card-library__link:hover .card-library__cover {
        transform: translateY(-5px);
        box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.15);
    }

.card-box,
.card-box__link {
    display: flex;
    width: 100%;
}

.card-box__link {
    flex-direction: column;
    padding: 20px;
    color: #242424;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    transition: transform 0.25s, box-shadow 0.25s;
    will-change: transform, box-shadow;
}

    .card-box__link:focus,
    .card-box__link:hover {
        color: #242424;
        box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.15);
        transform: translateY(-5px);
    }

.card-compare-pricing {
    min-width: 270px;
    background-color: #f3f5f6;
    border-radius: 16px;
}

.card-compare-pricing__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px 20px;
}

.card-compare-pricing__content {
    padding: 23px 20px;
    border-top: 1px solid #c8cfd3;
}

.card-compare-pricing__list {
    width: 100%;
}

.card-compare-pricing__item {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-left: -5px;
    margin-right: -5px;
}

.card-compare-pricing__tagline,
.card-compare-pricing__title {
    padding: 7px 5px;
    cursor: default;
}

.card-compare-pricing__tagline {
    text-align: right;
}

.card-compare-pricing__tagline--red {
    color: #e5593c;
}

.card-compare-pricing__footer {
    padding: 15px 20px 25px;
    border-top: 1px solid #c8cfd3;
}

.card-compare-pricing__icon {
    margin-left: 3px;
    fill: #9ea8ad;
}

.card-compare-pricing__cta {
    margin-top: 25px;
    margin-bottom: -5px;
}

.card-cover {
    display: flex;
    width: 100%;
    height: 100%;
}

.card-cover__link {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: inherit;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
    border-radius: 4px;
}

.card-cover__content {
    display: flex;
    flex-direction: column;
    flex: auto;
    padding: 20px;
}

.card-cover__tagline {
    margin-bottom: 1.25em;
}

    .card-cover__tagline:last-child {
        margin: 0;
    }

.card-cover__label {
    margin-top: auto;
    color: #47b972;
    font-weight: 600;
}

.card-cover__image {
    order: -1;
    flex-shrink: 0;
}

a.card-cover__link {
    transition: transform 0.25s, box-shadow 0.25s;
    will-change: transform, box-shadow;
}

    a.card-cover__link:focus,
    a.card-cover__link:hover {
        color: inherit;
        box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.15);
        transform: translateY(-5px);
    }

        a.card-cover__link:focus .card-cover__label,
        a.card-cover__link:hover .card-cover__label {
            color: #358c4f;
        }

.card-customer {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    width: 100%;
    background: #fff;
    border: 1px solid rgba(36, 36, 36, 0.1);
    border-radius: 4px;
}

@media (min-width: 600px) {
    .card-customer {
        min-height: 400px;
    }
}

.card-customer__container {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 30px;
    color: inherit;
}

    .card-customer__container:focus,
    .card-customer__container:hover {
        color: inherit;
    }

.card-customer__content {
    margin-top: auto;
}

.card-customer__image,
.card-customer__overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.card-customer__overlay {
    width: 100%;
    z-index: 2;
    background: rgba(0, 0, 0, 0.4);
}

.card-customer__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
    transition: transform 0.35s;
}

.card-customer__play {
    display: block;
    transition: all 0.35s;
    fill: #fff;
}

.card-customer__content,
.card-customer__logo {
    position: relative;
    z-index: 3;
}

.card-customer__logo {
    height: 40px;
    fill: #242424;
}

@media (min-width: 960px) {
    .card-customer--link:focus .card-customer__image,
    .card-customer--link:hover .card-customer__image {
        transform: scale(1.05);
    }

    .card-customer--link:focus .card-customer__play,
    .card-customer--link:hover .card-customer__play {
        transform: scale(1.2);
    }
}

.card-customer--video {
    min-height: 400px;
    color: #fff;
    background-color: #666;
    border: none;
    transition: transform 0.25s;
    will-change: transform;
}

    .card-customer--video .card-customer__logo {
        fill: #fff;
    }

.card-review {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    width: 100%;
    background: #fff;
    border: 1px solid rgba(36, 36, 36, 0.1);
    border-radius: 4px;
}

@media (min-width: 600px) {
    .card-review {
        min-height: 400px;
    }
}

.card-review__container {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 30px;
    color: inherit;
}

.card-review__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 15px;
}

.card-review__logo {
    fill: #c8cfd3;
}

.card-review__content {
    margin-bottom: 30px;
}

.card-review__title {
    display: block;
    min-height: 3.6em;
}

.card-review__footer {
    margin-top: auto;
    min-height: 51px;
}

.card-doc {
    width: 100%;
}

.card-doc__link {
    display: block;
    color: #242424;
    transition: color 0.25s;
}

    .card-doc__link:focus,
    .card-doc__link:hover {
        color: #47b972;
    }

        .card-doc__link:focus .card-doc__cover,
        .card-doc__link:hover .card-doc__cover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.15);
        }

.card-doc__cover {
    overflow: hidden;
    position: relative;
    z-index: -1;
    height: 0;
    padding-bottom: 128.8%;
    margin-bottom: 20px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
    background-color: rgba(0, 0, 0, 0.03);
    transition: transform 0.25s, box-shadow 0.25s;
}

.card-doc__cover--landscape {
    padding-bottom: 76.8%;
}

.card-doc__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.card-feature {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.card-feature__cover {
    position: relative;
    order: -1;
    margin-bottom: 20px;
}

@media (min-width: 600px) {
    .card-feature__cover {
        margin-bottom: 40px;
    }
}

.card-teaser {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    padding: 20px;
    border: 1px solid #e7e7e7;
    border-radius: 4px;
}

.card-teaser__tagline {
    max-width: 100%;
    margin-bottom: 20px;
}

    .card-teaser__tagline:last-child {
        margin: 0;
    }

.card-teaser__label {
    margin-top: auto;
}

.card-teaser__icon {
    margin-bottom: 10px;
}

.card-text-icon {
    max-width: 100%;
}

.card-text-icon__icon {
    margin-bottom: 10px;
    fill: #242424;
}

.card-integration {
    display: flex;
    width: 100%;
    min-width: 280px;
}

.card-integration__link {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 20px;
    color: #242424;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    transition: transform 0.25s, box-shadow 0.25s;
    will-change: transform, box-shadow;
}

    .card-integration__link:focus,
    .card-integration__link:hover {
        color: #242424;
        box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.15);
        transform: translateY(-5px);
    }

        .card-integration__link:focus .card-integration__label,
        .card-integration__link:hover .card-integration__label {
            color: #358c4f;
        }

.card-integration__link--soon,
.card-integration__link--soon:focus,
.card-integration__link--soon:hover {
    color: #888;
}

.card-integration__header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 9px;
}

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

.card-integration__title {
    display: inline;
    margin-right: 5px;
}

.card-integration__pill {
    vertical-align: 2px;
    display: inline-block;
}

.card-integration__logos {
    flex-shrink: 0;
    padding-left: 15px;
    margin: -10px -10px -5px -5px;
}

.card-integration__logo {
    width: 40px;
    height: 40px;
    margin: 5px;
}

.card-integration__tagline {
    margin-bottom: 1.25em;
}

    .card-integration__tagline:last-child {
        margin: 0;
    }

.card-integration__label {
    margin-top: auto;
    color: #47b972;
    font-size: 14px;
    font-weight: 600;
}

.card-integration-salesforce__link {
    display: flex;
    flex-direction: row;
}

.card-integration-salesforce__content {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    height: 100%;
}

.card-integration-salesforce__cover {
    flex-shrink: 0;
    width: 180px;
    margin-left: 40px;
}

.card-integration-salesforce__header {
    margin-bottom: 20px;
}

@media (min-width: 600px) {
    .card-integration-salesforce__link {
        border-radius: 16px;
        padding: 40px;
    }

    .card-integration-salesforce__header {
        margin-bottom: 30px;
    }

    .card-integration-salesforce__logo {
        width: 60px;
        height: 60px;
        margin-top: 0;
    }
}

.card-client {
    display: flex;
    width: 100%;
    max-width: 400px;
}

@media (min-width: 768px) {
    .card-client {
        max-width: none;
    }
}

.card-client__link {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    width: 100%;
    color: #242424;
    border-radius: 4px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
    transition: transform 0.25s, box-shadow 0.25s;
    will-change: transform, box-shadow;
}

    .card-client__link:focus,
    .card-client__link:hover {
        box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.15);
        color: #242424;
        transform: translateY(-5px);
    }

.card-client__cover {
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
}

.card-client__cover--lead {
    padding-top: 43.373494%;
}

.card-client__image {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media screen and (-ms-high-contrast: none) {
    .card-client__image {
        top: 50%;
        left: 50%;
        height: auto;
        width: 100%;
        margin: auto;
        transform: translate(-50%, -50%);
    }
}

.card-client__content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    padding: 20px;
}

.card-client__meta {
    display: flex;
    order: -1;
    margin-bottom: 10px;
    margin-right: -6px;
}

.card-client__pill {
    margin-right: 6px;
}

    .card-client__pill:last-child {
        margin-right: 0;
    }

.card-solution {
    position: relative;
    height: 100%;
}

.card-solution__wrapper {
    display: flex;
    height: 100%;
    padding: 20px;
    background-color: #f3f5f6;
    border-radius: 16px;
}

.card-solution__wrapper--proposals {
    background-color: #eaefeb;
}

.card-solution__wrapper--quotes {
    background-color: #f1f6e9;
}

.card-solution__wrapper--contracts {
    background-color: #fdecdc;
}

.card-solution__wrapper--esignatures {
    background-color: #f6e4eb;
}

.card-solution__wrapper--payments {
    background-color: #e8f2fe;
}

.card-solution__wrapper--forms {
    background-color: #e1e6f2;
}

.card-solution__wrapper--link {
    color: #242424;
    transition: box-shadow 0.25s, background-color 0.25s;
    will-change: box-shadow;
}

    .card-solution__wrapper--link:focus,
    .card-solution__wrapper--link:hover {
        color: #242424;
    }

.card-solution__cover {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 43px;
    margin-right: 20px;
}

.card-solution__icon {
    fill: #242424;
}

.card-solution__content {
    transition: transform 0.25s;
}

.card-solution__tagline {
    max-width: 100%;
}

.card-solution__label {
    position: absolute;
    bottom: 20px;
    opacity: 0;
    font-size: 14px;
    transform: translateY(1em);
    transition: transform 0.25s, opacity 0.25s;
    transition-delay: 0.01s;
    will-change: transform, opacity;
}

@media (min-width: 960px) {
    .card-solution__icon {
        transform: scale(1);
        transform-origin: top left;
        transition: transform 0.25s;
    }

    .card-solution__wrapper--link:focus,
    .card-solution__wrapper--link:hover {
        background-color: #fff;
        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
    }

        .card-solution__wrapper--link:focus .card-solution__label,
        .card-solution__wrapper--link:hover .card-solution__label {
            opacity: 1;
            transform: translateY(0);
        }

        .card-solution__wrapper--link:focus .card-solution__content,
        .card-solution__wrapper--link:hover .card-solution__content {
            transform: translateY(-1.8em);
        }

        .card-solution__wrapper--link:focus .card-solution__icon,
        .card-solution__wrapper--link:hover .card-solution__icon {
            fill: #47b972;
            transform: scale(0.85);
            transition: fill 0.25s, transform 0.25s;
        }

    .card-solution__wrapper {
        flex-direction: column;
        padding-bottom: 30px;
    }

    .card-solution__cover {
        justify-content: flex-start;
        align-items: flex-start;
        width: auto;
        height: 62px;
        margin-bottom: 40px;
        margin-right: 0;
    }
}

.layout-plans {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.layout-plans__content {
    order: 2;
}

.layout-plans__switch {
    display: flex;
    flex-direction: column;
    align-items: center;
    order: 1;
    margin-bottom: 20px;
}

.layout-plans__button,
.layout-plans__footer {
    -ms-grid-row-align: center;
    align-self: center;
    order: 3;
    margin-top: 40px;
}

.layout-plans__footer {
    margin-top: 2em;
}

@media (min-width: 600px) {
    .layout-plans__switch {
        margin-bottom: 30px;
    }

    .layout-plans__button {
        margin-top: 60px;
    }
}

.layout-compare-pricing {
    max-width: 780px;
    margin: 0 auto;
}

.layout-compare-pricing__grid {
    display: flex;
}

.layout-compare-pricing__item {
    flex: 1 100%;
    padding-left: 5px;
    padding-right: 5px;
}

    .layout-compare-pricing__item:first-child {
        padding-left: 20px;
    }

    .layout-compare-pricing__item:last-child {
        padding-right: 20px;
    }

@media (min-width: 768px) {
    .layout-compare-pricing__item {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 768px) {
    .layout-compare-pricing__grid {
        margin-left: -10px;
        margin-right: -10px;
    }

    .layout-compare-pricing__item:first-child {
        padding-left: 10px;
    }

    .layout-compare-pricing__item:last-child {
        padding-right: 10px;
    }
}

.layout-side__sidebar {
    margin-bottom: 20px;
}

@media (min-width: 600px) {
    .layout-side__sidebar {
        margin-bottom: 40px;
    }
}

@media (min-width: 960px) {
    .layout-side {
        display: flex;
    }

    .layout-side__sidebar {
        width: 220px;
        margin: 0 30px 0 0;
    }

    .layout-side__content {
        flex: 1;
    }

    .layout-side__panel {
        position: -webkit-sticky;
        position: sticky;
        top: 30px;
    }

    .layout-side__panel--static {
        position: static;
    }
}

.layout-figure {
    display: flex;
    flex-direction: column;
}

.layout-figure__side {
    width: 100%;
    margin-bottom: 20px;
}

@media (min-width: 600px) {
    .layout-figure__side {
        margin-bottom: 40px;
    }
}

.layout-figure__side:last-child {
    margin-bottom: 0;
}

.layout-figure__cover {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 20px;
}

@media (min-width: 600px) {
    .layout-figure__cover {
        margin-bottom: 40px;
    }
}

.layout-figure__cover:last-child {
    margin-bottom: 0;
}

@media (min-width: 600px) {
    margin-bottom: 20px;
}

@media (min-width: 960px) {
    .layout-figure {
        flex-direction: row;
    }

    .layout-figure__side {
        flex-basis: auto;
        width: 33.333333%;
        margin-bottom: 0;
    }

        .layout-figure__side:first-child {
            padding-right: 15px;
        }

        .layout-figure__side:last-child {
            padding-left: 15px;
        }

    .layout-figure__cover {
        width: 66.666667%;
    }

        .layout-figure__cover:first-child {
            padding-right: 15px;
        }

        .layout-figure__cover:last-child {
            padding-left: 15px;
        }
}

.layout-cta,
.layout-cta__content {
    margin-bottom: 80px;
}

@media (min-width: 600px) {
    .layout-cta,
    .layout-cta__content {
        margin-bottom: 160px;
    }
}

@media (min-width: 960px) {
    .layout-cta {
        display: flex;
    }

    .layout-cta__side {
        width: 35.185185%;
    }

    .layout-cta__side--narrow {
        width: 27.777778%;
    }

    .layout-cta__content {
        flex: 1;
        margin-right: 7.407407%;
        margin-bottom: 0;
    }

    .layout-cta__panel {
        position: -webkit-sticky;
        position: sticky;
        top: 30px;
    }

    .layout-cta__panel--toc {
        top: 10px;
    }

    .layout-cta__panel--static {
        position: static;
    }
}

.layout-panel {
    padding-top: 20px;
    padding-bottom: 30px;
    border-top: 1px solid #e7e7e7;
}

    .layout-panel:last-child {
        border-bottom: 1px solid #e7e7e7;
    }

.layout-panel__sidebar {
    margin-bottom: 20px;
}

@media (min-width: 960px) {
    .layout-panel {
        display: flex;
        padding-top: 30px;
        padding-bottom: 45px;
    }

    .layout-panel__sidebar {
        width: 260px;
        margin: 0 30px 0 0;
    }

    .layout-panel__content {
        flex: 1;
    }

    .layout-panel__panel {
        position: -webkit-sticky;
        position: sticky;
        top: 30px;
    }
}

.fade {
    opacity: 0;
    transition: opacity 0.15s linear;
}

    .fade.show {
        opacity: 1;
    }

.collapse {
    display: none;
}

    .collapse.show {
        display: block;
    }

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
}

.modal {
    z-index: 1010;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
}

.modal,
.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
}

.modal-backdrop {
    z-index: 1000;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}

    .modal-backdrop.fade {
        opacity: 0;
    }

    .modal-backdrop.show {
        opacity: 0.7;
    }

.modal-dialog {
    position: relative;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    pointer-events: none;
}

.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translateY(-50px);
}

.modal.show .modal-dialog {
    transform: none;
}

.modal-open {
    overflow: hidden;
}

    .modal-open .modal {
        overflow-x: hidden;
        overflow-y: auto;
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

.modal__content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 200px;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    outline: 0;
}

.modal__body {
    position: relative;
    flex: 1 1 auto;
    padding: 20px;
}

.modal__close {
    position: absolute;
    z-index: 1020;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border: none;
    background: none;
}

    .modal__close:active,
    .modal__close:focus {
        outline: none;
        fill: #358c4f;
    }

.modal__title {
    padding-right: 40px;
}

@media (min-width: 600px) {
    .modal-dialog {
        padding: 60px 20px 20px;
    }

    .modal__body {
        padding: 40px;
    }
}

@media (min-width: 768px) {
    .modal-dialog {
        max-width: 600px;
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .modal--width-large .modal-dialog {
        max-width: 880px;
    }

    .modal__body {
        padding: 60px;
    }

    .modal__title {
        padding-right: 0;
    }
}

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active,
.tooltip {
    display: block;
}

.tooltip {
    position: absolute;
    z-index: 1070;
    word-wrap: break-word;
    opacity: 0;
    transition: opacity 0.25s;
    pointer-events: none;
    font-size: 14px;
}

    .tooltip.show {
        opacity: 1;
    }

    .tooltip .arrow {
        position: absolute;
        display: block;
        width: 7px;
        height: 7px;
    }

        .tooltip .arrow:before {
            position: absolute;
            border-color: transparent;
            border-style: solid;
        }

    .tooltip.bs-tooltip-auto[x-placement^="top"],
    .tooltip.bs-tooltip-top {
        padding: 7px 0;
        text-align: center;
    }

        .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow,
        .tooltip.bs-tooltip-top .arrow {
            bottom: 0;
        }

            .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow:before,
            .tooltip.bs-tooltip-top .arrow:before {
                content: "";
                margin-left: -5px;
                border-width: 7px 7px 0;
                border-top-color: #242424;
            }

    .tooltip.bs-tooltip-auto[x-placement^="right"],
    .tooltip.bs-tooltip-right {
        padding: 0 7px;
    }

        .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow,
        .tooltip.bs-tooltip-right .arrow {
            left: 0;
        }

            .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow:before,
            .tooltip.bs-tooltip-right .arrow:before {
                content: "";
                margin-top: -5px;
                border-width: 7px 7px 7px 0;
                border-right-color: #242424;
            }

    .tooltip.bs-tooltip-auto[x-placement^="bottom"],
    .tooltip.bs-tooltip-bottom {
        padding: 7px 0;
        text-align: center;
    }

        .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow,
        .tooltip.bs-tooltip-bottom .arrow {
            top: 0;
        }

            .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow:before,
            .tooltip.bs-tooltip-bottom .arrow:before {
                content: "";
                margin-left: -5px;
                border-width: 0 7px 7px;
                border-bottom-color: #242424;
            }

    .tooltip.bs-tooltip-auto[x-placement^="left"],
    .tooltip.bs-tooltip-left {
        padding: 0 7px;
    }

        .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow,
        .tooltip.bs-tooltip-left .arrow {
            right: 0;
        }

            .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow:before,
            .tooltip.bs-tooltip-left .arrow:before {
                content: "";
                right: 0;
                margin-top: -5px;
                border-width: 7px 0 7px 7px;
                border-left-color: #242424;
            }

.tooltip-inner {
    max-width: 280px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 14px 20px;
    color: #fff;
    background-color: #242424;
    border-radius: 4px;
}

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

.hs-form-required {
    font-weight: 400;
    padding-left: 2px;
}

.hs-form-booleancheckbox,
.hs-form-checkbox {
    margin-bottom: 0.2em;
}

    .hs-form-booleancheckbox:last-child,
    .hs-form-checkbox:last-child {
        margin-bottom: 0;
    }

.hs-form-booleancheckbox-display,
.hs-form-checkbox-display {
    display: flex;
    align-items: center;
}

    .hs-form-booleancheckbox-display .hs-input[type="checkbox"],
    .hs-form-checkbox-display .hs-input[type="checkbox"] {
        margin-right: 0.5em;
    }

.hs-submit .actions {
    display: block;
}

.hs-error-msgs label {
    display: block;
    width: 100%;
}

.hs-richtext {
    line-height: 1.2;
}

.form-hubspot--columns-last .hs-form > div.hs-form-field--wide,
.form-hubspot--columns-last .hs-form > div.hs-submit,
.form-hubspot--columns-last .hs-form > div.hs_error_rollup,
.form-hubspot--columns .hs-form > div.hs-form-field--wide,
.form-hubspot--columns .hs-form > div.hs-submit,
.form-hubspot--columns .hs-form > div.hs_error_rollup {
    width: 100%;
}

.form-hubspot--oneliner {
    min-height: 50px;
}

    .form-hubspot--oneliner .hs-form {
        flex-direction: column;
        margin: -5px;
    }

@media (min-width: 480px) {
    .form-hubspot--oneliner .hs-form {
        flex-direction: row;
    }
}

.form-hubspot--oneliner .hs-form > div {
    padding: 5px;
    flex: 1;
    width: auto;
}

.form-hubspot--oneliner .hs-form > .hs-submit {
    flex: 0;
}

.form-hubspot--oneliner .hs-form > .hs_error_rollup {
    order: 99;
    min-width: 100%;
    padding-top: 0;
    padding-bottom: 0;
}

.form-hubspot--oneliner .hs-form > div > label {
    display: none;
}

.form-hubspot--oneliner .hs-button {
    padding: 14px 24px 15px;
    font-size: inherit;
}

@media (max-width: 419px) {
    .form-hubspot--oneliner .hs-button {
        width: 100%;
        max-width: 380px;
    }
}

.form-hubspot--oneliner.form-hubspot--center .hs-button {
    margin-left: auto;
    margin-right: auto;
}

.form-hubspot--oneliner .hs-error-msgs {
    display: none !important;
}

.form-hubspot--oneliner .submitted-message {
    display: flex;
    align-items: center;
    min-height: 50px;
    font-weight: 600;
}

.form-hubspot--oneliner.form-hubspot--center .submitted-message {
    justify-content: center;
}

.autocompleter {
    margin-top: 4px;
    padding: 10px 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    background: #fff;
}

.autocompleter__item {
    display: flex;
    align-items: center;
    height: 36px;
    margin-bottom: 1px;
    padding: 0 12px;
    border-radius: 2px;
}

    .autocompleter__item:last-child {
        margin: 0;
    }

.autocompleter__icon {
    flex-shrink: 0;
    display: block;
    width: 20px;
    height: 20px;
    margin-right: 14px;
}

.autocompleter__text {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-bottom: 1px;
}

.autocompleter__title {
    margin-right: 3px;
    color: #242424;
}

.autocompleter__item.selected,
.autocompleter__item:hover {
    background: #f3f5f6;
}

    .autocompleter__item.selected .autocompleter__title,
    .autocompleter__item:hover .autocompleter__title {
        color: #47b972;
    }

.greenhouse-form {
    margin: 0 -10px;
}

@media (min-width: 760px) {
    .greenhouse-form {
        margin: 0 -30px;
    }
}

.pandadoc-embed {
    position: relative;
    height: 90vh;
    min-height: 460px;
    max-height: 640px;
}

@media (min-width: 600px) {
    .pandadoc-embed {
        max-height: none;
    }
}

@media (min-height: 1000px) {
    .pandadoc-embed {
        height: 80vh;
    }
}

.pandadoc-embed__frame {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
}

.wistia_responsive_padding {
    position: relative;
    padding-top: 56.25%;
}

.wistia_cover,
.wistia_embed,
.wistia_responsive_wrapper,
.wistia_swatch {
    width: 100%;
    height: 100%;
}

.wistia_responsive_wrapper,
.wistia_swatch {
    position: absolute;
    top: 0;
    left: 0;
}

.wistia_embed {
    position: relative;
}

.wistia_swatch {
    overflow: hidden;
    /*opacity: 0;
    transition: opacity 0.2s;*/
}

.wistia_cover {
    object-fit: contain;
    filter: blur(5px);
}

.microapp-form-container {
    width: 100%;
    background: #ebe5f3;
}

    .microapp-form-container iframe {
        border: none;
        width: 100%;
    }

.glide {
    position: relative;
    width: 100%;
}

.glide--rtl {
    direction: rtl;
}

.glide__slides,
.glide__track {
    overflow: hidden;
}

.glide__slides {
    position: relative;
    width: 100%;
    list-style: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    touch-action: pan-Y;
    padding: 0;
    white-space: nowrap;
    display: flex;
    flex-wrap: nowrap;
    will-change: transform;
}

.glide__slide,
.glide__slides--dragging {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.glide__slide {
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    white-space: normal;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
}

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

.glide__arrows,
.glide__bullets {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.glide--height .glide__slides {
    align-items: stretch;
}

.glide--height .glide__slide {
    display: flex;
    align-items: stretch;
    flex-basis: auto;
    height: auto;
}

.glide--swipeable {
    cursor: grab;
}

.glide--dragging {
    cursor: grabbing;
}

.glide__arrows:focus {
    outline: none;
}

.glide__arrow {
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    width: 50px;
    height: calc(100% - 30px);
    padding: 0;
    background-color: transparent;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.glide__arrow--left {
    left: -50px;
}

.glide__arrow--right {
    right: -50px;
    justify-content: flex-end;
}

.glide__arrow:focus {
    outline: none;
}

.glide__arrow:hover .glide__arrow-icon {
    fill: #47b972;
}

.glide__arrow-icon {
    fill: #242424;
    transition: fill 0.25s;
}

.glide__bullets {
    display: flex;
    justify-content: center;
    margin: 20px auto 0;
}

.glide__bullet {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 0;
    opacity: 0.2;
    background-color: #242424;
    border-radius: 50%;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    .glide__bullet:hover {
        opacity: 0.4;
    }

.glide__bullet--active,
.glide__bullet--active:hover {
    opacity: 1;
}

.glide__bullet:focus {
    outline: none;
}

.modal-video .modal-dialog {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    padding: 60px 20px;
}

@media (min-width: 600px) {
    .modal-video .modal-dialog {
        top: 0;
        align-items: center;
        justify-content: center;
        padding-left: 60px;
        padding-right: 60px;
    }
}

.modal-video .modal__content {
    max-width: 1080px;
    min-height: 100px;
    background: #000;
}

.modal-video .modal__body {
    padding: 0;
}

.modal-video .modal__close {
    position: absolute;
    top: -60px;
    right: -20px;
}

    .modal-video .modal__close svg {
        fill: #fff;
    }

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

.color-meta {
    color: #888;
}

.color-secondary,
.hs-form-booleancheckbox-display,
.hs-form-checkbox-display,
.hs-richtext {
    color: #666;
}

.color-brand {
    color: #47b972;
}

.cursor-default {
    cursor: default;
}

@media (max-width: 599px) {
    .hide-mobile {
        display: none;
    }
}

@media (max-width: 767px) {
    .hide-mobile-tablet {
        display: none;
    }
}

@media (max-width: 959px) {
    .hide-mobile-tablets {
        display: none;
    }
}

@media (min-width: 960px) {
    .hide-desktop {
        display: none;
    }
}

@media (min-width: 768px) {
    .hide-tablet-large-desktop {
        display: none;
    }
}

@media (min-width: 600px) {
    .hide-tablets-desktop {
        display: none;
    }
}

.mb-0 {
    margin-bottom: 0;
}

.mb-05em {
    margin-bottom: 0.5em;
}

.mb-1em {
    margin-bottom: 1em;
}

.mb-15em {
    margin-bottom: 1.5em;
}

.mb-2em {
    margin-bottom: 2em;
}

.mb-3em {
    margin-bottom: 3em;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-40 {
    margin-bottom: 20px;
}

@media (min-width: 600px) {
    .mb-40 {
        margin-bottom: 40px;
    }
}

.mb-60 {
    margin-bottom: 40px;
}

@media (min-width: 600px) {
    .mb-60 {
        margin-bottom: 60px;
    }
}

.mb-80 {
    margin-bottom: 50px;
}

@media (min-width: 600px) {
    .mb-80 {
        margin-bottom: 80px;
    }
}

.mb-120 {
    margin-bottom: 60px;
}

@media (min-width: 600px) {
    .mb-120 {
        margin-bottom: 120px;
    }
}

.mb-160 {
    margin-bottom: 80px;
}

@media (min-width: 600px) {
    .mb-160 {
        margin-bottom: 160px;
    }
}

.mb-240 {
    margin-bottom: 120px;
}

@media (min-width: 600px) {
    .mb-240 {
        margin-bottom: 240px;
    }
}

.mt-60 {
    margin-top: 40px;
}

@media (min-width: 600px) {
    .mt-60 {
        margin-top: 60px;
    }
}

.pt-160 {
    padding-top: 120px;
}

@media (min-width: 600px) {
    .pt-160 {
        padding-top: 160px;
    }
}

.overflow-x {
    overflow-x: auto;
}

.scroll-x {
    overflow: hidden;
}

.scroll-x__box {
    overflow-x: auto;
    margin-bottom: -20px;
    padding-bottom: 20px;
}

.w-100 {
    width: 100%;
}