/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}
body {
    margin: 0;
}
main {
    display: block;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
pre {
    font-family: monospace, monospace;
    font-size: 1em;
}
a {
    background-color: transparent;
}
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}
b,
strong {
    font-weight: bolder;
}
code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
img {
    border-style: none;
}
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
button,
input {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
    -webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText;
}
fieldset {
    padding: 0.35em 0.75em 0.625em;
}
legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}
progress {
    vertical-align: baseline;
}
textarea {
    overflow: auto;
}
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
details {
    display: block;
}
summary {
    display: list-item;
}
[hidden],
template {
    display: none;
}
audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}
fieldset {
    margin: 0;
    padding: 0;
    border: none;
}
textarea {
    resize: vertical;
}
input[type="email"],
input[type="password"],
input[type="search"],
input[type="text"] {
    -webkit-appearance: none;
    -moz-appearance: none;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #fff inset !important;
    -webkit-text-fill-color: #38424b !important;
}
.parsley-errors-list {
    color: #e15554;
    font-weight: 600;
    font-size: 12px;
    line-height: 1.333;
    padding: 0 4px;
    text-align: left;
}
.parsley-errors-list .parsley-errors-list__item:first-child {
    margin-top: 4px;
}
.form-control {
    padding: 7px 8px;
    width: 100%;
    height: 48px;
    border: 1px solid #81919d;
    border-radius: 4px;
    color: #2c2c2c;
    font-size: 14px;
    line-height: normal;
    transition: all 0.15s ease-in-out;
}
@media only screen and (min-width: 960px) {
    .form-control {
        font-size: 16px;
        padding-left: 12px;
    }
}
@media only screen and (min-width: 1280px) {
    .form-control {
        padding-left: 16px;
    }
}
.form--bigger .form-control {
    padding: 7px 8px;
    height: 40px;
}
.form-control:hover {
    border-color: #738592;
}
.form-control:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #667988;
}
.form-control::-webkit-input-placeholder {
    color: #667988;
}
.form-control:-moz-placeholder,
.form-control::-moz-placeholder {
    color: #667988;
}
.form-control:-ms-input-placeholder {
    color: #667988;
}
.form-control.parsley-error {
    border-color: #e15554;
}
.form-control.parsley-error:focus {
    border-color: #81919d;
}
.form-label {
    display: inline-block;
    padding-bottom: 4px;
    color: #2c2c2c;
    vertical-align: top;
    font-weight: 700;
    line-height: 23px;
}
.button.form-submit,
.form-submit {
    width: 100%;
    padding: 11px 20px;
    font-size: 14px;
    line-height: 16px;
}
@media only screen and (min-width: 640px) {
    .button.form-submit,
    .form-submit {
        padding: 14px 20px;
        font-size: 16px;
        line-height: 18px;
    }
}
@media only screen and (min-width: 960px) {
    .button.form-submit,
    .form-submit {
        padding: 14px 20px;
        font-size: 16px;
        line-height: 18px;
    }
}
@media only screen and (min-width: 1280px) {
    .button.form-submit,
    .form-submit {
        padding: 14px 20px;
        font-size: 16px;
        line-height: 18px;
    }
}
.form__row {
    margin-bottom: 12px;
}
.form__row--dual-columns:after,
.form__row--dual-columns:before {
    display: table;
    content: "";
}
.form__row--dual-columns:after {
    clear: both;
}
.form__row--dual-columns .form__column {
    width: 50%;
}
.form__row--dual-columns .form__column:nth-child(odd) {
    float: left;
    padding-right: 2%;
}
.form__row--dual-columns .form__column:nth-child(2n) {
    float: right;
    padding-left: 2%;
}
.form__row--dual-columns .form__column--w-o-label {
    padding-top: 27px;
}
.form__row--submit {
    margin-top: 16px;
    margin-bottom: 0;
}
select {
    width: 100%;
    height: 48px;
    border-radius: 4px;
}
.selectric-wrapper {
    position: relative;
}
.selectric-wrapper.has-error {
    margin-bottom: 19px;
}
.selectric {
    position: relative;
    padding: 7px 12px;
    height: 48px;
    outline: none;
    outline-offset: -2px;
    border: 1px solid #81919d;
    border-radius: 4px;
    background: #fff;
    color: #2c2c2c;
    text-align: left;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.15;
    cursor: pointer;
    user-select: none;
}
.selectric-open .selectric {
    border: 1px solid grey;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #667988;
}
.has-error .selectric {
    border-color: #e15554;
}
.selectric .button {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    width: 32px;
    height: 32px;
    border: none !important;
    background: none !important;
    box-shadow: none !important;
    font-size: 0;
}
.selectric .button:before {
    display: block;
    margin: 7px 7px 7px 10px;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16'%3E%3Cdefs%3E%3Cpath id='a' d='M4 2.586L6.293.293a1 1 0 1 1 1.414 1.414l-3 3a.997.997 0 0 1-1.414 0l-3-3A1 1 0 1 1 1.707.293L4 2.586z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd' transform='translate(4 6)'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cuse fill='%23414141' fill-rule='nonzero' xlink:href='%23a'/%3E%3Cg fill='%23414141' mask='url(%23b)'%3E%3Cpath d='M-4-6h16v16H-4z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    content: "";
}
.selectric-open .selectric .button:before {
    transition: 0.15s ease-out;
    transform: rotate(-180deg);
}
.selectric .button:hover {
    background: none;
}
.selectric .button:active,
.selectric .button:focus {
    box-shadow: none;
}
.selectric-open {
    z-index: 999;
}
.selectric-open .selectric-items {
    display: block;
}
.selectric-items {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: -1;
    display: none;
    margin-top: 4px;
    padding-top: 16px;
    padding-bottom: 16px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 0 10px -6px;
}
.selectric-items .selectric-scroll {
    overflow: auto;
    height: 100%;
}
.selectric-above .selectric-items {
    top: auto;
    bottom: 100%;
    margin-bottom: 4px;
}
.selectric-items li,
.selectric-items ul {
    margin: 0;
    padding: 0;
    min-height: 16px;
    list-style: none;
    line-height: 16px;
}
.selectric-items li {
    padding: 8px 15px;
    cursor: pointer;
}
.selectric-items li.selected {
    background: #e9e9e9;
    color: #2c2c2c;
}
.selectric-items li.highlighted,
.selectric-items li:hover {
    background: #d5d5d5;
    color: #444;
}
.selectric-items .disabled {
    background: none;
    color: #666;
    opacity: 0.5;
    cursor: default;
    user-select: none;
}
.selectric-wrapper.has-error .parsley-required {
    display: block;
}
.selectric-wrapper .parsley-required {
    display: none;
}
.selectric-hide-select {
    width: 100%;
    height: 0;
}
.selectric-hide-select select {
    height: 40px;
    position: relative;
    z-index: -1;
    width: 100%;
    opacity: 1;
}
.selectric-hide-select.selectric-is-native {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
}
.selectric-hide-select.selectric-is-native select {
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    border: none;
    opacity: 0;
}
.selectric-input {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    outline: none !important;
    border: none !important;
    background: none !important;
}
.selectric-parsley-errors-list .selectric,
.selectric-parsley-errors-list .selectric-items {
    display: none;
}
.disabled,
button[disabled],
html input[disabled] {
    cursor: not-allowed;
}
.select2-selection--single {
    transition: all 0.15s ease-in-out;
}
input[type="checkbox"] {
    opacity: 0;
    width: 0;
    height: 0;
}
.check-icon {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: #fff;
    border: 1px solid #9da9b3;
    border-radius: 4px;
    transition: all 0.2s ease-in-out;
}
.check-icon:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 2px;
    width: 10px;
    height: 8px;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkuNjQuMjMyQTEgMSAwIDAgMCA4LjIzMi4zNmwtNC4zIDUuMTU5LTIuMjI1LTIuMjI2QTEgMSAwIDEgMCAuMjkzIDQuNzA3bDIuOTkxIDIuOTkxYS45OTYuOTk2IDAgMCAwIC4zMjUuMjIzIDEuMDAzIDEuMDAzIDAgMCAwIDEuMTY3LS4yOWw0Ljk5Mi01Ljk5QTEgMSAwIDAgMCA5LjY0LjIzeiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==")
        no-repeat;
    background-size: contain;
    transform: scale(1.5);
    transition: all 0.2s ease-in-out;
    opacity: 0;
}
input[type="checkbox"]:checked + .form-control--checkbox-btn .check-icon {
    border-color: #9da9b3;
    background: #0777cf;
}
input[type="checkbox"]:checked
    + .form-control--checkbox-btn
    .check-icon:before {
    transform: scale(1);
    opacity: 1;
}
input[type="checkbox"]:focus + .form-control--checkbox-btn .check-icon {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #667988;
}
.call-to-action-styled {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    padding: 57px 46px;
    min-height: 227px;
    max-width: 400px;
    background: url(../images/global/bitmap/call-to-action/brush.png) no-repeat
        top;
    background-size: 400px;
    color: #fff;
    text-align: center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min--moz-device-pixel-ratio: 1.5),
    only screen and (min-resolution: 1.5dppx),
    only screen and (min-resolution: 144dpi) {
    .call-to-action-styled {
        background-image: url(../images/global/bitmap/call-to-action/brush%402x.png);
    }
}
@media only screen and (min-width: 640px) {
    .call-to-action-styled {
        margin: 0 auto;
        padding: 94px 117px 30px 143px;
        min-height: 329px;
        max-width: 100%;
        width: 570px;
        background: url(../images/global/bitmap/call-to-action/brush.png)
            no-repeat top;
        background-size: contain;
    }
}
@media only screen and (min-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-width: 640px) and (min--moz-device-pixel-ratio: 1.5),
    only screen and (min-width: 640px) and (min-resolution: 1.5dppx),
    only screen and (min-width: 640px) and (min-resolution: 144dpi) {
    .call-to-action-styled {
        background-image: url(../images/global/bitmap/call-to-action/brush%402x.png);
    }
}
.call-to-action-styled--configure-bot .call-to-action-styled__title {
    font-size: 18px;
    line-height: 1.43;
}
@media only screen and (min-width: 640px) {
    .call-to-action-styled--configure-bot .call-to-action-styled__title {
        font-size: 28px;
    }
}
@media only screen and (min-width: 640px) {
    .call-to-action-styled--configure-bot .call-to-action-styled__header {
        margin: 0 -35px 20px;
    }
}
.call-to-action-styled--configure-bot .button {
    padding-right: 11px;
    padding-left: 11px;
}
@media only screen and (min-width: 640px) {
    .call-to-action-styled--configure-bot .button {
        padding: 14px 20px;
        font-size: 16px;
        line-height: 18px;
    }
}
.call-to-action-styled--configure-bot:before {
    position: absolute;
    top: -30px;
    left: 50%;
    display: block;
    margin-left: -36px;
    width: 75px;
    height: 74px;
    background: url(../images/global/bitmap/call-to-action/mail.png) no-repeat
        top;
    background-size: contain;
    content: "";
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min--moz-device-pixel-ratio: 1.5),
    only screen and (min-resolution: 1.5dppx),
    only screen and (min-resolution: 144dpi) {
    .call-to-action-styled--configure-bot:before {
        background-image: url(../images/global/bitmap/call-to-action/mail%402x.png);
    }
}
@media only screen and (min-width: 640px) {
    .call-to-action-styled--configure-bot:before {
        width: 94px;
        height: 93px;
    }
}
.call-to-action-styled--configure-bot:after {
    position: absolute;
    top: 159px;
    left: 50%;
    display: block;
    width: 166px;
    height: 73px;
    background: url(../images/global/bitmap/call-to-action/paint-drops.png)
        no-repeat top;
    background-size: contain;
    content: "";
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min--moz-device-pixel-ratio: 1.5),
    only screen and (min-resolution: 1.5dppx),
    only screen and (min-resolution: 144dpi) {
    .call-to-action-styled--configure-bot:after {
        background-image: url(../images/global/bitmap/call-to-action/paint-drops%402x.png);
    }
}
@media only screen and (min-width: 640px) {
    .call-to-action-styled--configure-bot:after {
        top: 220px;
        right: 10px;
        left: auto;
        width: 236px;
        height: 104px;
    }
}
.call-to-action-styled__header {
    margin: 0 -30px 20px;
}
@media only screen and (min-width: 1280px) {
    .call-to-action-styled__header {
        margin: 0 -35px 20px;
    }
}
.call-to-action-styled__title {
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.5;
}
@media only screen and (min-width: 640px) {
    .call-to-action-styled__title {
        padding: 0;
        font-size: 24px;
    }
}
@media only screen and (min-width: 1280px) {
    .call-to-action-styled__title {
        font-size: 28px;
        line-height: 1.43;
    }
}
.status-action-success {
    position: relative;
    margin: 0 auto;
    padding-top: 58px;
    width: 215px;
}
@media only screen and (min-width: 640px) {
    .status-action-success {
        padding-top: 62px;
        width: 330px;
        font-size: 16px;
    }
}
.status-action-success:before {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -41px;
    width: 93px;
    height: 43px;
    background: #000;
    content: "";
}
@media only screen and (min-width: 640px) {
    .status-action-success:before {
        width: 116px;
        height: 54px;
    }
}
.status-action-failed {
    position: relative;
    margin: 0 auto;
    padding-top: 60px;
    width: 215px;
}
@media only screen and (min-width: 640px) {
    .status-action-failed {
        width: 330px;
        font-size: 16px;
    }
}
.sv-chat-wrapper {
    display: none !important;
}
@media only screen and (min-width: 960px) {
    .sv-chat-wrapper {
        display: flex !important;
    }
}
.layout,
.layout-responsive {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.layout__header {
    z-index: 10;
}
.layout-responsive__header,
.layout__header {
    flex: none;
}
.layout__body {
    position: relative;
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
    align-items: center;
}
.layout-responsive__body,
.layout__body {
    flex: 1 0 auto;
}
.layout-responsive__mobile-menu {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 160;
    visibility: hidden;
    overflow-y: auto;
    background-color: #fff;
    transition: all 0.3s ease-in-out;
    -webkit-overflow-scrolling: touch;
}
.layout__body {
    min-width: 960px;
}
.smartbanner-show {
    margin-top: 0 !important;
}
.smartbanner-show
    .header-box-shadow
    + .layout-responsive__body
    + .layout-responsive__footer
    + .layout-responsive__mobile-menu:not(.js-initial-style) {
    top: 68px;
}
.smartbanner-show
    [data-offcanvas-container][data-offcanvas-hidden="false"]
    .header-box-shadow
    + .layout-responsive__body
    + .layout-responsive__footer
    + .layout-responsive__mobile-menu:not(.js-initial-style) {
    height: calc(100% - 68px);
}
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.list-native {
    list-style-type: disc;
}
.list-latin,
.list-native,
.list-roman {
    padding-left: 40px;
}
.list-numbered-content,
.list-numbered-content__item {
    list-style-type: decimal;
}
.list-roman,
.list-roman__item {
    list-style-type: lower-roman;
}
.list-latin,
.list-latin__item {
    list-style-type: lower-latin;
}
.list-numbered-content__section {
    margin-bottom: 21px;
    padding-top: 8px;
}
.h1,
.h2,
.h3,
.h4,
.h5,
h1,
h2,
h3,
h4,
h5 {
    margin: 0;
    color: #2c2c2c;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
}
.h1,
h1 {
    font-size: 28px;
    line-height: 1.285;
}
.h2,
h2 {
    font-size: 24px;
    line-height: 1.333;
}
.h3,
h3 {
    font-size: 20px;
    line-height: 1.4;
}
.h4,
h4 {
    font-size: 16px;
    line-height: 1.5;
}
.h5,
h5 {
    font-size: 14px;
    line-height: 1.714;
}
@font-face {
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    font-family: Open Sans;
    src: url(https://marketing-static.signnow.com/1000/fonts/OpenSans/OpenSans-Light.eot);
    src: url(https://marketing-static.signnow.com/1000/fonts/OpenSans/OpenSans-Light.eot?#iefix)
            format("embedded-opentype"),
        url(https://marketing-static.signnow.com/1000/fonts/OpenSans/OpenSans-Light.woff2)
            format("woff2"),
        url(https://marketing-static.signnow.com/1000/fonts/OpenSans/OpenSans-Light.woff)
            format("woff"),
        url(https://marketing-static.signnow.com/1000/fonts/OpenSans/OpenSans-Light.ttf)
            format("truetype");
}
@font-face {
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    font-family: Open Sans;
    src: url(https://marketing-static.signnow.com/1000/fonts/OpenSans/OpenSans-Regular.eot);
    src: url(https://marketing-static.signnow.com/1000/fonts/OpenSans/OpenSans-Regular.eot?#iefix)
            format("embedded-opentype"),
        url(https://marketing-static.signnow.com/1000/fonts/OpenSans/OpenSans-Regular.woff2)
            format("woff2"),
        url(https://marketing-static.signnow.com/1000/fonts/OpenSans/OpenSans-Regular.woff)
            format("woff"),
        url(https://marketing-static.signnow.com/1000/fonts/OpenSans/OpenSans-Regular.ttf)
            format("truetype");
}
@font-face {
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    font-family: Open Sans;
    src: url(https://marketing-static.signnow.com/1000/fonts/OpenSans/OpenSans-SemiBold.eot);
    src: url(https://marketing-static.signnow.com/1000/fonts/OpenSans/OpenSans-SemiBold.eot?#iefix)
            format("embedded-opentype"),
        url(https://marketing-static.signnow.com/1000/fonts/OpenSans/OpenSans-SemiBold.woff2)
            format("woff2"),
        url(https://marketing-static.signnow.com/1000/fonts/OpenSans/OpenSans-SemiBold.woff)
            format("woff"),
        url(https://marketing-static.signnow.com/1000/fonts/OpenSans/OpenSans-SemiBold.ttf)
            format("truetype");
}
@font-face {
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    font-family: Open Sans;
    src: url(https://marketing-static.signnow.com/1000/fonts/OpenSans/OpenSans-Bold.eot);
    src: url(https://marketing-static.signnow.com/1000/fonts/OpenSans/OpenSans-Bold.eot?#iefix)
            format("embedded-opentype"),
        url(https://marketing-static.signnow.com/1000/fonts/OpenSans/OpenSans-Bold.woff2)
            format("woff2"),
        url(https://marketing-static.signnow.com/1000/fonts/OpenSans/OpenSans-Bold.woff)
            format("woff"),
        url(https://marketing-static.signnow.com/1000/fonts/OpenSans/OpenSans-Bold.ttf)
            format("truetype");
}
@font-face {
    font-weight: 800;
    font-style: normal;
    font-display: swap;
    font-family: Open Sans;
    src: url(https://marketing-static.signnow.com/1000/fonts/OpenSans/OpenSans-ExtraBold.eot);
    src: url(https://marketing-static.signnow.com/1000/fonts/OpenSans/OpenSans-ExtraBold.eot?#iefix)
            format("embedded-opentype"),
        url(https://marketing-static.signnow.com/1000/fonts/OpenSans/OpenSans-ExtraBold.woff2)
            format("woff2"),
        url(https://marketing-static.signnow.com/1000/fonts/OpenSans/OpenSans-ExtraBold.woff)
            format("woff"),
        url(https://marketing-static.signnow.com/1000/fonts/OpenSans/OpenSans-ExtraBold.ttf)
            format("truetype");
}
@font-face {
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    font-family: Graphik;
    src: url(https://marketing-static.signnow.com/1000/fonts/Graphik/Graphik-Regular.eot);
    src: url(https://marketing-static.signnow.com/1000/fonts/Graphik/Graphik-Regular.eot?#iefix)
            format("embedded-opentype"),
        url(https://marketing-static.signnow.com/1000/fonts/Graphik/Graphik-Regular.woff2)
            format("woff2"),
        url(https://marketing-static.signnow.com/1000/fonts/Graphik/Graphik-Regular.woff)
            format("woff"),
        url(https://marketing-static.signnow.com/1000/fonts/Graphik/Graphik-Regular.ttf)
            format("truetype");
}
@font-face {
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    font-family: Graphik;
    src: url(https://marketing-static.signnow.com/1000/fonts/Graphik/Graphik-Medium.eot);
    src: url(https://marketing-static.signnow.com/1000/fonts/Graphik/Graphik-Medium.eot?#iefix)
            format("embedded-opentype"),
        url(https://marketing-static.signnow.com/1000/fonts/Graphik/Graphik-Medium.woff2)
            format("woff2"),
        url(https://marketing-static.signnow.com/1000/fonts/Graphik/Graphik-Medium.woff)
            format("woff"),
        url(https://marketing-static.signnow.com/1000/fonts/Graphik/Graphik-Medium.ttf)
            format("truetype");
}
@font-face {
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    font-family: Graphik;
    src: url(https://marketing-static.signnow.com/1000/fonts/Graphik/Graphik-Bold.eot);
    src: url(https://marketing-static.signnow.com/1000/fonts/Graphik/Graphik-Bold.eot?#iefix)
            format("embedded-opentype"),
        url(https://marketing-static.signnow.com/1000/fonts/Graphik/Graphik-Bold.woff2)
            format("woff2"),
        url(https://marketing-static.signnow.com/1000/fonts/Graphik/Graphik-Bold.woff)
            format("woff"),
        url(https://marketing-static.signnow.com/1000/fonts/Graphik/Graphik-Bold.ttf)
            format("truetype");
}
@font-face {
    font-weight: 900;
    font-style: normal;
    font-display: swap;
    src: url(https://marketing-static.signnow.com/1000/fonts/Graphik/Graphik-Black.eot);
    src: url(https://marketing-static.signnow.com/1000/fonts/Graphik/Graphik-Black.eot?#iefix)
            format("embedded-opentype"),
        url(https://marketing-static.signnow.com/1000/fonts/Graphik/Graphik-Black.woff2)
            format("woff2"),
        url(https://marketing-static.signnow.com/1000/fonts/Graphik/Graphik-Black.woff)
            format("woff"),
        url(https://marketing-static.signnow.com/1000/fonts/Graphik/Graphik-Black.ttf)
            format("truetype");
}
@font-face {
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    font-family: Menlo;
    src: url(https://marketing-static.signnow.com/1000/fonts/Menlo/Menlo-Regular.eot);
    src: url(https://marketing-static.signnow.com/1000/fonts/Menlo/Menlo-Regular.eot?#iefix)
            format("embedded-opentype"),
        url(https://marketing-static.signnow.com/1000/fonts/Menlo/Menlo-Regular.woff2)
            format("woff2"),
        url(https://marketing-static.signnow.com/1000/fonts/Menlo/Menlo-Regular.woff)
            format("woff"),
        url(https://marketing-static.signnow.com/1000/fonts/Menlo/Menlo-Regular.ttf)
            format("truetype");
}
.h5,
b,
h5,
strong {
    font-weight: 700;
}
p {
    margin-top: 0;
}
.link,
.link-action,
a {
    background-color: transparent;
    color: #0777cf;
    text-decoration: none;
    cursor: pointer;
}
.link-action[disabled="disabled"],
.link[disabled="disabled"],
a[disabled="disabled"] {
    cursor: default;
    pointer-events: none;
}
.link-action:active,
.link-action:hover,
.link:active,
.link:hover,
a:active,
a:hover {
    outline: none;
    text-decoration: underline;
}
.link,
.link-action {
    position: relative;
    display: inline-block;
    text-decoration: none;
    font-weight: 700;
}
.link-action:active,
.link-action:hover,
.link:active,
.link:hover {
    text-decoration: underline;
}
@media only screen and (min-width: 960px) {
    .link-action:active,
    .link-action:hover,
    .link:active,
    .link:hover {
        text-decoration: none;
    }
}
@media only screen and (min-width: 960px) {
    .link-action:before,
    .link:before {
        content: "";
        position: absolute;
        width: 0;
        bottom: -3px;
        height: 2px;
        display: block;
        right: 0;
        background: #0777cf;
        transition: width 0.15s ease;
        will-change: width;
    }
}
.link-action:focus:before,
.link-action:hover:before,
.link:focus:before,
.link:hover:before {
    width: 100%;
    left: 0;
    background: #0777cf;
}
.link--outgoing {
    position: relative;
    margin-right: 21px;
    outline: none;
}
.link--outgoing:after {
    display: block;
    position: absolute;
    top: 2px;
    right: -21px;
    width: 24px;
    height: 20px;
    background: url(https://marketing-static.signnow.com/1000/images/global/link-arrow.svg)
        no-repeat 100%;
    content: "";
}
.link--outgoing:focus:before {
    width: 100%;
    left: 0;
    background: #0777cf;
}
.link--outgoing-white {
    position: relative;
    color: #fff;
    margin-right: 21px;
    outline: none;
}
.link--outgoing-white:before {
    background: #fff;
}
.link--outgoing-white:after {
    display: block;
    position: absolute;
    top: 7px;
    right: -21px;
    width: 16px;
    height: 10px;
    background: url(https://marketing-static.signnow.com/1000/images/global/link-arrow-white.svg)
        no-repeat;
    content: "";
}
.link--outgoing-white:hover:before {
    background: #fff;
}
.link--outgoing-white:focus:before {
    width: 100%;
    left: 0;
    background: #fff;
}
.link--more-than-one-line {
    line-height: 21px;
}
.link--more-than-one-line .link-arrow {
    position: relative;
    margin-right: 21px;
}
.link--more-than-one-line .link-arrow:after {
    display: block;
    position: absolute;
    top: 1px;
    right: -21px;
    width: 24px;
    height: 20px;
    background: url(https://marketing-static.signnow.com/1000/images/global/link-arrow.svg)
        no-repeat 100%;
    content: "";
}
.link--more-than-one-line:before {
    right: 20px;
}
.link--more-than-one-line:hover:before {
    width: 95%;
}
.link-action {
    display: inline-block;
    border-bottom: 1px dashed;
    vertical-align: inherit;
    text-decoration: none;
}
.section-subtitle,
.section-title,
.text-centered {
    text-align: center;
}
.text-accent {
    color: #45688f;
    font-weight: 600;
}
.line-break {
    display: block;
}
.hide-string-at-screen-sm {
    display: none;
}
@media only screen and (min-width: 640px) {
    .hide-string-at-screen-sm {
        display: inline;
    }
}
.text-normal {
    font-weight: 400;
}
.nobr {
    white-space: nowrap;
}
.is-ie11 .link--outgoing,
.is-ie11 .link--outgoing-white {
    outline: none;
}
.form__item--agreement-note a,
.more-content a {
    text-decoration: underline;
    white-space: nowrap;
}
.form__item--agreement-note a:hover,
.more-content a:hover {
    color: #008bf8;
}
.form__item--agreement-note a:active,
.form__item--agreement-note a:focus,
.more-content a:active,
.more-content a:focus {
    color: #076dbd;
}
.accessibility-hidden-content,
.accessibility-hidden-instruction {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap;
}
.form__asterisik-description {
    position: relative;
    font-size: 12px;
    line-height: 24px;
    color: #38424b;
    margin-bottom: 16px;
    padding-left: 22px;
}
@media only screen and (min-width: 375px) {
    .form__asterisik-description {
        font-size: 14px;
        padding-left: 24px;
    }
}
.form__asterisik-description:before {
    position: absolute;
    content: "";
    left: 1px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGVsbGlwc2UgY3g9IjcuOTk3IiBjeT0iNy45OTkiIHJ4PSI2LjAwMSIgcnk9IjYuMDAzIiBzdHJva2U9IiMzODQyNEIiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNNy4zMyAxMC4zMzNoMS41NE04LjEwMyAxMC4zMzJWNy40OThoLS43NjdNOC4wNjUgNS40OTVhLjE2Ny4xNjcgMCAxIDEtLjE2Ny0uMTY2TTcuODk3IDUuMzI4Yy4wOTIgMCAuMTY2LjA3NS4xNjYuMTY3IiBzdHJva2U9IiMzODQyNEIiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=");
    background-size: contain;
}
@media only screen and (min-width: 375px) {
    .form__asterisik-description:before {
        width: 16px;
        height: 16px;
    }
}
* {
    box-sizing: border-box;
}
body,
html {
    min-width: 320px;
    width: 100%;
    height: 100%;
}
body {
    position: relative;
    color: #2c2c2c;
    font-weight: 400;
    font-size: 14px;
    font-family: Open Sans, Arial, sans-serif;
    line-height: 24px;
}
@media only screen and (min-width: 640px) {
    body {
        font-size: 14px;
    }
}
@media print {
    *,
    :after,
    :before {
        background: transparent !important;
        box-shadow: none !important;
        color: #000 !important;
        text-shadow: none !important;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }
    pre {
        white-space: pre-wrap !important;
    }
    blockquote,
    pre {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    img,
    tr {
        page-break-inside: avoid;
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
}
.animated {
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated.infinite {
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}
.animated.delay-1s {
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
}
.animated.delay-2s {
    animation-delay: 2s;
    -webkit-animation-delay: 2s;
}
.animated.delay-3s {
    animation-delay: 3s;
    -webkit-animation-delay: 3s;
}
.animated.delay-4s {
    animation-delay: 4s;
    -webkit-animation-delay: 4s;
}
.animated.delay-5s {
    animation-delay: 5s;
    -webkit-animation-delay: 5s;
}
.animated.fast {
    animation-duration: 0.8s;
    -webkit-animation-duration: 0.8s;
}
.animated.faster {
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
}
.animated.slow {
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}
.animated.slower {
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}
.fadeInUp {
    animation-name: fadeInUp;
}
.fadeInRight {
    animation-name: fadeInRight;
}
.fadeInLeft {
    animation-name: fadeInLeft;
}
.fadeInDown {
    animation-name: fadeInDown;
}
@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 20%, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 20%, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}
@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 20%, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 20%, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}
@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}
@-o-keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}
@-moz-keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-20%, 0, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-20%, 0, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}
@-o-keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-20%, 0, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-20%, 0, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}
@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -20%, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -20%, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}
@-o-keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -20%, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -20%, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}
.page-header {
    position: relative;
    height: 76px;
    background: #fff;
}
@media only screen and (min-width: 960px) {
    .page-header {
        height: 78px;
    }
}
.page-header .header-action .button {
    font-weight: 700;
    padding: 9px 15px;
}
.page-header__inner {
    display: flex;
    align-items: center;
    height: 100%;
    margin: 0 auto;
    padding-right: 16px;
    padding-left: 16px;
    max-width: 1280px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.page-header__inner:after,
.page-header__inner:before {
    display: table;
    content: "";
}
.page-header__inner:after {
    clear: both;
}
.header-logo {
    width: 100%;
    position: relative;
}
.header-logo__link {
    display: block;
    width: 96px;
    text-align: center;
}
@media only screen and (min-width: 960px) {
    .header-logo__link {
        width: 127px;
    }
}
.header-logo__link--new {
    width: 92px;
    line-height: 1;
}
@media only screen and (min-width: 640px) {
    .header-logo__link--new {
        width: 110px;
    }
}
@media only screen and (min-width: 960px) {
    .header-logo__link--new {
        width: 137px;
    }
}
.header-logo__link--academy {
    width: 110px;
}
@media only screen and (min-width: 640px) {
    .header-logo__link--academy {
        width: 136px;
    }
}
@media only screen and (min-width: 960px) {
    .header-logo__link--academy {
        width: 170px;
    }
}
.header-logo__img {
    display: inline-block;
    width: 100%;
    vertical-align: top;
}
.header-logo__img--internet1 {
    max-width: 25px;
    margin-top: -8px;
}
@media only screen and (min-width: 375px) {
    .header-logo__img--internet1 {
        max-width: 31px;
    }
}
@media only screen and (min-width: 640px) {
    .header-logo__img--internet1 {
        max-width: 36px;
        margin-top: 0;
    }
}
@media only screen and (min-width: 960px) {
    .header-logo__img--internet1 {
        max-width: 35px;
    }
}
@media only screen and (min-width: 1280px) {
    .header-logo__img--internet1 {
        max-width: 47px;
        margin-top: -3px;
    }
}
.divider {
    position: relative;
    margin: 0 8px;
}
@media only screen and (min-width: 640px) {
    .divider {
        margin: 0 12px 0 10px;
    }
}
@media only screen and (min-width: 960px) {
    .divider {
        margin: 0 13px 0 12px;
    }
}
.divider:before {
    position: absolute;
    content: "";
    display: block;
    top: -7px;
    width: 1px;
    height: 34px;
    background-color: #d4d4d4;
    border-radius: 0.5px;
}
@media only screen and (min-width: 640px) {
    .divider:before {
        width: 1px;
        height: 32px;
        top: -4px;
    }
}
@media only screen and (min-width: 960px) {
    .divider:before {
        width: 1px;
        height: 40px;
        top: -5px;
    }
}
.mobile-menu-trigger-button {
    padding: 0;
    margin-left: 15px;
    margin-right: 3px;
    height: 28px;
    background: none;
    border: 0;
    outline: none;
}
@media only screen and (min-width: 960px) {
    .mobile-menu-trigger-button {
        display: none;
    }
}
.mobile-menu-trigger-button .mobile-menu-trigger {
    display: block;
    width: 28px;
    min-width: 28px;
    transform: rotate(0deg);
    transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.mobile-menu-trigger-button .mobile-menu-trigger__bar {
    width: 100%;
    height: 2px;
    border-radius: 0.4px;
    display: block;
    position: relative;
    background: #2c2c2c;
    transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition-delay: 0s;
}
.mobile-menu-trigger-button .mobile-menu-trigger__bar-top {
    transform: translateY(-8px) rotate(0deg);
}
.mobile-menu-trigger-button .mobile-menu-trigger__bar-middle {
    transform: translateY(0) rotate(0deg);
}
.mobile-menu-trigger-button .mobile-menu-trigger__bar-bottom {
    transform: translateY(8px) rotate(0deg);
}
.mobile-menu-trigger-button[aria-expanded="true"] .mobile-menu-trigger {
    transform: rotate(90deg);
}
.mobile-menu-trigger-button[aria-expanded="true"] .mobile-menu-trigger__bar {
    transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition-delay: 0.2s;
}
.mobile-menu-trigger-button[aria-expanded="true"]
    .mobile-menu-trigger__bar-top {
    transform: translateY(2px) rotate(45deg);
}
.mobile-menu-trigger-button[aria-expanded="true"]
    .mobile-menu-trigger__bar-middle {
    opacity: 0;
}
.mobile-menu-trigger-button[aria-expanded="true"]
    .mobile-menu-trigger__bar-bottom {
    transform: translateY(-2px) rotate(-45deg);
}
.pinned-header {
    height: auto;
}
@media only screen and (min-width: 640px) {
    .pinned-header .layout-responsive__header {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 1000;
    }
}
@media only screen and (min-width: 960px) {
    .pinned-header .header-box-shadow {
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.13);
    }
}
.pinned-header .header-box-shadow .page-header.is-active {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.13);
}
@media only screen and (min-width: 960px) {
    .pinned-header .header-box-shadow .page-header.is-active {
        box-shadow: none;
    }
}
@media only screen and (min-width: 640px) {
    .pinned-header .layout-responsive__body {
        margin-top: 78px;
    }
}
.smartbanner-show .pinned-header .header-box-shadow {
    padding-top: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9;
}
.smartbanner-show .pinned-header .header-box-shadow .page-header.is-active {
    top: 0;
}
.smartbanner-show .pinned-header .header-box-shadow + .layout-responsive__body {
    margin-top: 163px;
}
.header-logo .header-skip-link {
    position: absolute;
    left: -999px;
    width: 1px;
    height: 1px;
    top: auto;
    opacity: 0;
}
@media only screen and (min-width: 1280px) {
    .header-logo .header-skip-link:focus {
        display: inline-block;
        top: 50%;
        left: -60px;
        opacity: 1;
        height: 42px;
        width: 42px;
        transform: translateY(-50%);
        background-image: url(https://marketing-static.signnow.com/1000/images/global/svg/related-link-icon.svg);
    }
}
@media only screen and (min-width: 1480px) {
    .header-logo .header-skip-link {
        font-size: 16px;
        line-height: 28px;
        font-weight: 700;
        color: #0087cd;
        transition: opacity 0.3s ease;
    }
    .header-logo .header-skip-link:focus {
        left: -180px;
        height: auto;
        width: auto;
        padding: 12px 20px;
        border-radius: 4px;
        border: 1px solid #d8d8d8;
        background: none;
    }
    .header-logo .header-skip-link:focus .skip-link__text {
        display: block;
    }
    .header-logo .header-skip-link:hover {
        text-decoration: none;
    }
}
.header-logo .header-skip-link .skip-link__text {
    display: none;
}
.header-logo__alternative,
.header-logo__internet1 {
    display: flex;
}
.page-header .header-action.header-action--academy {
    display: none;
}
@media only screen and (min-width: 960px) {
    .page-header .header-action.header-action--academy {
        display: flex;
    }
}
.page-header .header-action.header-action--academy .button {
    font-weight: 700;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-right: 0;
    min-width: 106px;
}
.page-header .header-action.header-action--academy .button.button--bordered {
    margin-right: 16px;
}
.is-ie11 .header-logo__link--new img {
    width: auto;
    max-width: 92px;
}
@media only screen and (min-width: 640px) {
    .is-ie11 .header-logo__link--new img {
        max-width: 110px;
    }
}
@media only screen and (min-width: 960px) {
    .is-ie11 .header-logo__link--new img {
        max-width: 104px;
    }
}
@media only screen and (min-width: 980px) {
    .is-ie11 .header-logo__link--new img {
        max-width: 137px;
    }
}
.page-header--search .header-logo {
    width: auto;
    margin-right: 20px;
    flex: inherit !important;
}
@media only screen and (min-width: 960px) {
    .page-header--search .header-logo {
        margin-right: 4px;
    }
}
@media only screen and (min-width: 1280px) {
    .page-header--search .header-logo {
        margin-right: 20px;
    }
}
.page-header--search .main-menu {
    flex: 1;
}
@media only screen and (min-width: 960px) {
    .page-header--search .main-menu__list {
        padding-right: 0 !important;
    }
}
.page-header--search .main-menu .main-menu__item {
    padding: 0 7px;
}
@media only screen and (min-width: 1086px) {
    .page-header--search .main-menu .main-menu__item {
        padding: 0 16px;
    }
}
.page-header--search .main-menu__item--search {
    margin-left: auto;
}
.page-header--search .header-actions {
    display: flex;
    margin-left: auto;
}
@media only screen and (min-width: 960px) {
    .page-header--search .header-actions .button {
        margin-right: 10px;
        letter-spacing: -0.01em;
    }
}
@media only screen and (min-width: 1280px) {
    .page-header--search .header-actions .button {
        margin-right: 8px;
        padding-right: 12px;
        padding-left: 12px;
    }
}
.page-header-v1 {
    position: relative;
    background-color: #fff;
    z-index: 3;
}
.page-header-v1 .progress-container {
    position: absolute;
    bottom: -4px;
    left: 0;
    right: 0;
    height: 4px;
}
.page-header-v1 .progress-container .progress-bar {
    height: 100%;
    width: 0;
    background-color: #ffae45;
    will-change: width;
}
.page-header-v1 .header-action .button--bordered {
    min-width: 118px;
}
.page-header-v1--main.is-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    box-shadow: 0 4px 12px rgba(44, 44, 44, 0.12);
    z-index: 11;
}
.page-header-v1--main .page-header__container {
    display: flex;
    align-items: center;
    margin: 0 auto;
    padding: 16px 16px 18px;
    max-width: 1280px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.page-header-v1--main .page-header__container:after,
.page-header-v1--main .page-header__container:before {
    display: table;
    content: "";
}
.page-header-v1--main .page-header__container:after {
    clear: both;
}
@media only screen and (min-width: 640px) {
    .page-header-v1--main .page-header__container {
        padding-top: 22px;
        padding-bottom: 22px;
    }
}
@media only screen and (min-width: 960px) {
    .page-header-v1--main .page-header__container {
        padding-top: 0;
        padding-bottom: 0;
    }
}
.page-header-v1--main .header-main-logo {
    position: relative;
    display: flex;
}
.page-header-v1--main .header-main-logo__link {
    display: flex;
    width: 96px;
}
@media only screen and (min-width: 640px) {
    .page-header-v1--main .header-main-logo__link {
        width: 137px;
    }
}
.page-header-v1--main .header-main-logo__img {
    display: block;
    width: 100%;
    height: 30px;
    vertical-align: top;
}
.page-header-v1--main .header-action {
    position: relative;
    display: flex;
    align-items: center;
    margin-left: auto;
}
.page-header-v1--main .header-action .link {
    display: none;
    width: 94px;
    font-size: 14px;
    line-height: 22px;
    font-weight: 600;
}
@media only screen and (min-width: 640px) {
    .page-header-v1--main .header-action .link {
        width: 94px;
        font-size: 14px;
        line-height: 16px;
    }
}
@media only screen and (min-width: 960px) {
    .page-header-v1--main .header-action .link {
        display: block;
    }
}
@media only screen and (min-width: 1280px) {
    .page-header-v1--main .header-action .link {
        width: 107px;
        font-size: 16px;
        line-height: 24px;
    }
}
.page-header-v1--main .header-action .button--sm {
    min-width: 87px;
    margin: 0 8px;
    padding: 8px 12px;
    font-size: 14px;
    letter-spacing: -0.01em;
    font-weight: 700;
}
@media only screen and (min-width: 640px) {
    .page-header-v1--main .header-action .button--sm {
        margin: 0 8px;
    }
}
.page-header-v1--main .header-action .button--bordered {
    display: none;
}
@media only screen and (min-width: 960px) {
    .page-header-v1--main .header-action .button--bordered {
        display: block;
    }
}
.page-header-v1--main .header-action .login-link {
    display: block;
}
@media only screen and (min-width: 960px) {
    .page-header-v1--main .header-action .login-link {
        display: none;
    }
}
.page-header-v1--main .header-main-logo .header-skip-link {
    position: absolute;
    left: -999px;
    width: 1px;
    height: 1px;
    top: auto;
    opacity: 0;
}
@media only screen and (min-width: 1280px) {
    .page-header-v1--main .header-main-logo .header-skip-link:focus {
        display: inline-block;
        top: 50%;
        left: -60px;
        opacity: 1;
        height: 42px;
        width: 42px;
        transform: translateY(-50%);
        background-image: url(https://marketing-static.signnow.com/1000/images/global/svg/related-link-icon.svg);
    }
}
@media only screen and (min-width: 1480px) {
    .page-header-v1--main .header-main-logo .header-skip-link {
        font-size: 16px;
        line-height: 28px;
        font-weight: 700;
        color: #0087cd;
        transition: opacity 0.3s ease;
    }
    .page-header-v1--main .header-main-logo .header-skip-link:focus {
        left: -180px;
        height: auto;
        width: auto;
        padding: 12px 20px;
        border-radius: 4px;
        border: 1px solid #d8d8d8;
        background: none;
    }
    .page-header-v1--main
        .header-main-logo
        .header-skip-link:focus
        .skip-link__text {
        display: block;
    }
    .page-header-v1--main .header-main-logo .header-skip-link:hover {
        text-decoration: none;
    }
}
.page-header-v1--main .header-main-logo .header-skip-link .skip-link__text {
    display: none;
}
.page-header-v1--main .header-main-logo__alternative,
.page-header-v1--main .header-main-logo__internet1 {
    display: flex;
}
.page-header-v1--main .mobile-menu-trigger-button {
    padding: 0;
    margin-right: 3px;
    margin-left: 0;
    height: 28px;
    background: none;
    border: 0;
    outline: none;
}
@media only screen and (min-width: 960px) {
    .page-header-v1--main .mobile-menu-trigger-button {
        display: none;
    }
}
.page-header-v1--main .mobile-menu-trigger-button .mobile-menu-trigger {
    display: block;
    width: 28px;
    min-width: 28px;
    transform: rotate(0deg);
    transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.page-header-v1--main .mobile-menu-trigger-button .mobile-menu-trigger__bar {
    display: block;
    position: relative;
    width: 100%;
    height: 2px;
    border-radius: 0.4px;
    background: #2c2c2c;
    transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition-delay: 0s;
}
.page-header-v1--main
    .mobile-menu-trigger-button
    .mobile-menu-trigger__bar-top {
    transform: translateY(-8px) rotate(0deg);
}
.page-header-v1--main
    .mobile-menu-trigger-button
    .mobile-menu-trigger__bar-middle {
    transform: translateY(0) rotate(0deg);
}
.page-header-v1--main
    .mobile-menu-trigger-button
    .mobile-menu-trigger__bar-bottom {
    transform: translateY(8px) rotate(0deg);
}
.page-header-v1--main
    .mobile-menu-trigger-button[aria-expanded="true"]
    .mobile-menu-trigger {
    transform: rotate(90deg);
}
.page-header-v1--main
    .mobile-menu-trigger-button[aria-expanded="true"]
    .mobile-menu-trigger__bar {
    transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition-delay: 0.2s;
}
.page-header-v1--main
    .mobile-menu-trigger-button[aria-expanded="true"]
    .mobile-menu-trigger__bar-top {
    transform: translateY(2px) rotate(45deg);
}
.page-header-v1--main
    .mobile-menu-trigger-button[aria-expanded="true"]
    .mobile-menu-trigger__bar-middle {
    opacity: 0;
}
.page-header-v1--main
    .mobile-menu-trigger-button[aria-expanded="true"]
    .mobile-menu-trigger__bar-bottom {
    transform: translateY(-2px) rotate(-45deg);
}
.layout__header-black .page-header-v1 {
    transition: all 0.5s ease;
    background-color: #0b0f15;
}
.layout__header-black .page-header-v1 .search-icon {
    border: none;
}
.layout__header-black .page-header-v1 .header-main-logo__img path,
.layout__header-black .page-header-v1 .search-icon svg path {
    fill: #fff;
}
.layout__header-black .page-header-v1 .header-action .link,
.layout__header-black .page-header-v1 .header-action .login-link {
    color: #fff;
}
.layout__header-black .page-header-v1 .header-action .link:before,
.layout__header-black .page-header-v1 .header-action .login-link:before {
    background: #fff;
}
.layout__header-black .page-header-v1.is-fixed {
    background-color: #fff;
}
.layout__header-black .page-header-v1.is-fixed .search-icon svg path {
    fill: #2c2c2c;
}
.layout__header-black .page-header-v1.is-fixed .header-main-logo__img path {
    fill: #0777cf;
}
.layout__header-black .page-header-v1.is-fixed .header-action .link {
    color: #0777cf;
}
.layout__header-black .page-header-v1.is-fixed .header-action .link:before {
    background: #0777cf;
}
.layout__header-black .page-header-v1.is-fixed .header-action .login-link {
    color: #2c2c2c;
}
.layout__header-black
    .page-header-v1.is-fixed
    .header-action
    .login-link:before {
    background: #2c2c2c;
}
.layout__header-black .page-header-v2 .header-action .button--bordered {
    border: 2px solid #fff;
    color: #fff;
}
.layout__header-black .page-header-v2 .header-action .button--bordered:hover {
    color: #000;
}
.layout__header-black
    .page-header-v2.is-fixed
    .header-action
    .button--bordered {
    border: 2px solid #0777cf;
    color: #000;
}
@media only screen and (min-width: 960px) {
    html[lang="es"] .page-header-v1--main .header-main-logo__link {
        width: 112px;
    }
}
@media only screen and (min-width: 1280px) {
    html[lang="es"] .page-header-v1--main .header-main-logo__link {
        width: 137px;
    }
}
@media only screen and (min-width: 960px) {
    html[lang="es"] .page-header-v1--main .header-action .button--sm {
        margin: 0 8px 0 0;
    }
}
@media only screen and (min-width: 1280px) {
    html[lang="es"] .page-header-v1--main .header-action .button--sm {
        margin: 0 8px;
    }
}
html[lang="es"]
    .layout__header-black
    .page-header-v1--main
    .header-main-logo__link {
    width: 86px;
}
@media only screen and (min-width: 640px) {
    html[lang="es"]
        .layout__header-black
        .page-header-v1--main
        .header-main-logo__link {
        width: 96px;
    }
}
@media only screen and (min-width: 960px) {
    html[lang="es"]
        .layout__header-black
        .page-header-v1--main
        .header-main-logo__link {
        width: 112px;
    }
}
@media only screen and (min-width: 1280px) {
    html[lang="es"]
        .layout__header-black
        .page-header-v1--main
        .header-main-logo__link {
        width: 137px;
    }
}
html[lang="es"] .layout__header-black .header-action .login-link {
    margin-right: 0;
}
html[lang="es"] .layout__header-black .header-action .button--sm {
    margin: 0 6px;
    padding: 8px 5px;
    font-size: 13px;
}
@media only screen and (min-width: 640px) {
    html[lang="es"] .layout__header-black .header-action .button--sm {
        margin: 0 8px;
        padding: 8px 12px;
        font-size: 14px;
    }
}
.page-header-v1--top {
    display: none;
}
@media only screen and (min-width: 960px) {
    .page-header-v1--top {
        display: block;
        z-index: 3;
    }
}
@media only screen and (min-width: 640px) {
    .page-header-v1--top .page-header-v1__container {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        margin: 0 auto;
        padding-right: 16px;
        padding-left: 16px;
        max-width: 1280px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .page-header-v1--top .page-header-v1__container:after,
    .page-header-v1--top .page-header-v1__container:before {
        display: table;
        content: "";
    }
    .page-header-v1--top .page-header-v1__container:after {
        clear: both;
    }
    .page-header-v1--top .page-header-v1__container:after,
    .page-header-v1--top .page-header-v1__container:before {
        display: none;
    }
}
.page-header-v1--top .header-nav__list {
    display: flex;
}
.page-header-v1--top .header-nav__item {
    position: relative;
}
@media only screen and (min-width: 640px) {
    .page-header-v1--top .header-nav__item {
        margin-left: 24px;
        padding: 8px 0;
    }
}
@media only screen and (min-width: 960px) {
    .page-header-v1--top .header-nav__item {
        font-size: 12px;
        line-height: 1.333;
    }
}
.page-header-v1--top .header-nav__item-link {
    font-size: 12px;
    line-height: 20px;
    color: #000;
    font-weight: 600;
}
.page-header-v1--top .header-nav__item-link:before {
    background: #000;
}
.page-header-v1--dark-theme {
    background-color: #e9f1ff;
    color: #fff;
}
.layout__header-black .page-header-v1--top {
    background: linear-gradient(270deg, #131939 10%, #5641d4);
}
.layout__header-black .header-nav__item-link {
    color: #fff;
}
.layout__header-black .header-nav__item-link:before {
    background: #fff;
}
.main-menu-v1 {
    display: none;
}
@media only screen and (min-width: 960px) {
    .main-menu-v1 {
        display: block;
    }
}
.main-menu-v1 .main-menu__list {
    display: flex;
    align-items: center;
    padding: 0 0 0 20px;
}
.main-menu-v1 .main-menu__item {
    padding: 0 12px;
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1 .main-menu__item {
        padding: 0 14px;
    }
}
.main-menu-v1 .main-menu__item:hover .main-menu__link {
    color: #0777cf;
}
.main-menu-v1 .main-menu__item.has-dropdown .main-menu__link {
    padding-right: 10px;
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1 .main-menu__item.has-dropdown .main-menu__link {
        padding-right: 14px;
    }
}
.main-menu-v1 .main-menu__item.has-dropdown .main-menu__link:after {
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 2px);
    right: -6px;
    background: url(https://marketing-static.signnow.com/1000/images/global/icons/arrow.svg);
    width: 8px;
    height: 5px;
    transition: transform 0.2s;
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1 .main-menu__item.has-dropdown .main-menu__link:after {
        top: calc(50% - 1px);
        right: 0;
    }
}
.main-menu-v1 .main-menu__item.is-open .main-menu__dropdown {
    display: block;
}
.main-menu-v1 .main-menu__item.is-open .main-menu__dropdown:after {
    content: "";
    position: absolute;
    top: 0;
    margin-top: -20px;
    transform: rotate(180deg);
    margin-left: -10px;
    border: 10px solid transparent;
    border-top-color: #fff;
}
.main-menu-v1 .main-menu__item.is-open .main-menu__dropdown--features:after {
    left: 204px;
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1
        .main-menu__item.is-open
        .main-menu__dropdown--features:after {
        left: 216px;
    }
}
.main-menu-v1 .main-menu__item.is-open .main-menu__dropdown--products:after {
    left: 298px;
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1
        .main-menu__item.is-open
        .main-menu__dropdown--products:after {
        left: 328px;
    }
}
.main-menu-v1 .main-menu__item.is-open .main-menu__dropdown--solutions:after {
    left: 396px;
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1
        .main-menu__item.is-open
        .main-menu__dropdown--solutions:after {
        left: 444px;
    }
}
.main-menu-v1
    .main-menu__item.is-open
    .main-menu__dropdown--developers-v2:after,
.main-menu-v1 .main-menu__item.is-open .main-menu__dropdown--developers:after {
    left: 475px;
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1
        .main-menu__item.is-open
        .main-menu__dropdown--developers-v2:after,
    .main-menu-v1
        .main-menu__item.is-open
        .main-menu__dropdown--developers:after {
        left: 530px;
    }
}
.main-menu-v1 .main-menu__item.is-open .main-menu__link {
    color: #0777cf;
}
.main-menu-v1 .main-menu__item.is-open .main-menu__link:after {
    background: url(https://marketing-static.signnow.com/1000/images/global/icons/arrow-small-blue.svg);
    transform: rotate(-180deg);
}
.main-menu-v1 .main-menu__link {
    position: relative;
    padding: 24px 2px;
    font-size: 14px;
    color: #2c2c2c;
    font-weight: 600;
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1 .main-menu__link {
        padding: 27px 2px;
        font-size: 16px;
    }
}
.main-menu-v1 .main-menu__link:before {
    bottom: 0;
    height: 4px;
}
.main-menu-v1 .main-menu__link:hover {
    text-decoration: none;
}
.main-menu-v1 .main-menu__link:hover:before {
    display: none;
}
.main-menu-v1 .main-menu__dropdown {
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: 100%;
    background-color: #fff;
    box-shadow: 0 8px 40px 0 rgba(0, 0, 0, 0.1);
    z-index: 4;
    border-radius: 12px;
    margin: 0 auto;
    max-width: 1280px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 16px 15px 16px 33px;
    max-width: calc(100% - 32px);
}
.main-menu-v1 .main-menu__dropdown:after,
.main-menu-v1 .main-menu__dropdown:before {
    display: table;
    content: "";
}
.main-menu-v1 .main-menu__dropdown:after {
    clear: both;
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1 .main-menu__dropdown {
        max-width: 1252px;
        padding: 16px 16px 16px 48px;
    }
}
.main-menu-v1 .main-menu__dropdown-container {
    position: relative;
    display: flex;
}
.main-menu-v1 .main-menu__dropdown-category-title {
    margin-bottom: 16px;
    font-size: 32px;
    line-height: 36px;
    font-family: Graphik, Arial, sans-serif;
    font-weight: 700;
}
.main-menu-v1 .main-menu__dropdown-category-description {
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 20px;
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1 .main-menu__dropdown-category-description {
        margin-bottom: 22px;
        font-size: 16px;
        line-height: 24px;
    }
}
.main-menu-v1 .main-menu__dropdown-area {
    display: flex;
    flex: 1 0 auto;
    margin-top: 11px;
    padding-right: 27px;
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1 .main-menu__dropdown-area {
        margin-top: 18px;
        padding-right: 56px;
    }
}
.main-menu-v1 .main-menu__dropdown-area-column {
    padding-right: 30px;
}
@media only screen and (min-width: 960px) {
    .main-menu-v1 .main-menu__dropdown-area-column {
        width: 170px;
    }
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1 .main-menu__dropdown-area-column {
        width: 240px;
    }
}
.main-menu-v1 .main-menu__dropdown-area-title {
    margin-bottom: 11px;
    font-size: 16px;
}
.main-menu-v1 .main-menu__dropdown-area-title-link {
    position: relative;
    color: #2c2c2c;
    font-weight: 700;
    text-decoration: none;
    font-size: 16px;
}
.main-menu-v1 .main-menu__dropdown-area-title-link:hover {
    text-decoration: none;
}
.main-menu-v1 .main-menu__dropdown-area-title-link:before {
    bottom: 1px;
}
.main-menu-v1 span.main-menu__dropdown-area-title-link {
    color: #2c2c2c;
}
.main-menu-v1 .main-menu__dropdown-area-list {
    margin-top: -10px;
}
.main-menu-v1 .main-menu__dropdown-list-item {
    margin-top: 12px;
    font-size: 14px;
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1 .main-menu__dropdown-list-item {
        margin-top: 16px;
        font-size: 16px;
    }
}
.main-menu-v1 .main-menu__dropdown-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1 .main-menu__dropdown-icon {
        width: 24px;
        height: 24px;
    }
}
.main-menu-v1 .main-menu__dropdown-icon svg {
    width: 18px;
    height: 18px;
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1 .main-menu__dropdown-icon svg {
        width: 100%;
        height: 100%;
        margin-top: -3px;
        width: auto;
        height: auto;
    }
}
.main-menu-v1 .main-menu__dropdown-link {
    margin-left: 8px;
    color: #2c2c2c;
    font-weight: 400;
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1 .main-menu__dropdown-link {
        margin-left: 12px;
    }
}
.main-menu-v1 .main-menu__dropdown-link:before {
    bottom: 0;
    background: #2c2c2c;
}
.main-menu-v1 .main-menu__dropdown-accent-box {
    background: #f6f8fb;
    border: 1px solid #f6f8fb;
    border-radius: 12px;
}
.main-menu-v1 .main-menu__dropdown-accent-box a {
    color: #2c2c2c;
}
.main-menu-v1 .main-menu__dropdown-accent-box a:hover {
    text-decoration: none;
}
.main-menu-v1 .main-menu__dropdown-accent-box a:hover .accent-box__link {
    background: url(https://marketing-static.signnow.com/1000/images/global/icons/btn-arrow-hover.svg);
    background-repeat: no-repeat;
    background-size: 100%;
}
.main-menu-v1 .accent-box {
    position: relative;
    max-width: 195px;
    padding: 16px 21px;
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1 .accent-box {
        max-width: 247px;
        padding: 28px;
    }
}
.main-menu-v1 .accent-box__title {
    font-size: 16px;
    line-height: 24px;
    font-family: Graphik, Arial, sans-serif;
    font-weight: 700;
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1 .accent-box__title {
        font-size: 20px;
        line-height: 28px;
    }
}
.main-menu-v1 .accent-box__description {
    margin-top: 4px;
    font-size: 12px;
    line-height: 16px;
}
.main-menu-v1 .accent-box__icon {
    margin-top: 24px;
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1 .accent-box__icon {
        margin-top: 28px;
    }
}
.main-menu-v1 .accent-box__icon svg {
    width: 86px;
    height: 32px;
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1 .accent-box__icon svg {
        width: 108px;
        height: 40px;
    }
}
.main-menu-v1 .accent-box__link {
    position: absolute;
    bottom: 16px;
    right: 16px;
    width: 32px;
    height: 32px;
    background: url(https://marketing-static.signnow.com/1000/images/global/icons/btn-arrow.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    transition: transform 0.2s;
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1 .accent-box__link {
        bottom: 28px;
        right: 28px;
        width: 40px;
        height: 40px;
    }
}
.main-menu-v1 .main-menu__dropdown .main-menu__dropdown-category-notion {
    max-width: 173px;
    margin-top: 16px;
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1 .main-menu__dropdown .main-menu__dropdown-category-notion {
        max-width: 260px;
        margin-top: 24px;
        padding-right: 0;
    }
}
@media only screen and (min-width: 960px) {
    .main-menu-v1 .main-menu__dropdown .main-menu__dropdown-area-column {
        width: auto;
        padding-right: 0;
        padding-left: 34px;
    }
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1 .main-menu__dropdown .main-menu__dropdown-area-column {
        padding-left: 38px;
    }
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1
        .main-menu__dropdown
        .main-menu__dropdown-area-column:first-child {
        padding-left: 100px;
    }
}
.main-menu-v1 .main-menu__dropdown .main-menu__dropdown-category-title {
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 32px;
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1 .main-menu__dropdown .main-menu__dropdown-category-title {
        margin-bottom: 13px;
        font-size: 28px;
        line-height: 36px;
    }
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1
        .main-menu__dropdown--products
        .main-menu__dropdown-category-notion {
        max-width: 284px;
    }
}
.main-menu-v1 .main-menu__dropdown--products .main-menu__dropdown-area-column {
    padding-left: 67px;
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1
        .main-menu__dropdown--products
        .main-menu__dropdown-area-column {
        padding-left: 78px;
    }
}
.main-menu-v1
    .main-menu__dropdown--products
    .main-menu__dropdown-area-column:first-child {
    padding-left: 34px;
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1
        .main-menu__dropdown--products
        .main-menu__dropdown-area-column:first-child {
        padding-left: 76px;
    }
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1
        .main-menu__dropdown--products
        .main-menu__dropdown-accent-box
        .accent-box {
        padding-right: 50px;
    }
}
.main-menu-v1 .main-menu__dropdown--products .accent-box__icon {
    margin-top: 24px;
}
.main-menu-v1 .main-menu__dropdown--solutions .main-menu__dropdown-area {
    margin-top: 16px;
    padding-right: 0;
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1 .main-menu__dropdown--solutions .main-menu__dropdown-area {
        margin-top: 24px;
    }
}
.main-menu-v1 .main-menu__dropdown--solutions .main-menu__dropdown-area-title {
    margin-bottom: 20px;
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1
        .main-menu__dropdown--solutions
        .main-menu__dropdown-area-title {
        margin-bottom: 22px;
    }
}
.main-menu-v1
    .main-menu__dropdown--solutions
    .main-menu__dropdown-area-column:first-child {
    padding-left: 34px;
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1
        .main-menu__dropdown--solutions
        .main-menu__dropdown-area-column:first-child {
        padding-left: 102px;
    }
}
.main-menu-v1
    .main-menu__dropdown--solutions
    .main-menu__dropdown-area-column:nth-child(2) {
    margin-top: 18px;
    padding-left: 20px;
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1
        .main-menu__dropdown--solutions
        .main-menu__dropdown-area-column:nth-child(2) {
        padding-left: 28px;
        margin-top: 22px;
    }
}
.main-menu-v1
    .main-menu__dropdown--solutions
    .main-menu__dropdown-area-column:nth-child(3) {
    padding-left: 27px;
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1
        .main-menu__dropdown--solutions
        .main-menu__dropdown-area-column:nth-child(3) {
        padding-left: 58px;
    }
}
.main-menu-v1
    .main-menu__dropdown--solutions
    .main-menu__dropdown-area-column:nth-child(4) {
    padding-left: 27px;
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1
        .main-menu__dropdown--solutions
        .main-menu__dropdown-area-column:nth-child(4) {
        padding-left: 58px;
    }
}
.main-menu-v1
    .main-menu__dropdown--solutions
    .main-menu__dropdown-area-column--other {
    margin-top: -16px;
    margin-left: auto;
    margin-right: 0;
    padding: 16px;
    background: #f6f8fb;
    border-radius: 12px;
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1
        .main-menu__dropdown--solutions
        .main-menu__dropdown-area-column--other {
        margin-top: -24px;
        margin-left: 54px;
        padding: 24px 28px;
    }
}
.main-menu-v1
    .main-menu__dropdown--solutions
    .main-menu__dropdown-area-column--other
    .main-menu__dropdown-area-title {
    margin-bottom: 20px;
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1
        .main-menu__dropdown--solutions
        .main-menu__dropdown-area-column--other
        .main-menu__dropdown-area-title {
        margin-bottom: 26px;
    }
}
.main-menu-v1
    .main-menu__dropdown--solutions
    .main-menu__dropdown-area-column--other
    .main-menu__dropdown-list-item {
    margin-top: 12px;
    font-size: 14px;
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1
        .main-menu__dropdown--solutions
        .main-menu__dropdown-area-column--other
        .main-menu__dropdown-list-item {
        margin-top: 16px;
        font-size: 16px;
    }
}
.main-menu-v1
    .main-menu__dropdown--solutions
    .main-menu__dropdown-area-column--other
    .main-menu__dropdown-link {
    margin-left: 10px;
}
.main-menu-v1 .main-menu__dropdown--solutions .main-menu__dropdown-link {
    margin-left: 0;
}
.main-menu-v1 .main-menu__dropdown--solutions .main-menu__dropdown-area-title {
    margin-bottom: 22px;
}
.main-menu-v1
    .main-menu__dropdown--solutions
    .main-menu__dropdown-area-title-link {
    font-size: 14px;
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1
        .main-menu__dropdown--solutions
        .main-menu__dropdown-area-title-link {
        font-size: 16px;
    }
}
.main-menu-v1 .main-menu__dropdown--solutions .main-menu__dropdown-list-item {
    margin-top: 8px;
    font-size: 14px;
}
.main-menu-v1
    .main-menu__dropdown--developers
    .main-menu__dropdown-category-notion {
    max-width: 174px;
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1
        .main-menu__dropdown--developers
        .main-menu__dropdown-category-notion {
        max-width: 216px;
    }
}
.main-menu-v1 .main-menu__dropdown--developers .main-menu__dropdown-area {
    margin-top: 12px;
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1 .main-menu__dropdown--developers .main-menu__dropdown-area {
        margin-top: 22px;
    }
}
.main-menu-v1
    .main-menu__dropdown--developers
    .main-menu__dropdown-area-column:first-child {
    padding-left: 74px;
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1
        .main-menu__dropdown--developers
        .main-menu__dropdown-area-column:first-child {
        padding-left: 144px;
    }
}
.main-menu-v1
    .main-menu__dropdown--developers
    .main-menu__dropdown-area-column:nth-child(2) {
    margin-top: 3px;
    padding-left: 60px;
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1
        .main-menu__dropdown--developers
        .main-menu__dropdown-area-column:nth-child(2) {
        margin-top: 0;
        padding-left: 80px;
    }
}
.main-menu-v1
    .main-menu__dropdown--developers
    .main-menu__dropdown-area-column:nth-child(2)
    .main-menu__dropdown-list-item {
    margin-top: 8px;
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1
        .main-menu__dropdown--developers
        .main-menu__dropdown-area-column:nth-child(2)
        .main-menu__dropdown-list-item {
        margin-top: 12px;
    }
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1
        .main-menu__dropdown--developers
        .main-menu__dropdown-area-column:nth-child(2)
        .main-menu__dropdown-list-item:nth-child(2)
        .main-menu__dropdown-icon
        svg {
        margin-left: -2px;
    }
}
.main-menu-v1
    .main-menu__dropdown--developers
    .main-menu__dropdown-area-column:nth-child(2)
    .main-menu__dropdown-link {
    font-weight: 700;
}
.main-menu-v1 .main-menu__dropdown--developers .main-menu__dropdown-list-item {
    margin-top: 12px;
}
.main-menu-v1 .main-menu__dropdown--developers .accent-box {
    max-width: 220px;
    padding: 16px 24px 0 20px;
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1 .main-menu__dropdown--developers .accent-box {
        max-width: 308px;
        padding: 24px 44px 0 28px;
    }
}
.main-menu-v1 .main-menu__dropdown--developers .accent-box__icon {
    margin-top: 5px;
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1 .main-menu__dropdown--developers .accent-box__icon {
        margin-top: 18px;
    }
}
.main-menu-v1 .main-menu__dropdown--developers .accent-box__icon svg {
    margin-left: -15px;
    width: 138px;
    height: 70px;
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1 .main-menu__dropdown--developers .accent-box__icon svg {
        margin-left: -20px;
        width: 188px;
        height: 94px;
    }
}
.main-menu-v1 .main-menu__dropdown--developers .accent-box__link {
    bottom: 19px;
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1 .main-menu__dropdown--developers .accent-box__link {
        bottom: 28px;
    }
}
.main-menu-v1
    .main-menu__dropdown--developers-v2
    .main-menu__dropdown-category-notion {
    max-width: 174px;
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1
        .main-menu__dropdown--developers-v2
        .main-menu__dropdown-category-notion {
        max-width: 216px;
    }
}
.main-menu-v1 .main-menu__dropdown--developers-v2 .main-menu__dropdown-area {
    margin-top: 14px;
    padding-right: 0;
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1
        .main-menu__dropdown--developers-v2
        .main-menu__dropdown-area {
        margin-top: 22px;
    }
}
.main-menu-v1
    .main-menu__dropdown--developers-v2
    .main-menu__dropdown-area-column:first-child {
    padding-left: 34px;
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1
        .main-menu__dropdown--developers-v2
        .main-menu__dropdown-area-column:first-child {
        padding-left: 144px;
    }
}
.main-menu-v1
    .main-menu__dropdown--developers-v2
    .main-menu__dropdown-area-column:nth-child(2) {
    padding-left: 36px;
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1
        .main-menu__dropdown--developers-v2
        .main-menu__dropdown-area-column:nth-child(2) {
        padding-left: 44px;
    }
}
.main-menu-v1
    .main-menu__dropdown--developers-v2
    .main-menu__dropdown-area-column:nth-child(2)
    .main-menu__dropdown-area-title {
    margin-bottom: 2px;
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1
        .main-menu__dropdown--developers-v2
        .main-menu__dropdown-area-column:nth-child(2)
        .main-menu__dropdown-area-title {
        margin-bottom: 6px;
    }
}
.main-menu-v1
    .main-menu__dropdown--developers-v2
    .main-menu__dropdown-area-column:nth-child(2)
    .main-menu__dropdown-area-list {
    width: 132px;
    display: flex;
    flex-wrap: wrap;
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1
        .main-menu__dropdown--developers-v2
        .main-menu__dropdown-area-column:nth-child(2)
        .main-menu__dropdown-area-list {
        width: 162px;
    }
}
.main-menu-v1
    .main-menu__dropdown--developers-v2
    .main-menu__dropdown-area-column:nth-child(2)
    .main-menu__dropdown-area-list
    .main-menu__dropdown-list-item {
    display: inline-block;
    width: 50%;
    margin-top: 4px;
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1
        .main-menu__dropdown--developers-v2
        .main-menu__dropdown-area-column:nth-child(2)
        .main-menu__dropdown-area-list
        .main-menu__dropdown-list-item {
        margin-top: 8px;
    }
}
.main-menu-v1
    .main-menu__dropdown--developers-v2
    .main-menu__dropdown-area-column:nth-child(2)
    .main-menu__dropdown-area-list
    .main-menu__dropdown-link {
    margin-left: 0;
    line-height: 28px;
    text-decoration: none;
}
.main-menu-v1
    .main-menu__dropdown--developers-v2
    .main-menu__dropdown-area-column:nth-child(3) {
    margin-top: -9px;
    padding-left: 0;
}
.main-menu-v1
    .main-menu__dropdown--developers-v2
    .main-menu__dropdown-area-column:nth-child(3)
    .main-menu__dropdown-link {
    font-weight: 700;
}
.main-menu-v1
    .main-menu__dropdown--developers-v2
    .main-menu__dropdown-area-title {
    margin-bottom: 0;
    font-size: 14px;
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1
        .main-menu__dropdown--developers-v2
        .main-menu__dropdown-area-title {
        margin-bottom: 16px;
        font-size: 16px;
    }
}
.main-menu-v1
    .main-menu__dropdown--developers-v2
    .main-menu__dropdown-area-title
    .link {
    color: #2c2c2c;
    font-family: Graphik, Arial, sans-serif;
    font-weight: 700;
}
.main-menu-v1
    .main-menu__dropdown--developers-v2
    .main-menu__dropdown-area-title
    .link:before {
    background: #2c2c2c;
}
.main-menu-v1
    .main-menu__dropdown--developers-v2
    .main-menu__dropdown-area-title
    .link:after {
    background: url(https://marketing-static.signnow.com/1000/images/global/link-arrow-black.svg)
        no-repeat 100%;
}
.main-menu-v1
    .main-menu__dropdown--developers-v2
    .main-menu__dropdown-area-list {
    margin-top: 0;
}
.main-menu-v1
    .main-menu__dropdown--developers-v2
    .main-menu__dropdown-list-item {
    margin-top: 8px;
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1
        .main-menu__dropdown--developers-v2
        .main-menu__dropdown-list-item {
        margin-top: 12px;
    }
}
.main-menu-v1 .main-menu__dropdown--developers-v2 .accent-box {
    padding: 17px 18px 0 22px;
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1 .main-menu__dropdown--developers-v2 .accent-box {
        padding: 24px 30px 0;
    }
}
.main-menu-v1 .main-menu__dropdown--developers-v2 .accent-box__icon {
    margin-top: 5px;
}
.main-menu-v1 .main-menu__dropdown--developers-v2 .accent-box__icon svg {
    margin-left: -26px;
    width: 108px;
    height: 72px;
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1 .main-menu__dropdown--developers-v2 .accent-box__icon svg {
        width: 120px;
        height: 88px;
    }
}
.main-menu-v1 .main-menu__dropdown--developers-v2 .accent-box__link {
    bottom: 19px;
}
@media only screen and (min-width: 1280px) {
    .main-menu-v1 .main-menu__dropdown--developers-v2 .accent-box__link {
        right: 30px;
        bottom: 26px;
    }
}
.page-header-v1 .header-action {
    display: flex;
    align-items: center;
}
.page-header-v1 .header-action .login-link {
    display: none;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    color: #2c2c2c;
    margin-right: 12px;
}
@media only screen and (min-width: 375px) {
    .page-header-v1 .header-action .login-link {
        display: block;
    }
}
@media only screen and (min-width: 960px) {
    .page-header-v1 .header-action .login-link {
        display: none;
    }
}
.page-header-v1 .header-action .mobile-menu__action {
    display: block;
}
@media only screen and (min-width: 640px) {
    .page-header-v1 .header-action .mobile-menu__action {
        display: none;
    }
}
.layout__header-black .page-header-v1 .main-menu-v1 .main-menu__link {
    color: #fff;
}
.layout__header-black .page-header-v1 .main-menu-v1 .main-menu__link:after {
    background: url(https://marketing-static.signnow.com/1000/images/global/icons/arrow-white-new.svg);
}
.layout__header-black .page-header-v1 .main-menu-v1 .main-menu__link:hover {
    color: #d1e6f6;
}
.layout__header-black
    .page-header-v1
    .main-menu-v1
    .main-menu__link:hover:after {
    background: url(https://marketing-static.signnow.com/1000/images/global/icons/arrow-light-blue.svg);
}
.layout__header-black .page-header-v1 .main-menu-v1 .main-menu__dropdown {
    transition: all 0.5s ease;
    background-color: #171d2d;
}
.layout__header-black .page-header-v1 .main-menu-v1 .main-menu__dropdown:after {
    transition: all 0.5s ease;
    border-color: #171d2d transparent transparent;
}
.layout__header-black .page-header-v1 .main-menu-v1 .link--outgoing {
    color: #fff;
}
.layout__header-black .page-header-v1 .main-menu-v1 .link--outgoing:after {
    background: url(https://marketing-static.signnow.com/1000/images/global/link-arrow-white.svg)
        no-repeat 100%;
}
.layout__header-black .page-header-v1 .main-menu-v1 .link--outgoing:before {
    background: #fff;
}
.layout__header-black
    .page-header-v1
    .main-menu-v1
    .main-menu__dropdown-area-title-link,
.layout__header-black
    .page-header-v1
    .main-menu-v1
    .main-menu__dropdown-category-description,
.layout__header-black
    .page-header-v1
    .main-menu-v1
    .main-menu__dropdown-category-title,
.layout__header-black .page-header-v1 .main-menu-v1 .main-menu__dropdown-link {
    color: #fff;
}
.layout__header-black
    .page-header-v1
    .main-menu-v1
    .main-menu__dropdown-link:before {
    background: #fff;
}
.layout__header-black
    .page-header-v1
    .main-menu-v1
    .main-menu__dropdown-accent-box,
.layout__header-black
    .page-header-v1
    .main-menu-v1
    .main-menu__dropdown-area-column--other {
    transition: all 0.5s ease;
    background: #171d2d;
    border: 1px solid #2f4256;
}
.layout__header-black
    .page-header-v1
    .main-menu-v1
    .main-menu__dropdown-accent-box
    a:hover
    .accent-box__link,
.layout__header-black
    .page-header-v1
    .main-menu-v1
    .main-menu__dropdown-area-column--other
    a:hover
    .accent-box__link {
    background: url(https://marketing-static.signnow.com/1000/images/global/icons/btn-arrow-white-hover.svg);
    background-repeat: no-repeat;
    background-size: 100%;
}
.layout__header-black .page-header-v1 .main-menu-v1 .accent-box {
    color: #fff;
}
.layout__header-black .page-header-v1 .main-menu-v1 .accent-box__link {
    background: url(https://marketing-static.signnow.com/1000/images/global/icons/btn-arrow-white.svg);
    background-repeat: no-repeat;
    background-size: 100%;
}
.layout__header-black
    .page-header-v1
    .mobile-menu-trigger-button
    .mobile-menu-trigger__bar {
    background: #fff;
}
.layout__header-black .page-header-v1.is-fixed .main-menu-v1 .main-menu__link {
    color: #2c2c2c;
}
.layout__header-black
    .page-header-v1.is-fixed
    .main-menu-v1
    .main-menu__link:after {
    background: url(https://marketing-static.signnow.com/1000/images/global/icons/arrow.svg);
}
.layout__header-black
    .page-header-v1.is-fixed
    .main-menu-v1
    .main-menu__dropdown {
    background-color: #fff;
}
.layout__header-black
    .page-header-v1.is-fixed
    .main-menu-v1
    .main-menu__dropdown:after {
    border-color: #fff transparent transparent;
}
.layout__header-black .page-header-v1.is-fixed .main-menu-v1 .link--outgoing {
    color: #0777cf;
}
.layout__header-black
    .page-header-v1.is-fixed
    .main-menu-v1
    .link--outgoing:after {
    background: url(https://marketing-static.signnow.com/1000/images/global/link-arrow.svg)
        no-repeat 100%;
}
.layout__header-black
    .page-header-v1.is-fixed
    .main-menu-v1
    .link--outgoing:before {
    background: #0777cf;
}
.layout__header-black
    .page-header-v1.is-fixed
    .main-menu-v1
    .main-menu__dropdown-area-title-link,
.layout__header-black
    .page-header-v1.is-fixed
    .main-menu-v1
    .main-menu__dropdown-category-description,
.layout__header-black
    .page-header-v1.is-fixed
    .main-menu-v1
    .main-menu__dropdown-category-title,
.layout__header-black
    .page-header-v1.is-fixed
    .main-menu-v1
    .main-menu__dropdown-link {
    color: #2c2c2c;
}
.layout__header-black
    .page-header-v1.is-fixed
    .main-menu-v1
    .main-menu__dropdown-link:before {
    background: #2c2c2c;
}
.layout__header-black
    .page-header-v1.is-fixed
    .main-menu-v1
    .main-menu__dropdown-accent-box,
.layout__header-black
    .page-header-v1.is-fixed
    .main-menu-v1
    .main-menu__dropdown-area-column--other {
    background: #f6f8fb;
    border: 1px solid #f6f8fb;
}
.layout__header-black
    .page-header-v1.is-fixed
    .main-menu-v1
    .main-menu__dropdown-accent-box
    a:hover
    .accent-box__link,
.layout__header-black
    .page-header-v1.is-fixed
    .main-menu-v1
    .main-menu__dropdown-area-column--other
    a:hover
    .accent-box__link {
    background: url(https://marketing-static.signnow.com/1000/images/global/icons/btn-arrow-hover.svg);
    background-repeat: no-repeat;
    background-size: 100%;
}
.layout__header-black .page-header-v1.is-fixed .main-menu-v1 .accent-box {
    color: #2c2c2c;
}
.layout__header-black .page-header-v1.is-fixed .main-menu-v1 .accent-box__link {
    background: url(https://marketing-static.signnow.com/1000/images/global/icons/btn-arrow.svg);
    background-repeat: no-repeat;
    background-size: 100%;
}
.layout__header-black
    .page-header-v1.is-fixed
    .mobile-menu-trigger-button
    .mobile-menu-trigger__bar {
    background: #2c2c2c;
}
@media only screen and (min-width: 960px) {
    html[lang="es"] .main-menu-v1 .main-menu__list {
        padding: 0 0 0 6px;
    }
}
@media only screen and (min-width: 1280px) {
    html[lang="es"] .main-menu-v1 .main-menu__list {
        padding: 0 0 0 20px;
    }
}
@media only screen and (min-width: 960px) {
    html[lang="es"] .main-menu-v1 .main-menu__item {
        padding: 0 8px;
    }
}
@media only screen and (min-width: 1280px) {
    html[lang="es"] .main-menu-v1 .main-menu__item {
        padding: 0 12px;
    }
}
html[lang="es"]
    .main-menu-v1
    .main-menu__item.is-open
    .main-menu__dropdown--features:after {
    left: 208px;
}
@media only screen and (min-width: 1280px) {
    html[lang="es"]
        .main-menu-v1
        .main-menu__item.is-open
        .main-menu__dropdown--features:after {
        left: 238px;
    }
}
html[lang="es"]
    .main-menu-v1
    .main-menu__item.is-open
    .main-menu__dropdown--products:after {
    left: 318px;
}
@media only screen and (min-width: 1280px) {
    html[lang="es"]
        .main-menu-v1
        .main-menu__item.is-open
        .main-menu__dropdown--products:after {
        left: 374px;
    }
}
html[lang="es"]
    .main-menu-v1
    .main-menu__item.is-open
    .main-menu__dropdown--solutions:after {
    left: 416px;
}
@media only screen and (min-width: 1280px) {
    html[lang="es"]
        .main-menu-v1
        .main-menu__item.is-open
        .main-menu__dropdown--solutions:after {
        left: 490px;
    }
}
html[lang="es"]
    .main-menu-v1
    .main-menu__item.is-open
    .main-menu__dropdown--developers-v2:after,
html[lang="es"]
    .main-menu-v1
    .main-menu__item.is-open
    .main-menu__dropdown--developers:after {
    left: 488px;
}
@media only screen and (min-width: 1280px) {
    html[lang="es"]
        .main-menu-v1
        .main-menu__item.is-open
        .main-menu__dropdown--developers-v2:after,
    html[lang="es"]
        .main-menu-v1
        .main-menu__item.is-open
        .main-menu__dropdown--developers:after {
        left: 580px;
    }
}
@media only screen and (min-width: 960px) {
    html[lang="es"] .main-menu-v1 .main-menu__dropdown-area {
        max-width: 522px;
        padding-right: 6px;
    }
}
@media only screen and (min-width: 1020px) {
    html[lang="es"] .main-menu-v1 .main-menu__dropdown-area {
        max-width: 720px;
    }
}
@media only screen and (min-width: 1280px) {
    html[lang="es"] .main-menu-v1 .main-menu__dropdown-area {
        padding-right: 56px;
    }
}
@media only screen and (min-width: 960px) {
    html[lang="es"] .main-menu-v1 .main-menu__dropdown-area-column {
        padding-left: 20px;
    }
}
@media only screen and (min-width: 1020px) {
    html[lang="es"] .main-menu-v1 .main-menu__dropdown-area-column {
        padding-left: 30px;
    }
}
@media only screen and (min-width: 1280px) {
    html[lang="es"] .main-menu-v1 .main-menu__dropdown-area-column {
        padding-left: 38px;
    }
}
html[lang="es"] .main-menu-v1 .main-menu__dropdown-list-item {
    display: flex;
}
@media only screen and (min-width: 960px) {
    html[lang="es"]
        .main-menu-v1
        .main-menu__dropdown--solutions
        .main-menu__dropdown-area {
        max-width: 734px;
    }
}
@media only screen and (min-width: 1020px) {
    html[lang="es"]
        .main-menu-v1
        .main-menu__dropdown--solutions
        .main-menu__dropdown-area {
        max-width: inherit;
    }
}
@media only screen and (min-width: 1280px) {
    html[lang="es"]
        .main-menu-v1
        .main-menu__dropdown--products
        .main-menu__dropdown-area {
        max-width: 664px;
    }
}
@media only screen and (min-width: 960px) {
    html[lang="es"] .main-menu-v1 .main-menu__dropdown-area-column--other {
        margin-left: 16px;
    }
}
@media only screen and (min-width: 1280px) {
    html[lang="es"] .main-menu-v1 .main-menu__dropdown-area-column--other {
        margin-left: 54px;
    }
}
html[lang="es"] .is-ie11 .main-menu-v1 .main-menu__dropdown-area-list {
    max-width: 255px;
}
html[lang="es"] .is-ie11 .main-menu-v1 .main-menu__dropdown-icon svg {
    width: 26px;
    height: 26px;
}
html[lang="es"]
    .is-ie11
    .main-menu-v1
    .main-menu__dropdown--developers-v2
    .main-menu__dropdown-area-list {
    max-width: 160px;
}
html[lang="es"]
    .is-ie11
    .main-menu-v1
    .main-menu__dropdown-area-column:nth-child(3)
    .main-menu__dropdown-area-list
    .main-menu__dropdown-list-item:nth-child(4)
    .main-menu__dropdown-link,
html[lang="es"]
    .is-ie11
    .main-menu-v1
    .main-menu__dropdown-area-column:nth-child(3)
    .main-menu__dropdown-area-list
    .main-menu__dropdown-list-item:nth-child(5)
    .main-menu__dropdown-link {
    margin-left: 22px;
}
.mobile-menu-exp {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    padding: 2px 16px;
    height: 100%;
    background-color: #fff;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}
.mobile-menu-exp .button--md {
    margin-top: 24px;
    line-height: 24px;
    font-size: 16px;
    width: 100%;
}
.mobile-menu-exp .bread-crumbs-wrapper {
    text-align: center;
}
.mobile-menu-exp .mobile-menu__body {
    flex: 0 0 auto;
    overflow: hidden;
}
.mobile-menu-exp .mobile-menu__item {
    position: relative;
    width: 100%;
    opacity: 0;
    transition: none 0.2s ease;
    transition-property: transform, opacity;
}
.mobile-menu-exp .mobile-menu__item:not(:last-child) {
    border-bottom: 1px solid #e9e9e9;
}
.mobile-menu-exp .mobile-menu__item:first-child {
    transition-delay: 0.2s;
}
.mobile-menu-exp .mobile-menu__item:nth-child(2) {
    transition-delay: 0.22s;
}
.mobile-menu-exp .mobile-menu__item:nth-child(3) {
    transition-delay: 0.24s;
}
.mobile-menu-exp .mobile-menu__item:nth-child(4) {
    transition-delay: 0.26s;
}
.mobile-menu-exp .mobile-menu__item:nth-child(5) {
    transition-delay: 0.28s;
}
.mobile-menu-exp .mobile-menu__item:nth-child(6) {
    transition-delay: 0.3s;
}
.mobile-menu-exp .mobile-menu__item:nth-child(7) {
    transition-delay: 0.32s;
}
.mobile-menu-exp .mobile-menu__item:nth-child(8) {
    transition-delay: 0.34s;
}
.mobile-menu-exp .mobile-menu__item:nth-child(9) {
    transition-delay: 0.36s;
}
.mobile-menu-exp .mobile-menu__item:nth-child(10) {
    transition-delay: 0.38s;
}
.mobile-menu-exp .mobile-menu__item:last-child {
    margin-bottom: 0;
}
.mobile-menu-exp .mobile-menu__item.main-menu-toggler {
    position: relative;
}
.mobile-menu-exp .mobile-menu__item.main-menu-toggler:after {
    content: "";
    display: block;
    position: absolute;
    top: 22px;
    right: 0;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNLjI5My4yOTNhMSAxIDAgMCAwIDAgMS40MTRsMyAzYTEgMSAwIDAgMCAxLjQxNCAwbDMtM0ExIDEgMCAwIDAgNi4yOTMuMjkzTDQgMi41ODYgMS43MDcuMjkzYTEgMSAwIDAgMC0xLjQxNCAweiIgZmlsbD0iIzY2Nzk4OCIvPjwvc3ZnPg==")
        no-repeat;
    background-size: cover;
    width: 8px;
    height: 5px;
    transform: rotate(0);
    transition: all 0.2s ease;
}
.mobile-menu-exp .mobile-menu__item.main-menu-toggler .mobile-menu__link {
    background-color: transparent;
    cursor: inherit;
    user-select: none;
}
.mobile-menu-exp .mobile-menu__item.main-menu-toggler .mobile-menu__link:hover {
    background-color: transparent;
}
.mobile-menu-exp .mobile-menu__item.is-active .mobile-menu__link {
    background-color: transparent;
    cursor: inherit;
    user-select: none;
}
.mobile-menu-exp .mobile-menu__item.is-active .mobile-menu__link:hover {
    background-color: transparent;
}
.mobile-menu-exp .mobile-menu__item.has-dropdown span {
    color: #0777cf;
}
.mobile-menu-exp .mobile-menu__item.has-dropdown span:after {
    width: 0;
}
.mobile-menu-exp .mobile-menu__item.has-dropdown:after {
    transform: rotate(-180deg);
}
.mobile-menu-exp
    .mobile-menu__item:not(.main-menu-toggler)
    .mobile-menu__link:active {
    color: #0777cf;
}
.mobile-menu-exp .mobile-menu__link {
    display: block;
    padding: 12px 1px;
    text-decoration: none;
    color: #2c2c2c;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    user-select: none;
}
.mobile-menu-exp .mobile-menu__link:hover {
    text-decoration: none;
}
.mobile-menu-exp .mobile-menu__submenu {
    display: none;
    transition: height 0ms 2s, opacity 0.2s 0ms;
    opacity: 0;
    height: 0;
    overflow: hidden;
    padding-bottom: 12px;
    padding-left: 20px;
}
.mobile-menu-exp .mobile-menu__item.has-dropdown .mobile-menu__submenu {
    display: block;
    opacity: 1;
    height: auto;
    padding-bottom: 12px;
    padding-left: 20px;
    transition: height 0ms 2s, opacity 0.2s 0ms;
}
.mobile-menu-exp .mobile-menu__submenu-item {
    position: relative;
}
.mobile-menu-exp .mobile-menu__submenu-item:after {
    content: none;
}
.mobile-menu-exp
    .mobile-menu__submenu-item-nav
    .mobile-menu__submenu-link:after {
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 4px);
    right: 0;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSI4Ij48cGF0aCBmaWxsPSIjMDA4OGNlIiBkPSJNNyA1LjYwMWw1LjIxLTUuM2ExLjAwMiAxLjAwMiAwIDAgMSAxLjQzLjAwNGwuMDc2LjA3OWExIDEgMCAwIDEtLjAwNCAxLjM5OEw3Ljg5NiA3LjY5OUEuOTk4Ljk5OCAwIDAgMSA3IDcuOThhLjk5OS45OTkgMCAwIDEtLjg5Ni0uMjgyTC4yODggMS43ODJBMSAxIDAgMCAxIC4yODQuMzg0TC4zNi4zMDVBMSAxIDAgMCAxIDEuNzkuMzAxTDcgNS42MDF6Ii8+PC9zdmc+")
        no-repeat;
    background-size: cover;
    width: 14px;
    height: 8px;
    transform: rotate(-90deg);
    transition: transform 0.2s;
}
.mobile-menu-exp
    .mobile-menu__submenu-item.is-active
    .mobile-menu__submenu-link {
    cursor: inherit;
    user-select: none;
    color: #2c2c2c;
    font-weight: 600;
}
.mobile-menu-exp
    .mobile-menu__submenu-item.is-active
    .mobile-menu__submenu-link:hover {
    background-color: transparent;
}
.mobile-menu-exp .mobile-menu__submenu-link {
    display: block;
    padding: 6px 0;
    text-decoration: none;
    font-size: 14px;
    line-height: 20px;
    color: #2c2c2c;
}
.mobile-menu-exp .mobile-menu__submenu-link:active {
    color: #0777cf;
    text-decoration: none;
}
.mobile-menu-exp .mobile-menu__submenu-link:hover {
    text-decoration: none;
}
.mobile-menu-exp .mobile-menu__submenu-link--bold {
    font-weight: 600;
}
.mobile-menu-exp .mobile-menu__submenu-link--bold:active {
    color: unset;
}
.mobile-menu-exp .mobile-menu__submenu-link--more {
    display: inline-block;
    font-weight: 700;
    color: #0777cf;
}
.mobile-menu-exp .mobile-menu__submenu-link--more:after {
    top: 7px;
    right: -25px;
}
.mobile-menu-exp .mobile-menu__button {
    opacity: 0;
    transition: none 0.2s ease;
    transition-delay: 0.25s;
    transition-property: transform, opacity;
}
.mobile-menu-exp .mobile-menu__menu {
    position: relative;
    width: 100%;
    display: flex;
    transform: translateX(0);
    transition: transform 0.15s ease;
}
.mobile-menu-exp .mobile-menu__menu.is-nav-submenu-active {
    transform: translateX(-50%);
}
.mobile-menu-exp .mobile-menu__menu.is-nav-submenu-active .mobile-menu__list {
    opacity: 1;
    height: 0;
}
.mobile-menu-exp .mobile-menu__list,
.mobile-menu-exp .mobile-nav-submenu {
    flex: 1 0 50%;
    width: 50%;
    min-width: 50%;
}
.mobile-menu-exp .mobile-nav-submenu {
    background-color: #fff;
}
.mobile-menu-exp .mobile-nav-submenu.is-active {
    transform: translateX(0);
}
.mobile-menu-exp .mobile-nav-submenu .mobile-nav-submenu__body {
    display: none;
}
.mobile-menu-exp .mobile-nav-submenu .mobile-nav-submenu__body.is-active {
    display: block;
}
.mobile-menu-exp .mobile-nav-submenu .mobile-nav-submenu__header-label {
    display: flex;
    align-items: center;
    padding: 15px 0 12px;
    margin-bottom: 8px;
    color: #0088ce;
    font-size: 16px;
    line-height: 32px;
    font-weight: 600;
    border-bottom: 1px solid #e9e9e9;
}
.mobile-menu-exp .mobile-nav-submenu .mobile-nav-submenu__header-label svg {
    margin-right: 9px;
}
.mobile-menu-exp .mobile-nav-submenu .mobile-nav-submenu__item {
    padding: 6px 0;
}
.mobile-menu-exp
    .mobile-nav-submenu
    .mobile-nav-submenu__item.is-active
    .mobile-nav-submenu__link {
    font-weight: 600;
}
.mobile-menu-exp .mobile-nav-submenu .mobile-nav-submenu__link {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    line-height: 32px;
    color: #2c2c2c;
}
.mobile-menu-exp .mobile-nav-submenu .mobile-nav-submenu__link:active {
    color: #0777cf;
    text-decoration: none;
}
.mobile-menu-exp .mobile-nav-submenu .mobile-nav-submenu__link:active,
.mobile-menu-exp .mobile-nav-submenu .mobile-nav-submenu__link:focus,
.mobile-menu-exp .mobile-nav-submenu .mobile-nav-submenu__link:hover {
    text-decoration: none;
}
.mobile-menu-exp .mobile-menu__submenu-link--api.mobile-menu__submenu-link {
    color: #0777cf;
}
.mobile-menu-exp.suggestion-active .mobile-menu__button {
    display: none;
}
[data-offcanvas-container][data-offcanvas-hidden="false"] .mobile-menu__button,
[data-offcanvas-container][data-offcanvas-hidden="false"] .mobile-menu__item {
    opacity: 1;
}
[data-offcanvas-container][data-offcanvas-hidden="false"]
    .popup-cookie.is-visible {
    display: none;
}
.bread-crumbs-wrapper {
    padding-top: 8px;
    padding-bottom: 2px;
    white-space: nowrap;
}
.bread-crumbs {
    width: 100%;
    font-size: 0;
    line-height: 1;
}
.bread-crumbs__item {
    display: inline-block;
    margin: 0 0 6px;
    vertical-align: baseline;
    text-decoration: underline;
}
.bread-crumbs__item:after {
    display: inline-block;
    margin-right: 6px;
    margin-bottom: 2px;
    margin-left: 6px;
    width: 2px;
    height: 3px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyIiBoZWlnaHQ9IjMiPjxwYXRoIGZpbGw9IiM0MTQxNDEiIGQ9Ik0wIDBoMXYxSDBWMHptMCAyaDF2MUgwVjJ6bTEtMWgxdjFIMVYxeiIvPjwvc3ZnPg==");
    content: "";
    vertical-align: baseline;
}
.bread-crumbs__item:last-child {
    margin-bottom: 0;
    text-decoration: none;
}
.bread-crumbs__item:last-child:after {
    display: none;
}
.bread-crumbs__item span {
    color: #959595;
    font-size: 12px;
    line-height: 1.45;
}
.is-reduced .bread-crumbs__item {
    display: none;
}
.is-reduced .bread-crumbs__item:first-child,
.is-reduced .bread-crumbs__item:last-child,
.is-reduced .bread-crumbs__item:nth-child(2) {
    display: inline-block;
}
.is-reduced .bread-crumbs__item:nth-child(2):not(:last-child):before {
    content: "...";
    font-weight: 700;
    font-size: 12px;
}
.is-reduced
    .bread-crumbs__item:nth-child(2):not(:last-child)
    .bread-crumbs__link {
    display: none;
}
.bread-crumbs__item--placeholder {
    font-weight: 700;
    font-size: 11px;
}
.bread-crumbs__link {
    display: inline-block;
    color: #959595;
    text-decoration: none;
}
.bread-crumbs__link:hover {
    color: #323232;
    text-decoration: none;
}
.bread-crumbs__link:hover span {
    text-decoration: underline;
}
.bread-crumbs-wrapper--reverse .bread-crumbs__item:after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyIiBoZWlnaHQ9IjMiPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0wIDBoMXYxSDBWMHptMCAyaDF2MUgwVjJ6bTEtMWgxdjFIMVYxeiIvPjwvc3ZnPg==");
}
.bread-crumbs-wrapper--reverse .bread-crumbs__item span {
    color: #fff;
}
.bread-crumbs-wrapper--dark-bg {
    background-color: #474c54;
}
.bread-crumbs-wrapper--white {
    white-space: normal;
}
.bread-crumbs-wrapper--white .bread-crumbs__item {
    margin: 0 18px 10px 0;
    text-decoration: none;
    position: relative;
}
.bread-crumbs-wrapper--white .bread-crumbs__item:after {
    position: absolute;
    content: "";
    margin: 0;
    right: -10px;
    top: 50%;
    width: 4px;
    height: 5px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0IiBoZWlnaHQ9IjUiPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwODhDRSIgZD0iTTEgMGwyIDIuNUwxIDUiLz48L3N2Zz4=");
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateY(-50%);
}
.bread-crumbs-wrapper--white .bread-crumbs__item:last-child {
    display: inline;
    margin: 0;
}
.bread-crumbs-wrapper--white .bread-crumbs__item:last-child:after {
    display: none;
}
.bread-crumbs-wrapper--white .bread-crumbs__item:last-child span {
    color: #d0d3db;
}
.bread-crumbs-wrapper--white .bread-crumbs__item span {
    color: #fff;
    font-size: 12px;
    line-height: 1.71;
    transition: color 0.3s ease;
}
@media only screen and (min-width: 1280px) {
    .bread-crumbs-wrapper--white .bread-crumbs__item span {
        font-size: 14px;
        line-height: 1.75;
    }
}
.bread-crumbs-wrapper--absolute {
    position: absolute;
    top: 0;
    white-space: normal;
}
.bread-crumbs-wrapper--absolute .bread-crumbs__item {
    margin: 0 18px 6px 0;
    text-decoration: none;
    position: relative;
}
.bread-crumbs-wrapper--absolute .bread-crumbs__item:after {
    position: absolute;
    content: "";
    margin: 0;
    right: -10px;
    top: 50%;
    width: 4px;
    height: 5px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0IiBoZWlnaHQ9IjUiPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwODhDRSIgZD0iTTEgMGwyIDIuNUwxIDUiLz48L3N2Zz4=");
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateY(-50%);
}
.bread-crumbs-wrapper--absolute .bread-crumbs__item:last-child:after {
    display: none;
}
.bread-crumbs-wrapper--absolute .bread-crumbs__item:last-child span {
    color: #667988;
}
.bread-crumbs-wrapper--absolute .bread-crumbs__item span {
    color: #2c2c2c;
    font-size: 12px;
    line-height: 2.3;
    transition: color 0.3s ease;
}
@media only screen and (min-width: 1280px) {
    .bread-crumbs-wrapper--absolute .bread-crumbs__item span {
        font-size: 14px;
        line-height: 2;
    }
}
.bread-crumbs-wrapper--inline {
    white-space: normal;
}
.bread-crumbs-wrapper--inline .bread-crumbs__item {
    margin: 0;
    text-decoration: none;
    position: relative;
    display: inline;
}
.bread-crumbs-wrapper--inline .bread-crumbs__item:after {
    content: "";
    margin: 0 9px;
    left: 0;
    top: 50%;
    width: 4px;
    height: 5px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0IiBoZWlnaHQ9IjUiPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwODhDRSIgZD0iTTEgMGwyIDIuNUwxIDUiLz48L3N2Zz4=");
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateY(-50%);
}
.bread-crumbs-wrapper--inline .bread-crumbs__item:last-child:after {
    display: none;
}
.bread-crumbs-wrapper--inline .bread-crumbs__item:last-child span {
    color: #667988;
}
.bread-crumbs-wrapper--inline .bread-crumbs__item span {
    color: #fff;
    font-size: 12px;
    line-height: 1.71;
    transition: color 0.3s ease;
}
@media only screen and (min-width: 640px) {
    .bread-crumbs-wrapper--inline .bread-crumbs__item span {
        font-size: 14px;
        line-height: 1.5;
    }
}
.pagination {
    text-align: center;
    font-size: 0;
    user-select: none;
}
.pagination__list {
    position: relative;
}
.pagination__item {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    line-height: 1;
}
.pagination__item.is-active {
    position: relative;
}
.pagination__item.is-active:before {
    position: absolute;
    content: "";
    bottom: -4px;
    left: 50%;
    width: 20px;
    height: 2px;
    background-color: #0777cf;
    transform: translateX(-50%);
}
.pagination__item:first-child {
    margin-left: 0;
}
.pagination__item:last-child {
    margin-right: 0;
}
.pagination__link,
.pagination__text {
    display: block;
    overflow: hidden;
    padding: 0 12px;
    height: 26px;
    border-radius: 26px;
    color: #2c2c2c;
    text-align: center;
    text-decoration: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    transition: color 0.3s ease;
}
.pagination__link:hover,
.pagination__text:hover {
    color: #0777cf;
    text-decoration: none;
}
.pagination__item--spacer .pagination__text {
    margin: 0;
    padding: 0;
    min-width: auto;
}
.pagination__text {
    cursor: default;
    pointer-events: none;
}
.is-active .pagination__text {
    color: #2c2c2c;
    font-weight: 700;
    cursor: default;
    position: relative;
}
.is-active .pagination__text:before {
    position: absolute;
    content: "";
    bottom: -4px;
    left: 0;
    width: 20px;
    height: 2px;
    background-color: #0777cf;
}
.is-disabled .pagination__link {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}
.pagination__item--backward,
.pagination__item--forward {
    position: relative;
}
.pagination__item--backward:before,
.pagination__item--forward:before {
    position: absolute;
    content: "";
    top: 50%;
    width: 7px;
    height: 12px;
    z-index: -1;
}
.pagination__item--backward {
    position: absolute;
    left: 0;
}
@media only screen and (min-width: 640px) {
    .pagination__item--backward {
        position: relative;
        left: auto;
    }
}
.pagination__item--backward .pagination__link {
    padding-right: 10px;
    padding-left: 16px;
}
@media only screen and (min-width: 640px) {
    .pagination__item--backward .pagination__link {
        padding-right: 24px;
    }
}
.pagination__item--backward:before {
    left: 0;
    background: url(https://marketing-static.signnow.com/1000/images/_modules/navigation/pagination/breadcramps-arrow-active.svg)
        no-repeat;
    transform: translateY(-50%) rotate(180deg);
}
.pagination__item--backward.is-disabled:before {
    background: url(https://marketing-static.signnow.com/1000/images/_modules/navigation/pagination/breadcramps-arrow-disabled.svg)
        no-repeat;
}
.pagination__item--forward {
    position: absolute;
    right: 0;
}
@media only screen and (min-width: 640px) {
    .pagination__item--forward {
        position: relative;
        right: auto;
    }
}
.pagination__item--forward .pagination__link {
    padding-right: 16px;
    padding-left: 10px;
}
@media only screen and (min-width: 640px) {
    .pagination__item--forward .pagination__link {
        padding-left: 24px;
    }
}
.pagination__item--forward:before {
    right: 0;
    background: url(https://marketing-static.signnow.com/1000/images/_modules/navigation/pagination/breadcramps-arrow-active.svg)
        no-repeat;
    transform: translateY(-50%);
}
.pagination__item--forward.is-disabled:before {
    background: url(https://marketing-static.signnow.com/1000/images/_modules/navigation/pagination/breadcramps-arrow-disabled.svg)
        no-repeat;
}
.pagination_small_padding .pagination__link,
.pagination_small_padding .pagination__text {
    padding: 0 3px;
}
@media only screen and (min-width: 375px) {
    .pagination_small_padding .pagination__link,
    .pagination_small_padding .pagination__text {
        padding: 0 6px;
    }
}
@media only screen and (min-width: 640px) {
    .pagination_small_padding .pagination__link,
    .pagination_small_padding .pagination__text {
        padding: 0 12px;
    }
}
.pagination_small_padding .pagination__item--backward .pagination__link {
    padding-right: 10px;
    padding-left: 16px;
}
@media only screen and (min-width: 640px) {
    .pagination_small_padding .pagination__item--backward .pagination__link {
        padding-right: 24px;
    }
}
.pagination_small_padding .pagination__item--forward .pagination__link {
    padding-right: 16px;
    padding-left: 10px;
}
@media only screen and (min-width: 640px) {
    .pagination_small_padding .pagination__item--forward .pagination__link {
        padding-left: 24px;
    }
}
.footer-socials__item:not(:last-child) {
    margin-right: 14px;
}
@media only screen and (min-width: 640px) {
    .footer-socials__item:not(:last-child) {
        margin-right: 8px;
    }
}
.page-footer__inner-desktop {
    display: none;
}
@media only screen and (min-width: 960px) {
    .page-footer__inner-desktop {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between;
        margin: 0 auto;
        padding: 44px 16px 48px;
        max-width: 1280px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .page-footer__inner-desktop:after,
    .page-footer__inner-desktop:before {
        display: table;
        content: "";
    }
    .page-footer__inner-desktop:after {
        clear: both;
    }
    .page-footer__inner-desktop:after,
    .page-footer__inner-desktop:before {
        display: none;
    }
}
.page-footer__inner-mobile {
    display: block;
    padding: 0 15px;
}
@media only screen and (min-width: 960px) {
    .page-footer__inner-mobile {
        display: none;
    }
}
.footer-column__social {
    width: 205px;
}
@media only screen and (min-width: 1280px) {
    .footer-column__social {
        width: 250px;
    }
}
.footer-column__nav {
    margin-bottom: 30px;
}
@media only screen and (min-width: 640px) {
    .footer-column__nav {
        margin-bottom: 40px;
    }
}
@media only screen and (min-width: 960px) {
    .footer-column__nav {
        max-width: 540px;
        margin-bottom: 0;
    }
}
@media only screen and (min-width: 1280px) {
    .footer-column__nav {
        flex: 1 0 auto;
        width: calc(100% - 310px);
        max-width: 815px;
    }
}
.footer-column__mobile-apps {
    width: 165px;
    padding-top: 2px;
}
@media only screen and (min-width: 1280px) {
    .footer-column__mobile-apps {
        width: 130px;
    }
}
.footer-terms {
    font-size: 10px;
    line-height: 16px;
    color: #667988;
    margin-bottom: 4px;
}
.footer-terms a {
    color: #667988;
    text-decoration: underline;
}
.footer-terms a:hover {
    color: #2c2c2c;
}
.footer-socials {
    display: flex;
    justify-content: center;
    margin-top: 25px;
}
@media only screen and (min-width: 960px) {
    .footer-socials {
        justify-content: flex-start;
    }
}
.footer-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 28px;
}
.footer-socials__link {
    display: block;
    border-radius: 50%;
    transition: box-shadow 0.15s ease-in;
}
.footer-socials__link svg circle {
    transition: all 0.15s ease-in;
}
.footer-socials__link:focus {
    box-shadow: 0 0 0 2px #d4d4d4;
}
.footer-socials__link--facebook svg:hover circle {
    fill: #1777f2;
}
.footer-socials__link--twitter svg:hover circle {
    fill: #1da1f2;
}
.footer-socials__link--linkedin svg:hover circle {
    fill: #0077b5;
}
.footer-socials__link--youtube svg:hover circle {
    fill: #f70503;
}
.footer-socials__link--instagram svg:hover stop:first-child {
    stop-color: #1ebee0;
}
.footer-socials__link--instagram svg:hover stop:nth-child(2) {
    stop-color: #f47133;
}
.footer-socials__link--instagram svg:hover stop:nth-child(3) {
    stop-color: #bc3081;
}
.footer-socials__link--instagram svg:hover stop:nth-child(4) {
    stop-color: #4c63d2;
}
.footer-row {
    display: flex;
    flex-direction: column;
}
@media only screen and (min-width: 640px) {
    .footer-row {
        flex-direction: row;
        justify-content: space-between;
    }
}
.footer-copyright {
    margin-top: 3px;
    text-align: left;
    font-size: 12px;
    line-height: 20px;
    color: #667988;
}
.footer-menu {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer-menu__item {
    margin-bottom: 32px;
}
@media only screen and (min-width: 640px) {
    .footer-menu__item {
        margin-bottom: 0;
        width: 25%;
    }
}
@media only screen and (min-width: 960px) {
    .footer-menu__item {
        min-width: 176px;
    }
}
@media only screen and (min-width: 1280px) {
    .footer-menu__item {
        width: 22%;
    }
    .footer-menu__item:not(:first-child) {
        margin-left: 4px;
    }
}
.footer-menu__item:last-child {
    min-width: 186px;
}
@media only screen and (min-width: 1280px) {
    .footer-menu__item:last-child {
        margin-left: 31px;
    }
}
.footer-menu__list-item {
    max-width: 160px;
}
.footer-menu__list-item:not(:first-child) {
    margin-top: 8px;
}
.footer-menu__title {
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 28px;
    font-weight: 700;
}
.footer-menu__list:not(:last-child) {
    margin-bottom: 28px;
}
.footer-menu__list-link {
    display: inline-block;
    text-decoration: none;
    font-size: 14px;
    color: #2c2c2c;
    line-height: 21px;
    letter-spacing: normal;
}
.footer-menu__list-link span {
    position: relative;
    display: inline-block;
}
.footer-menu__list-link span:before {
    content: "";
    position: absolute;
    width: 0;
    bottom: -2px;
    height: 2px;
    display: block;
    right: 0;
    background: #414141;
    transition: width 0.15s ease;
    will-change: width;
}
.footer-menu__list-link:hover {
    text-decoration: none;
    outline: none;
}
.footer-menu__list-link:hover span:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    display: block;
    right: 0;
    left: 0;
    bottom: -2px;
    background: #414141;
    transition: width 0.15s ease;
    will-change: width;
}
@media only screen and (min-width: 960px) {
    .footer-menu__list-link--width-limit {
        max-width: 114px;
    }
}
.footer-menu__link {
    font-weight: 400;
    font-size: 12px;
    line-height: 1.333;
    color: #45688f;
    text-decoration: underline;
}
.footer-apps-list {
    margin-top: 15px;
    margin-bottom: 20px;
}
.footer-apps-list__item {
    margin-bottom: 10px;
}
.footer-apps-list__item svg:hover {
    opacity: 0.85;
    transition: opacity 0.2s;
}
.footer-menu-screen-lg {
    display: block;
}
@media only screen and (min-width: 1280px) {
    .footer-menu-screen-lg {
        display: none;
    }
}
.footer-menu-screen-xl {
    display: none;
}
@media only screen and (min-width: 1280px) {
    .footer-menu-screen-xl {
        display: block;
    }
}
.page-footer .page-footer__inner {
    padding-top: 40px;
}
@media only screen and (min-width: 960px) {
    .page-footer .page-footer__inner {
        padding-top: 0;
    }
}
.page-footer .footer-accordion {
    text-align: left;
}
.page-footer .footer-accordion__title {
    position: relative;
    width: 100%;
    color: #2c2c2c;
    font-weight: 400;
    cursor: pointer;
    user-select: none;
}
.page-footer .footer-accordion__title span {
    position: relative;
    display: inline-block;
    text-decoration: none;
    background-color: transparent;
    font-size: 18px;
    line-height: 32px;
    font-weight: 600;
    font-family: Open Sans;
}
@media only screen and (min-width: 640px) {
    .page-footer .footer-accordion__title span {
        font-size: 20px;
    }
}
.page-footer .footer-accordion__title span:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: -4px;
    display: block;
    width: 0;
    height: 4px;
    background: #0087cd;
    transition: width 0.15s ease;
    will-change: width;
}
.page-footer .footer-accordion__title:active,
.page-footer .footer-accordion__title:focus {
    outline: none;
}
.page-footer .footer-accordion__title[aria-selected*="true"]:before {
    content: "";
    display: none;
}
.page-footer .footer-accordion__title[aria-selected*="true"] span {
    text-decoration: none;
    outline: none;
}
.page-footer .footer-accordion__title[aria-selected*="true"] span:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: -4px;
    left: 0;
    display: block;
    width: 100%;
    height: 4px;
    background: #0087cd;
    transition: width 0.15s ease;
    will-change: width;
}
.page-footer .footer-accordion__title[aria-selected*="true"] svg {
    transform: rotate(0deg);
}
.page-footer .footer-accordion__decoration {
    display: flex;
    position: absolute;
    width: 17px;
    height: 19px;
    top: 8px;
    right: 0;
}
.page-footer .footer-accordion__decoration svg {
    width: 17px;
    height: 8px;
    transform: rotate(-90deg);
    transition: all 0.2s ease;
}
.page-footer .footer-accordion__item {
    padding-top: 19px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e9e9e9;
}
@media only screen and (min-width: 375px) {
    .page-footer .footer-accordion__item {
        padding-top: 14px;
        padding-bottom: 16px;
    }
}
@media only screen and (min-width: 640px) {
    .page-footer .footer-accordion__item {
        min-height: auto;
    }
}
.page-footer .footer-accordion__item:last-child {
    border-bottom: none;
}
.page-footer .footer-accordion__body {
    display: none;
    padding: 12px 0 0;
    color: #565656;
    font-size: 12px;
    line-height: 1.5;
}
@media only screen and (min-width: 640px) {
    .page-footer .footer-accordion__body {
        padding: 12px 0 16px;
        font-size: 14px;
    }
}
@media only screen and (min-width: 960px) {
    .page-footer .footer-accordion__body {
        line-height: 23px;
    }
}
.page-footer .footer-accordion__body p:last-child {
    margin-bottom: 0;
}
.page-footer .footer-accordion__body a {
    display: block;
    padding: 7px 20px;
    color: #2c2c2c;
    font-size: 16px;
    line-height: 32px;
}
.page-footer .footer-accordion__body a:last-child {
    padding-bottom: 0;
}
.footer-column__social--mobile {
    margin-top: 30px;
    margin-bottom: 40px;
    text-align: center;
    font-family: Open Sans, Arial, sans-serif;
}
@media only screen and (min-width: 375px) {
    .footer-column__social--mobile {
        margin-top: 37px;
    }
}
.footer-column__social--mobile .footer-title {
    font-size: 14px;
    line-height: 28px;
    font-weight: 700;
}
@media only screen and (min-width: 640px) {
    .footer-column__social--mobile .footer-title {
        font-size: 16px;
    }
}
.footer-column__social--mobile .footer-socials {
    margin-bottom: 27px;
}
@media only screen and (min-width: 375px) {
    .footer-column__social--mobile .footer-socials {
        margin-bottom: 20px;
    }
}
.footer-column__social--mobile .footer-copyright {
    max-width: 223px;
    margin: 5px auto;
    font-size: 10px;
    text-align: center;
    line-height: 16px;
    color: #959595;
}
@media only screen and (min-width: 375px) {
    .footer-column__social--mobile .footer-copyright {
        max-width: 100%;
    }
}
.footer-column__social--mobile .footer-copyright a {
    color: inherit;
    text-decoration: underline;
}
.footer-column__social--mobile .footer-apps-list {
    display: flex;
    justify-content: center;
}
.footer-column__social--mobile .footer-apps-list__item {
    margin: 25px 6px;
}
@media only screen and (min-width: 375px) {
    .footer-column__social--mobile .footer-apps-list__item {
        margin: 16px 6px;
    }
}
.language-dropdown {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    height: 40px;
    line-height: 16px;
    font-size: 12px;
    color: #2c2c2c;
    background: #fff;
    border-radius: 4px;
    box-sizing: border-box;
    -webkit-appearance: none;
    user-select: none;
    cursor: pointer;
    border: 1px solid #81919d;
    max-width: 192px;
    text-align: left;
    margin: 40px auto 36px;
}
@media only screen and (min-width: 640px) {
    .language-dropdown {
        font-size: 14px;
        max-width: 208px;
        margin-top: 56px;
    }
}
@media only screen and (min-width: 960px) {
    .language-dropdown {
        max-width: 192px;
        display: flex;
        margin: 28px 0 0;
        height: 48px;
    }
}
@media only screen and (min-width: 1280px) {
    .language-dropdown {
        margin-top: 40px;
    }
}
.language-dropdown:after {
    position: absolute;
    content: "";
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNLjI5My4yOTNhMSAxIDAgMCAwIDAgMS40MTRsMyAzYTEgMSAwIDAgMCAxLjQxNCAwbDMtM0ExIDEgMCAwIDAgNi4yOTMuMjkzTDQgMi41ODYgMS43MDcuMjkzYTEgMSAwIDAgMC0xLjQxNCAweiIgZmlsbD0iIzQxNDE0MSIvPjwvc3ZnPg==");
    background-repeat: no-repeat;
    background-size: contain;
    width: 8px;
    height: 5px;
    right: 15px;
    transition: transform 0.2s;
    background-position: 50%;
    transform: translateY(-50%);
    top: 20px;
}
@media only screen and (min-width: 960px) {
    .language-dropdown:after {
        top: 24px;
    }
}
.language-dropdown.is-open .language-dropdown__label {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #667988;
}
.language-dropdown.is-open:after {
    top: 18px;
    transform: rotate(180deg);
}
@media only screen and (min-width: 960px) {
    .language-dropdown.is-open:after {
        top: 22px;
    }
}
.language-dropdown.is-open .language-dropdown__list-wrap {
    display: block;
}
.language-dropdown__list {
    display: block;
    overflow-y: auto;
    margin: 0;
    padding: 8px 0;
}
.language-dropdown__list-wrap {
    display: none;
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    height: auto;
    overflow: auto;
    z-index: 1;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 2px 8px rgba(47, 55, 62, 0.2);
    -webkit-overflow-scrolling: touch;
    animation-name: fadeIn;
    animation-duration: 0.2s;
    max-height: 296px;
    margin: 0;
    border-top: 1px solid #d8d8d8;
    background-color: #fff;
}
@media only screen and (min-width: 960px) {
    .language-dropdown__list-wrap {
        top: 48px;
    }
}
.language-dropdown__label {
    display: flex;
    padding-right: 50px;
    color: #2c2c2c;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    border-radius: 4px;
    z-index: 2;
    height: 40px;
    align-items: center;
    width: 192px;
    flex-shrink: 0;
    left: -1px;
    font-size: 14px;
    line-height: 24px;
    padding-left: 35px;
}
@media only screen and (min-width: 640px) {
    .language-dropdown__label {
        width: 208px;
    }
}
@media only screen and (min-width: 960px) {
    .language-dropdown__label {
        font-size: 16px;
        line-height: 24px;
        width: 192px;
        height: 48px;
    }
}
.language-dropdown__label:before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    margin: auto;
    left: 11px;
    width: 18px;
    height: 18px;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iOSIgY3k9IjkiIHI9IjgiIHN0cm9rZT0iIzQxNDE0MSIgc3Ryb2tlLXdpZHRoPSIxLjUiLz48ZWxsaXBzZSBjeD0iOSIgY3k9IjkiIHJ4PSIzLjU1NiIgcnk9IjgiIHN0cm9rZT0iIzQxNDE0MSIgc3Ryb2tlLXdpZHRoPSIxLjUiLz48cGF0aCBzdHJva2U9IiM0MTQxNDEiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMSAxMS44MDVoMTUuMTExTTEgNi40NzJoMTUuMTExIi8+PC9zdmc+")
        no-repeat;
    background-size: contain;
}
.language-dropdown__option {
    display: block;
    position: relative;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    padding: 8px 16px;
    list-style-type: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    color: #2c2c2c;
}
.language-dropdown__option:hover {
    background: #e3e6e9;
    text-decoration: none;
}
.language-dropdown__option--active {
    color: #0777cf;
    font-weight: 600;
    position: relative;
}
.page-footer__inner-desktop .footer-menu__list-link:hover,
.page-footer__inner-desktop .footer-menu__list-link:hover span {
    text-decoration: underline;
}
.main-menu,
.page-footer__inner-desktop .footer-menu__list-link:hover span:before {
    display: none;
}
@media only screen and (min-width: 960px) {
    .main-menu {
        display: block;
    }
    .main-menu .main-menu__list {
        display: flex;
        align-items: center;
        padding: 0 14px 0 0;
    }
    .main-menu .main-menu__item {
        padding: 0 12px;
    }
    .main-menu .main-menu__item.has-dropdown .main-menu__link {
        padding-right: 14px;
    }
    .main-menu .main-menu__item.has-dropdown .main-menu__link:after {
        content: "";
        display: block;
        position: absolute;
        top: calc(50% - 1px);
        right: 0;
        background: url(https://marketing-static.signnow.com/1000/images/global/icons/arrow.svg);
        width: 8px;
        height: 5px;
        transition: transform 0.2s;
    }
    .main-menu .main-menu__item.is-open .main-menu__dropdown {
        display: block;
    }
    .main-menu .main-menu__item.is-open .main-menu__link:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        display: block;
        width: 100%;
        height: 4px;
    }
    .main-menu .main-menu__item.is-open .main-menu__link:after {
        transform: rotate(-180deg);
    }
    .main-menu .main-menu__link {
        position: relative;
        padding: 27px 2px;
        font-size: 16px;
        color: #2c2c2c;
        font-weight: 600;
    }
    .main-menu .main-menu__link:before {
        bottom: 0;
        height: 4px;
    }
    .main-menu .main-menu__link:hover {
        text-decoration: none;
    }
    .main-menu .main-menu__dropdown {
        display: none;
        position: absolute;
        width: 100%;
        left: 0;
        right: 0;
        top: 100%;
        padding: 34px 0;
        border-top: 1px solid #d0d0d0;
        background-color: #fff;
        box-shadow: 0 8px 14px 0 rgba(0, 0, 0, 0.1);
        z-index: 4;
    }
    .main-menu .main-menu__dropdown-container {
        display: flex;
        margin: 0 auto;
        padding-right: 16px;
        padding-left: 16px;
        max-width: 1280px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .main-menu .main-menu__dropdown-container:after,
    .main-menu .main-menu__dropdown-container:before {
        display: table;
        content: "";
    }
    .main-menu .main-menu__dropdown-container:after {
        clear: both;
    }
    .main-menu .main-menu__dropdown-category-notion {
        padding-right: 126px;
    }
    .main-menu .main-menu__dropdown-category-title {
        margin-bottom: 16px;
        font-size: 32px;
        line-height: 36px;
        font-family: Graphik, Arial, sans-serif;
        font-weight: 700;
    }
    .main-menu .main-menu__dropdown-category-desk {
        font-size: 20px;
        line-height: 32px;
    }
    .main-menu .main-menu__dropdown-area {
        display: flex;
        flex: 1 0 auto;
    }
    .main-menu .main-menu__dropdown-area-column {
        padding-right: 30px;
    }
    .main-menu .main-menu__dropdown-area-title {
        margin-bottom: 11px;
        font-size: 16px;
    }
    .main-menu .main-menu__dropdown-area-title-link {
        position: relative;
        color: #2c2c2c;
        font-weight: 700;
        text-decoration: none;
        font-size: 16px;
    }
    .main-menu .main-menu__dropdown-area-title-link:hover {
        text-decoration: none;
    }
    .main-menu .main-menu__dropdown-area-title-link:before {
        bottom: 1px;
    }
    .main-menu span.main-menu__dropdown-area-title-link {
        color: #2c2c2c;
    }
    .main-menu .main-menu__dropdown-list-item {
        margin-top: 4px;
        font-size: 14px;
    }
    .main-menu .main-menu__dropdown-link {
        color: #2c2c2c;
        font-weight: 400;
    }
    .main-menu .main-menu__dropdown-link:before {
        bottom: 0;
        background: #2c2c2c;
    }
}
@media only screen and (min-width: 1280px) {
    .main-menu .main-menu__list {
        padding: 0 20px 0 0;
    }
    .main-menu .main-menu__item {
        padding: 0 16px;
    }
}
.main-menu.main-menu--academy .main-menu__link {
    white-space: nowrap;
}
@media only screen and (min-width: 960px) and (min-width: 1280px) {
    .main-menu .main-menu__dropdown-area {
        padding-right: 46px;
    }
}
@media only screen and (min-width: 960px) and (min-width: 960px) {
    .main-menu .main-menu__dropdown-area-column {
        width: 170px;
    }
}
@media only screen and (min-width: 960px) and (min-width: 1280px) {
    .main-menu .main-menu__dropdown-area-column {
        width: 240px;
    }
}
@media only screen and (min-width: 1280px) {
    .main-menu__dropdown .main-menu__dropdown-category-notion {
        padding-right: 210px;
    }
}
@media only screen and (min-width: 960px) {
    .main-menu__dropdown .main-menu__dropdown-area-column {
        width: auto;
    }
}
@media only screen and (min-width: 1280px) {
    .main-menu__dropdown .main-menu__dropdown-area-column {
        padding-right: 69px;
    }
}
.main-menu__dropdown .main-menu__dropdown-category-title {
    margin-bottom: 13px;
    line-height: 1.13;
}
.main-menu__dropdown .main-menu__dropdown-category-desk {
    max-width: 280px;
}
.main-menu__dropdown .main-menu__dropdown-area-list--api {
    width: 160px;
    display: flex;
    flex-wrap: wrap;
}
.main-menu__dropdown
    .main-menu__dropdown-area-list--api
    .main-menu__dropdown-list-item {
    margin-top: 8px;
}
.main-menu__dropdown
    .main-menu__dropdown-area-list--api
    .main-menu__dropdown-link {
    line-height: 28px;
    color: #2c2c2c;
    text-decoration: none;
}
.main-menu__dropdown
    .main-menu__dropdown-area-column--lang
    .main-menu__dropdown-list-item {
    width: 50%;
    display: inline-block;
}
.main-menu__dropdown .main-menu__dropdown-list-item--margin-0 {
    margin-top: 0;
}
.main-menu__dropdown .main-menu__dropdown-item-icon {
    display: inline-block;
    margin-right: 12px;
}
.main-menu__dropdown
    .main-menu__dropdown-area-column--accent
    .main-menu__dropdown-list-item {
    margin-top: 0;
}
.main-menu__dropdown
    .main-menu__dropdown-area-column--accent
    .main-menu__dropdown-link {
    margin-bottom: 11px;
    font-size: 16px;
    font-weight: 700;
    color: #0777cf;
}
.main-menu__dropdown
    .main-menu__dropdown-area-column--accent
    .main-menu__dropdown-link:before {
    background: #0777cf;
}
.main-menu__dropdown--product .main-menu__dropdown-area-column {
    padding-right: 48px;
    width: auto;
}
@media only screen and (min-width: 1280px) {
    .main-menu__dropdown--product .main-menu__dropdown-area-column {
        padding-right: 94px;
    }
}
.main-menu__dropdown--product .main-menu__dropdown-list-item {
    display: flex;
    align-items: center;
    margin-top: 16px;
    font-size: 16px;
    line-height: 28px;
}
.main-menu__dropdown--product .main-menu__dropdown-icon {
    margin-right: 12px;
}
.main-menu__dropdown--product .main-menu__dropdown-icon-api {
    display: none;
}
.main-menu__dropdown--product .main-menu__dropdown-area {
    padding-top: 0;
}
.main-menu__dropdown--product .main-menu__dropdown-category-notion {
    padding-right: 80px;
}
.main-menu__dropdown--product .main-menu__dropdown-category-desk {
    max-width: 368px;
}
@media only screen and (min-width: 1280px) {
    .main-menu__dropdown--product .main-menu__dropdown-category-desk {
        max-width: 400px;
    }
}
@media only screen and (min-width: 1280px) {
    .main-menu__dropdown--product.exp-13009
        .main-menu__dropdown-category-notion {
        padding-right: 57px;
    }
}
@media only screen and (min-width: 1280px) {
    .main-menu__dropdown--product.exp-13009 .main-menu__dropdown-area-column {
        padding-right: 112px;
    }
}
.main-menu__dropdown--api.main-menu__dropdown
    .main-menu__dropdown-category-desk {
    max-width: 353px;
}
@media only screen and (min-width: 960px) {
    .main-menu__dropdown--api.main-menu__dropdown
        .main-menu__dropdown-category-notion {
        padding-right: 47px;
    }
}
@media only screen and (min-width: 1280px) {
    .main-menu__dropdown--api.main-menu__dropdown
        .main-menu__dropdown-category-notion {
        padding-right: 127px;
    }
}
@media only screen and (min-width: 960px) {
    .main-menu__dropdown--api.main-menu__dropdown
        .main-menu__dropdown-area-title {
        margin-bottom: 7px;
    }
}
.main-menu__dropdown--api.main-menu__dropdown
    .main-menu__dropdown-area-title-link {
    color: #0777cf;
}
@media only screen and (min-width: 960px) {
    .main-menu__dropdown--api.main-menu__dropdown
        .main-menu__dropdown-area-title-link:before {
        bottom: -3px;
    }
}
.main-menu__dropdown--api.main-menu__dropdown .main-menu__dropdown-item-icon {
    display: flex;
}
@media only screen and (min-width: 1280px) {
    .main-menu__dropdown--api.main-menu__dropdown
        .main-menu__dropdown-area-column {
        padding-right: 81px;
    }
}
@media only screen and (min-width: 1280px) {
    .main-menu__dropdown--api.main-menu__dropdown
        .main-menu__dropdown-area-column--lang {
        padding-right: 11px;
    }
}
.main-menu__dropdown--api.main-menu__dropdown
    .main-menu__dropdown-area-column--accent {
    position: relative;
}
@media only screen and (min-width: 1280px) {
    .main-menu__dropdown--api.main-menu__dropdown
        .main-menu__dropdown-area-column--accent {
        padding-left: 70px;
    }
}
@media only screen and (min-width: 1280px) {
    .main-menu__dropdown--api.main-menu__dropdown
        .main-menu__dropdown-area-column--accent:before {
        position: absolute;
        content: "";
        width: 1px;
        height: 100%;
        left: 0;
        top: 0;
        background-color: #d8d8d8;
    }
}
.main-menu__dropdown--api.main-menu__dropdown
    .main-menu__dropdown-area-column--accent
    .main-menu__dropdown-list-item {
    display: flex;
    align-items: center;
}
.main-menu__dropdown--api.main-menu__dropdown
    .main-menu__dropdown-area-column--accent
    .main-menu__dropdown-list-item:not(:last-child) {
    margin-bottom: 12px;
}
.main-menu__dropdown--api.main-menu__dropdown
    .main-menu__dropdown-area-column--accent
    .main-menu__dropdown-list-item:not(:last-child)
    .main-menu__dropdown-link {
    color: #2c2c2c;
}
.main-menu__dropdown--api.main-menu__dropdown
    .main-menu__dropdown-area-column--accent
    .main-menu__dropdown-list-item:not(:last-child)
    .main-menu__dropdown-link:before {
    background: #2c2c2c;
}
.main-menu__dropdown--api.main-menu__dropdown
    .main-menu__dropdown-area-column--accent
    .main-menu__dropdown-link {
    margin-bottom: 0;
}
.main-menu__dropdown--api .no-wrap {
    white-space: nowrap;
}
.main-menu__dropdown--api .main-menu__dropdown-icon-api {
    display: none;
}
.page-header .header-action {
    display: flex;
    align-items: center;
}
.page-header .header-action .login-link {
    display: none;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    color: #2c2c2c;
    margin-right: 12px;
}
@media only screen and (min-width: 375px) {
    .page-header .header-action .login-link {
        display: block;
    }
}
@media only screen and (min-width: 960px) {
    .page-header .header-action .login-link {
        display: none;
    }
}
.mobile-menu__action {
    display: block;
}
@media only screen and (min-width: 375px) {
    .mobile-menu__action {
        display: none;
    }
}
.page-header--search .search-header,
.page-header-v1 .search-header {
    display: none;
}
@media only screen and (min-width: 960px) {
    .page-header--search .search-header,
    .page-header-v1 .search-header {
        display: block;
        visibility: hidden;
        opacity: 0;
        transition: all 0.15s linear;
    }
}
.search-icon {
    display: none;
}
@media only screen and (min-width: 960px) {
    .search-icon {
        display: flex;
        border: 1px solid transparent;
        width: 32px;
        height: 32px;
        align-items: center;
        justify-content: center;
    }
    .search-icon:active,
    .search-icon:focus {
        border: 1px solid #81919d;
        box-shadow: 0 0 0 1px #fff, 0 0 0 3px #667988;
        border-radius: 4px;
    }
}
.search-header {
    padding-top: 8px;
    padding-bottom: 10px;
}
@media only screen and (min-width: 640px) {
    .search-header {
        padding-top: 14px;
        padding-bottom: 14px;
    }
}
@media only screen and (min-width: 960px) {
    .search-header {
        display: none;
        padding: 0;
        position: absolute;
        left: 16px;
        right: 16px;
        bottom: 0;
    }
}
.search-header.is-visible {
    display: block;
    visibility: visible;
    opacity: 1;
    bottom: -48px;
}
.search-header-field {
    display: block;
    position: relative;
    z-index: 3;
    max-width: 1280px;
    margin: 0 auto;
}
@media only screen and (min-width: 1280px) {
    .search-header-field {
        padding-right: 16px;
        padding-left: 16px;
    }
}
.search-header__clean,
.search-header__find {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}
.search-header__find {
    left: 12px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.5 13a6.47 6.47 0 0 0 3.835-1.251l3.958 3.958a1 1 0 0 0 1.414-1.414l-3.958-3.958A6.5 6.5 0 1 0 6.5 13zM11 6.5a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0z' fill='%23667988'/%3E%3C/svg%3E");
}
@media only screen and (min-width: 1280px) {
    .search-header__find {
        left: 28px;
    }
}
.search-header__clean {
    display: none;
}
@media only screen and (min-width: 1280px) {
    .search-header__clean {
        display: block;
        right: 28px;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjI5MyAzLjI5M2ExIDEgMCAwIDAgMCAxLjQxNEw2LjU4NiA4bC0zLjI5MyAzLjI5M2ExIDEgMCAxIDAgMS40MTQgMS40MTRMOCA5LjQxNGwzLjI5MyAzLjI5M2ExIDEgMCAwIDAgMS40MTQtMS40MTRMOS40MTQgOGwzLjI5My0zLjI5M2ExIDEgMCAwIDAtMS40MTQtMS40MTRMOCA2LjU4NiA0LjcwNyAzLjI5M2ExIDEgMCAwIDAtMS40MTQgMHoiIGZpbGw9IiM2Njc5ODgiLz48L3N2Zz4=");
    }
}
.search-header__input {
    display: block;
    width: 100%;
    padding: 4px 10px 4px 36px;
    font-size: 14px;
    line-height: 24px;
    border: 1px solid #81919d;
    border-radius: 4px;
    color: #2c2c2c;
    transition: border-color 0.3s ease;
    outline: none;
}
.search-header__input::-webkit-input-placeholder {
    color: #667988;
}
.search-header__input:-moz-placeholder,
.search-header__input::-moz-placeholder {
    color: #667988;
}
.search-header__input:-ms-input-placeholder {
    color: #667988;
}
@media only screen and (min-width: 640px) {
    .search-header__input {
        padding: 7px 36px;
    }
}
@media only screen and (min-width: 960px) {
    .search-header__input {
        padding: 12px 36px;
    }
}
.search-header__input:hover {
    border-color: #738592;
}
.search-header__input:focus {
    border: 1px solid #738592;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #667988;
}
.search-controls {
    display: none;
    align-items: center;
    max-width: 1248px;
    margin: auto;
    padding: 14px 16px;
    font-size: 12px;
    line-height: 16px;
    color: #667988;
    background-color: #fff;
    box-shadow: 0 2px 8px rgba(47, 55, 62, 0.2);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
@media only screen and (min-width: 960px) {
    .search-controls {
        position: absolute;
        bottom: -44px;
        left: 0;
        right: 0;
    }
}
.search-controls.is-visible {
    display: flex;
}
.search-controls span {
    padding-left: 8px;
}
.suggestions-list {
    display: none;
    position: absolute;
    max-width: 1248px;
    margin: auto;
    left: 16px;
    right: 16px;
    padding: 8px 0;
    background-color: #fff;
    box-shadow: 0 2px 8px rgba(47, 55, 62, 0.2);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    z-index: 2;
}
@media only screen and (min-width: 960px) {
    .suggestions-list {
        left: 0;
        right: 0;
    }
}
.suggestions-list.is-visible {
    display: block;
}
.suggestions-link {
    display: block;
    padding: 8px 16px;
    font-size: 14px;
    line-height: 20px;
    color: #2c2c2c;
}
@media only screen and (min-width: 640px) {
    .suggestions-link {
        line-height: 24px;
    }
}
@media only screen and (min-width: 960px) {
    .suggestions-link {
        line-height: 16px;
    }
}
.suggestions-link:hover {
    background-color: #e3e6e9;
    text-decoration: none;
}
.mobile-menu.suggestion-active {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='320' height='555' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='218' height='12' rx='4' fill='%23E0E6ED'/%3E%3Crect y='28' width='320' height='12' rx='4' fill='%23ECF0F4'/%3E%3Crect y='48' width='270' height='12' rx='4' fill='%23ECF0F4'/%3E%3Crect y='76' width='188' height='12' rx='4' fill='%23ECF0F4'/%3E%3Crect y='124' width='218' height='12' rx='4' fill='%23E0E6ED'/%3E%3Crect y='152' width='320' height='12' rx='4' fill='%23ECF0F4'/%3E%3Crect y='172' width='270' height='12' rx='4' fill='%23ECF0F4'/%3E%3Crect y='200' width='188' height='12' rx='4' fill='%23ECF0F4'/%3E%3Crect y='248' width='218' height='12' rx='4' fill='%23E0E6ED'/%3E%3Crect y='276' width='320' height='12' rx='4' fill='%23ECF0F4'/%3E%3Crect y='296' width='270' height='12' rx='4' fill='%23ECF0F4'/%3E%3Crect y='324' width='188' height='12' rx='4' fill='%23ECF0F4'/%3E%3Crect y='372' width='218' height='12' rx='4' fill='%23E0E6ED'/%3E%3Crect y='400' width='320' height='12' rx='4' fill='%23ECF0F4'/%3E%3Crect y='420' width='270' height='12' rx='4' fill='%23ECF0F4'/%3E%3Crect y='448' width='188' height='12' rx='4' fill='%23ECF0F4'/%3E%3Crect y='496' width='218' height='12' rx='4' fill='%23E0E6ED'/%3E%3Crect y='524' width='320' height='12' rx='4' fill='%23ECF0F4'/%3E%3Crect y='544' width='270' height='12' rx='4' fill='%23ECF0F4'/%3E%3C/svg%3E");
    background-position: 16px;
    background-repeat: no-repeat;
    overflow: hidden;
}
@media only screen and (min-width: 640px) {
    .mobile-menu.suggestion-active {
        background: #fff;
    }
}
.mobile-menu.suggestion-active .mobile-menu__action,
.mobile-menu.suggestion-active .mobile-menu__body,
.mobile-menu.suggestion-active .mobile-menu__footer {
    display: none;
}
.pagination__link.is-disabled {
    pointer-events: none;
    cursor: default;
}
.is-ie11 .search-controls,
.is-ie11 .suggestions-list {
    left: 50% !important;
    transform: translateX(-50%) !important;
    right: auto !important;
    width: 100% !important;
}
.is-ie11 .search-field__input::-ms-clear,
.is-ie11 .search-header__input::-ms-clear {
    display: none;
}
.layout-responsive__header .page-header.page-header--black .search-icon {
    border: none;
}
.layout-responsive__header
    .page-header.page-header--black
    .search-icon
    svg
    path {
    fill: #fff;
}
.layout-responsive__header.header-box-shadow
    .page-header.page-header--black
    .search-icon {
    border: none;
}
.layout-responsive__header.header-box-shadow
    .page-header.page-header--black
    .search-icon
    svg
    path {
    fill: #fff;
    fill: #2c2c2c;
}
.layout-responsive__header.header-box-shadow .search-header.is-visible {
    bottom: -68px;
}
@media only screen and (min-width: 960px) {
    .donate-ua-banner.donate-ua-banner--higher {
        top: 138px;
    }
}
.mobile-menu {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    padding: 2px 16px;
    height: 100%;
    background-color: #fff;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}
.mobile-menu .button--md {
    margin-top: 24px;
    line-height: 24px;
    font-size: 16px;
    width: 100%;
}
.mobile-menu .bread-crumbs-wrapper {
    text-align: center;
}
.mobile-menu__body {
    flex: 1 0 auto;
    overflow: hidden;
}
.mobile-menu__item {
    position: relative;
    width: 100%;
    opacity: 0;
    transition: none 0.2s ease;
    transition-property: transform, opacity;
}
.mobile-menu__item:not(:last-child) {
    border-bottom: 1px solid #e9e9e9;
}
.mobile-menu__item:first-child {
    transition-delay: 0.2s;
}
.mobile-menu__item:nth-child(2) {
    transition-delay: 0.22s;
}
.mobile-menu__item:nth-child(3) {
    transition-delay: 0.24s;
}
.mobile-menu__item:nth-child(4) {
    transition-delay: 0.26s;
}
.mobile-menu__item:nth-child(5) {
    transition-delay: 0.28s;
}
.mobile-menu__item:nth-child(6) {
    transition-delay: 0.3s;
}
.mobile-menu__item:nth-child(7) {
    transition-delay: 0.32s;
}
.mobile-menu__item:nth-child(8) {
    transition-delay: 0.34s;
}
.mobile-menu__item:nth-child(9) {
    transition-delay: 0.36s;
}
.mobile-menu__item:nth-child(10) {
    transition-delay: 0.38s;
}
.mobile-menu__item:last-child {
    margin-bottom: 0;
}
.mobile-menu__item.main-menu-toggler {
    position: relative;
}
.mobile-menu__item.main-menu-toggler:after {
    content: "";
    display: block;
    position: absolute;
    top: 26px;
    right: 0;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSI4Ij48cGF0aCBmaWxsPSIjMDA4OGNlIiBkPSJNNyA1LjYwMWw1LjIxLTUuM2ExLjAwMiAxLjAwMiAwIDAgMSAxLjQzLjAwNGwuMDc2LjA3OWExIDEgMCAwIDEtLjAwNCAxLjM5OEw3Ljg5NiA3LjY5OUEuOTk4Ljk5OCAwIDAgMSA3IDcuOThhLjk5OS45OTkgMCAwIDEtLjg5Ni0uMjgyTC4yODggMS43ODJBMSAxIDAgMCAxIC4yODQuMzg0TC4zNi4zMDVBMSAxIDAgMCAxIDEuNzkuMzAxTDcgNS42MDF6Ii8+PC9zdmc+")
        no-repeat;
    background-size: cover;
    width: 14px;
    height: 8px;
    transform: rotate(-90deg);
}
.mobile-menu__item.main-menu-toggler .mobile-menu__link {
    background-color: transparent;
    cursor: inherit;
    user-select: none;
}
.mobile-menu__item.main-menu-toggler .mobile-menu__link:hover {
    background-color: transparent;
}
.mobile-menu__item.is-active .mobile-menu__link {
    background-color: transparent;
    cursor: inherit;
    user-select: none;
}
.mobile-menu__item.is-active .mobile-menu__link:hover {
    background-color: transparent;
}
.mobile-menu__item.is-active .mobile-menu__link-label:after {
    width: 100%;
}
.mobile-menu__item.has-dropdown span {
    position: relative;
}
.mobile-menu__item.has-dropdown span:after {
    width: 100%;
}
.mobile-menu__item.has-dropdown:after {
    display: none;
}
.mobile-menu__item:not(.main-menu-toggler) .mobile-menu__link:active {
    color: #0777cf;
}
.mobile-menu__link {
    display: block;
    padding: 14px 1px 13px;
    text-decoration: none;
    color: #2c2c2c;
    font-weight: 600;
    font-size: 20px;
    line-height: 32px;
    user-select: none;
}
.mobile-menu__link span {
    position: relative;
}
.mobile-menu__link span:after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    right: 0;
    display: block;
    width: 0;
    height: 4px;
    background: #0088ce;
    transition: width 0.2s ease;
}
.mobile-menu__link:hover {
    text-decoration: none;
}
.mobile-menu__submenu {
    display: none;
    opacity: 0;
    height: 0;
    overflow: hidden;
}
.mobile-menu__item.has-dropdown .mobile-menu__submenu,
.mobile-menu__submenu {
    transition: height 0ms 2s, opacity 0.2s 0ms;
    padding-bottom: 12px;
    padding-left: 20px;
}
.mobile-menu__item.has-dropdown .mobile-menu__submenu {
    display: block;
    opacity: 1;
    height: auto;
}
.mobile-menu__submenu-item {
    position: relative;
}
.mobile-menu__submenu-item:after {
    content: none;
}
.mobile-menu__submenu-item-nav .mobile-menu__submenu-link:after {
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 4px);
    right: 0;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSI4Ij48cGF0aCBmaWxsPSIjMDA4OGNlIiBkPSJNNyA1LjYwMWw1LjIxLTUuM2ExLjAwMiAxLjAwMiAwIDAgMSAxLjQzLjAwNGwuMDc2LjA3OWExIDEgMCAwIDEtLjAwNCAxLjM5OEw3Ljg5NiA3LjY5OUEuOTk4Ljk5OCAwIDAgMSA3IDcuOThhLjk5OS45OTkgMCAwIDEtLjg5Ni0uMjgyTC4yODggMS43ODJBMSAxIDAgMCAxIC4yODQuMzg0TC4zNi4zMDVBMSAxIDAgMCAxIDEuNzkuMzAxTDcgNS42MDF6Ii8+PC9zdmc+")
        no-repeat;
    background-size: cover;
    width: 14px;
    height: 8px;
    transform: rotate(-90deg);
    transition: transform 0.2s;
}
.mobile-menu__submenu-item.is-active .mobile-menu__submenu-link {
    cursor: inherit;
    user-select: none;
    color: #2c2c2c;
    font-weight: 600;
}
.mobile-menu__submenu-item.is-active .mobile-menu__submenu-link:hover {
    background-color: transparent;
}
.mobile-menu__submenu-link {
    display: block;
    padding: 10px 0;
    text-decoration: none;
    font-size: 16px;
    color: #656565;
}
.mobile-menu__submenu-link:active {
    color: #0777cf;
    text-decoration: none;
}
.mobile-menu__submenu-link:hover {
    text-decoration: none;
}
.mobile-menu__footer {
    padding: 36px 0 28px;
    opacity: 0;
    transition: none 0.2s ease;
    transition-delay: 0.25s;
    transition-property: transform, opacity;
}
.mobile-menu__footer .bread-crumbs {
    overflow-y: auto;
    min-height: 28px;
}
.mobile-menu__action {
    opacity: 0;
    transition: none 0.2s ease;
    transition-delay: 0.25s;
    transition-property: transform, opacity;
}
.mobile-menu__action.mobile-menu__action--academy {
    display: block;
}
@media only screen and (min-width: 640px) {
    .mobile-menu__action.mobile-menu__action--academy {
        display: flex;
    }
}
.mobile-menu__action.mobile-menu__action--academy .button {
    font-size: 16px;
    line-height: 28px;
    padding-top: 9px;
    padding-bottom: 9px;
    font-weight: 700;
    margin-top: 16px;
}
@media only screen and (min-width: 640px) {
    .mobile-menu__action.mobile-menu__action--academy .button {
        margin-left: 16px;
        margin-top: 0;
    }
}
.mobile-menu__action.mobile-menu__action--academy .button.button--bordered {
    padding-top: 8px;
    padding-bottom: 8px;
    margin-left: 0;
    margin-top: 0;
}
.mobile-menu__action-link {
    margin-top: 16px;
    font-size: 16px;
    text-align: center;
    color: #2c2c2c;
}
@media only screen and (min-width: 375px) {
    .mobile-menu__action-link {
        margin-left: -21px;
    }
}
.mobile-menu__action-link .link {
    margin-left: 6px;
}
.layout-responsive__mobile-menu {
    top: 68px;
    width: 100%;
    outline: none;
    background-color: #333;
    transition: all 0.3s ease 0.2s;
    height: 0;
}
@media only screen and (min-width: 960px) {
    .layout-responsive__mobile-menu {
        display: none;
    }
}
[data-offcanvas-container][data-offcanvas-hidden="false"]
    .layout-responsive__mobile-menu {
    height: calc(100% - 68px);
    visibility: visible;
}
[data-offcanvas-container][data-offcanvas-hidden="false"] .mobile-menu__action,
[data-offcanvas-container][data-offcanvas-hidden="false"] .mobile-menu__footer,
[data-offcanvas-container][data-offcanvas-hidden="false"] .mobile-menu__item {
    opacity: 1;
}
.layout-responsive__header {
    padding-top: 68px;
}
@media only screen and (min-width: 960px) {
    .layout-responsive__header {
        padding-top: 0;
    }
}
.page-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    transform: translate3d(0, -68px, 0);
}
.page-header.is-active {
    top: 0;
    transform: translateZ(0);
}
@media only screen and (min-width: 960px) {
    .page-header {
        position: relative;
        transform: translateZ(0);
    }
}
.mobile-menu__menu {
    position: relative;
    width: 200%;
    display: flex;
    transform: translateX(0);
    transition: transform 0.15s ease;
}
.mobile-menu__menu.is-nav-submenu-active {
    transform: translateX(-50%);
}
.mobile-menu__menu.is-nav-submenu-active .mobile-menu__list {
    opacity: 0;
    height: 0;
}
.mobile-menu__list,
.mobile-nav-submenu {
    flex: 1 0 50%;
    width: 50%;
    min-width: 50%;
}
.mobile-nav-submenu {
    background-color: #fff;
}
.mobile-nav-submenu.is-active {
    transform: translateX(0);
}
.mobile-nav-submenu .mobile-nav-submenu__body {
    display: none;
}
.mobile-nav-submenu .mobile-nav-submenu__body.is-active {
    display: block;
}
.mobile-nav-submenu .mobile-nav-submenu__header-label {
    display: flex;
    align-items: center;
    padding: 15px 0 12px;
    margin-bottom: 8px;
    color: #0088ce;
    font-size: 16px;
    line-height: 32px;
    font-weight: 600;
    border-bottom: 1px solid #e9e9e9;
}
.mobile-nav-submenu .mobile-nav-submenu__header-label svg {
    margin-right: 9px;
}
.mobile-nav-submenu .mobile-nav-submenu__item {
    padding: 6px 0;
}
.mobile-nav-submenu
    .mobile-nav-submenu__item.is-active
    .mobile-nav-submenu__link {
    font-weight: 600;
}
.mobile-nav-submenu .mobile-nav-submenu__link {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    line-height: 32px;
    color: #2c2c2c;
}
.mobile-nav-submenu .mobile-nav-submenu__link:active {
    color: #0777cf;
    text-decoration: none;
}
.mobile-nav-submenu .mobile-nav-submenu__link:active,
.mobile-nav-submenu .mobile-nav-submenu__link:focus,
.mobile-nav-submenu .mobile-nav-submenu__link:hover {
    text-decoration: none;
}
.smartbanner-show .smartbanner-title {
    font-size: 11px;
}
@media only screen and (min-width: 414px) {
    .smartbanner-show .smartbanner-title {
        font-size: 13px;
    }
}
.smartbanner-show .layout-responsive__header {
    padding-top: 152px;
}
.smartbanner-show .page-header.is-active {
    top: 68px;
    position: absolute;
}
.smartbanner-show .layout-responsive__mobile-menu:not(.js-initial-style) {
    top: 152px;
}
.smartbanner-show
    [data-offcanvas-container][data-offcanvas-hidden="false"]
    .layout-responsive__mobile-menu:not(.js-initial-style) {
    height: calc(100% - 152px);
}
.smartbanner-show
    [data-offcanvas-container][data-offcanvas-hidden="false"]
    .layout-responsive__body {
    opacity: 0;
}
.mobile-menu__submenu-link--api.mobile-menu__submenu-link {
    color: #0777cf;
}
[data-offcanvas-container][data-offcanvas-hidden="false"] body {
    overflow: hidden;
    height: 100%;
}
@media only screen and (min-width: 960px) {
    [data-offcanvas-container][data-offcanvas-hidden="false"] body {
        overflow: auto;
        height: auto;
    }
}
[data-offcanvas-overlay][data-offcanvas-hidden="false"] {
    visibility: visible;
    opacity: 1;
}
.page-section {
    width: 100%;
}
.page-section__inner {
    margin: 0 auto;
    padding-right: 16px;
    padding-left: 16px;
    max-width: 1280px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.page-section__inner:after,
.page-section__inner:before {
    display: table;
    content: "";
}
.page-section__inner:after {
    clear: both;
}
.section-title {
    margin-bottom: 12px;
    color: #2c2c2c;
    font-family: Graphik, Arial, sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.555;
}
@media only screen and (min-width: 640px) {
    .section-title {
        margin-bottom: 16px;
        font-size: 24px;
        line-height: 1.5;
    }
}
@media only screen and (min-width: 960px) {
    .section-title {
        font-size: 28px;
        line-height: 1.428;
    }
}
@media only screen and (min-width: 1480px) {
    .section-title {
        margin-bottom: 20px;
        font-size: 32px;
        line-height: 1.375;
    }
}
.section-title--primary {
    font-weight: 900;
    font-size: 28px;
    line-height: 1.29;
}
@media only screen and (min-width: 375px) {
    .section-title--primary {
        font-size: 32px;
        line-height: 1.38;
    }
}
@media only screen and (min-width: 640px) {
    .section-title--primary {
        font-size: 36px;
        line-height: 1.33;
    }
}
@media only screen and (min-width: 960px) {
    .section-title--primary {
        font-size: 56px;
        line-height: 1.21;
    }
}
@media only screen and (min-width: 1480px) {
    .section-title--primary {
        font-size: 68px;
        line-height: 1.24;
    }
}
.section-subtitle {
    margin-bottom: 16px;
    color: #2c2c2c;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.714;
}
@media only screen and (min-width: 640px) {
    .section-subtitle {
        margin-bottom: 20px;
        font-size: 16px;
    }
}
@media only screen and (min-width: 960px) {
    .section-subtitle {
        margin-bottom: 24px;
        font-size: 18px;
    }
}
@media only screen and (min-width: 1280px) {
    .section-subtitle {
        margin-bottom: 36px;
        font-size: 20px;
    }
}
.button {
    padding: 11px 20px;
    font-size: 14px;
    line-height: 16px;
    position: relative;
    display: inline-block;
    border: 1px solid #0777cf;
    border-radius: 4px;
    background: #0777cf;
    background-image: none;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    letter-spacing: 0.3px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease-in;
    user-select: none;
    touch-action: manipulation;
    -webkit-font-smoothing: antialiased;
}
@media only screen and (min-width: 640px) {
    .button {
        padding: 14px 20px;
        font-size: 16px;
        line-height: 18px;
    }
}
@media only screen and (min-width: 960px) {
    .button {
        padding: 18px 20px;
        font-size: 18px;
        line-height: 20px;
    }
}
.button--active,
.button:active {
    outline: none;
    background-image: none;
}
.button:active,
.button:focus,
.button:hover,
a.button:active,
a.button:focus,
a.button:hover {
    outline: none;
    color: #fff;
    text-decoration: none;
}
.button:hover,
a.button:hover {
    background: #348fd7;
    border: 1px solid #348fd7;
}
.button:focus,
a.button:focus {
    background: #0777cf;
    border: 1px solid #0777cf;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #667988;
}
.button:active,
a.button:active {
    background: #076dbd;
    border: 1px solid #076dbd;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #667988;
}
.button.is-disabled,
.button.is-disabled:active,
.button.is-disabled:focus,
.button.is-disabled:hover,
.button[disabled="disabled"],
.button[disabled="disabled"]:active,
.button[disabled="disabled"]:focus,
.button[disabled="disabled"]:hover,
a.button.is-disabled,
a.button.is-disabled:active,
a.button.is-disabled:focus,
a.button.is-disabled:hover,
a.button[disabled="disabled"],
a.button[disabled="disabled"]:active,
a.button[disabled="disabled"]:focus,
a.button[disabled="disabled"]:hover {
    outline: none;
    background: #bbd9f1;
    border-color: #bbd9f1;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1;
}
.button.button--bordered--white,
a.button.button--bordered--white {
    border: 2px solid #fff;
    color: #fff;
}
.button.button--bordered,
a.button.button--bordered {
    border: 2px solid #008bf8;
    color: #282828;
}
.button.button--bordered,
.button.button--bordered--white,
a.button.button--bordered,
a.button.button--bordered--white {
    border: 2px solid #0777cf;
    color: #282828;
    background: transparent;
    padding-top: 12px;
    padding-bottom: 12px;
}
.button.button--bordered--white:hover,
.button.button--bordered:hover,
a.button.button--bordered--white:hover,
a.button.button--bordered:hover {
    background: #e8f2fa;
    border: 2px solid #348fd7;
    color: #282828;
}
.button.button--bordered--white:focus,
.button.button--bordered:focus,
a.button.button--bordered--white:focus,
a.button.button--bordered:focus {
    border: 2px solid #0777cf;
    color: #282828;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #667988;
}
.button.button--bordered--white:active,
.button.button--bordered:active,
a.button.button--bordered--white:active,
a.button.button--bordered:active {
    background: #d1e6f6;
    border: 2px solid #076dbd;
    color: #282828;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #667988;
}
.button.button--bordered--white.is-disabled,
.button.button--bordered--white.is-disabled:active,
.button.button--bordered--white.is-disabled:focus,
.button.button--bordered--white.is-disabled:hover,
.button.button--bordered--white[disabled="disabled"],
.button.button--bordered--white[disabled="disabled"]:active,
.button.button--bordered--white[disabled="disabled"]:focus,
.button.button--bordered--white[disabled="disabled"]:hover,
.button.button--bordered.is-disabled,
.button.button--bordered.is-disabled:active,
.button.button--bordered.is-disabled:focus,
.button.button--bordered.is-disabled:hover,
.button.button--bordered[disabled="disabled"],
.button.button--bordered[disabled="disabled"]:active,
.button.button--bordered[disabled="disabled"]:focus,
.button.button--bordered[disabled="disabled"]:hover,
a.button.button--bordered--white.is-disabled,
a.button.button--bordered--white.is-disabled:active,
a.button.button--bordered--white.is-disabled:focus,
a.button.button--bordered--white.is-disabled:hover,
a.button.button--bordered--white[disabled="disabled"],
a.button.button--bordered--white[disabled="disabled"]:active,
a.button.button--bordered--white[disabled="disabled"]:focus,
a.button.button--bordered--white[disabled="disabled"]:hover,
a.button.button--bordered.is-disabled,
a.button.button--bordered.is-disabled:active,
a.button.button--bordered.is-disabled:focus,
a.button.button--bordered.is-disabled:hover,
a.button.button--bordered[disabled="disabled"],
a.button.button--bordered[disabled="disabled"]:active,
a.button.button--bordered[disabled="disabled"]:focus,
a.button.button--bordered[disabled="disabled"]:hover {
    outline: none;
    border: 2px solid #bbd9f1;
    background: #e8f2fa;
    box-shadow: none;
    color: #667988;
    cursor: not-allowed;
    opacity: 1;
}
.button--sm {
    padding: 11px 20px;
    font-size: 14px;
    line-height: 16px;
}
@media only screen and (min-width: 640px) {
    .button--sm {
        padding: 11px 20px;
        font-size: 14px;
        line-height: 16px;
    }
}
@media only screen and (min-width: 960px) {
    .button--sm {
        padding: 11px 20px;
        font-size: 14px;
        line-height: 16px;
    }
}
.button--md {
    padding: 14px 20px;
    font-size: 16px;
    line-height: 18px;
}
@media only screen and (min-width: 640px) {
    .button--md {
        padding: 14px 20px;
        font-size: 16px;
        line-height: 18px;
    }
}
@media only screen and (min-width: 960px) {
    .button--md {
        padding: 14px 20px;
        font-size: 16px;
        line-height: 18px;
    }
}
@media only screen and (min-width: 960px) {
    .button--lg {
        padding: 18px 20px;
        font-size: 18px;
        line-height: 20px;
    }
}
.button--secondary {
    border: 2px solid #a0a0a0;
    background-color: #a0a0a0;
}
.button--secondary:focus {
    box-shadow: 0 0 0 2px #c7ced3;
}
.button--secondary--active,
.button--secondary:active {
    outline: none;
    border: 2px solid #8e8e8e;
    background-color: #8e8e8e;
    background-image: none;
    box-shadow: 0 0 0 2px #c7ced3;
}
.button--secondary.is-disabled,
.button--secondary.is-disabled:active,
.button--secondary.is-disabled:focus,
.button--secondary.is-disabled:hover {
    outline: none;
    border: 2px solid #a0a0a0;
    background: #a0a0a0;
    box-shadow: none;
    color: #fff;
    opacity: 0.5;
    cursor: not-allowed;
}
.button--secondary:active,
.button--secondary:focus,
.button--secondary:hover,
a.button--secondary:active,
a.button--secondary:focus,
a.button--secondary:hover {
    outline: none;
    border: 2px solid #b3b3b3;
    background: #b3b3b3;
    color: #fff;
    text-decoration: none;
}
.button--secondary:active.button--bordered,
.button--secondary:active.button--bordered--white,
.button--secondary:focus.button--bordered,
.button--secondary:focus.button--bordered--white,
.button--secondary:hover.button--bordered,
.button--secondary:hover.button--bordered--white,
a.button--secondary:active.button--bordered,
a.button--secondary:active.button--bordered--white,
a.button--secondary:focus.button--bordered,
a.button--secondary:focus.button--bordered--white,
a.button--secondary:hover.button--bordered,
a.button--secondary:hover.button--bordered--white {
    border: 2px solid #008bf8;
    background: transparent;
    color: #282828;
}
@media only screen and (min-width: 640px) {
    .button--secondary:active.button--bordered,
    .button--secondary:active.button--bordered--white,
    .button--secondary:focus.button--bordered,
    .button--secondary:focus.button--bordered--white,
    .button--secondary:hover.button--bordered,
    .button--secondary:hover.button--bordered--white,
    a.button--secondary:active.button--bordered,
    a.button--secondary:active.button--bordered--white,
    a.button--secondary:focus.button--bordered,
    a.button--secondary:focus.button--bordered--white,
    a.button--secondary:hover.button--bordered,
    a.button--secondary:hover.button--bordered--white {
        padding: 14px 20px;
        font-size: 16px;
        line-height: 18px;
    }
}
@media only screen and (min-width: 960px) {
    .button--secondary:active.button--bordered,
    .button--secondary:active.button--bordered--white,
    .button--secondary:focus.button--bordered,
    .button--secondary:focus.button--bordered--white,
    .button--secondary:hover.button--bordered,
    .button--secondary:hover.button--bordered--white,
    a.button--secondary:active.button--bordered,
    a.button--secondary:active.button--bordered--white,
    a.button--secondary:focus.button--bordered,
    a.button--secondary:focus.button--bordered--white,
    a.button--secondary:hover.button--bordered,
    a.button--secondary:hover.button--bordered--white {
        padding: 18px 20px;
        font-size: 18px;
        line-height: 20px;
    }
}
.button--secondary:active.button--bordered--white:hover,
.button--secondary:active.button--bordered:hover,
.button--secondary:focus.button--bordered--white:hover,
.button--secondary:focus.button--bordered:hover,
.button--secondary:hover.button--bordered--white:hover,
.button--secondary:hover.button--bordered:hover,
a.button--secondary:active.button--bordered--white:hover,
a.button--secondary:active.button--bordered:hover,
a.button--secondary:focus.button--bordered--white:hover,
a.button--secondary:focus.button--bordered:hover,
a.button--secondary:hover.button--bordered--white:hover,
a.button--secondary:hover.button--bordered:hover {
    background: #e9f5ff;
    border: 2px solid #0187f0;
    color: #282828;
}
.button--secondary:active.button--bordered--white:focus,
.button--secondary:active.button--bordered:focus,
.button--secondary:focus.button--bordered--white:focus,
.button--secondary:focus.button--bordered:focus,
.button--secondary:hover.button--bordered--white:focus,
.button--secondary:hover.button--bordered:focus,
a.button--secondary:active.button--bordered--white:focus,
a.button--secondary:active.button--bordered:focus,
a.button--secondary:focus.button--bordered--white:focus,
a.button--secondary:focus.button--bordered:focus,
a.button--secondary:hover.button--bordered--white:focus,
a.button--secondary:hover.button--bordered:focus {
    border: 2px solid #0187f0;
    color: #282828;
}
.button--secondary:active.button--bordered--white:active,
.button--secondary:active.button--bordered:active,
.button--secondary:focus.button--bordered--white:active,
.button--secondary:focus.button--bordered:active,
.button--secondary:hover.button--bordered--white:active,
.button--secondary:hover.button--bordered:active,
a.button--secondary:active.button--bordered--white:active,
a.button--secondary:active.button--bordered:active,
a.button--secondary:focus.button--bordered--white:active,
a.button--secondary:focus.button--bordered:active,
a.button--secondary:hover.button--bordered--white:active,
a.button--secondary:hover.button--bordered:active {
    background: #e3f3ff;
    border: 2px solid #0777cf;
    color: #282828;
    box-shadow: none;
}
.button--secondary:active.button--bordered--white.is-disabled,
.button--secondary:active.button--bordered--white.is-disabled:active,
.button--secondary:active.button--bordered--white.is-disabled:focus,
.button--secondary:active.button--bordered--white.is-disabled:hover,
.button--secondary:active.button--bordered--white[disabled="disabled"],
.button--secondary:active.button--bordered--white[disabled="disabled"]:active,
.button--secondary:active.button--bordered--white[disabled="disabled"]:focus,
.button--secondary:active.button--bordered--white[disabled="disabled"]:hover,
.button--secondary:active.button--bordered.is-disabled,
.button--secondary:active.button--bordered.is-disabled:active,
.button--secondary:active.button--bordered.is-disabled:focus,
.button--secondary:active.button--bordered.is-disabled:hover,
.button--secondary:active.button--bordered[disabled="disabled"],
.button--secondary:active.button--bordered[disabled="disabled"]:active,
.button--secondary:active.button--bordered[disabled="disabled"]:focus,
.button--secondary:active.button--bordered[disabled="disabled"]:hover,
.button--secondary:focus.button--bordered--white.is-disabled,
.button--secondary:focus.button--bordered--white.is-disabled:active,
.button--secondary:focus.button--bordered--white.is-disabled:focus,
.button--secondary:focus.button--bordered--white.is-disabled:hover,
.button--secondary:focus.button--bordered--white[disabled="disabled"],
.button--secondary:focus.button--bordered--white[disabled="disabled"]:active,
.button--secondary:focus.button--bordered--white[disabled="disabled"]:focus,
.button--secondary:focus.button--bordered--white[disabled="disabled"]:hover,
.button--secondary:focus.button--bordered.is-disabled,
.button--secondary:focus.button--bordered.is-disabled:active,
.button--secondary:focus.button--bordered.is-disabled:focus,
.button--secondary:focus.button--bordered.is-disabled:hover,
.button--secondary:focus.button--bordered[disabled="disabled"],
.button--secondary:focus.button--bordered[disabled="disabled"]:active,
.button--secondary:focus.button--bordered[disabled="disabled"]:focus,
.button--secondary:focus.button--bordered[disabled="disabled"]:hover,
.button--secondary:hover.button--bordered--white.is-disabled,
.button--secondary:hover.button--bordered--white.is-disabled:active,
.button--secondary:hover.button--bordered--white.is-disabled:focus,
.button--secondary:hover.button--bordered--white.is-disabled:hover,
.button--secondary:hover.button--bordered--white[disabled="disabled"],
.button--secondary:hover.button--bordered--white[disabled="disabled"]:active,
.button--secondary:hover.button--bordered--white[disabled="disabled"]:focus,
.button--secondary:hover.button--bordered--white[disabled="disabled"]:hover,
.button--secondary:hover.button--bordered.is-disabled,
.button--secondary:hover.button--bordered.is-disabled:active,
.button--secondary:hover.button--bordered.is-disabled:focus,
.button--secondary:hover.button--bordered.is-disabled:hover,
.button--secondary:hover.button--bordered[disabled="disabled"],
.button--secondary:hover.button--bordered[disabled="disabled"]:active,
.button--secondary:hover.button--bordered[disabled="disabled"]:focus,
.button--secondary:hover.button--bordered[disabled="disabled"]:hover,
a.button--secondary:active.button--bordered--white.is-disabled,
a.button--secondary:active.button--bordered--white.is-disabled:active,
a.button--secondary:active.button--bordered--white.is-disabled:focus,
a.button--secondary:active.button--bordered--white.is-disabled:hover,
a.button--secondary:active.button--bordered--white[disabled="disabled"],
a.button--secondary:active.button--bordered--white[disabled="disabled"]:active,
a.button--secondary:active.button--bordered--white[disabled="disabled"]:focus,
a.button--secondary:active.button--bordered--white[disabled="disabled"]:hover,
a.button--secondary:active.button--bordered.is-disabled,
a.button--secondary:active.button--bordered.is-disabled:active,
a.button--secondary:active.button--bordered.is-disabled:focus,
a.button--secondary:active.button--bordered.is-disabled:hover,
a.button--secondary:active.button--bordered[disabled="disabled"],
a.button--secondary:active.button--bordered[disabled="disabled"]:active,
a.button--secondary:active.button--bordered[disabled="disabled"]:focus,
a.button--secondary:active.button--bordered[disabled="disabled"]:hover,
a.button--secondary:focus.button--bordered--white.is-disabled,
a.button--secondary:focus.button--bordered--white.is-disabled:active,
a.button--secondary:focus.button--bordered--white.is-disabled:focus,
a.button--secondary:focus.button--bordered--white.is-disabled:hover,
a.button--secondary:focus.button--bordered--white[disabled="disabled"],
a.button--secondary:focus.button--bordered--white[disabled="disabled"]:active,
a.button--secondary:focus.button--bordered--white[disabled="disabled"]:focus,
a.button--secondary:focus.button--bordered--white[disabled="disabled"]:hover,
a.button--secondary:focus.button--bordered.is-disabled,
a.button--secondary:focus.button--bordered.is-disabled:active,
a.button--secondary:focus.button--bordered.is-disabled:focus,
a.button--secondary:focus.button--bordered.is-disabled:hover,
a.button--secondary:focus.button--bordered[disabled="disabled"],
a.button--secondary:focus.button--bordered[disabled="disabled"]:active,
a.button--secondary:focus.button--bordered[disabled="disabled"]:focus,
a.button--secondary:focus.button--bordered[disabled="disabled"]:hover,
a.button--secondary:hover.button--bordered--white.is-disabled,
a.button--secondary:hover.button--bordered--white.is-disabled:active,
a.button--secondary:hover.button--bordered--white.is-disabled:focus,
a.button--secondary:hover.button--bordered--white.is-disabled:hover,
a.button--secondary:hover.button--bordered--white[disabled="disabled"],
a.button--secondary:hover.button--bordered--white[disabled="disabled"]:active,
a.button--secondary:hover.button--bordered--white[disabled="disabled"]:focus,
a.button--secondary:hover.button--bordered--white[disabled="disabled"]:hover,
a.button--secondary:hover.button--bordered.is-disabled,
a.button--secondary:hover.button--bordered.is-disabled:active,
a.button--secondary:hover.button--bordered.is-disabled:focus,
a.button--secondary:hover.button--bordered.is-disabled:hover,
a.button--secondary:hover.button--bordered[disabled="disabled"],
a.button--secondary:hover.button--bordered[disabled="disabled"]:active,
a.button--secondary:hover.button--bordered[disabled="disabled"]:focus,
a.button--secondary:hover.button--bordered[disabled="disabled"]:hover {
    outline: none;
    border: 2px solid #b3ddfd;
    background: #fff;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 0.4;
}
.loader-wrapper {
    position: fixed;
    cursor: default;
    pointer-events: none;
    user-select: none;
}
.loader-wrapper:before {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    display: flex;
    width: 100%;
    height: 100%;
    background-color: #fff;
    content: "";
    opacity: 0.8;
}
.loader {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 101;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transform: translate(-50%, -50%);
}
.loader.is-active {
    display: flex;
}
.loader--sm .loader__spinner {
    width: 20px;
    height: 20px;
}
.loader__message {
    display: none;
    margin-top: 8px;
    color: #2c2c2c;
    line-height: 1.43;
    user-select: none;
}
.loader__spinner,
.loader__spinner svg {
    width: 48px;
    height: 48px;
}
.loader__spinner--sm,
.loader__spinner--sm svg {
    width: 20px;
    height: 20px;
}
.loader__spinner--circle svg {
    margin: 0 auto;
    width: 100px;
    height: 100px;
    color: #0077c8;
    animation: rotating 1s linear infinite;
}
#as-spinner-right-eye {
    animation: transformRightEye 2s cubic-bezier(0.625, 0, 0.375, 1) infinite;
    stroke-dashoffset: 148;
    stroke-dasharray: 148.5 148.5;
    animation-fill-mode: backwards;
}
#as-spinner-left-eye {
    animation: transformLeftEye 2s cubic-bezier(0.625, 0, 0.375, 1) infinite;
    stroke-dashoffset: 145;
    stroke-dasharray: 145.93 145.93;
    animation-fill-mode: backwards;
}
#as-spinner-eyes {
    transform-origin: 50% 51.3%;
    animation: rotateEyes 2s cubic-bezier(0.625, 0, 0.375, 1) infinite;
    animation-fill-mode: backwards;
}
#as-spinner-smile {
    transform-origin: 50% 50%;
    animation: rotateSmile 2s cubic-bezier(0.625, 0, 0.375, 1) infinite;
    animation-fill-mode: backwards;
}
@-moz-keyframes transformRightEye {
    0% {
        stroke-dashoffset: 148;
        stroke-width: 30;
    }
    45% {
        stroke-dashoffset: 0;
        stroke-width: 45;
    }
    to {
        stroke-dashoffset: 148;
        stroke-width: 30;
    }
}
@-webkit-keyframes transformRightEye {
    0% {
        stroke-dashoffset: 148;
        stroke-width: 30;
    }
    45% {
        stroke-dashoffset: 0;
        stroke-width: 45;
    }
    to {
        stroke-dashoffset: 148;
        stroke-width: 30;
    }
}
@-o-keyframes transformRightEye {
    0% {
        stroke-dashoffset: 148;
        stroke-width: 30;
    }
    45% {
        stroke-dashoffset: 0;
        stroke-width: 45;
    }
    to {
        stroke-dashoffset: 148;
        stroke-width: 30;
    }
}
@keyframes transformRightEye {
    0% {
        stroke-dashoffset: 148;
        stroke-width: 30;
    }
    45% {
        stroke-dashoffset: 0;
        stroke-width: 45;
    }
    to {
        stroke-dashoffset: 148;
        stroke-width: 30;
    }
}
@-moz-keyframes transformLeftEye {
    0% {
        stroke-dashoffset: 145;
        stroke-width: 30;
    }
    45% {
        stroke-dashoffset: 0;
        stroke-width: 45;
    }
    to {
        stroke-dashoffset: 145;
        stroke-width: 30;
    }
}
@-webkit-keyframes transformLeftEye {
    0% {
        stroke-dashoffset: 145;
        stroke-width: 30;
    }
    45% {
        stroke-dashoffset: 0;
        stroke-width: 45;
    }
    to {
        stroke-dashoffset: 145;
        stroke-width: 30;
    }
}
@-o-keyframes transformLeftEye {
    0% {
        stroke-dashoffset: 145;
        stroke-width: 30;
    }
    45% {
        stroke-dashoffset: 0;
        stroke-width: 45;
    }
    to {
        stroke-dashoffset: 145;
        stroke-width: 30;
    }
}
@keyframes transformLeftEye {
    0% {
        stroke-dashoffset: 145;
        stroke-width: 30;
    }
    45% {
        stroke-dashoffset: 0;
        stroke-width: 45;
    }
    to {
        stroke-dashoffset: 145;
        stroke-width: 30;
    }
}
@-moz-keyframes rotateEyes {
    0% {
        transform: rotate(0) translateZ(0);
    }
    7% {
        transform: rotate(0) translateZ(0);
    }
    46.5% {
        transform: rotate(-235deg) translateZ(0);
    }
    48.5% {
        transform: rotate(-235deg) translateZ(0);
    }
    to {
        transform: rotate(-540deg) translateZ(0);
    }
}
@-webkit-keyframes rotateEyes {
    0% {
        transform: rotate(0) translateZ(0);
    }
    7% {
        transform: rotate(0) translateZ(0);
    }
    46.5% {
        transform: rotate(-235deg) translateZ(0);
    }
    48.5% {
        transform: rotate(-235deg) translateZ(0);
    }
    to {
        transform: rotate(-540deg) translateZ(0);
    }
}
@-o-keyframes rotateEyes {
    0% {
        transform: rotate(0) translateZ(0);
    }
    7% {
        transform: rotate(0) translateZ(0);
    }
    46.5% {
        transform: rotate(-235deg) translateZ(0);
    }
    48.5% {
        transform: rotate(-235deg) translateZ(0);
    }
    to {
        transform: rotate(-540deg) translateZ(0);
    }
}
@keyframes rotateEyes {
    0% {
        transform: rotate(0) translateZ(0);
    }
    7% {
        transform: rotate(0) translateZ(0);
    }
    46.5% {
        transform: rotate(-235deg) translateZ(0);
    }
    48.5% {
        transform: rotate(-235deg) translateZ(0);
    }
    to {
        transform: rotate(-540deg) translateZ(0);
    }
}
@-moz-keyframes rotateSmile {
    0% {
        transform: rotate(0) translateZ(0);
    }
    46.5% {
        transform: rotate(1turn) translateZ(0);
    }
    48.5% {
        transform: rotate(1turn) translateZ(0);
    }
    to {
        transform: rotate(2turn) translateZ(0);
    }
}
@-webkit-keyframes rotateSmile {
    0% {
        transform: rotate(0) translateZ(0);
    }
    46.5% {
        transform: rotate(1turn) translateZ(0);
    }
    48.5% {
        transform: rotate(1turn) translateZ(0);
    }
    to {
        transform: rotate(2turn) translateZ(0);
    }
}
@-o-keyframes rotateSmile {
    0% {
        transform: rotate(0) translateZ(0);
    }
    46.5% {
        transform: rotate(1turn) translateZ(0);
    }
    48.5% {
        transform: rotate(1turn) translateZ(0);
    }
    to {
        transform: rotate(2turn) translateZ(0);
    }
}
@keyframes rotateSmile {
    0% {
        transform: rotate(0) translateZ(0);
    }
    46.5% {
        transform: rotate(1turn) translateZ(0);
    }
    48.5% {
        transform: rotate(1turn) translateZ(0);
    }
    to {
        transform: rotate(2turn) translateZ(0);
    }
}
@-moz-keyframes rotating {
    0% {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(1turn);
    }
}
@-webkit-keyframes rotating {
    0% {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(1turn);
    }
}
@-o-keyframes rotating {
    0% {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(1turn);
    }
}
@keyframes rotating {
    0% {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(1turn);
    }
}
.related-links__container {
    display: flex;
    flex-direction: column;
    align-items: baseline;
}
@media only screen and (min-width: 640px) {
    .related-links__container {
        flex-direction: row;
    }
}
@media only screen and (min-width: 640px) {
    .related-links__container--three-items {
        justify-content: space-between;
    }
}
.related-links__container--three-items .related-links-item {
    margin-right: 0;
}
.related-links-item {
    margin-bottom: 16px;
    position: relative;
    font-size: 14px;
    line-height: 1.71;
    font-weight: 700;
    color: #0777cf;
    text-decoration: none;
    word-wrap: break-word;
    word-break: break-word;
    -ms-word-wrap: break-word;
    max-width: inherit;
    display: block;
    padding-left: 30px;
}
@media only screen and (min-width: 640px) {
    .related-links-item {
        width: 33.333%;
        margin-bottom: 0;
        font-size: 16px;
        line-height: 1.75;
        padding: 30px 34px 0 0;
    }
}
@media only screen and (min-width: 960px) {
    .related-links-item {
        width: 100%;
        max-width: 305px;
        margin-right: 180px;
        transition: box-shadow 0.3s;
        padding: 32px 32px 32px 61px;
    }
}
@media only screen and (min-width: 1480px) {
    .related-links-item {
        max-width: 407px;
        margin-right: 80px;
        padding-left: 73px;
    }
}
.related-links-item:hover {
    text-decoration: none;
}
@media only screen and (min-width: 960px) {
    .related-links-item:hover {
        background-color: #fff;
        border-radius: 4px;
        box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.09);
    }
}
.related-links-item:last-child {
    margin-right: 0;
}
.related-links-item:before {
    position: absolute;
    content: "";
    top: 6px;
    left: 0;
    width: 15px;
    height: 13px;
    background: url(https://marketing-static.signnow.com/1000/images/forms/svg/related-links-check.svg)
        no-repeat;
}
@media only screen and (min-width: 640px) {
    .related-links-item:before {
        top: 0;
        left: 0;
    }
}
@media only screen and (min-width: 960px) {
    .related-links-item:before {
        top: 39px;
        left: 29px;
    }
}
@media only screen and (min-width: 1480px) {
    .related-links-item:before {
        left: 46px;
    }
}
.related-links-item a {
    display: block;
}
.related-links-item__description {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    color: #2c2c2c;
    margin-top: 4px;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    max-height: 96px;
}
@media only screen and (min-width: 960px) {
    .related-links.related-links--description .related-links-item {
        min-height: 220px;
    }
}
.related-links.related-links--description
    .related-links-item
    .related-links-item__title {
    display: block;
    max-height: 46px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
@media only screen and (min-width: 640px) {
    .related-links.related-links--description
        .related-links-item
        .related-links-item__title {
        max-height: 56px;
    }
}
.related-forms {
    display: flex;
    flex-direction: column;
}
@media only screen and (min-width: 640px) {
    .related-forms {
        flex-direction: row;
        justify-content: space-between;
    }
}
.related-forms-item {
    display: block;
    margin-bottom: 28px;
    padding-left: 45px;
    position: relative;
    z-index: 2;
    cursor: pointer;
    text-decoration: none;
}
.related-forms-item:last-child {
    margin-bottom: 0;
}
@media only screen and (min-width: 640px) {
    .related-forms-item {
        width: 33.333%;
        margin: 0;
        padding-top: 44px;
        padding-left: 0;
        padding-right: 34px;
    }
}
@media only screen and (min-width: 960px) {
    .related-forms-item {
        padding: 0 8px 0 61px;
        width: 294px;
    }
}
@media only screen and (min-width: 1480px) {
    .related-forms-item {
        padding-left: 73px;
        width: 363px;
    }
}
.related-forms-item:after {
    transition: all 0.3s;
    position: absolute;
    content: "";
    z-index: -1;
}
.related-forms-item:hover {
    text-decoration: none;
}
.related-forms-item:hover:after {
    border-radius: 4px;
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.09);
    background-color: #fff;
}
@media only screen and (min-width: 960px) {
    .related-forms-item:hover:after {
        top: -20px;
        bottom: -20px;
        left: -20px;
        right: -20px;
    }
}
@media only screen and (min-width: 1480px) {
    .related-forms-item:hover:after {
        top: -33px;
        bottom: -32px;
        left: -40px;
        right: -36px;
    }
}
.related-forms-item:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 23px;
    height: 29px;
    background: url(../images/forms/bitmap/related-form-icon.png) no-repeat;
    background-size: contain;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min--moz-device-pixel-ratio: 1.5),
    only screen and (min-resolution: 1.5dppx),
    only screen and (min-resolution: 144dpi) {
    .related-forms-item:before {
        background-image: url(../images/forms/bitmap/related-form-icon%402x.png);
    }
}
@media only screen and (min-width: 960px) {
    .related-forms-item:before {
        width: 40px;
        height: 50px;
    }
}
@media only screen and (min-width: 1480px) {
    .related-forms-item:before {
        width: 44px;
        height: 55px;
        left: 10px;
        left: 0;
    }
}
.related-forms-title {
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 1.71;
    font-family: Open Sans, Arial, sans-serif;
    font-weight: 700;
    text-align: left;
    color: #2c2c2c;
    word-wrap: break-word;
    word-break: break-word;
    -ms-word-wrap: break-word;
}
@media only screen and (min-width: 960px) {
    .related-forms-title {
        margin-bottom: 8px;
        font-size: 16px;
        line-height: 1.75;
    }
}
@media only screen and (min-width: 1480px) {
    .related-forms-title {
        margin-bottom: 10px;
        font-size: 20px;
        line-height: 1.6;
    }
}
.related-forms-desc {
    margin-bottom: 32px;
    font-family: Open Sans, Arial, sans-serif;
    font-weight: 400;
    text-align: left;
    color: #2c2c2c;
    font-size: 12px;
    line-height: 1.67;
    word-wrap: break-word;
    word-break: break-word;
    -ms-word-wrap: break-word;
}
@media only screen and (min-width: 640px) {
    .related-forms-desc {
        margin-bottom: 36px;
    }
}
@media only screen and (min-width: 960px) {
    .related-forms-desc {
        margin-bottom: 40px;
        font-size: 14px;
        line-height: 1.71;
    }
}
@media only screen and (min-width: 1480px) {
    .related-forms-desc {
        margin-bottom: 54px;
        font-size: 16px;
        line-height: 1.75;
    }
}
.related-forms-link {
    font-size: 14px;
    font-family: Open Sans, Arial, sans-serif;
    font-weight: 700;
    text-align: left;
    color: #0777cf;
    position: absolute;
    bottom: 0;
}
@media only screen and (min-width: 960px) {
    .related-forms-link {
        font-size: 16px;
    }
}
.related-forms-link:after {
    width: 16px;
    height: 10px;
    top: 50%;
    transform: translateY(-50%);
    background-size: contain;
}
.related-forms-link:hover {
    text-decoration: none;
}
.scroll-locked {
    overflow: hidden;
    touch-action: none;
}
.modal {
    display: none;
}
.modal.is-open {
    display: block;
}
.modal__overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1001;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-tap-highlight-color: transparent;
}
.modal__container,
.modal__overlay {
    display: flex;
    justify-content: center;
    align-items: center;
}
.modal__container {
    width: 100%;
    height: 100%;
}
.modal-animation-slide {
    display: none;
}
.modal-animation-slide.is-open {
    display: block;
}
.modal-animation-slide[aria-hidden="false"] .modal__overlay {
    animation: modal-fadeIn 0.25s cubic-bezier(0, 0, 0.2, 1);
}
.modal-animation-slide[aria-hidden="false"] .modal__container {
    animation: modal-slideIn 0.25s cubic-bezier(0, 0, 0.2, 1);
}
.modal-animation-slide[aria-hidden="true"] .modal__overlay {
    animation: modal-fadeOut 0.25s cubic-bezier(0, 0, 0.2, 1);
}
.modal-animation-slide[aria-hidden="true"] .modal__container {
    animation: modal__slideOut 0.25s cubic-bezier(0, 0, 0.2, 1);
}
.modal__container,
.modal__overlay {
    will-change: transform;
}
@-moz-keyframes modal-fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes modal-fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-o-keyframes modal-fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes modal-fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-moz-keyframes modal-fadeOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@-webkit-keyframes modal-fadeOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@-o-keyframes modal-fadeOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes modal-fadeOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@-moz-keyframes modal-slideIn {
    0% {
        transform: translateY(20px);
    }
    to {
        transform: translateY(0);
    }
}
@-webkit-keyframes modal-slideIn {
    0% {
        transform: translateY(20px);
    }
    to {
        transform: translateY(0);
    }
}
@-o-keyframes modal-slideIn {
    0% {
        transform: translateY(20px);
    }
    to {
        transform: translateY(0);
    }
}
@keyframes modal-slideIn {
    0% {
        transform: translateY(20px);
    }
    to {
        transform: translateY(0);
    }
}
@-moz-keyframes modal-slideOut {
    0% {
        transform: translateY(0);
    }
    to {
        transform: translateY(-20px);
    }
}
@-webkit-keyframes modal-slideOut {
    0% {
        transform: translateY(0);
    }
    to {
        transform: translateY(-20px);
    }
}
@-o-keyframes modal-slideOut {
    0% {
        transform: translateY(0);
    }
    to {
        transform: translateY(-20px);
    }
}
@keyframes modal-slideOut {
    0% {
        transform: translateY(0);
    }
    to {
        transform: translateY(-20px);
    }
}
.popup {
    position: relative;
    width: 700px;
    border-radius: 4px;
    background: #fff;
    text-align: center;
}
.popup__title {
    margin-bottom: 4px;
    color: #2c2c2c;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.6;
}
@media only screen and (min-width: 640px) {
    .popup__title {
        margin-bottom: 8px;
        font-size: 20px;
    }
}
.popup__message {
    font-size: 12px;
    line-height: 1.71;
}
@media only screen and (min-width: 640px) {
    .popup__message {
        font-size: 14px;
    }
}
.popup__close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    padding: 14px;
    opacity: 0.5;
    cursor: pointer;
    will-change: opacity;
}
@media only screen and (min-width: 640px) {
    .popup__close {
        padding: 14px;
    }
}
.popup__close:hover {
    opacity: 1;
    transition: opacity 0.25s linear;
}
.popup__close:before {
    display: block;
    width: 14px;
    height: 14px;
    content: url(https://marketing-static.signnow.com/1000/images/global/modals/icon-close.svg);
}
.popup--api-fail,
.popup--api-success {
    padding: 36px 51px 40px;
    width: 288px;
}
@media only screen and (min-width: 640px) {
    .popup--api-fail,
    .popup--api-success {
        padding: 54px 52px 52px;
        width: 400px;
    }
}
.popup--api-fail:before,
.popup--api-success:before {
    display: block;
    margin: 0 auto 14px;
    width: 48px;
    height: 48px;
}
.popup--organizations-list {
    padding: 35px 0 13px;
    width: 100%;
}
@media only screen and (min-width: 640px) {
    .popup--organizations-list {
        padding: 35px 20px 30px;
        width: 500px;
    }
}
.popup--api-success:before {
    content: url(https://marketing-static.signnow.com/1000/images/global/modals/decoration-success.svg);
}
.popup--api-fail:before {
    content: url(https://marketing-static.signnow.com/1000/images/global/modals/decoration-fail.svg);
}
.js-show-banner-header .banner-header {
    background: #0077d6;
    z-index: 10;
}
.js-show-banner-header .banner-header__wrapper {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    padding: 14px 16px;
    max-width: 1280px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.js-show-banner-header .banner-header__wrapper:after,
.js-show-banner-header .banner-header__wrapper:before {
    display: table;
    content: "";
}
.js-show-banner-header .banner-header__wrapper:after {
    clear: both;
}
.js-show-banner-header .banner-content {
    width: 100%;
    max-width: 260px;
    font-size: 14px;
    color: #fff;
    text-align: center;
}
@media only screen and (min-width: 640px) {
    .js-show-banner-header .banner-content {
        max-width: 504px;
        margin: 0;
        font-size: 16px;
        max-width: 100%;
    }
}
@media only screen and (min-width: 640px) {
    .js-show-banner-header .banner-content .link-wrapper {
        display: flex;
        justify-content: center;
    }
}
@media only screen and (min-width: 960px) {
    .js-show-banner-header .banner-content .link-wrapper {
        display: inline-block;
        margin-left: 40px;
    }
}
.js-show-banner-header .banner-content .banner-delimiter {
    margin: 0 8px;
}
@media only screen and (min-width: 960px) {
    .js-show-banner-header .banner-content .banner-delimiter {
        margin: 0 20px;
    }
}
.js-show-banner-header .banner-close {
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}
.js-show-banner-header .banner-close svg {
    display: block;
}
.js-show-banner-header .banner-close:hover svg {
    opacity: 0.5;
}
.js-show-banner-header .layout-responsive__header {
    padding-top: 68px;
}
@media only screen and (min-width: 640px) {
    .js-show-banner-header .layout-responsive__header {
        position: relative;
        top: 0;
    }
}
.js-show-banner-header .layout-responsive__header .page-header {
    position: absolute;
    top: 100px;
}
@media only screen and (min-width: 640px) {
    .js-show-banner-header .layout-responsive__header .page-header {
        top: 0;
    }
}
.js-show-banner-header [aria-hidden="false"].layout-responsive__mobile-menu {
    top: 200px;
    height: calc(100% - 200px);
}
@media only screen and (min-width: 640px) {
    .js-show-banner-header
        [aria-hidden="false"].layout-responsive__mobile-menu {
        top: 152px;
        height: calc(100% - 152px);
    }
}
.js-show-banner-header .layout-responsive__mobile-menu {
    top: 200px;
}
@media only screen and (min-width: 640px) {
    .js-show-banner-header .layout-responsive__mobile-menu {
        top: 152px;
    }
}
.smartbanner-show .js-show-banner-header .banner-header {
    position: absolute;
    width: 100%;
    top: 80px;
}
.smartbanner-show .js-show-banner-header .layout-responsive__header {
    padding-top: 252px;
}
@media only screen and (min-width: 640px) {
    .smartbanner-show .js-show-banner-header .layout-responsive__header {
        padding-top: 234px;
    }
}
.smartbanner-show
    .js-show-banner-header
    .layout-responsive__header
    .page-header {
    top: 206px;
}
@media only screen and (min-width: 640px) {
    .smartbanner-show
        .js-show-banner-header
        .layout-responsive__header
        .page-header {
        top: 158px;
    }
}
.smartbanner-show
    .js-show-banner-header
    [aria-hidden="false"].layout-responsive__mobile-menu:not(
        .js-initial-style
    ) {
    top: 258px;
    height: calc(100% - 258px);
}
@media only screen and (min-width: 640px) {
    .smartbanner-show
        .js-show-banner-header
        [aria-hidden="false"].layout-responsive__mobile-menu:not(
            .js-initial-style
        ) {
        top: 234px;
        height: calc(100% - 234px);
    }
}
.smartbanner-show .js-show-banner-header .layout-responsive__mobile-menu {
    top: 252px;
}
@media only screen and (min-width: 640px) {
    .smartbanner-show .js-show-banner-header .layout-responsive__mobile-menu {
        top: 234px;
    }
}
.pinned-header.js-show-banner-header .banner-header {
    background: #0077d6;
    z-index: 10;
}
.pinned-header.js-show-banner-header .banner-header__wrapper {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    padding: 14px 16px;
    max-width: 1280px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.pinned-header.js-show-banner-header .banner-header__wrapper:after,
.pinned-header.js-show-banner-header .banner-header__wrapper:before {
    display: table;
    content: "";
}
.pinned-header.js-show-banner-header .banner-header__wrapper:after {
    clear: both;
}
.pinned-header.js-show-banner-header .banner-content {
    width: 100%;
    max-width: 260px;
    font-size: 14px;
    color: #fff;
    text-align: center;
}
@media only screen and (min-width: 640px) {
    .pinned-header.js-show-banner-header .banner-content {
        max-width: 540px;
        margin: 0;
        font-size: 16px;
    }
}
@media only screen and (min-width: 960px) {
    .pinned-header.js-show-banner-header .banner-content {
        max-width: 980px;
    }
}
@media only screen and (min-width: 1280px) {
    .pinned-header.js-show-banner-header .banner-content {
        max-width: 100%;
    }
}
@media only screen and (min-width: 640px) {
    .pinned-header.js-show-banner-header .banner-content .link-wrapper {
        display: flex;
        justify-content: center;
    }
}
@media only screen and (min-width: 960px) {
    .pinned-header.js-show-banner-header .banner-content .link-wrapper {
        display: inline-block;
        margin-left: 28px;
    }
}
.pinned-header.js-show-banner-header .banner-content .banner-delimiter {
    margin: 0 8px;
}
@media only screen and (min-width: 960px) {
    .pinned-header.js-show-banner-header .banner-content .banner-delimiter {
        margin: 0 20px;
    }
}
.pinned-header.js-show-banner-header .banner-close {
    position: absolute;
    right: 18px;
    cursor: pointer;
}
@media only screen and (min-width: 640px) {
    .pinned-header.js-show-banner-header .layout-responsive__header {
        position: absolute;
        padding-top: 0;
    }
}
@media only screen and (min-width: 960px) {
    .pinned-header.js-show-banner-header .layout-responsive__header {
        top: 68px;
        padding-top: 68px;
    }
}
@media only screen and (min-width: 1280px) {
    .pinned-header.js-show-banner-header .layout-responsive__header {
        top: 52px;
        padding-top: 52px;
    }
}
.pinned-header.js-show-banner-header .layout-responsive__header .page-header {
    position: absolute;
    top: 124px;
}
@media only screen and (min-width: 640px) {
    .pinned-header.js-show-banner-header
        .layout-responsive__header
        .page-header {
        top: 100px;
    }
}
@media only screen and (min-width: 960px) {
    .pinned-header.js-show-banner-header
        .layout-responsive__header
        .page-header {
        top: 0;
    }
}
.pinned-header.js-show-banner-header
    [aria-hidden="false"].layout-responsive__mobile-menu {
    top: 200px;
    height: calc(100% - 200px);
}
@media only screen and (min-width: 640px) {
    .pinned-header.js-show-banner-header
        [aria-hidden="false"].layout-responsive__mobile-menu {
        top: 152px;
        height: calc(100% - 152px);
    }
}
.pinned-header.js-show-banner-header .layout-responsive__mobile-menu {
    top: 200px;
}
@media only screen and (min-width: 640px) {
    .pinned-header.js-show-banner-header .layout-responsive__mobile-menu {
        top: 152px;
    }
}
@media only screen and (min-width: 960px) {
    .pinned-header.js-show-banner-header.fixed-sticky
        .layout-responsive__header,
    .pinned-header.js-show-banner-header.fixed-sticky .page-header {
        position: fixed;
        top: 0;
    }
}
.pinned-header.js-show-banner-header.fixed-sticky .layout-responsive__header {
    padding-top: 78px;
}
.pinned-header.js-show-banner-header.fixed-sticky
    .layout-responsive__header
    .page-header {
    position: fixed;
    top: 0;
}
.pinned-header.js-show-banner-header.fixed-sticky
    .layout-responsive__mobile-menu {
    top: 68px;
}
.pinned-header.js-show-banner-header.fixed-sticky
    [aria-hidden="false"].layout-responsive__mobile-menu {
    top: 68px;
    height: calc(100% - 68px);
}
.smartbanner-show .pinned-header.js-show-banner-header .banner-header {
    position: absolute;
    width: 100%;
    top: 80px;
}
@media only screen and (min-width: 640px) {
    .smartbanner-show .pinned-header.js-show-banner-header .banner-header {
        z-index: 1001;
    }
}
.smartbanner-show
    .pinned-header.js-show-banner-header
    .layout-responsive__header {
    padding-top: 284px;
}
.smartbanner-show
    .pinned-header.js-show-banner-header
    .layout-responsive__header
    .page-header {
    top: 206px;
}
@media only screen and (min-width: 640px) {
    .smartbanner-show
        .pinned-header.js-show-banner-header
        .layout-responsive__header
        .page-header {
        top: 180px;
    }
}
.smartbanner-show .pinned-header.js-show-banner-header .header-box-shadow {
    position: absolute;
}
.smartbanner-show
    .pinned-header.js-show-banner-header
    .header-box-shadow
    .page-header.is-active {
    top: 206px;
}
@media only screen and (min-width: 640px) {
    .smartbanner-show
        .pinned-header.js-show-banner-header
        .header-box-shadow
        .page-header.is-active {
        top: 180px;
    }
}
@media only screen and (min-width: 640px) {
    .smartbanner-show
        .pinned-header.js-show-banner-header
        .layout-responsive__body {
        margin-top: 284px;
    }
}
.smartbanner-show
    .pinned-header.js-show-banner-header
    .layout-responsive__mobile-menu {
    top: 282px;
}
.smartbanner-show
    .pinned-header.js-show-banner-header
    .header-box-shadow
    + .layout-responsive__body {
    margin-top: 284px;
}
.smartbanner-show
    .pinned-header.js-show-banner-header
    [aria-hidden="false"].layout-responsive__mobile-menu:not(
        .js-initial-style
    ) {
    top: 282px;
    height: calc(100% - 282px);
}
.smartbanner-show
    .pinned-header.js-show-banner-header.fixed-sticky
    .header-box-shadow
    .page-header.is-active {
    top: 0;
}
.smartbanner-show
    .pinned-header.js-show-banner-header.fixed-sticky
    .layout-responsive__mobile-menu {
    top: 68px;
}
.smartbanner-show
    .pinned-header.js-show-banner-header.fixed-sticky
    [aria-hidden="false"].layout-responsive__mobile-menu:not(
        .js-initial-style
    ) {
    top: 68px;
    height: calc(100% - 68px);
}
.smartbanner-show {
    margin-top: 80px;
}
.smartbanner-show .smartbanner {
    display: block;
}
.smartbanner {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    width: 100%;
    height: 80px;
    line-height: 80px;
    font-family: Helvetica Neue, sans-serif;
    background: #f4f4f4;
    z-index: 1000;
    -webkit-font-smoothing: antialiased;
    overflow: hidden;
    -webkit-text-size-adjust: none;
}
.smartbanner-container {
    display: list-item;
    margin: 0 auto;
    white-space: nowrap;
}
.smartbanner-close {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    font-family: ArialRoundedMTBold, Arial;
    font-size: 20px;
    text-align: center;
    color: #888;
    text-decoration: none;
    border: 0;
    border-radius: 14px;
    -webkit-font-smoothing: subpixel-antialiased;
}
.smartbanner-close:active,
.smartbanner-close:hover {
    color: #aaa;
}
.smartbanner-icon {
    width: 57px;
    height: 57px;
    margin-right: 12px;
    background-size: cover;
    border-radius: 10px;
}
.smartbanner-icon,
.smartbanner-info {
    display: inline-block;
    vertical-align: middle;
}
.smartbanner-info {
    width: 44%;
    font-size: 11px;
    line-height: 1.2em;
    font-weight: 700;
}
.smartbanner-title {
    font-size: 13px;
    line-height: 18px;
}
.smartbanner-button {
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    height: 24px;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    font-weight: 700;
    color: #6a6a6a;
    text-transform: uppercase;
    text-decoration: none;
    text-shadow: 0 1px 0 hsla(0, 0%, 100%, 0.8);
}
.smartbanner-button:active,
.smartbanner-button:hover {
    color: #aaa;
}
.smartbanner-ios {
    background: #f4f4f4;
    background: linear-gradient(180deg, #f4f4f4, #cdcdcd);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
.smartbanner-ios .smartbanner-close {
    border: 0;
    width: 18px;
    height: 18px;
    line-height: 18px;
    color: #888;
    text-shadow: 0 1px 0 #fff;
}
.smartbanner-ios .smartbanner-icon {
    background: rgba(0, 0, 0, 0.6);
    background-size: cover;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.smartbanner-ios .smartbanner-info {
    color: #6a6a6a;
    text-shadow: 0 1px 0 hsla(0, 0%, 100%, 0.8);
}
.smartbanner-ios .smartbanner-title {
    color: #4d4d4d;
    font-weight: 700;
}
.smartbanner-ios .smartbanner-button {
    padding: 0 10px;
    min-width: 10%;
    color: #6a6a6a;
    background: #efefef;
    background: linear-gradient(180deg, #efefef, #dcdcdc);
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px #bfbfbf, 0 1px 0 hsla(0, 0%, 100%, 0.6),
        inset 0 2px 0 hsla(0, 0%, 100%, 0.7);
}
.smartbanner-ios .smartbanner-close:active,
.smartbanner-ios .smartbanner-close:hover {
    color: #aaa;
}
.smartbanner-ios .smartbanner-button:active,
.smartbanner-ios .smartbanner-button:hover {
    background: #dcdcdc;
    background: linear-gradient(180deg, #dcdcdc, #efefef);
}
.smartbanner-android,
.smartbanner-ios .smartbanner-button-text:active,
.smartbanner-ios .smartbanner-button-text:hover {
    background: #3d3d3d
        url("data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7");
    box-shadow: inset 0 4px 0 #88b131;
    line-height: 82px;
}
.smartbanner-android .smartbanner-close,
.smartbanner-ios .smartbanner-button-text:active .smartbanner-close,
.smartbanner-ios .smartbanner-button-text:hover .smartbanner-close {
    border: 0;
    width: 17px;
    height: 17px;
    line-height: 17px;
    margin-right: 7px;
    color: #b1b1b3;
    background: #1c1e21;
    text-shadow: 0 1px 1px #000;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.8),
        0 1px 1px hsla(0, 0%, 100%, 0.3);
}
.smartbanner-android .smartbanner-icon,
.smartbanner-ios .smartbanner-button-text:active .smartbanner-icon,
.smartbanner-ios .smartbanner-button-text:hover .smartbanner-icon {
    background-color: transparent;
    box-shadow: none;
}
.smartbanner-android .smartbanner-info,
.smartbanner-ios .smartbanner-button-text:active .smartbanner-info,
.smartbanner-ios .smartbanner-button-text:hover .smartbanner-info {
    color: #ccc;
    text-shadow: 0 1px 2px #000;
}
.smartbanner-android .smartbanner-title,
.smartbanner-ios .smartbanner-button-text:active .smartbanner-title,
.smartbanner-ios .smartbanner-button-text:hover .smartbanner-title {
    color: #fff;
    font-weight: 700;
}
.smartbanner-android .smartbanner-button,
.smartbanner-ios .smartbanner-button-text:active .smartbanner-button,
.smartbanner-ios .smartbanner-button-text:hover .smartbanner-button {
    min-width: 12%;
    color: #d1d1d1;
    padding: 0;
    background: none;
    border-radius: 0;
    box-shadow: 0 0 0 1px #333, 0 0 0 2px #dddcdc;
}
.smartbanner-android .smartbanner-button-text,
.smartbanner-ios .smartbanner-button-text:active .smartbanner-button-text,
.smartbanner-ios .smartbanner-button-text:hover .smartbanner-button-text {
    text-align: center;
    display: block;
    padding: 0 10px;
    background: #42b6c9;
    background: linear-gradient(180deg, #42b6c9, #39a9bb);
    text-transform: none;
    text-shadow: none;
    box-shadow: none;
}
.smartbanner-android .smartbanner-close:active,
.smartbanner-android .smartbanner-close:hover {
    color: #eee;
}
.smartbanner-android .smartbanner-button:active,
.smartbanner-android .smartbanner-button:hover {
    background: none;
}
.smartbanner-android .smartbanner-button-text:active,
.smartbanner-android .smartbanner-button-text:hover {
    background: #2ac7e1;
}
.smartbanner-windows {
    background: #f4f4f4;
    background: linear-gradient(180deg, #f4f4f4, #cdcdcd);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    line-height: 80px;
}
.smartbanner-windows .smartbanner-close {
    border: 0;
    width: 18px;
    height: 18px;
    line-height: 18px;
    color: #888;
    text-shadow: 0 1px 0 #fff;
}
.smartbanner-windows .smartbanner-icon {
    background: rgba(0, 0, 0, 0.6);
    background-size: cover;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.smartbanner-windows .smartbanner-info {
    color: #6a6a6a;
    text-shadow: 0 1px 0 hsla(0, 0%, 100%, 0.8);
}
.smartbanner-windows .smartbanner-title {
    color: #4d4d4d;
    font-weight: 700;
}
.smartbanner-windows .smartbanner-button {
    padding: 0 10px;
    min-width: 10%;
    color: #6a6a6a;
    background: #efefef;
    background: linear-gradient(180deg, #efefef, #dcdcdc);
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px #bfbfbf, 0 1px 0 hsla(0, 0%, 100%, 0.6),
        inset 0 2px 0 hsla(0, 0%, 100%, 0.7);
}
.smartbanner-windows .smartbanner-close:active,
.smartbanner-windows .smartbanner-close:hover {
    color: #aaa;
}
.smartbanner-windows .smartbanner-button:active,
.smartbanner-windows .smartbanner-button:hover {
    background: #dcdcdc;
    background: linear-gradient(180deg, #dcdcdc, #efefef);
}
.banner-marketing {
    display: none;
}
@media only screen and (min-width: 960px) {
    .banner-marketing {
        position: fixed;
        display: block;
        bottom: 16px;
        left: 16px;
        width: 217px;
        height: 358px;
        border-radius: 8px;
        z-index: 10;
    }
}
@media only screen and (min-width: 1280px) {
    .banner-marketing {
        width: 238px;
        height: 346px;
    }
}
@media only screen and (min-width: 1480px) {
    .banner-marketing {
        width: 286px;
        height: 414px;
    }
}
.banner-marketing .banner-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 53px 20px 24px;
}
@media only screen and (min-width: 1280px) {
    .banner-marketing .banner-wrapper {
        padding: 47px 20px 24px;
    }
}
@media only screen and (min-width: 1480px) {
    .banner-marketing .banner-wrapper {
        padding: 53px 20px 24px 24px;
    }
}
.banner-marketing .link {
    font-size: 16px;
}
.banner-marketing .banner-close {
    position: absolute;
    top: 32px;
    right: 20px;
    transform: translateY(-50%);
    cursor: pointer;
}
@media only screen and (min-width: 1280px) {
    .banner-marketing .banner-close {
        top: 28px;
        right: 20px;
    }
}
@media only screen and (min-width: 1480px) {
    .banner-marketing .banner-close {
        top: 32px;
        right: 24px;
    }
}
.banner-marketing .banner-close svg {
    display: block;
}
.banner-marketing .banner-close:hover svg {
    opacity: 0.5;
}
.banner-marketing__v1 {
    background: #d7e7fd;
}
.banner-marketing__v1 .banner-content {
    font-size: 16px;
    line-height: 24px;
    font-family: Graphik, Arial, sans-serif;
    font-weight: 700;
}
@media only screen and (min-width: 1480px) {
    .banner-marketing__v1 .banner-content {
        font-size: 20px;
        line-height: 28px;
    }
}
.banner-marketing__v1 .link-wrapper {
    margin-top: 17px;
}
@media only screen and (min-width: 1280px) {
    .banner-marketing__v1 .link-wrapper {
        margin-top: 21px;
    }
}
@media only screen and (min-width: 1480px) {
    .banner-marketing__v1 .link-wrapper {
        margin-top: 33px;
    }
}
.banner-marketing__v1 .banner-illustration {
    margin-top: 8px;
    margin-left: 22px;
}
@media only screen and (min-width: 1280px) {
    .banner-marketing__v1 .banner-illustration {
        margin-top: 16px;
        margin-left: 15px;
    }
}
@media only screen and (min-width: 1480px) {
    .banner-marketing__v1 .banner-illustration {
        margin-top: 33px;
        margin-left: 17px;
    }
}
.banner-marketing__v1 .banner-illustration svg {
    max-width: 133px;
}
@media only screen and (min-width: 1280px) {
    .banner-marketing__v1 .banner-illustration svg {
        max-width: 169px;
    }
}
@media only screen and (min-width: 1480px) {
    .banner-marketing__v1 .banner-illustration svg {
        max-width: 100%;
    }
}
.banner-marketing__v2 {
    background: #fdeee3;
}
.banner-marketing__v2 .banner-content {
    font-size: 20px;
    line-height: 28px;
    font-family: Graphik, Arial, sans-serif;
    font-weight: 700;
}
@media only screen and (min-width: 1480px) {
    .banner-marketing__v2 .banner-content {
        font-size: 24px;
        line-height: 32px;
    }
}
.banner-marketing__v2 .link-wrapper {
    margin-top: 17px;
}
@media only screen and (min-width: 1280px) {
    .banner-marketing__v2 .link-wrapper {
        margin-top: 29px;
    }
}
@media only screen and (min-width: 1480px) {
    .banner-marketing__v2 .link-wrapper {
        margin-top: 33px;
    }
}
.banner-marketing__v2 .banner-illustration {
    margin-top: 38px;
    margin-left: 14px;
}
@media only screen and (min-width: 1280px) {
    .banner-marketing__v2 .banner-illustration {
        margin-top: 24px;
        margin-left: 25px;
    }
}
@media only screen and (min-width: 1480px) {
    .banner-marketing__v2 .banner-illustration {
        margin-top: 51px;
        margin-left: 25px;
    }
}
.banner-marketing__v2 .banner-illustration svg {
    max-width: 148px;
}
@media only screen and (min-width: 1480px) {
    .banner-marketing__v2 .banner-illustration svg {
        max-width: 100%;
    }
}
.banner-marketing__v3 {
    background: #e6faf7;
}
@media only screen and (min-width: 960px) {
    .banner-marketing__v3 {
        width: 217px;
        height: auto;
    }
}
@media only screen and (min-width: 1280px) {
    .banner-marketing__v3 {
        width: 238px;
    }
}
@media only screen and (min-width: 1480px) {
    .banner-marketing__v3 {
        width: 286px;
    }
}
.banner-marketing__v3 .banner-wrapper {
    padding: 45px 20px 24px;
}
@media only screen and (min-width: 1280px) {
    .banner-marketing__v3 .banner-wrapper {
        padding: 40px 20px 24px;
    }
}
@media only screen and (min-width: 1480px) {
    .banner-marketing__v3 .banner-wrapper {
        padding: 52px 34px 24px 24px;
    }
}
.banner-marketing__v3 .banner-title-logo img {
    max-width: 52px;
}
@media only screen and (min-width: 1280px) {
    .banner-marketing__v3 .banner-title-logo img {
        max-width: 62px;
    }
}
@media only screen and (min-width: 1480px) {
    .banner-marketing__v3 .banner-title-logo img {
        max-width: 100%;
    }
}
.banner-marketing__v3 .banner-content {
    margin-top: 7px;
    font-size: 16px;
    line-height: 24px;
    font-family: Graphik, Arial, sans-serif;
    font-weight: 700;
}
@media only screen and (min-width: 1480px) {
    .banner-marketing__v3 .banner-content {
        margin-top: 15px;
        font-size: 20px;
        line-height: 28px;
    }
}
.banner-marketing__v3 .link-wrapper {
    margin-top: 18px;
}
@media only screen and (min-width: 1280px) {
    .banner-marketing__v3 .link-wrapper {
        margin-top: 25px;
    }
}
@media only screen and (min-width: 1480px) {
    .banner-marketing__v3 .link-wrapper {
        margin-top: 33px;
    }
}
.banner-marketing__v3 .banner-illustration {
    margin-top: 21px;
    margin-left: 14px;
}
@media only screen and (min-width: 1280px) {
    .banner-marketing__v3 .banner-illustration {
        margin-top: 20px;
        margin-left: 25px;
    }
}
@media only screen and (min-width: 1480px) {
    .banner-marketing__v3 .banner-illustration {
        margin-top: 31px;
    }
}
.banner-marketing__v3 .banner-illustration svg {
    max-width: 148px;
}
@media only screen and (min-width: 1480px) {
    .banner-marketing__v3 .banner-illustration svg {
        max-width: 100%;
    }
}
.banner-marketing__v4 {
    background: #e3f9da;
}
.banner-marketing__v4 .banner-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 53px 20px 24px;
}
@media only screen and (min-width: 1280px) {
    .banner-marketing__v4 .banner-wrapper {
        padding: 49px 16px 24px 20px;
    }
}
@media only screen and (min-width: 1480px) {
    .banner-marketing__v4 .banner-wrapper {
        padding: 53px 20px 24px 24px;
    }
}
.banner-marketing__v4 .banner-content {
    font-size: 20px;
    line-height: 28px;
    font-family: Graphik, Arial, sans-serif;
    font-weight: 700;
}
@media only screen and (min-width: 1480px) {
    .banner-marketing__v4 .banner-content {
        font-size: 24px;
        line-height: 32px;
    }
}
.banner-marketing__v4 .link-wrapper {
    margin-top: 14px;
}
@media only screen and (min-width: 1280px) {
    .banner-marketing__v4 .link-wrapper {
        margin-top: 23px;
    }
}
@media only screen and (min-width: 1480px) {
    .banner-marketing__v4 .link-wrapper {
        margin-top: 33px;
    }
}
.banner-marketing__v4 .banner-illustration {
    margin-top: 29px;
    margin-left: 14px;
}
@media only screen and (min-width: 1280px) {
    .banner-marketing__v4 .banner-illustration {
        margin-top: 24px;
        margin-left: 12px;
    }
}
@media only screen and (min-width: 1480px) {
    .banner-marketing__v4 .banner-illustration {
        margin-top: 26px;
        margin-left: 4px;
    }
}
.banner-marketing__v4 .banner-illustration img {
    max-width: 159px;
}
@media only screen and (min-width: 1280px) {
    .banner-marketing__v4 .banner-illustration img {
        max-width: 179px;
    }
}
@media only screen and (min-width: 1480px) {
    .banner-marketing__v4 .banner-illustration img {
        max-width: 100%;
    }
}
.banner-marketing__v5 {
    background: #f1f1fe;
}
.banner-marketing__v5 .banner-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 53px 20px 24px;
}
@media only screen and (min-width: 1280px) {
    .banner-marketing__v5 .banner-wrapper {
        padding: 49px 16px 24px 20px;
    }
}
@media only screen and (min-width: 1480px) {
    .banner-marketing__v5 .banner-wrapper {
        padding: 53px 20px 24px 24px;
    }
}
.banner-marketing__v5 .banner-wrapper .banner-content {
    font-size: 20px;
    line-height: 28px;
    font-family: Graphik, Arial, sans-serif;
    font-weight: 700;
    color: #2c2c2c;
    text-align: left;
    margin-bottom: 18px;
}
@media only screen and (min-width: 1280px) {
    .banner-marketing__v5 .banner-wrapper .banner-content {
        margin-bottom: 16px;
        padding-right: 30px;
    }
}
@media only screen and (min-width: 1480px) {
    .banner-marketing__v5 .banner-wrapper .banner-content {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 24px;
        padding-right: 35px;
    }
}
.banner-marketing__v5 .banner-wrapper .banner-content .stroke-accent__svg {
    bottom: -3px;
    left: -4px;
}
.banner-marketing__v5 .banner-wrapper .banner-content .stroke-accent__svg svg {
    max-width: 134px;
}
@media only screen and (min-width: 1480px) {
    .banner-marketing__v5
        .banner-wrapper
        .banner-content
        .stroke-accent__svg
        svg {
        max-width: 160px;
    }
}
.banner-marketing__v5 .banner-wrapper .banner-date {
    font-size: 14px;
    line-height: 20px;
    color: #2c2c2c;
    font-weight: 700;
}
.banner-marketing__v5 .banner-wrapper .link-wrapper {
    margin-top: 16px;
    color: #0777cf;
}
@media only screen and (min-width: 1280px) {
    .banner-marketing__v5 .banner-wrapper .link-wrapper {
        margin-top: 24px;
    }
}
@media only screen and (min-width: 1480px) {
    .banner-marketing__v5 .banner-wrapper .link-wrapper {
        margin-top: 32px;
    }
}
.banner-marketing__v5 .banner-illustration {
    margin-top: 40px;
    margin-left: 8px;
}
@media only screen and (min-width: 1280px) {
    .banner-marketing__v5 .banner-illustration {
        margin-top: 22px;
        margin-left: 14px;
    }
}
@media only screen and (min-width: 1480px) {
    .banner-marketing__v5 .banner-illustration {
        margin-top: 30px;
    }
}
.banner-marketing__v5 .banner-illustration img {
    max-width: 168px;
}
@media only screen and (min-width: 1480px) {
    .banner-marketing__v5 .banner-illustration img {
        max-width: 100%;
    }
}
.banner-marketing__v6 {
    background: #f4f6ff;
}
.banner-marketing__v6 .banner-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 40px 20px 20px;
}
@media only screen and (min-width: 1480px) {
    .banner-marketing__v6 .banner-wrapper {
        padding: 40px 18px 30px;
    }
}
.banner-marketing__v6 .banner-wrapper .banner-content {
    font-size: 16px;
    line-height: 24px;
    font-family: Graphik, Arial, sans-serif;
    font-weight: 700;
    color: #2c2c2c;
    text-align: left;
    margin-bottom: 24px;
}
@media only screen and (min-width: 1280px) {
    .banner-marketing__v6 .banner-wrapper .banner-content {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 16px;
    }
}
@media only screen and (min-width: 1480px) {
    .banner-marketing__v6 .banner-wrapper .banner-content {
        font-size: 23px;
        line-height: 32px;
        margin-bottom: 20px;
    }
}
.banner-marketing__v6 .banner-wrapper .banner-content .stroke-accent__svg {
    bottom: -6px;
    left: -4px;
}
@media only screen and (min-width: 1280px) {
    .banner-marketing__v6 .banner-wrapper .banner-content .stroke-accent__svg {
        bottom: -5px;
    }
}
@media only screen and (min-width: 1480px) {
    .banner-marketing__v6 .banner-wrapper .banner-content .stroke-accent__svg {
        bottom: -3px;
    }
}
.banner-marketing__v6 .banner-wrapper .banner-content .stroke-accent__svg svg {
    max-width: 109px;
}
@media only screen and (min-width: 1280px) {
    .banner-marketing__v6
        .banner-wrapper
        .banner-content
        .stroke-accent__svg
        svg {
        max-width: 124px;
    }
}
@media only screen and (min-width: 1480px) {
    .banner-marketing__v6
        .banner-wrapper
        .banner-content
        .stroke-accent__svg
        svg {
        max-width: 160px;
    }
}
.banner-marketing__v6 .banner-wrapper .banner-date {
    font-size: 12px;
    line-height: 20px;
    color: #2c2c2c;
    font-weight: 700;
}
@media only screen and (min-width: 1280px) {
    .banner-marketing__v6 .banner-wrapper .banner-date {
        font-size: 14px;
    }
}
.banner-marketing__v6 .banner-wrapper .link-wrapper {
    font-size: 16px;
    line-height: 24px;
    margin-top: 25px;
    color: #0777cf;
}
@media only screen and (min-width: 1280px) {
    .banner-marketing__v6 .banner-wrapper .link-wrapper {
        margin-top: 15px;
    }
}
@media only screen and (min-width: 1480px) {
    .banner-marketing__v6 .banner-wrapper .link-wrapper {
        margin-top: 24px;
    }
}
.banner-marketing__v6 .banner-illustration {
    margin-top: 30px;
    margin-left: 8px;
}
@media only screen and (min-width: 1280px) {
    .banner-marketing__v6 .banner-illustration {
        margin-top: 20px;
        margin-left: 14px;
    }
}
@media only screen and (min-width: 1480px) {
    .banner-marketing__v6 .banner-illustration {
        margin-top: 26px;
    }
}
.banner-marketing__v6 .banner-illustration img {
    max-width: 160px;
}
@media only screen and (min-width: 1480px) {
    .banner-marketing__v6 .banner-illustration img {
        max-width: 100%;
    }
}
.banner-marketing__v7 {
    background: #ffeef3;
}
.banner-marketing__v7 .banner-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 40px 20px 20px;
}
@media only screen and (min-width: 1480px) {
    .banner-marketing__v7 .banner-wrapper {
        padding: 40px 18px 30px;
    }
}
.banner-marketing__v7 .banner-wrapper .banner-content {
    font-size: 16px;
    line-height: 24px;
    font-family: Graphik, Arial, sans-serif;
    font-weight: 700;
    color: #2c2c2c;
    text-align: left;
    margin-bottom: 24px;
}
@media only screen and (min-width: 1280px) {
    .banner-marketing__v7 .banner-wrapper .banner-content {
        margin-bottom: 20px;
        font-size: 18px;
        line-height: 26px;
    }
}
@media only screen and (min-width: 1480px) {
    .banner-marketing__v7 .banner-wrapper .banner-content {
        margin-bottom: 24px;
        font-size: 23px;
        line-height: 30px;
    }
}
.banner-marketing__v7 .banner-wrapper .banner-content .stroke-accent {
    margin-right: 2px;
    margin-left: 4px;
}
.banner-marketing__v7 .banner-wrapper .banner-content .stroke-accent__svg {
    bottom: -6px;
    left: -4px;
}
@media only screen and (min-width: 1280px) {
    .banner-marketing__v7 .banner-wrapper .banner-content .stroke-accent__svg {
        bottom: -5px;
    }
}
@media only screen and (min-width: 1480px) {
    .banner-marketing__v7 .banner-wrapper .banner-content .stroke-accent__svg {
        bottom: -2px;
    }
}
.banner-marketing__v7 .banner-wrapper .banner-content .stroke-accent__svg svg {
    max-width: 48px;
}
@media only screen and (min-width: 1280px) {
    .banner-marketing__v7
        .banner-wrapper
        .banner-content
        .stroke-accent__svg
        svg {
        max-width: 54px;
    }
}
@media only screen and (min-width: 1480px) {
    .banner-marketing__v7
        .banner-wrapper
        .banner-content
        .stroke-accent__svg
        svg {
        max-width: 66px;
    }
}
.banner-marketing__v7 .banner-wrapper .banner-date {
    max-width: 150px;
    margin-left: 0;
    font-size: 14px;
    line-height: 20px;
    color: #2c2c2c;
    font-weight: 700;
}
@media only screen and (min-width: 1480px) {
    .banner-marketing__v7 .banner-wrapper .banner-date {
        max-width: inherit;
    }
}
.banner-marketing__v7 .banner-wrapper .link-wrapper {
    font-size: 16px;
    line-height: 24px;
    margin-top: 25px;
    color: #0777cf;
}
@media only screen and (min-width: 1280px) {
    .banner-marketing__v7 .banner-wrapper .link-wrapper {
        margin-top: 25px;
    }
}
@media only screen and (min-width: 1480px) {
    .banner-marketing__v7 .banner-wrapper .link-wrapper {
        margin-top: 24px;
    }
}
.banner-marketing__v7 .banner-illustration {
    margin-top: 34px;
    margin-left: 8px;
}
@media only screen and (min-width: 1280px) {
    .banner-marketing__v7 .banner-illustration {
        margin-top: 20px;
        margin-left: 19px;
    }
}
@media only screen and (min-width: 1480px) {
    .banner-marketing__v7 .banner-illustration {
        margin-top: 30px;
        margin-left: 14px;
    }
}
.banner-marketing__v7 .banner-illustration img {
    max-width: 160px;
}
@media only screen and (min-width: 1480px) {
    .banner-marketing__v7 .banner-illustration img {
        max-width: 100%;
    }
}
.banner-marketing__v7 .banner-close {
    top: 20px;
    right: 14px;
}
.is-hidden {
    display: none;
}
.stroke-accent {
    display: inline;
}
.stroke-accent__inner {
    position: relative;
    z-index: 1;
}
.stroke-accent__svg {
    position: absolute;
    right: 0;
    left: 0;
    z-index: -1;
    overflow: hidden;
    text-align: left;
}
.animated .stroke-accent__svg {
    animation: fillStroke 0.5s cubic-bezier(0.625, 0, 0.375, 1) 1s;
    animation-fill-mode: both;
}
@-moz-keyframes fillStroke {
    0% {
        width: 0;
    }
    to {
        width: 120%;
    }
}
@-webkit-keyframes fillStroke {
    0% {
        width: 0;
    }
    to {
        width: 120%;
    }
}
@-o-keyframes fillStroke {
    0% {
        width: 0;
    }
    to {
        width: 120%;
    }
}
@keyframes fillStroke {
    0% {
        width: 0;
    }
    to {
        width: 120%;
    }
}
.donate-ua-banner {
    position: fixed;
    top: 82px;
    margin: 0 auto;
    padding-right: 16px;
    padding-left: 16px;
    max-width: 1280px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 100%;
    z-index: 9;
    visibility: hidden;
    opacity: 0;
    transition: all 0.35s;
}
.donate-ua-banner:after,
.donate-ua-banner:before {
    display: table;
    content: "";
}
.donate-ua-banner:after {
    clear: both;
}
@media only screen and (min-width: 640px) {
    .donate-ua-banner {
        top: 90px;
    }
}
@media only screen and (min-width: 960px) {
    .donate-ua-banner {
        left: 50%;
        transform: translateX(-50%);
    }
}
.donate-ua-banner.is-visible {
    visibility: visible;
    opacity: 1;
}
.donate-ua-banner__text {
    position: relative;
    text-align: left;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    color: #171717;
}
@media only screen and (min-width: 500px) {
    .donate-ua-banner__text {
        text-align: center;
    }
}
.donate-ua-banner__text:before {
    content: "";
    position: absolute;
    left: -30px;
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAB3RJTUUH5QQcFCcXJytSeAAAAAZiS0dEAP8A/wD/oL2nkwAAGtpJREFUeNrtnVmsJGl213/ni8jMu9Xa1VXdXd09vYynuwcsmeWFwQ9g8YrEAwILaSSDjIRkkEHIeBDIoDaYZcyYEbaQjT2yQCCEbIF4wJ4XS0gjZAMSA/YIZtzj6ZneqqprvVV3y4jv/Hn4IjIiIyPz5r1V1cs4zlUqlxsZGfH9z/mfJeJ8HwwyyCCDDDLIIIMMMsgggwwyyCCDDDLIIIMMMsgggwwyyCCDDDLIIIMMMsgggwwyyCBriQ1D8GjkJ3/2V7ijbXbsMHNsWzDBFYRliCApgGcSQSgiTZEKoanLCknTA/dy24zP/60fHAD+sOT1X/g1DMuFduQ6L7iE9ISkiy5dkXNVilckzkieu8iQRkiZ0EhSLjEF7YMOJA6AA2DP4LbgW6BrYO+Y2TWZ3UWK/+zH/vwA8MPKP/63v8Fn/sJn+MovfyUoamxoIvGk0DOCp5CekfSU4Cm5PyvpgosdyXfcteWubblGLkcS7sIl1H4gkNIPCoQwS0AYOMaeGbtm4W4wuxmC/V4I2Ztgv23B/mcI2U2DI8B/6kf/zADwcfJTv/Rl3G3D4ILQBeBpSZ9GfErwGvAS0sUo5ZJyl3J3MpeQCxe4i+gQEfLqfQWoO+m5Aj3h6y2wwRCGCAZm6TkEyIORhaAsC2WWZUfB7DuY/VZ0/ltRxv91NI1vFUV5y8zil37yswPA//BffRmwIOk8xrPA8xIvSXoF8YLQ8xJXXTovYZ7GH8mIleEJiDLcwSsAXUaUiK4K3ASyuycLrp8rpaitGXxmzQ3IbYAhzwJ5MEa5kYUEmEtFGfXWwVHxtYOj6a8eTov/kIVw8B9/5q8snHPeNxA/8EP/aO79b/zy3/7YgPj5L/06l6zkuvLgCmOwibtflnjJxWvIXxG8KudK5TcvSIxdJGvEkEJ6JlQPI8qQwAF3iBIeIVbWGh3cnRg9vY+1NTuuQHSfWTyerFeisuDK2gyCGcEgM0vg5sYoC4xk5AFMkVgWo7IsX5oW8aWjaWlF6V8uTQd945EvGyhJZyfj0R/a2hjf/eyP//y3bt3d3f0vP/9jH03L/MVfx10bZnbhsLSLb5M/I3hN+KdMvCrxcgXmRGLkIiRAE4iO4RWYXgE6+5+SbcWWxUb3GTWX7hVFO9ENjzVlC4818MmyE8A+e4ZkyUbLis0IVBaci1EMjHJj7BmjzDACZRGZHhwwPTpiWrqiu5ZRcS/AFb1cjO5/x8VzwP+4+tSl3/qr/+DffDXPwteK6Hd/7u9+9oNPRX7h17i/62zvhAx0DrNngefLUi8Cr4K/IJFoFs5LMq8sL4HWAnAOzApkpaF2D3hFza6aouugqQWgM6PqGDUDMgHryXpdSPXrVvCVTLlF15r5zGTJgTxCEY28NIqxGOUBCHgROJrC4f4R7mpFbWsCvH84RZJcjLKQvToe5a9mWfizWQjXQghvjPP8N//mP/33/w/jm8HC28Fs18yKUZ5PX3zlk37j3Wt87i/+qZOlH//yPyPbMFTkghwjl2xi0hMYl4GrMerprW2ekvtVGc/iulxR7EWJsSqKdRkyw8nSgMysM/3PCYluZ8Ama66Vofa9Xo17ArsBsw6kZoGWV/SuSgGg8qjWUDEga0FhILcK4PrzBicLjgOxcg9OoHSBCZ+KonCKMoKSz9ZJAH6wf4RcmhZRLtUnu+kKL7p4Mc/Cn8xDmIbMDmW67mbfNrNvufs3v/61//suZruf+5lf3Q1mBxgl2NTMpoaBkZmRARlYZhAwxoXbFXT4DPAU2LMYTyGuCJ5GbAsl4GW5pCz5Sma+0glzYM7o1UJlidYBs7HQGkDNgqqZm2q7rCoKrgELIE+oWfVFLP2ZJYgNzJKyJXQbcE2GTE2cO4dQA7ocPCRfb1FgPjuOegMZSxHuBfjgqABBESOlO7Ic8k1iMAqMUaY8D55nga0scDGz8FoIRpZBsFBgdmhmR6F6xtg3bD/ha2MzcrARaFQBPQHOCraSjqbBnw14BeIs1qz8o6wJgkTWAttmvjPRceVvvQVmC9RqSJebQfcflr5sBgqAWwNUDWaV2aYjSHuwahu16Fhz+2y9UWt3NA9TnT/Xx+WIbCnC/UGWIgBlmWjHRg5jo8yMguT0U46WQvlgkFXPIWgUTCMzzqSIMGm0zc7fOtmZVadcg0YFZgWcWfO6DfLMlzavpfp943dng1MPiuYtc3WVwJbjbZrH3uZBMpv3jLVlp6Cqsl7Nj4Ssw+HLklpbrX9rAOxUJIQUmBZi7zDiWUoJ8jKQZTXICejMIAuGhRTih8AM2HRy9Xub6bJa72cAWmN5zEBPViFLIFIB23yvAbSxEFt95usASde8rI1whUV1bkrWitFS5go0a9F4/U+1Nqw0rx6TueMyW8Cz/mSdM8yXa2jSdKsivOjicOo4Is+cLDOyEAiBCmQjs/Q+hMpyg5G1gE1YhtmgpOdQua/QJAs1oLVZWH36AVoBzJz6WvvJsMrCrA+8pYDOA9g3MPW5SLWVtsGvlK5F0UtNvA2R1bTc0PmMmzvHbAtHtxrmpXkw6px2BXgZnSjIPA1iCIFQAZuZYyGkikuocrqQBiRYCkCYgW0tH9MALuvYTDsQsQbMBsi0jdVUX2t81xJOVMizjnI0x5Dova1AFcimBq85LG0eSPWxQj+vN79vPUdqFdWfxoJXMFVdLI8xHYC7COYkdg0EExaMEEIiUgtY0MwXY61IswKjcrPNa2uUyqwJTaz1Xq1t1FKYOY6ktcOVDL0uRXeA0Swk7oBpi8C2dyF6LJmZdpjUsjFrnU7nXNo//UgApnMStni8DpingrpZwCylEsFa4FmygAYwYd4GMwVsbcXujptZnx3a4iB0rFHSGoD2k+HyiKY+IM3/fMeSF/zxql+fi+EWgZ07EltO0+HYk7QuKTSWM//b8wdQBwttpRW9X1zxumuAXT+3CKq1CruNG7BjrLXP8lZQeN+hLrVga4IizQdPS3dcXT9c3KxNbfOo2JJjDcdfTDSs6wWW0V7riKw9ArXfXRi4fmAb/9oZKOsAv6AMzXZ2IkBPRlx9RtW2oLn0SLZcO1aA3GZFdcFdN0daCvCc6uiYCLSHM1tRrmHVSVqLnul5qPN+HtT28/yDTtBmK6yyB9A+0BYeWksD2ulRcxjqsbOu/1mRuqmPTLW2Qw1rqe6Jo1Dmrd7Uw3p2zCi34w5bwxqZy03XskRb98q4LUSvlvxQK8dfBNeW6FY/Iy6n6oeRcLLNbU0FqFOiHoctjjGZJdjNgdcuB3YHZQ16PdEZW8uT2hKdsDWKJYusamtp2MMhvH4UvaBNthCEsTAINp9It/ez8Nz97Bg/uSomWiNOWpZdrpcmnVIWAkaxtF6hFWXSExxDfvojpTfCXtRoaxV6bDUTHEccSzAX6xmQPZI7lNRbo1iL9TR/sWKdStTxw7T6++GhtLEXhB6/sZC0akX1vD/nWzZWXars95b2kOBqebwwFwwdl25pgdGs63NP4SQfwoJtBZLHvRNzydxCkf3YvGNpjbztCqwvvXpYW1050O2LBlosR64Lydzm4nFJfnLtbcJD6+Sf2LIiieYgObaobyzmvR1bXMy27TEBegoaXTl+OsH+bQ2Deyw+eF3SWG2dS3NimLt+bC3bfCRiH8bdwvYBfutYgK0nKljyw6alVS1VTt56sqq1x3jurhY1IC+7omc95Tz7CN7+/QEdUlj/SJZEwOr53Kx9+9hc1G1rUdkaljeXWtnHC9zH63YfPorWEj/b3cqWRfW9eYOtrqQtlIpsQak+yIH7uEg4DbXYGhZvs1tqurjrmKJB97rgh0txv/8AZrE4tSxvtWMT9OMDsY+rLHoGda7yaWV19QNMk04SLdgJv/PdAqjSLTwG7kb0QBnDrLOh7mqIVZeDVN3S7rG639qrsfDqVvnmVqSPAMD9Ia9913JoYprogehGGaEojSIakpNxRGZHjLICQkTuSBFUAiUoUkbjqMwpPFB6IHpO6allBkQeSkaZE4LPKginDTDyx6nV/Rxk/dt8hCS1sDR9SzWYdXeDEZlk+2yP99ke3efs5C5nxnc5t3GbJzZvcmHjJpv53gxYI2KaYhQElRyWOXtHGzyYTnhwtMn+0QYHxZjdwx2u37/EjQeXuHNwgf3yDBZHhBCY1LQfyhNx36MF+MQpiX2IdpiUyzHcA6Xn1D16ZsmKdsZ7XNq+zaXtW5yd7HJm4w5nN+6mx3iXc+Nddka7bOT75NkeRgFVd2EZ1VC0HI9efVZRsiJKPRdVM5QQgYNixP3DHW7tP8HN/Uvc3H+KG/tP887uC7z34DkOiwleOirHSM1Ni9IHAfBHwCDtWOsMlJ5RxhFRgTyUTPIjLmze5eLWHZ4+e4Pnz7/N0+ff4dKZ6zyxdZcz+RHjbApWIsrkR91QaZTRiBGKYoPok6qDMAHqra5CdxFjrACuOw6rPuHZZ0nlzm7c5+LWXT6dvwGWI5twEM/x3v3n+J33XuF33nmBb1/b5M5BThFH1b3mJ2hdiZ5VmuwEnZ7/H2tYoy5haC6tcoVZD1P0nKgAMjbHB8kqt25x+ewNnj33HlfPXuPK2WvsbN1hZ3zAhkWCqepjCsgzoue451Vvbz09Q9MSWm09OzYtVb96m/76syvgMVDEMYcxNRfkeWBnssdrW9/gU098kz/xwphvvHOe//17V3j33pPcPbpAHgr+z7oAb4wOCSam5YjCJ1BO8Dhmgj3E9cVH6wFS0aqiWVUgejarb2cmJqMp5zbu8szZ6zxz7l2eOf8OT5+9ztPbNzm7eY98skeGyBRAGdGTEkQfU6rv5jZ9cGreKgGLwLTMKTxHbmTmXNm5yR99/l08Gq4xmPMr6wL8g9/3n8hDZPdwixv7z3Bt+ge5Fb+HvfIyh77FJI+MQ1wE25a3fMx3J/RdTer/bmOpVlll6iiMGlH6iCw4k7xka3zAuY37PLlzm6vnrvGJi29x+dw1nty5yRMbD9gaHaCsSJYTRwnQ6VbtBU+kZPrAUJ67PRNDlTJnFDFwVKS5QrIQWrcRrwHw5Z33weDi5i2+5/JbnDv/2xT5Fd7Z+xRfv/1p3rzzIncOzrN/tF31JoksOJmUWlVCuqsyUF1KbNNp1UQ2a6xU02SGwqwMqWRbVWtkAnWcl2yNDtmeHHFuY5fLZ25x9fx1njv3HlfPXeP8mVtsT/bYGk2ZIFTNSyTPKeMYlRMe7tLfRyS6sPmCsGQnawCfxrxRoADBSp4//zbf9/x3+NPZf+Xm/iWuPbjCjb0rvLv7DNfuP8WNvSe5d3ieqW8kP+I5EDA3CKnJzGD2OrTulbaQOh9GeWScF0zygnMbe5zf3OXi1n0u7dzh4vZtLm7f4+LmLhe27nNu4wEbGw/Is0iOYcqJypKixBFHCs2Nfx9Glf8jIvnxJJGS+mnM2JsakzFc2kmWkxmUGjGNG+wXW+wenePO4UX2i20Oyy0Oii32y20Oy00Oii2wwChzsgCjzBnlKaHfHB9xceseFzbvc27rPmc2HrA9mrI1OmJjNCXPIlkeq2b6HMiRMmIcE6Phs3uoqxJLq6vi93vJOj8hOSBZCr7imGBGlqWc8Ymtu1w+cxsLbybLtTQjTNNNWH02ay1N1a7UfVhNH1Q79ZCCHpHhCkzLCcTQNKzNmtZsZeptH2F0Pyhfnp/24Ky6eU4KlJ4mCrGYeoOp2kaDMZvUq+4XNm/6f81CdeN/gEoB6p7hbteCdTqbPtLoLUnruu/FRxTgZZWhuc6DeuoiLBUFglUdhCG9BlCorLbpEPhuk9WTHPVHBY/StYQPio76P1fv649NXGsns9ql26izveZR10PEhoFBTk210ryV9llrH8gL2z1G5hoAPgXVrgK0u60d02KsHmU5lsNPYND5YIkfoj/W+mhJi5uu8/X8URz0hxIcrRGJtI/tcQB6bGvvKupmdXuTrJ5GrTH5ZY0Qq84trDOOp/ERWuG3HslgWz919g3sowK3j6ZPc36idbexllupuubeCb7WgSVfBySt1OJqUjBWXGtYot0nTWelRf/VLhjUr81Ovu91LWIVyL2ve6x2YXC729fzuYR2FG0zKz6JvoaHscxmMHSsSi0LIvoG5TgrVGc/S2cc1PpWua6190+/1T/sWvlf5mdjWvii5tOm7l71mACeG7hl8zetGOg+ME5F4ev0A9vxgJ6Oops7MOb2yfxjlZVYJw9WJ6JecDv0+/BTUXT3xE39frWhW81mfLPOPGHWoeVHFpBp3g8/itru6klK1QOsVn5nTpE6yM8pRXeSNOs16DlloPXZqgug+dq0rGMC2c6BLWtfW8f32jFU35rasdf3PhpATxBEztxGe/Z2LbG7PkVs3crTjqfUjq+0FItHkiZpCU8odGY00DEDrnlwOCZQUs8sTn1K00/Hmpvh7rSp3zK6XEaT81arlrWvmmx8fu7qOkVSK0/SKYod+emorBWptn4uUfQix7RzPmxxP1oyx/JKa24piplaM/Bo7XM4yf+7NrkyIOwGg3MgN1auHqD7Ygy1J7zWyeoQ+Vqmq2OiYmtuD6vvFrSWqVl1z46qL7Rnmu0Hsm+CEpuL2NuWPvP9K6ofJw6oTpgmdcdLPf52noqtamPp+HJ1Yp+5j9WLy0NRtNakhG4ePEeP9VzI1YVk9Xog69DuAhG3pi/saO6SYMuwtexZa1bCVhVS5urPPVeItMAExxeYtczXP6o8uH1wWqcIYEuCGPXkzN39t6bQ1Yqz7pbuuqniHHXa4sD0PValUH35eR9Fty13/lisc5719rYYZa8izW70PD+Sj8AHLwkK1ZkZaK7uYU0KNVuboZUTtGdObyuEWXtGd+uPN7WYfmlpbHpyqm5Sv3aMsdxy6zWUolcrpTitJe5oFsaq/jf7nuoJS7VQwGn238/FtoD8o7rYoHkL6Rv0LmVaW/06E502QZYtjWLbsxYdlyatV8E6PsJ2n7eYuu0kuuNV71GMwqMT3SnLamk7b1pW5hbMWli7cLHmVa9xEbIWzYZWethmjDWCyvykuErNbOvWOvm5wbXlxQ1hiwuWWL/PW0ijbFGZ+rCxThywDMCZW2jT8YyZ0iJXmi1pl1Y3S48EZA1oEZ1YOEUUsfS07IFX/UnRqwWzqiXtqhXPksU2S4/Us+2m+8whyyHPxCivF+oSOcwW4WqCM06+MNZaFrAQVPVcTLB+Km/PI7Y0Zl7TGvty7hnVV+3Uq2rfUmsV0YpCGyChjA2wZQVeWYqiFGUZKUunKJ2ySOtZFKUTS2+sfAauJ2pGs1Vt6sbxYFTLHpBWs8nEKDdGIxiPnfHY2JgY47FjZkynIR2XNwZ3+u7CnhyvHlA3CH0W3JO/dgsg6jK19RdT+uh3GUV383N1AK3XHZSoqLMCsEwAFmVq+ywKtUBsXhelUxSJdtPSchW4pWZAx7JemNJ7OgmbtYOZWW61ZnBorDcfGePcGI9hMo5MJrCxAZsTI8/TMe/vQ1FWkYrb6WrRtXbP6KCOCK1VAw3zc2v2Wp4tVrkWKLU78bVWXxKsB0jtg6Feb7Bp1k5TKqjq2YVYgVhGURZiWiZAizKBNi3S+2nrdTkD3CuL9paVC5fLXaW7ojulpFLywiXH5S65Wg9gImlTKDMp9eaYApCbkYVg5JkxysV4BJMNsbkhNjdgPE63Kh8epdkFssxQ0MkoOnploQIrYVrAdApFIbKK8GuN6xaull056ouxutdGF67zdvz8jH5tfhJ2rxXQSUu81jTrVMCQLGwGpOaBnIrpNAE6LSogy3ofIrlPTSUdSOy7a0/iQNIu8uuS3nfpmqTrEu8L3ZCzK+GSRcljek2ZXLu2kM67OGvirOCsxFngSeAlM71YGBcPjfNZ8LPZPuM8h8kYRiORZQGzagW6UYAs7Xx9gGMzcBF4sCfGo4RMGcU4hzyDPK/WK6zBDvOJda+lWovmZ6sdJXiddkWs8qKmxUKBaC2vnhQyRiqfyQzERLfMQCwKcTT16j0URUWvsQHTHSHuSXpP8DbwFuJdwbsGd13clrgNugvcw7gH8SgLOa9/4dpDXc36a39pE2AsuIx4RuJZMz6hUq+46+Wy9O/NMi7nI2ycg5RVXYetiH8dgMsydYi4ZO5w70HyI9MCtg6NydgYjYzxyMhzI88DeQZZligjVE2CM+AtrZvkDiG0S5Wq+opYBLJe7540Zwb1Uur1Uq4VmGWk8oG0rJPKGp1i2lhrUfnaNJUCpZyp0BHifYlvAN8Efhd4A3gHuCvnjhkHBv4TP/02j1P+xZcOAKYkxXr7r//w2f9eliLP2QSeQHxS4o951PdH0x+OUZdjtCyYgvxEFpzMx50QlQbr8FDc3xNbm8bGRmBjbIzHCeRRrgro9DrLQrX0nc3aSYN5BXbALM6tqKJW+dFls0JAswCzNYWEEsrKYhNoNJRbimIKRUw+M85W46ZE7Lp0x+CWxJvA76oGU3wbuAdM3ZlqE+XX4Cd+6S0+TPnnv7hbvzz48R+59HaM/raJr8j5WeBlgx+oFig+OlGQ5YmN34/Ov4vOYYz63iPx9OEh3H8A41FkPA7JJ4yNySgwGsEoD4xyyHKRZ1ZZcwN0qJe8a2LIVsrSgJiqQDZLVTwmGi5bNJzSlsQ2pddggiRJdgd4t7YEia8bfFviLRnvGFwHpn/v8x8ugCeRf/JzN2cEC9wHvvrF1z/x1Vndx05448vnfmQLYBQjT5aRl1z8cZzvx+yPmHEhGJOQmWWZMcqprDdUrxNlhwrkBuDUWVivTVdH5bNl1Gdr3jc+tV3am+V9MglFyaaII8F7YG8Ab2C8Ydg3gGuIO4K7GAcI/f2f/vgA+qjE1nP+WyitILtl8DLYZzD+gBmfNOxpw84TuBiMzRAsZNXSsmFG0XV7aNP6KbVWFVXPos2yEjgQ7IHtm7EPPAB7H+w6yRLfNPg6Zt9Bdg8oXEwBvf6FtxnklF0xP/rD2wjHyM4AV01cxex54OUQeA6zLcO2gR0z28HYMWwrdYJamhajejbMMY4Mu2PGbYy7wA3D3jXstuCWBe6YccewO2B33O0oBOn1L7w3IPg4AO6Tv/GXzwBkwJaZjcEmGBODCcYkEEbVnAqyeqHvtIi9Y5Rmtm/YngIHMjv4c9wo/zUv8sUvfmtAaZBBBhlkkEEGGWSQQQYZZJBBBhlkkEEGGWSQQQYZZJBBBhlkkEEGGWSQQQYZZJBBBnn88v8B0AQhanXQ23EAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjEtMDQtMjhUMjA6Mzk6MTQrMDA6MDDpj62zAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIxLTA0LTI4VDIwOjM5OjE0KzAwOjAwmNIVDwAAAABJRU5ErkJggg==");
    background-repeat: no-repeat;
    background-size: contain;
}
@media only screen and (min-width: 500px) {
    .donate-ua-banner__text:before {
        position: static;
        left: -26px;
        margin-right: 6px;
        margin-bottom: -5px;
    }
}
.donate-ua-banner__text a {
    color: #0777cf;
    text-decoration: underline;
    font-weight: 700;
}
.donate-ua-banner__text a:hover {
    text-decoration: none;
}
.donate-ua-banner__inner {
    position: relative;
    padding: 12px 44px;
    background: #ffff54;
    border-radius: 8px;
}
.donate-ua-banner__close {
    position: absolute;
    top: 3px;
    right: 0;
    z-index: 5;
    padding: 14px;
    opacity: 1;
    cursor: pointer;
    will-change: opacity;
    background-color: transparent;
    border: none;
    transition: all 0.35s;
}
@media only screen and (min-width: 960px) {
    .donate-ua-banner__close {
        padding: 16px;
    }
}
.donate-ua-banner__close:before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(https://marketing-static.signnow.com/1000/images/global/modals/close.svg);
}
.donate-ua-banner__close:hover {
    opacity: 1;
}
.donate-ua-banner__close:active {
    opacity: 0.8;
}
@media only screen and (min-width: 640px) {
    .donate-ua-banner__close {
        top: 1px;
        transform: scale(0.714);
    }
}
.smartbanner-show .donate-ua-banner {
    position: absolute;
    top: 162px;
}
.smartbanner-show.fixed-donate-banner .donate-ua-banner {
    position: fixed;
    top: 82px;
}
.popup-cookie {
    position: fixed;
    top: auto;
    bottom: -220px;
    left: 0;
    right: 0;
    width: 93%;
    z-index: 130;
    background-color: #ebf3fe;
    margin: 0 auto 12px;
    border-radius: 8px;
    transition: bottom 0.35s;
    padding: 16px 20px;
}
@media only screen and (min-width: 640px) {
    .popup-cookie {
        bottom: -140px;
        width: 96%;
        margin: 12px;
        padding: 16px 49px 12px 20px;
    }
}
@media only screen and (min-width: 960px) {
    .popup-cookie {
        bottom: -220px;
        width: 343px;
        margin: 16px auto;
        padding: 16px 20px;
    }
}
@media only screen and (min-width: 1280px) {
    .popup-cookie {
        bottom: -158px;
        width: 800px;
        padding: 24px 60px 22px 28px;
    }
}
@media only screen and (min-width: 1480px) {
    .popup-cookie {
        bottom: -138px;
        width: 1100px;
        padding: 24px 80px 22px 28px;
    }
}
@media only screen and (min-width: 960px) {
    .popup-cookie.popup-cookie--old-container {
        max-width: 928px;
        left: calc(50vw - 480px);
    }
}
.popup-cookie.is-visible {
    transform: none;
    bottom: 0;
}
.popup-cookie .button {
    padding: 4px;
    font-size: 14px;
    line-height: 24px;
    width: 100%;
    font-weight: 700;
    border-width: 2px;
    color: #2c2c2c;
    background-color: #fff;
}
@media only screen and (min-width: 640px) {
    .popup-cookie .button {
        width: 120px;
    }
}
@media only screen and (min-width: 960px) {
    .popup-cookie .button {
        width: 303px;
    }
}
@media only screen and (min-width: 1280px) {
    .popup-cookie .button {
        width: 120px;
    }
}
@media only screen and (min-width: 1480px) {
    .popup-cookie .button {
        width: 140px;
    }
}
.popup-cookie .button:hover,
.popup-cookie__v1 .button {
    background-color: #e8f2fa;
}
.popup-cookie__v1 .button:hover {
    background-color: #fff;
}
.popup-cookie__v1 .popup-readmore--more {
    background-color: #ebf3fe;
}
.popup-cookie__v2 {
    border: 1px solid #b9c2c8;
}
.popup-cookie__v2,
.popup-cookie__v2 .popup-readmore--more,
.popup-cookie__v3 {
    background-color: #fff;
}
.popup-cookie__v3 {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
}
.popup-cookie__v3 .popup-readmore--more {
    background-color: #fff;
}
.popup-cookie .popup-text {
    font-size: 12px;
    line-height: 18px;
    position: relative;
    overflow: hidden;
    margin-bottom: 12px;
    height: 39px;
}
@media only screen and (min-width: 640px) {
    .popup-cookie .popup-text {
        margin-bottom: 0;
    }
}
@media only screen and (min-width: 960px) {
    .popup-cookie .popup-text {
        height: 36px;
        margin-bottom: 16px;
    }
}
@media only screen and (min-width: 1280px) {
    .popup-cookie .popup-text {
        margin-bottom: 0;
        padding-left: 32px;
        font-size: 14px;
        line-height: 20px;
        height: 42px;
    }
}
.popup-cookie .popup-text.is-visible {
    height: auto !important;
    overflow: inherit;
}
.popup-cookie .popup-text a {
    text-decoration: underline;
}
.popup-cookie .popup-text a:hover {
    text-decoration: none;
}
.popup-cookie .popup-cookie__close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    padding: 13px;
    cursor: pointer;
    will-change: opacity;
    background-color: transparent;
    border: none;
    transition: all 0.35s;
}
@media only screen and (min-width: 960px) {
    .popup-cookie .popup-cookie__close {
        padding: 13px;
    }
}
.popup-cookie .popup-cookie__close:before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(https://marketing-static.signnow.com/1000/images/global/modals/icon-close-grey.svg);
}
.popup-cookie .popup-cookie__close:hover {
    opacity: 1;
}
.popup-cookie .popup-cookie__close:active {
    opacity: 0.8;
}
.popup-cookie .popup-title {
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 4px;
    padding-left: 19px;
    position: absolute;
    left: 0;
    top: 0;
}
.popup-cookie .popup-title:before {
    position: absolute;
    content: "";
    top: -2px;
    left: 0;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../images/global/modals/icon-cookie-font.png);
    display: none;
}
@media only screen and (min-width: 1280px) {
    .popup-cookie .popup-title:before {
        display: block;
    }
}
.popup-cookie .popup-readmore--less,
.popup-cookie .popup-readmore span,
.popup-cookie .popup-reject {
    color: #0777cf;
    text-decoration: none;
    cursor: pointer;
    font-size: 12px;
    line-height: 18px;
    transition: all 0.35s;
    padding-right: 12px;
    padding-left: 3px;
    font-weight: 700;
}
@media only screen and (min-width: 640px) {
    .popup-cookie .popup-readmore--less,
    .popup-cookie .popup-readmore span,
    .popup-cookie .popup-reject {
        line-height: 19px;
        padding-left: 0;
    }
}
@media only screen and (min-width: 1280px) {
    .popup-cookie .popup-readmore--less,
    .popup-cookie .popup-readmore span,
    .popup-cookie .popup-reject {
        font-size: 14px;
        line-height: 20px;
    }
}
.popup-cookie .popup-readmore--less:after,
.popup-cookie .popup-readmore span:after,
.popup-cookie .popup-reject:after {
    position: absolute;
    content: "";
    width: 10px;
    height: 3px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEuMjUuMDgzYTEuMjUgMS4yNSAwIDEgMCAwIDIuNSAxLjI1IDEuMjUgMCAwIDAgMC0yLjV6bTIuNSAxLjI1YTEuMjUgMS4yNSAwIDEgMSAyLjUgMCAxLjI1IDEuMjUgMCAwIDEtMi41IDB6bTMuNzUgMGExLjI1IDEuMjUgMCAxIDEgMi41IDAgMS4yNSAxLjI1IDAgMCAxLTIuNSAweiIgZmlsbD0iIzA3NzdDRiIvPjwvc3ZnPg==");
    bottom: 4px;
    right: 0;
}
.popup-cookie .popup-readmore--less {
    padding-right: 0;
}
.popup-cookie .popup-readmore--less:after {
    display: none;
}
.popup-cookie .popup-readmore--more {
    position: absolute;
    bottom: 3px;
    right: 0;
    padding: 0 19px 0 0;
}
@media only screen and (min-width: 640px) {
    .popup-cookie .popup-readmore--more {
        padding: 0 122px 0 0;
    }
}
@media only screen and (min-width: 960px) {
    .popup-cookie .popup-readmore--more {
        bottom: -1px;
        padding: 0 32px 0 0;
    }
}
@media only screen and (min-width: 1280px) {
    .popup-cookie .popup-readmore--more {
        bottom: 3px;
        padding: 0 110px 0 0;
    }
}
@media only screen and (min-width: 1480px) {
    .popup-cookie .popup-readmore--more {
        bottom: 2px;
        padding: 0 209px 0 0;
    }
}
.popup-cookie .popup-readmore--more .link {
    font-size: 12px;
}
@media only screen and (min-width: 1280px) {
    .popup-cookie .popup-readmore--more .link {
        font-size: 14px;
    }
}
.popup-cookie .popup-readmore--less {
    display: none;
}
@media only screen and (min-width: 640px) {
    .popup-cookie .popup-cookie__row {
        display: flex;
    }
}
@media only screen and (min-width: 960px) {
    .popup-cookie .popup-cookie__row {
        display: block;
    }
}
@media only screen and (min-width: 1280px) {
    .popup-cookie .popup-cookie__row {
        display: flex;
    }
}
.popup-cookie .popup-cookie__column--description {
    position: relative;
    padding-right: 32px;
}
@media only screen and (min-width: 640px) {
    .popup-cookie .popup-cookie__column--description {
        flex-basis: 0%;
        flex-grow: 1;
        align-self: center;
    }
}
@media only screen and (min-width: 960px) {
    .popup-cookie .popup-cookie__column--description {
        padding-right: 16px;
    }
}
@media only screen and (min-width: 1280px) {
    .popup-cookie .popup-cookie__column--description {
        padding-right: 66px;
    }
}
@media only screen and (min-width: 1280px) {
    .popup-cookie .popup-cookie__column--description.is-open {
        padding-right: 40px;
    }
}
.popup-cookie .popup-cookie__column--action {
    align-items: center;
}
@media only screen and (min-width: 640px) {
    .popup-cookie .popup-cookie__column--action {
        flex-wrap: nowrap;
        width: 120px;
        align-self: flex-start;
    }
}
@media only screen and (min-width: 960px) {
    .popup-cookie .popup-cookie__column--action {
        width: 303px;
    }
}
@media only screen and (min-width: 1280px) {
    .popup-cookie .popup-cookie__column--action {
        width: 120px;
        padding-top: 2px;
    }
}
@media only screen and (min-width: 1480px) {
    .popup-cookie .popup-cookie__column--action {
        width: 140px;
    }
}
.drift-frame-controller {
    z-index: 120 !important;
}
@media only screen and (min-width: 640px) {
    .drift-widget-chat-layout {
        margin-bottom: -34px !important;
    }
}
@media only screen and (min-width: 640px) {
    .drift-widget-chat-wrapper {
        margin-top: 0 !important;
    }
}
html[lang="es"] .page-header--black .header-logo .divider-api,
html[lang="es"] .page-header--black .header-logo .header-logo__caption {
    display: none;
}
@media only screen and (min-width: 960px) {
    html[lang="es"] .main-menu .main-menu__link {
        font-size: 14px;
    }
}
@media only screen and (min-width: 1280px) {
    html[lang="es"] .main-menu .main-menu__link {
        font-size: 16px;
    }
}
html[lang="es"] .main-menu__dropdown .main-menu__dropdown-area-list--api {
    width: 192px;
}
@media only screen and (min-width: 640px) {
    html[lang="es"] .page-section--intro .checklist__item:nth-child(-n + 3) {
        width: auto;
    }
}
html[lang="es"] .pinned-header .header-action .login-link {
    font-size: 12px;
}
html[lang="es"] .pinned-header .header-action .button {
    padding: 9px 10px;
    font-size: 12px;
}
html .loading-documents .loading-documents-list__item:hover {
    width: auto !important;
}
html
    .loading-documents
    .loading-documents-list__item
    .loading-documents__title {
    white-space: nowrap !important;
}
#credential_picker_container {
    top: 106px !important;
    right: 46 !important;
}
.drift-custom-body .drift-frame-controller {
    opacity: 0.1;
    width: 76px !important;
    height: 76px !important;
}
.alternative-drift-frame {
    display: none;
    display: block;
    position: fixed;
    right: 36px;
    bottom: 36px;
    width: 65px;
    height: 65px;
    z-index: 120;
    cursor: pointer;
    border-radius: 8px;
}
.alternative-drift-frame:before {
    position: absolute;
    content: "";
    top: 15px;
    left: 16px;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTIiIGhlaWdodD0iNTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTM1LjE0Mi4wMTNhNy45NDEgNy45NDEgMCAwIDEtLjc4Ny4wNzNjLS40MTMuMDI1LS44MzUuMDY1LS45MzIuMDktLjA5LjAxNi0uMzczLjA1Ny0uNjE2LjA4MS0uNjE3LjA3NC0uODExLjEwNi0xLjk2My4zMTgtMS42NjIuMzE4LTQuMjU3IDEuMDc3LTUuNDU3IDEuNTk4LS4wOS4wNDEtLjQ4Ni4yMDQtLjg5Mi4zNjctLjM5Ny4xNjMtMS4yLjUzOC0xLjc4NC44MzItMy4yNDMgMS42My01LjY2IDMuNDQ5LTcuNzIgNS43OTctMS42OTQgMS45MzItMi44MyA0LjIwNy0zLjE1MyA2LjMzNC0uMDgyLjUzLS4wODIgMi40NzkgMCAzLjA1OC40NDYgMy4yMiAyLjM3NSA1LjgxMyA2LjAzMiA4LjEwNCAxLjMyMi44MjMgMy41NDQgMi4wMDYgNS4xNjYgMi43NC40NjIuMjExIDEuMDYyLjQ4IDIuMzUxIDEuMDc1IDUuMDAzIDIuMyA3LjI2NiAzLjc3NSA4LjM5MyA1LjQ5NS44MSAxLjI0OCAxLjAwNSAyLjYwMS42MzIgNC41MTctLjM5NyAyLjA3MS0xLjg5NyA0LjM0Ni0zLjkzMyA1Ljk0NC0zIDIuMzY0LTYuOTQgMy42NTItMTEuMTczIDMuNjYtMi45OTIgMC01LjQ0MS0uNDg5LTcuMzgtMS40NjctMS44NDgtLjkzOC0yLjk1OS0yLjUwMy0yLjk1OS00LjE3NCAwLTIuMjAyIDMuMDQ5LTQuNTMzIDUuNzY1LTQuNDExIDEuMTYuMDQ5IDEuODU3LjY2IDEuODU3IDEuNjMgMCAuMzI3LS4wNC40MDgtLjM0OC43MS0uMTk1LjE5NS0uNTIuNDg5LS43MjIuNjUyLS45OS44MDctLjg2OCAyLjA2My4zIDIuOTY4LjYxNi40OCAxLjc0My45NTQgMi41NDYgMS4wNi4yMDMuMDI0LjQ0Ni4wNjUuNTM1LjA4MS4zOTguMDgyIDIuMDkyLjAyNSAyLjcxNy0uMDkuOTgtLjE3IDIuMDYtLjU1NCAyLjc4LS45NzggMS40MTItLjgzMSAyLjUwNi0yLjIzNCAyLjg5Ni0zLjcxLjE3LS42MzYuMTc4LS42NzYuMjAyLTEuNDY3LjA3My0xLjc3Ny0uNTUxLTMuMjctMS45ODYtNC43MjktMS4yLTEuMjMtMi41ODctMi4wNDYtNC41NDEtMi42OS0uNTM1LS4xOC0xLjA3LS4zNDMtMS4yLS4zNjctLjEzLS4wMTctLjUxMS0uMDktLjg2LS4xNTUtMS41NTctLjMwMi0zLjg1MS0uMzM0LTUuNjQzLS4wODItMS42NzkuMjM3LTMuNjMzLjg0OC01LjMxMiAxLjY3Mi0uODUxLjQxNi0yLjM1MSAxLjI4OC0yLjcwOCAxLjU5LS4wNzMuMDU3LS4zNjUuMjkzLS42NTcuNTIxLTIuNDE2IDEuOTE2LTQuMTAzIDQuNTUtNC41IDcuMDEyLS4xNzggMS4xMjUtLjA4MSAyLjY4Mi4yNTEgMy44MjQuNjU3IDIuMjk5IDIuNTcgNC41NTcgNS4yNzEgNi4yMjggMS44IDEuMTEgNC41NCAyLjE3NyA2LjcyMiAyLjYyNi41OTIuMTE0IDEuOTk1LjM1OCAyLjM2LjQwNy4yMTkuMDMzLjQ4Ni4wNjYuNi4wOSAxLjIxNi4yMDQgNi4wMjUuMjA0IDcuMjk4IDAgLjExMy0uMDE2LjQ2Mi0uMDY1Ljc3LS4wOTguMzE2LS4wMzIuNTg0LS4wNjUuNjA4LS4wNzMuMDI0IDAgLjIyNy0uMDMzLjQ0Ni0uMDY1YTM5LjgxIDM5LjgxIDAgMCAwIDIuMDI3LS4zODNjMi43MDktLjYyOCAzLjg1Mi0uOTg3IDYuMDgyLTEuODkyYTM1Ljg1NyAzNS44NTcgMCAwIDAgMy42NDktMS43NzdjLjczLS40MjQgMi41Ny0xLjYzIDIuNzk3LTEuODQzLjA2NS0uMDU3LjQ1NC0uMzgzLjg1Mi0uNzEgMy42OC0zLjAzMiA1LjctNi44MTUgNS42NjgtMTAuNjU1LS4wMjUtMi4xOTMtLjYxNy00LjI4LTEuNjYzLTUuODQ2LS4yNjctLjQwOC0xLjE5Mi0xLjU4Mi0xLjMwNS0xLjY2My0uMDQtLjAyNC0uMzE2LS4yODUtLjYxNy0uNTctMS42OTQtMS42NTYtNC40NzYtMy40MjUtOC40MDgtNS4zNjUtMi4yMzgtMS4xMS00Ljg5OC0yLjQ0Ni01LjM2OC0yLjcwNy0yLjc5OC0xLjUzMy00LjY2My0yLjk3Ni01LjUzLTQuMjU2LTEuMTI3LTEuNjYzLTEuMzA2LTMuODMyLS40NTQtNS41MTEuNzctMS41MzMgMi4yODYtMy4wMzMgNC4yNjUtNC4yLjQzOC0uMjY4IDEuOTk1LTEuMDI2IDIuNTQ2LTEuMjU1IDEuNTk3LS42NTIgMy43MjItMS4xOSA1LjQ3My0xLjM4Ni42NjUtLjA3MyAzLjM3My0uMDczIDMuOTc0IDAgMS4xMDIuMTMgMi4zMS40OSAyLjkxLjg1Ni40NDcuMjg2Ljk1Ljg4OSAxLjA2MyAxLjI4LjQzOCAxLjU3NC0xLjMwNiAzLjU2My0zLjg4NCA0LjQ0NC0uODI3LjI4NS0xLjE2OC41OTUtMS4yNTcgMS4xNS0uMDczLjUwNS4wMzIuNzUuNTkyIDEuMzA0LjY2NS42NjggMi4wNDMgMS40MDIgMi45NjggMS41OS4wODkuMDI0LjMzMi4wODEuNTUxLjEzIDEuNDkyLjM1OSA0LjI4MS0uMTMgNi4xMzgtMS4wNjggMy45NDEtMS45OSA1LjU4LTYuMTggMy44MDMtOS43MjctMS42MjItMy4yMi02LTUuNjktMTEuMzQ0LTYuMzc1LS4yMDMtLjAzMy0uNDk0LS4wNjUtLjY0OC0uMDktLjMxNy0uMDQ5LTQuMTAzLS4xMTQtNC4xNTItLjA3M3oiIGZpbGw9IiNmZmYiLz48L3N2Zz4=")
        no-repeat;
    background-size: contain;
    width: 32px;
    height: 35px;
}
.alternative-drift-frame:after {
    position: absolute;
    content: "";
    top: -9px;
    right: -9px;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iOSIgY3k9IjkiIHI9IjkiIGZpbGw9IiNFNjQ1NDQiLz48cGF0aCBkPSJNMTAuMjc0IDEzSDguNzY2VjguODdsLjAxNC0uNjguMDI1LS43NDJjLS4yNTEuMjUtLjQyNS40MTUtLjUyMy40OTNsLS44Mi42Ni0uNzI4LS45MDkgMi4zLTEuODNoMS4yNFYxM3oiIGZpbGw9IiNmZmYiLz48L3N2Zz4=")
        no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
}
.alternative-drift-frame__v1 {
    background: #0f1e4e;
}
.alternative-drift-frame__v2 {
    background: #07a9ff;
}
.alternative-drift-frame.is-visible {
    display: block;
}
.alternative-drift-frame.is-open:after,
.alternative-drift-frame.is-open:before {
    height: 3px;
    margin: -1px 0 0;
    content: "";
    position: absolute;
    width: 84%;
    top: 50%;
    left: 5px;
    background-color: #fff;
    border-radius: 3px;
}
.alternative-drift-frame.is-open:after {
    transform: rotate(45deg);
}
.alternative-drift-frame.is-open:before {
    transform: rotate(-45deg);
}
.alternative-drift-frame .drift-frame-massage {
    display: none;
    position: absolute;
    right: 85px;
    width: 224px;
    padding: 12px 30px 12px 16px;
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    background: #fff;
    cursor: auto;
}
.alternative-drift-frame .drift-frame-massage.is-visible {
    display: block;
}
.alternative-drift-frame .drift-frame-massage.is-hidden {
    display: none;
}
.alternative-drift-frame .drift-frame-massage__popup-body {
    font-size: 14px;
    line-height: 20px;
}
.alternative-drift-frame .drift-frame-massage__popup-arrow:before {
    right: -20px;
    bottom: 12px;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border: 10px solid hsla(0, 0%, 100%, 0);
}
.alternative-drift-frame .drift-frame-massage__popup-close {
    position: absolute;
    top: 0;
    left: -28px;
    cursor: pointer;
}
.alternative-drift-frame .drift-frame-massage__popup-close:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iMTAiIGZpbGw9IiM2Njc5ODgiLz48cGF0aCBkPSJNNy4zMzMgNy4zMzNsNS4zMzQgNS4zMzNNMTIuNjY3IDcuMzMzbC01LjMzNCA1LjMzMyIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+")
        no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
}