.slick-slider {
    box-sizing: border-box;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list, .slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after {
    clear: both
}

.slick-track:after, .slick-track:before {
    display: table;
    content: ""
}

.slick-loading .slick-slide, .slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-initialized .slick-slide {
    display: block
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

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

.video-player .video-player__lazyframe {
    position: relative
}

.video-player .video-player__lazyframe:focus {
    outline: 1px solid #fff;
    outline: 1px solid transparent
}

.video-player .video-player__lazyframe:hover {
    cursor: pointer
}

.video-player .video-player__lazyframe:before {
    display: block;
    padding-top: 56.25%;
    width: 100%;
    content: ""
}

.video-player .video-player__lazyframe[data-ratio="16:9"]:before {
    padding-top: 56.25%
}

.video-player .video-player__lazyframe[data-ratio="4:3"]:before {
    padding-top: 75%
}

.video-player .video-player__lazyframe[data-ratio="1:1"]:before {
    padding-top: 100%
}

.video-player .video-player__lazyframe iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 100%
}

.video-player .video-player__lazyframe .video-player__thumb-image {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0
}

.video-player .video-player__lazyframe .video-player__play-button, .video-player .video-player__lazyframe:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    width: 55px;
    height: 39px;
    background-image: url(https://marketing-static.signnow.com/1000/images/global/video/play-icon-white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    transition: transform .2s;
    transform: translate(-50%, -50%)
}

@media only screen and (min-width: 375px) {
    .video-player .video-player__lazyframe .video-player__play-button, .video-player .video-player__lazyframe:after {
        width: 67px;
        height: 47px
    }
}

@media only screen and (min-width: 640px) {
    .video-player .video-player__lazyframe .video-player__play-button, .video-player .video-player__lazyframe:after {
        width: 76px;
        height: 54px
    }
}

@media only screen and (min-width: 960px) {
    .video-player .video-player__lazyframe .video-player__play-button, .video-player .video-player__lazyframe:after {
        width: 96px;
        height: 67px
    }
}

@media only screen and (min-width: 1280px) {
    .video-player .video-player__lazyframe .video-player__play-button, .video-player .video-player__lazyframe:after {
        width: 120px;
        height: 84px
    }
}

.video-player .video-player__lazyframe .video-player__play-button:focus, .video-player .video-player__lazyframe:after:focus {
    transform: translate(-50%, -50%) scale(1.2);
    outline: none
}

.video-player .video-player__lazyframe:focus .video-player__play-button, .video-player .video-player__lazyframe:focus:after, .video-player .video-player__lazyframe:hover .video-player__play-button, .video-player .video-player__lazyframe:hover:after {
    transform: translate(-50%, -50%) scale(1.2)
}

.layout-responsive .video-player.exp-10743 .video-player__lazyframe {
    background: none
}

.layout-responsive .video-player.exp-10743 .video-player__lazyframe:after {
    display: none
}

.video-player .video-player__lazyframe.video-player__lazyframe--button-image img {
    max-width: 100%
}

.video-player .video-player__lazyframe.video-player__lazyframe--button-image .video-player__play-button, .video-player .video-player__lazyframe.video-player__lazyframe--button-image:after {
    background: none
}

.video-player .video-player__lazyframe .video-player__play-button:focus {
    transform: translate(-50%, -50%) scale(1.2);
    outline: none
}

.page-section--free-trial {
    position: relative;
    max-width: 93%;
    margin: 0 auto 22px;
    overflow: hidden;
    padding-top: 48px;
    padding-bottom: 50px;
    background-color: #111f4b;
    border-radius: unset;
    text-align: center;
    z-index: 2
}

@media only screen and (min-width: 375px) {
    .page-section--free-trial {
        margin-bottom: 52px;
        padding-top: 48px;
        padding-bottom: 48px
    }
}

@media only screen and (min-width: 640px) {
    .page-section--free-trial {
        max-width: 97%;
        padding: 54px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--free-trial {
        margin-bottom: 95px;
        padding: 69px 0 88px 52px;
        text-align: left
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--free-trial {
        max-width: 100%;
        margin-bottom: 116px;
        padding: 68px 0 68px 91px;
        overflow: inherit
    }
}

@media only screen and (min-width: 960px) {
    .page-section--free-trial .page-section__row {
        display: flex
    }
}

@media only screen and (min-width: 960px) {
    .page-section--free-trial .page-section__column {
        position: relative;
        width: 50%
    }
}

.page-section--free-trial .page-section__column:last-child {
    display: none
}

@media only screen and (min-width: 960px) {
    .page-section--free-trial .page-section__column:last-child {
        display: flex;
        align-items: center;
        justify-content: center
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--free-trial .page-section__column:last-child {
        margin-top: -16px;
        margin-left: 20px
    }
}

.page-section--free-trial .page-section__column:first-child {
    flex-shrink: 0
}

@media only screen and (min-width: 960px) {
    .page-section--free-trial .page-section__column:first-child {
        width: 430px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--free-trial .page-section__column:first-child {
        width: 580px
    }
}

.page-section--free-trial .page-section__column:last-child {
    margin-left: 0
}

.page-section--free-trial .free-trial__cta {
    display: flex;
    flex-direction: column;
    max-width: 214px;
    margin: 0 auto
}

@media only screen and (min-width: 640px) {
    .page-section--free-trial .free-trial__cta {
        flex-direction: row;
        max-width: 444px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--free-trial .free-trial__cta {
        max-width: 100%
    }
}

.page-section--free-trial .free-trial__cta .button {
    min-width: 214px;
    margin: 0 auto
}

@media only screen and (min-width: 960px) {
    .page-section--free-trial .free-trial__cta .button {
        min-width: 180px;
        margin: 0
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--free-trial .free-trial__cta .button {
        min-width: 199px
    }
}

.page-section--free-trial .free-trial__cta .button--bordered--white {
    min-width: 214px;
    margin-top: 20px
}

@media only screen and (min-width: 640px) {
    .page-section--free-trial .free-trial__cta .button--bordered--white {
        margin-top: 0;
        margin-left: 18px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--free-trial .free-trial__cta .button--bordered--white {
        min-width: 186px;
        margin-left: 24px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--free-trial .free-trial__cta .button--bordered--white {
        min-width: 194px
    }
}

.page-section--free-trial .section-subtitle {
    width: 268px;
    margin-left: auto;
    margin-right: auto;
    font-family: Graphik, Arial, sans-serif;
    font-weight: 700;
    color: #fff;
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 28px;
    text-align: center
}

@media only screen and (min-width: 375px) {
    .page-section--free-trial .section-subtitle {
        font-size: 28px;
        line-height: 40px
    }
}

@media only screen and (min-width: 640px) {
    .page-section--free-trial .section-subtitle {
        width: 476px;
        font-size: 36px;
        line-height: 48px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--free-trial .section-subtitle {
        width: 100%;
        font-size: 40px;
        margin-bottom: 32px;
        text-align: left
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--free-trial .section-subtitle {
        font-size: 52px;
        line-height: 64px;
        margin-bottom: 48px
    }
}

.page-section--free-trial.cta-blue {
    background-color: #0078db
}

.page-section--free-trial.cta-blue .button:first-child {
    color: #2c2c2c;
    background-color: #fff
}

.page-section--free-trial.cta-blue .button:nth-child(2) {
    color: #fff;
    border-color: #fff
}

.page-section--free-trial.cta-blue .button:nth-child(2):hover {
    color: #2c2c2c
}

.page-section--free-trial .title-illustration {
    text-align: left;
    font-family: Open Sans;
    font-size: 10px;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    line-height: 16px;
    letter-spacing: 3px;
    margin-bottom: 8px;
    text-align: center
}

@media only screen and (min-width: 640px) {
    .page-section--free-trial .title-illustration {
        font-size: 12px;
        line-height: 20px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--free-trial .title-illustration {
        margin-bottom: 12px;
        text-align: left
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--free-trial .title-illustration {
        font-size: 14px;
        line-height: 24px
    }
}

.page-section--free-trial .title-illustration--white {
    color: #fff
}

.page-section--free-trial .button.button--bordered, .page-section--free-trial .button.button--bordered--white, .page-section--free-trial a.button.button--bordered, .page-section--free-trial a.button.button--bordered--white {
    border: 2px solid #fff;
    background: transparent;
    color: #fff
}

.page-section--free-trial .button.button--bordered--white:active, .page-section--free-trial .button.button--bordered--white:focus, .page-section--free-trial .button.button--bordered--white:hover, .page-section--free-trial .button.button--bordered:active, .page-section--free-trial .button.button--bordered:focus, .page-section--free-trial .button.button--bordered:hover, .page-section--free-trial a.button.button--bordered--white:active, .page-section--free-trial a.button.button--bordered--white:focus, .page-section--free-trial a.button.button--bordered--white:hover, .page-section--free-trial a.button.button--bordered:active, .page-section--free-trial a.button.button--bordered:focus, .page-section--free-trial a.button.button--bordered:hover {
    background: #fff;
    color: #282828;
    border: 2px solid #fff
}

.page-section--free-trial .button.button--bordered--white:active, .page-section--free-trial .button.button--bordered--white:focus, .page-section--free-trial .button.button--bordered:active, .page-section--free-trial .button.button--bordered:focus, .page-section--free-trial a.button.button--bordered--white:active, .page-section--free-trial a.button.button--bordered--white:focus, .page-section--free-trial a.button.button--bordered:active, .page-section--free-trial a.button.button--bordered:focus {
    box-shadow: 0 0 0 1px #0078d6, 0 0 0 3px #fff;
    color: #282828
}

.page-section--free-trial .free-trial__cta .button {
    min-width: 195px;
    font-size: 16px;
    line-height: 28px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-weight: 700
}

.page-section--free-trial .free-trial__two-btn {
    display: flex;
    flex-direction: column;
    max-width: 214px;
    margin: 0 auto
}

@media only screen and (min-width: 640px) {
    .page-section--free-trial .free-trial__two-btn {
        flex-direction: row;
        max-width: 444px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--free-trial .free-trial__two-btn {
        max-width: 100%
    }
}

.page-section--free-trial .free-trial__two-btn .button {
    min-width: 214px;
    font-size: 16px;
    line-height: 28px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-weight: 700
}

@media only screen and (min-width: 960px) {
    .page-section--free-trial .free-trial__two-btn .button {
        min-width: 180px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--free-trial .free-trial__two-btn .button {
        min-width: 199px
    }
}

.page-section--free-trial .free-trial__two-btn .button--bordered--white {
    min-width: 214px;
    margin-top: 20px
}

@media only screen and (min-width: 640px) {
    .page-section--free-trial .free-trial__two-btn .button--bordered--white {
        margin-top: 0;
        margin-left: 16px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--free-trial .free-trial__two-btn .button--bordered--white {
        min-width: 186px;
        margin-left: 20px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--free-trial .free-trial__two-btn .button--bordered--white {
        min-width: 194px
    }
}

.page-section--free-trial #animatedSignature {
    width: 100%;
    height: 100%;
    display: block;
    transform: translateZ(0);
    text-align: center;
    opacity: 1
}

.page-section--free-trial #animatedSignature g {
    display: block !important;
    opacity: 1
}

.page-section--loading-documents {
    display: none
}

@media only screen and (min-width: 960px) {
    .page-section--loading-documents {
        display: block;
        padding-bottom: 100px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--loading-documents {
        padding-bottom: 120px
    }
}

@media only screen and (min-width: 640px) {
    .page-section--loading-documents .loading-documents-list {
        display: flex;
        justify-content: center
    }
}

.page-section--loading-documents .loading-documents-list:hover .loading-documents {
    border-color: transparent
}

@media only screen and (min-width: 640px) {
    .page-section--loading-documents .loading-documents-list__item {
        position: relative;
        display: block;
        width: 281px;
        min-width: 281px;
        text-align: center;
        color: #2c2c2c;
        cursor: pointer;
        border-radius: 8px;
        background-color: #fff
    }
}

@media only screen and (min-width: 960px) {
    .page-section--loading-documents .loading-documents-list__item {
        width: 448px;
        min-width: 448px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--loading-documents .loading-documents-list__item {
        width: 100%
    }
}

@media only screen and (min-width: 640px) {
    .page-section--loading-documents .loading-documents-list__item:first-child {
        margin: 0 32px 0 0
    }
}

@media only screen and (min-width: 640px) {
    .page-section--loading-documents .loading-documents-list__item:first-child .loading-documents__row {
        background: #f2f7ff
    }

    .page-section--loading-documents .loading-documents-list__item:first-child .loading-documents__row:before {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMzAiIGN5PSIzMCIgcj0iMzAiIGZpbGw9IiNmZmYiLz48cGF0aCBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zMy4wODQgMzkuMjI2bDYuMzY1LTE3LjE3NGMuMzQ3LS45MzUtLjU2NS0xLjg0NS0xLjUtMS40OTlsLTE3LjE3OCA2LjM3Yy0xLjA3NS40LS45OSAxLjk0Ni4xMjEgMi4yMjVsNy45NzMgMi4wMDMgMS45OTIgNy45NTJjLjI4IDEuMTEzIDEuODI4IDEuMTk4IDIuMjI3LjEyM3YweiIgc3Ryb2tlPSIjMjA2OUUwIiBzdHJva2Utd2lkdGg9IjIuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0iTTM5LjE4IDIwLjgxOEwyOC44NjcgMzEuMTU1IiBzdHJva2U9IiMyMDY5RTAiIHN0cm9rZS13aWR0aD0iMi41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=")
    }
}

@media only screen and (min-width: 640px) {
    .page-section--loading-documents .loading-documents-list__item:last-child .loading-documents__row:before {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMzAiIGN5PSIzMCIgcj0iMzAiIGZpbGw9IiNmZmYiLz48cGF0aCBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zNi4yNzkgMjEuMzg3djBhMi40NzcgMi40NzcgMCAwIDEgMCAzLjUwMkwyNC42MjIgMzYuNTQ1Yy0uMjk5LjMtLjY3NC41MTEtMS4wODQuNjE0bC00LjA0MiAxLjAxIDEuMDEtNC4wNDFjLjEwNC0uNDEuMzE2LS43ODUuNjE1LTEuMDg0bDExLjY1Ny0xMS42NTdhMi40NzYgMi40NzYgMCAwIDEgMy41IDB6IiBzdHJva2U9IiMzNkEyNjkiIHN0cm9rZS13aWR0aD0iMi41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNMzQuMDg1IDI3LjA4MmwtMy41MDEtMy41MDFNNDAuNTA0IDM3LjAwMmwtMS4yNzcgMS4yNzdhMy42MTEgMy42MTEgMCAwIDEtNS4xMDYgMHYwYTMuNjE4IDMuNjE4IDAgMCAwLTUuMTA3IDAiIHN0cm9rZT0iIzM2QTI2OSIgc3Ryb2tlLXdpZHRoPSIyLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==")
    }
}

.page-section--loading-documents .loading-documents-list__item:hover {
    text-decoration: none
}

.page-section--loading-documents .loading-documents-list__item:hover .link:before {
    width: 100%
}

.page-section--loading-documents .loading-documents-list__item .link {
    text-decoration: none
}

@media only screen and (min-width: 960px) {
    .page-section--loading-documents .loading-documents-list__item .link:before {
        content: "";
        position: absolute;
        width: 0;
        bottom: -3px;
        height: 2px;
        display: block;
        right: 0;
        left: 0;
        background: #0777cf;
        transition: width .15s ease;
        will-change: width
    }
}

.page-section--loading-documents .loading-documents-list__item .link:after {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -24px;
    width: 24px;
    height: 20px;
    background-image: url(https://marketing-static.signnow.com/1000/images/global/link-arrow.svg);
    background-repeat: no-repeat;
    background-position: 100%;
    content: ""
}

@media only screen and (min-width: 640px) {
    .page-section--loading-documents .loading-documents-list__item .loading-documents__button {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer
    }
}

@media only screen and (min-width: 640px) {
    .page-section--loading-documents .loading-documents-list__item .loading-documents__row {
        position: relative;
        display: flex;
        flex-direction: row;
        overflow: hidden;
        padding: 120px 34px 40px;
        background: #edfcf5;
        border-radius: 12px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--loading-documents .loading-documents-list__item .loading-documents__row {
        height: 271px;
        padding: 19px 0 8px 48px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--loading-documents .loading-documents-list__item .loading-documents__row {
        height: 314px;
        padding: 23px 0 8px 52px
    }
}

@media only screen and (min-width: 640px) {
    .page-section--loading-documents .loading-documents-list__item .loading-documents__row:before {
        content: "";
        position: absolute;
        width: 60px;
        height: 60px;
        top: 40px;
        left: 110px;
        background-size: contain
    }
}

@media only screen and (min-width: 960px) {
    .page-section--loading-documents .loading-documents-list__item .loading-documents__row:before {
        display: none
    }
}

@media only screen and (min-width: 640px) {
    .page-section--loading-documents .loading-documents-list__item .loading-documents__column {
        text-align: center
    }
}

@media only screen and (min-width: 960px) {
    .page-section--loading-documents .loading-documents-list__item .loading-documents__column {
        text-align: left
    }
}

@media only screen and (min-width: 960px) {
    .page-section--loading-documents .loading-documents-list__item .loading-documents__column:first-child {
        min-width: 192px;
        max-width: inherit
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--loading-documents .loading-documents-list__item .loading-documents__column:first-child {
        min-width: 260px
    }
}

@media only screen and (min-width: 640px) {
    .page-section--loading-documents .loading-documents-list__item .loading-documents__title {
        font-size: 20px;
        line-height: 28px;
        font-weight: 700;
        font-family: Graphik, Arial, sans-serif
    }
}

@media only screen and (min-width: 960px) {
    .page-section--loading-documents .loading-documents-list__item .loading-documents__title {
        margin-top: 39px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--loading-documents .loading-documents-list__item .loading-documents__title {
        margin-top: 44px;
        font-size: 24px;
        line-height: 32px
    }
}

@media only screen and (min-width: 640px) {
    .page-section--loading-documents .loading-documents-list__item .loading-documents__description {
        max-width: 192px;
        margin-top: 8px;
        font-size: 14px;
        line-height: 20px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--loading-documents .loading-documents-list__item .loading-documents__description {
        max-width: 260px;
        margin-top: 8px;
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width: 640px) {
    .page-section--loading-documents .loading-documents-list__item .loading-documents__action {
        margin-top: 20px;
        font-size: 16px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--loading-documents .loading-documents-list__item .loading-documents__action {
        margin-top: 27px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--loading-documents .loading-documents-list__item .loading-documents__action {
        margin-top: 36px
    }
}

.page-section--loading-documents .loading-documents-list__item .loading-documents__action .link {
    border: 0;
    background: transparent;
    padding: 0
}

@media only screen and (min-width: 640px) {
    .page-section--loading-documents .loading-documents-list__item .loading-documents__img {
        display: none
    }
}

@media only screen and (min-width: 960px) {
    .page-section--loading-documents .loading-documents-list__item .loading-documents__img {
        display: block;
        margin-right: -45px;
        transition: all .3s ease
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--loading-documents .loading-documents-list__item .loading-documents__img {
        margin-right: 0
    }
}

@media only screen and (min-width: 640px) {
    .page-section--loading-documents .loading-documents-list__item .loading-documents__img img {
        max-width: 255px;
        width: 255px;
        height: 244px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--loading-documents .loading-documents-list__item .loading-documents__img img {
        max-width: inherit;
        width: 296px;
        height: 283px
    }
}

.page-section--awards {
    padding-bottom: 56px
}

@media only screen and (min-width: 640px) {
    .page-section--awards {
        padding-bottom: 80px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--awards {
        padding-bottom: 100px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--awards {
        padding-bottom: 120px
    }
}

.page-section--awards .services-awards {
    max-width: 319px;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width: 640px) {
    .page-section--awards .services-awards {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-left: 0;
        margin-right: 0;
        max-width: inherit
    }
}

@media only screen and (min-width: 960px) {
    .page-section--awards .services-awards {
        flex-direction: row-reverse;
        align-items: center
    }
}

.page-section--awards .services-awards .section-subtitle {
    width: 290px;
    margin: 0 auto 24px;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    font-family: Graphik, Arial, sans-serif;
    font-weight: 700;
    color: #2c2c2c
}

@media only screen and (min-width: 640px) {
    .page-section--awards .services-awards .section-subtitle {
        width: 372px;
        margin-bottom: 32px;
        font-size: 24px;
        line-height: 32px;
        flex-shrink: 0
    }
}

@media only screen and (min-width: 960px) {
    .page-section--awards .services-awards .section-subtitle {
        width: 310px;
        margin-bottom: 0;
        margin-left: 0;
        font-size: 28px;
        line-height: 40px;
        text-align: left
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--awards .services-awards .section-subtitle {
        width: 496px;
        font-size: 32px;
        line-height: 44px
    }
}

.page-section--awards .services-awards__badges {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width: 640px) {
    .page-section--awards .services-awards__badges {
        max-width: 466px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--awards .services-awards__badges {
        max-width: 100%;
        margin-right: 66px;
        margin-left: 0
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--awards .services-awards__badges {
        margin-right: 110px
    }
}

.page-section--awards .services-awards__badges img {
    width: 61px;
    height: 68px
}

@media only screen and (min-width: 640px) {
    .page-section--awards .services-awards__badges img {
        width: 89px;
        height: 100px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--awards .services-awards__badges img {
        width: 107px;
        height: 120px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--awards .services-awards__badges img {
        width: 118px;
        height: 132px
    }
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    display: block;
    height: 28px;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-search--inline {
    float: left
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option[aria-selected] {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff
}

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

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-top: 5px;
    margin-right: 10px;
    padding: 1px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #000;
    outline: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: #fff
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, #fff 50%, #eee);
    background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: linear-gradient(180deg, #fff 50%, #eee);
    background-repeat: repeat-x
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eee 50%, #ccc);
    background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: linear-gradient(180deg, #eee 50%, #ccc);
    background-repeat: repeat-x
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #fff, #eee 50%);
    background-image: -o-linear-gradient(top, #fff 0, #eee 50%);
    background-image: linear-gradient(180deg, #fff 0, #eee 50%);
    background-repeat: repeat-x
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eee 50%, #fff);
    background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: linear-gradient(180deg, #eee 50%, #fff);
    background-repeat: repeat-x
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--open .select2-selection__arrow {
    transform: rotate(-180deg)
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: none
}

.select2-dropdown {
    overflow: hidden;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    box-shadow: 0 0 10px -6px
}

.select2-container {
    width: 100% !important
}

.select2-container.select2-container--above .select2-selection--single .select2-selection__rendered, .select2-container.select2-container--below .select2-selection--single .select2-selection__rendered {
    color: #38424b
}

.select2-container .select2-dropdown--below {
    margin-top: 4px
}

.select2-container .select2-dropdown--above {
    top: -4px
}

.select2-container .select2-results__option {
    padding: 12px 15px;
    line-height: 16px
}

.select2-container .select2-results__option[aria-selected=true] {
    color: #2c2c2c;
    background: #d5d5d5
}

.select2-container .select2-results__option[aria-disabled=true] {
    display: none
}

.select2-container .select2-results__option.select2-results__option--highlighted {
    color: #444;
    background: #e9e9e9
}

.select2-container .select2-selection--single {
    height: 40px;
    padding: 8px 12px;
    font-weight: 400;
    font-size: 14px;
    line-height: normal;
    color: #38424b;
    border: 1px solid #81919d;
    position: relative;
    text-align: left;
    background: #fff;
    border-radius: 4px !important;
    outline: none;
    outline-offset: -2px;
    cursor: pointer;
    user-select: none
}

@media only screen and (min-width: 1480px) {
    .select2-container .select2-selection--single {
        font-size: 16px
    }
}

.select2-container .select2-selection--single:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #667988
}

.select2-container .select2-selection--single .select2-selection__arrow {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 40px;
    padding: 0;
    font-size: 0;
    background: none;
    border: none;
    transition: .15s ease-out
}

.select2-container .select2-selection--single .select2-selection__arrow:before {
    position: absolute;
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    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")
}

.select2-container .select2-selection--single .select2-selection__arrow b {
    display: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 1.7;
    padding-left: 0;
    padding-right: 0;
    color: #667988
}

@media only screen and (min-width: 1280px) {
    .select2-container .select2-selection--single .select2-selection__rendered {
        font-size: 14px
    }
}

@media only screen and (min-width: 1480px) {
    .select2-container .select2-selection--single .select2-selection__rendered {
        font-size: 16px;
        line-height: normal
    }
}

.form-wrapper, .modal__content {
    background-color: #fff
}

.form-wrapper .form--user-data, .modal__content .form--user-data {
    width: 100%
}

.form-wrapper .form__title, .modal__content .form__title {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    margin-bottom: 8px
}

.form-wrapper .form__description, .modal__content .form__description {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    margin-bottom: 32px
}

.form-wrapper .form__item, .modal__content .form__item {
    position: relative;
    margin-bottom: 20px
}

@media only screen and (min-width: 1480px) {
    .form-wrapper .form__item, .modal__content .form__item {
        margin-bottom: 24px
    }
}

.form-wrapper .form__item select, .modal__content .form__item select {
    opacity: 0
}

.form-wrapper .form__row, .modal__content .form__row {
    margin: 0
}

@media only screen and (min-width: 640px) {
    .form-wrapper .form__row, .modal__content .form__row {
        display: flex;
        flex-direction: row;
        justify-content: space-between
    }

    .form-wrapper .form__row .form__item, .modal__content .form__row .form__item {
        width: calc(50% - 8px)
    }
}

@media only screen and (min-width: 1480px) {
    .form-wrapper .form__row, .modal__content .form__row {
        flex-direction: row
    }
}

.form-wrapper .form-control, .modal__content .form-control {
    color: #38424b;
    border: 1px solid #81919d;
    line-height: normal;
    font-weight: 400;
    height: 40px;
    padding: 8px 12px;
    font-size: 14px
}

@media only screen and (min-width: 640px) {
    .form-wrapper .form-control, .modal__content .form-control {
        width: 100%
    }
}

@media only screen and (min-width: 1480px) {
    .form-wrapper .form-control, .modal__content .form-control {
        font-size: 16px
    }
}

.form-wrapper .form-control::-webkit-input-placeholder, .modal__content .form-control::-webkit-input-placeholder {
    color: #667988;
    opacity: 1
}

.form-wrapper .form-control:-moz-placeholder, .form-wrapper .form-control::-moz-placeholder, .modal__content .form-control:-moz-placeholder, .modal__content .form-control::-moz-placeholder {
    color: #667988;
    opacity: 1
}

.form-wrapper .form-control:-ms-input-placeholder, .modal__content .form-control:-ms-input-placeholder {
    color: #667988;
    opacity: 1
}

.form-wrapper .form-control--questions, .modal__content .form-control--questions {
    resize: none;
    overflow: auto;
    height: 96px
}

@media only screen and (min-width: 1480px) {
    .form-wrapper .form-control--questions, .modal__content .form-control--questions {
        height: 120px
    }
}

.form-wrapper .form-control--questions .button:before, .modal__content .form-control--questions .button:before {
    margin-top: 11px;
    margin-bottom: 11px
}

.form-wrapper .form-control--api-wrap, .modal__content .form-control--api-wrap {
    width: 134px;
    padding-left: 19px;
    border: none;
    height: auto
}

@media only screen and (min-width: 960px) {
    .form-wrapper .form-control--api-wrap, .modal__content .form-control--api-wrap {
        padding-left: 35px
    }
}

@media only screen and (min-width: 1280px) {
    .form-wrapper .form-control--api-wrap, .modal__content .form-control--api-wrap {
        font-size: 16px;
        line-height: 24px
    }
}

.form-wrapper .form-control--radio-btn:checked, .form-wrapper .form-control--radio-btn:not(:checked), .modal__content .form-control--radio-btn:checked, .modal__content .form-control--radio-btn:not(:checked) {
    position: absolute;
    left: -9999px
}

.form-wrapper .form-control--radio-btn:checked + label, .form-wrapper .form-control--radio-btn:not(:checked) + label, .modal__content .form-control--radio-btn:checked + label, .modal__content .form-control--radio-btn:not(:checked) + label {
    display: inline-block;
    position: relative;
    padding-left: 26px;
    padding-right: 18px;
    cursor: pointer
}

@media only screen and (min-width: 1280px) {
    .form-wrapper .form-control--radio-btn:checked + label, .form-wrapper .form-control--radio-btn:not(:checked) + label, .modal__content .form-control--radio-btn:checked + label, .modal__content .form-control--radio-btn:not(:checked) + label {
        padding-right: 29px
    }
}

@media only screen and (min-width: 1480px) {
    .form-wrapper .form-control--radio-btn:checked + label, .form-wrapper .form-control--radio-btn:not(:checked) + label, .modal__content .form-control--radio-btn:checked + label, .modal__content .form-control--radio-btn:not(:checked) + label {
        padding-right: 28px
    }
}

.form-wrapper .form-control--radio-btn:checked + label:before, .form-wrapper .form-control--radio-btn:not(:checked) + label:before, .modal__content .form-control--radio-btn:checked + label:before, .modal__content .form-control--radio-btn:not(:checked) + label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 16px;
    height: 16px;
    border: 1px solid #9da9b3;
    background-color: #fff;
    border-radius: 100%
}

.form-wrapper .form-control--radio-btn:checked + label:after, .form-wrapper .form-control--radio-btn:not(:checked) + label:after, .modal__content .form-control--radio-btn:checked + label:after, .modal__content .form-control--radio-btn:not(:checked) + label:after {
    content: "";
    position: absolute;
    left: 4px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #2f373e;
    transition: all .2s ease
}

.form-wrapper .form-control--radio-btn:not(:checked) + label:after, .modal__content .form-control--radio-btn:not(:checked) + label:after {
    opacity: 0
}

.form-wrapper .form-control--radio-btn:checked + label:after, .modal__content .form-control--radio-btn:checked + label:after {
    opacity: 1
}

.form-wrapper .form-control--radio-btn + label, .modal__content .form-control--radio-btn + label {
    outline: none
}

.form-wrapper .form-control--radio-btn + label:focus:before, .form-wrapper .form-control--radio-btn:focus + label:before, .modal__content .form-control--radio-btn + label:focus:before, .modal__content .form-control--radio-btn:focus + label:before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #667988
}

.form-wrapper .form__item--actions, .modal__content .form__item--actions {
    margin-bottom: 15px
}

@media only screen and (min-width: 640px) {
    .form-wrapper .form__item--actions, .modal__content .form__item--actions {
        margin-bottom: 21px
    }
}

@media only screen and (min-width: 1480px) {
    .form-wrapper .form__item--actions, .modal__content .form__item--actions {
        margin-bottom: 17px
    }
}

.form-wrapper .form-submit-note, .modal__content .form-submit-note {
    margin-top: 8px;
    margin-bottom: 20px;
    font-size: 12px;
    line-height: 1.67;
    color: #959595;
    text-align: center
}

@media only screen and (min-width: 1480px) {
    .form-wrapper .form-submit-note, .modal__content .form-submit-note {
        margin-bottom: 28px
    }
}

.form-wrapper .form-submit-note .emoji--tada, .form-wrapper .form-submit-note .emoji-tada, .modal__content .form-submit-note .emoji--tada, .modal__content .form-submit-note .emoji-tada {
    transform: translate3d(0, 2px, 0);
    display: inline-block;
    background-image: url(../images/home/emoji-tada.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 16px;
    height: 16px
}

.form-wrapper .form__item--agreement-note, .modal__content .form__item--agreement-note {
    margin-bottom: 0;
    font-size: 12px;
    line-height: 1.67;
    color: #2c2c2c;
    text-align: center
}

@media only screen and (min-width: 640px) {
    .form-wrapper .form__item--agreement-note, .modal__content .form__item--agreement-note {
        max-width: 532px;
        margin-left: auto;
        margin-right: auto
    }
}

.form__item--api {
    display: flex;
    margin-bottom: 1px;
    align-items: center;
    white-space: nowrap
}

@media only screen and (min-width: 375px) {
    .form__item--api {
        margin-bottom: 4px
    }
}

@media only screen and (min-width: 640px) {
    .form__item--api {
        margin-bottom: 0
    }
}

@media only screen and (min-width: 1280px) {
    .form__item--api {
        margin-bottom: 4px;
        font-size: 16px
    }
}

@media only screen and (min-width: 1480px) {
    .form__item--api {
        margin-bottom: 8px
    }
}

.form__item--checkbox {
    margin-top: -5px;
    font-size: 16px;
    line-height: 20px;
    color: #2c2c2c
}

@media only screen and (min-width: 640px) {
    .form__item--checkbox {
        max-width: 532px
    }
}

@media only screen and (min-width: 1280px) {
    .form__item--checkbox {
        max-width: 374px
    }
}

.form__item--checkbox fieldset {
    margin-left: 28px
}

.form__item--checkbox .parsley-errors-list {
    padding-left: 0
}

.form__item--checkbox .form-control--checkbox-btn {
    margin-left: -20px
}

.form__item--checkbox .check-icon {
    top: 2px;
    left: -8px
}

.accessibility-hidden-content {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    white-space: nowrap;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px)
}

.form__item--hidden {
    display: none
}

.modal .form__item--employees.multiple {
    display: flex;
    flex-direction: column-reverse
}

@media only screen and (min-width: 640px) {
    .modal .form__item--employees.multiple {
        display: block
    }
}

@media only screen and (min-width: 640px) {
    .modal .form__item--employees.multiple .parsley-errors-list {
        position: absolute;
        bottom: 0
    }
}

.scroll-locked {
    overflow: hidden;
    touch-action: none
}

.modal {
    display: none
}

.modal.is-open {
    display: block
}

.modal__overlay {
    background-color: rgba(0, 0, 0, .5);
    -webkit-tap-highlight-color: transparent
}

.modal__container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.modal-animation-slide[aria-hidden=false] .modal__overlay {
    animation: modal-fadeIn .25s cubic-bezier(0, 0, .2, 1)
}

.modal-animation-slide[aria-hidden=false] .modal__container {
    animation: modal-slideIn .25s cubic-bezier(0, 0, .2, 1)
}

.modal-animation-slide[aria-hidden=true] .modal__overlay {
    animation: modal-fadeOut .25s cubic-bezier(0, 0, .2, 1)
}

.modal-animation-slide[aria-hidden=true] .modal__container {
    animation: modal__slideOut .25s cubic-bezier(0, 0, .2, 1)
}

.modal__container, .modal__overlay {
    will-change: transform
}

.modal__overlay {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1001;
    overflow-x: hidden;
    background: rgba(0, 0, 0, .6)
}

.form-container, .modal__overlay {
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow-y: auto
}

.form-container {
    position: absolute;
    max-width: 608px;
    height: auto;
    padding: 32px 16px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 15px 25px 0 rgba(0, 0, 0, .1)
}

@media only screen and (min-width: 640px) {
    .form-container {
        top: 5%;
        padding: 55px 70px 32px
    }
}

@media only screen and (min-width: 960px) {
    .form-container {
        top: 10%;
        padding: 55px 70px 50px
    }
}

@media only screen and (min-width: 1280px) {
    .form-container {
        top: 12%
    }
}

.modal__header {
    position: relative;
    display: block;
    text-align: center
}

.modal__header .modal__close {
    position: absolute;
    top: -11px;
    right: -4px;
    z-index: 99;
    width: 20px;
    height: 20px;
    background: transparent;
    border: 0;
    cursor: pointer
}

.modal__header .modal__close:after, .modal__header .modal__close:before {
    content: "";
    position: absolute;
    top: 10px;
    right: -10px;
    width: 20px;
    height: 2px;
    margin-top: -1px;
    background: #2c2c2c
}

.modal__header .modal__close:before {
    transform: translate(-50%) rotate(45deg)
}

.modal__header .modal__close:after {
    transform: translate(-50%) rotate(-45deg)
}

@media only screen and (min-width: 960px) {
    .modal__header .modal__close {
        top: -32px;
        right: -47px
    }
}

.modal__title {
    max-width: 255px;
    margin: 0 auto 10px;
    font-family: Graphik, Arial, sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.42
}

@media only screen and (min-width: 640px) {
    .modal__title {
        max-width: 100%;
        font-size: 20px
    }
}

@media only screen and (min-width: 960px) {
    .modal__title {
        font-size: 24px
    }
}

.modal__subtitle {
    line-height: 1.5
}

.modal__content {
    flex: 1 0 auto;
    margin-top: 35px
}

.modal-animation-slide {
    display: none
}

.modal-animation-slide.is-open {
    display: block
}

.modal-animation-slide[aria-hidden=false] .modal__container {
    animation: modal-fadeIn .25s cubic-bezier(0, 0, .2, 1)
}

.modal-animation-slide[aria-hidden=false] .form-container {
    animation: modal-slideIn .25s cubic-bezier(0, 0, .2, 1)
}

.modal-animation-slide[aria-hidden=true] .modal__container {
    animation: modal-fadeOut .25s cubic-bezier(0, 0, .2, 1)
}

.modal-animation-slide[aria-hidden=true] .form-container {
    animation: modal__slideOut .25s cubic-bezier(0, 0, .2, 1)
}

.form-container, .modal__container {
    will-change: transform
}

.is-ie11 .form-container {
    position: relative
}

@-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)
    }
}

.page-section--pricing {
    padding-bottom: 60px;
    overflow: hidden
}

@media only screen and (min-width: 640px) {
    .page-section--pricing {
        padding-bottom: 80px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--pricing {
        padding-bottom: 100px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--pricing {
        padding-bottom: 120px
    }
}

.page-section--pricing .section-subtitle {
    font-family: Graphik, Arial, sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 16px;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width: 640px) {
    .page-section--pricing .section-subtitle {
        font-size: 32px;
        line-height: 40px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--pricing .section-subtitle {
        font-size: 40px;
        line-height: 48px;
        margin-bottom: 16px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--pricing .section-subtitle {
        font-size: 48px;
        line-height: 60px;
        max-width: 1132px
    }
}

.page-section--pricing .section-message {
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 24px
}

@media only screen and (min-width: 640px) {
    .page-section--pricing .section-message {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 32px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--pricing .section-message {
        margin-bottom: 48px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--pricing .section-message {
        font-size: 20px;
        line-height: 28px
    }
}

.pricing-free-trial {
    border-radius: 8px;
    padding: 24px 16px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    transition: border-color .3s ease-in;
    cursor: pointer
}

@media only screen and (min-width: 640px) {
    .pricing-free-trial {
        padding: 32px
    }
}

@media only screen and (min-width: 960px) {
    .pricing-free-trial {
        padding: 36px 60px;
        margin-bottom: 0;
        border-radius: 12px
    }
}

@media only screen and (min-width: 1280px) {
    .pricing-free-trial {
        padding: 38px 75px
    }
}

.pricing-free-trial.pricing-free-trial--bordered {
    border: 1px solid #b2c2d2;
    margin-top: 24px
}

.pricing-free-trial.pricing-free-trial--bordered:hover {
    border: 1px solid #0777cf !important
}

.pricing-free-trial.pricing-free-trial--bordered.is-active {
    border: 1px solid #0777cf
}

.pricing-free-trial.pricing-free-trial--bordered.is-active .pricing-free-trial__column--details:after {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE4IDE1bC02LTYtNiA2IiBzdHJva2U9IiMwNzc3Q0YiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+") no-repeat
}

.pricing-free-trial.pricing-free-trial--bordered .pricing-free-trial__column--details:after {
    position: absolute;
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE4IDlsLTYgNi02LTYiIHN0cm9rZT0iIzkzQTlDMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=") no-repeat;
    background-size: contain;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

@media only screen and (min-width: 960px) {
    .pricing-free-trial.pricing-free-trial--bordered .pricing-free-trial__column--details:after {
        display: none
    }
}

.pricing-free-trial.pricing-free-trial--green {
    background-color: #edfcf5
}

.pricing-free-trial.pricing-free-trial--green:hover {
    border: 1px solid #0fcba9 !important
}

.pricing-free-trial.pricing-free-trial--green .pricing-list .pricing-list__item:before {
    background-color: #0fcba9
}

.pricing-free-trial.is-active {
    border: 1px solid #0fcba9
}

.pricing-free-trial.is-active .pricing-free-trial__wrapper {
    display: block
}

@media only screen and (min-width: 640px) {
    .pricing-free-trial.is-active .pricing-free-trial__wrapper {
        display: flex
    }
}

.pricing-free-trial.is-active .pricing-free-trial__column--button {
    display: block
}

.pricing-free-trial.is-active .pricing-free-trial__column--details {
    margin-bottom: 24px
}

@media only screen and (min-width: 640px) {
    .pricing-free-trial.is-active .pricing-free-trial__column--details {
        margin-bottom: 32px
    }
}

@media only screen and (min-width: 960px) {
    .pricing-free-trial.is-active .pricing-free-trial__column--details {
        margin-bottom: 0
    }
}

.pricing-free-trial.is-active .pricing-free-trial__column--details:after {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE4IDE1bC02LTYtNiA2IiBzdHJva2U9IiMwRkNCQTkiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+") no-repeat
}

.pricing-free-trial .pricing-free-trial__row {
    display: flex;
    position: relative;
    flex-direction: column
}

@media only screen and (min-width: 960px) {
    .pricing-free-trial .pricing-free-trial__row {
        flex-direction: row
    }
}

.pricing-free-trial .pricing-free-trial__wrapper {
    display: none;
    order: 3
}

@media only screen and (min-width: 640px) {
    .pricing-free-trial .pricing-free-trial__wrapper {
        justify-content: space-between
    }
}

@media only screen and (min-width: 960px) {
    .pricing-free-trial .pricing-free-trial__wrapper {
        justify-content: flex-start;
        display: flex;
        order: 2
    }
}

.pricing-free-trial .pricing-free-trial__column--details {
    position: relative;
    order: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 36px
}

@media only screen and (min-width: 640px) {
    .pricing-free-trial .pricing-free-trial__column--details {
        padding-right: 48px
    }
}

@media only screen and (min-width: 960px) {
    .pricing-free-trial .pricing-free-trial__column--details {
        display: block;
        width: 220px;
        margin-right: 64px;
        padding-right: 0
    }
}

@media only screen and (min-width: 1280px) {
    .pricing-free-trial .pricing-free-trial__column--details {
        width: 185px;
        margin-right: 72px;
        padding-top: 26px
    }
}

.pricing-free-trial .pricing-free-trial__column--details:after {
    position: absolute;
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE4IDlsLTYgNi02LTYiIHN0cm9rZT0iIzkzQTlDMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=") no-repeat;
    background-size: contain;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

@media only screen and (min-width: 960px) {
    .pricing-free-trial .pricing-free-trial__column--details:after {
        display: none
    }
}

@media only screen and (min-width: 640px) {
    .pricing-free-trial .pricing-free-trial__column--list {
        width: 246px
    }
}

@media only screen and (min-width: 960px) {
    .pricing-free-trial .pricing-free-trial__column--list:nth-child(2) {
        margin-left: 47px
    }
}

@media only screen and (min-width: 1280px) {
    .pricing-free-trial .pricing-free-trial__column--list:nth-child(2) {
        margin-right: 64px;
        margin-left: 40px
    }
}

.pricing-free-trial .pricing-free-trial__column--list:not(:last-child) {
    margin-bottom: 14px
}

@media only screen and (min-width: 640px) {
    .pricing-free-trial .pricing-free-trial__column--list:not(:last-child) {
        margin-bottom: 0
    }
}

.pricing-free-trial .pricing-free-trial__column--button {
    order: 2;
    margin-bottom: 18px;
    display: none
}

@media only screen and (min-width: 640px) {
    .pricing-free-trial .pricing-free-trial__column--button {
        margin-bottom: 26px
    }
}

@media only screen and (min-width: 960px) {
    .pricing-free-trial .pricing-free-trial__column--button {
        display: block;
        order: 3;
        margin-bottom: 0
    }
}

@media only screen and (min-width: 1280px) {
    .pricing-free-trial .pricing-free-trial__column--button {
        width: 247px;
        padding-top: 54px
    }
}

.pricing-free-trial .pricing-free-trial__column--button .button {
    position: relative;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    padding-top: 11px;
    padding-bottom: 11px;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .pricing-free-trial .pricing-free-trial__column--button .button {
        width: 220px;
        position: absolute;
        left: 0;
        bottom: 0
    }
}

@media only screen and (min-width: 1280px) {
    .pricing-free-trial .pricing-free-trial__column--button .button {
        position: relative;
        width: 100%
    }
}

.pricing-free-trial .pricing-free-trial__title {
    font-family: Graphik, Arial, sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width: 640px) {
    .pricing-free-trial .pricing-free-trial__title {
        font-size: 20px;
        line-height: 28px
    }
}

@media only screen and (min-width: 960px) {
    .pricing-free-trial .pricing-free-trial__title {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 8px
    }
}

@media only screen and (min-width: 1280px) {
    .pricing-free-trial .pricing-free-trial__title {
        font-size: 36px;
        line-height: 48px;
        margin-bottom: 16px
    }
}

.pricing-free-trial .pricing-free-trial__description {
    font-size: 12px;
    line-height: 16px;
    max-width: 149px;
    text-align: right
}

@media only screen and (min-width: 640px) {
    .pricing-free-trial .pricing-free-trial__description {
        font-size: 14px;
        line-height: 20px;
        max-width: 178px
    }
}

@media only screen and (min-width: 960px) {
    .pricing-free-trial .pricing-free-trial__description {
        max-width: 169px;
        text-align: left
    }
}

@media only screen and (min-width: 1280px) {
    .pricing-free-trial .pricing-free-trial__description {
        max-width: inherit
    }
}

.pricing-list-title {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    margin-bottom: 12px
}

.pricing-list .pricing-list__item {
    position: relative;
    font-size: 14px;
    line-height: 20px;
    padding-left: 20px;
    display: flex;
    align-items: flex-start
}

.pricing-list .pricing-list__item:not(:last-child) {
    margin-bottom: 14px
}

.pricing-list .pricing-list__item:before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    top: 6px;
    left: 2px;
    border-radius: 50%;
    background-color: #b1ceff
}

.business-cloud-list {
    margin-top: 16px
}

.business-cloud-list .business-cloud-list__item {
    position: relative;
    padding-left: 35px;
    font-size: 14px;
    line-height: 20px
}

.business-cloud-list .business-cloud-list__item:not(:last-child) {
    margin-bottom: 24px
}

@media only screen and (min-width: 960px) {
    .business-cloud-list .business-cloud-list__item:not(:last-child) {
        margin-bottom: 16px
    }
}

@media only screen and (min-width: 1280px) {
    .business-cloud-list .business-cloud-list__item:not(:last-child) {
        margin-bottom: 24px
    }
}

.business-cloud-list .business-cloud-list__item svg {
    position: absolute;
    border-radius: 50%;
    left: 0;
    margin: auto;
    top: 0;
    bottom: 0
}

@media only screen and (min-width: 1280px) {
    .business-cloud-list .business-cloud-list__item svg {
        top: -4px
    }
}

.pricing-plans {
    margin-top: 16px
}

@media only screen and (min-width: 640px) {
    .pricing-plans {
        margin-top: 20px
    }
}

@media only screen and (min-width: 960px) {
    .pricing-plans {
        display: flex;
        margin: 20px -8px 0
    }
}

@media only screen and (min-width: 1280px) {
    .pricing-plans {
        margin: 24px -11px 0
    }
}

@media only screen and (min-width: 960px) {
    .pricing-plan {
        width: 25%;
        padding: 0 8px;
        display: flex
    }
}

@media only screen and (min-width: 1280px) {
    .pricing-plan {
        padding: 0 11px
    }
}

.pricing-plan:not(:last-child) {
    margin-bottom: 16px
}

@media only screen and (min-width: 640px) {
    .pricing-plan:not(:last-child) {
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 960px) {
    .pricing-plan:not(:last-child) {
        margin-bottom: 0
    }
}

@media only screen and (min-width: 960px) {
    .pricing-plan:last-child .tooltip .tooltip__description {
        left: auto;
        margin: 0;
        right: 0
    }
}

@media only screen and (min-width: 1280px) {
    .pricing-plan:last-child .tooltip .tooltip__description {
        left: -86px;
        margin: auto;
        right: auto
    }
}

.pricing-plan:last-child .tooltip .tooltip__description:after {
    left: auto;
    right: 1px
}

@media only screen and (min-width: 1280px) {
    .pricing-plan:last-child .tooltip .tooltip__description:after {
        right: 0;
        left: 0
    }
}

.pricing-plan.is-active .pricing-plan__wrapper {
    border: 1px solid #0777cf;
    padding-bottom: 19px
}

@media only screen and (min-width: 640px) {
    .pricing-plan.is-active .pricing-plan__wrapper {
        padding-bottom: 31px
    }
}

.pricing-plan.is-active .pricing-plan__row {
    margin-bottom: 24px
}

@media only screen and (min-width: 640px) {
    .pricing-plan.is-active .pricing-plan__row {
        margin-bottom: 32px
    }
}

@media only screen and (min-width: 960px) {
    .pricing-plan.is-active .pricing-plan__row {
        padding-right: 0
    }
}

.pricing-plan.is-active .pricing-plan__row:after {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE4IDE1bC02LTYtNiA2IiBzdHJva2U9IiMwNzc3Q0YiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+") no-repeat
}

.pricing-plan.is-active .business-cloud-list, .pricing-plan.is-active .button, .pricing-plan.is-active .pricing-list {
    display: block
}

@media only screen and (min-width: 960px) {
    .pricing-plan:first-child .pricing-plan__description {
        padding: 0 9px
    }
}

@media only screen and (min-width: 1280px) {
    .pricing-plan:first-child .pricing-plan__description {
        padding: 0
    }
}

.pricing-plan:hover .pricing-plan__wrapper {
    border: 1px solid #0777cf !important
}

.pricing-plan.pricing-plan--free .pricing-plan__title {
    display: none
}

@media only screen and (min-width: 960px) {
    .pricing-plan.pricing-plan--free .pricing-plan__title {
        display: block
    }
}

.pricing-plan.pricing-plan--free .pricing-plan__description {
    font-size: 12px;
    line-height: 16px;
    display: block;
    text-align: right;
    min-height: unset;
    margin: 0
}

@media only screen and (min-width: 640px) {
    .pricing-plan.pricing-plan--free .pricing-plan__description {
        font-size: 14px;
        line-height: 20px
    }
}

@media only screen and (min-width: 960px) {
    .pricing-plan.pricing-plan--free .pricing-plan__description {
        text-align: center;
        min-height: 60px;
        margin: 16px 0
    }
}

@media only screen and (min-width: 1280px) {
    .pricing-plan.pricing-plan--free .pricing-plan__description {
        min-height: inherit
    }
}

.pricing-plan.pricing-plan--free .price-block {
    justify-content: flex-start
}

@media only screen and (min-width: 960px) {
    .pricing-plan.pricing-plan--free .price-block {
        justify-content: center
    }
}

.pricing-plan.pricing-plan--free .pricing-plan__header {
    display: none
}

@media only screen and (min-width: 960px) {
    .pricing-plan.pricing-plan--free .pricing-plan__header {
        display: flex
    }
}

.pricing-plan.pricing-plan--free .price-block__count {
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width: 640px) {
    .pricing-plan.pricing-plan--free .price-block__count {
        font-size: 20px;
        line-height: 28px
    }
}

@media only screen and (min-width: 1280px) {
    .pricing-plan.pricing-plan--free .price-block__count {
        font-size: 36px;
        line-height: 42px
    }
}

.pricing-plan.pricing-plan--premium-v2 .pricing-plan__wrapper {
    background: #fff !important;
    border: 1px solid #d0dae4 !important
}

@media only screen and (min-width: 960px) {
    .pricing-plan.pricing-plan--premium-v2 .pricing-plan__wrapper {
        background: #f2f7ff !important;
        border: 1px solid #f2f7ff !important
    }
}

.pricing-plan.pricing-plan--premium-v2:hover .pricing-plan__wrapper {
    border: 1px solid #0777cf !important
}

.pricing-plan.pricing-plan--premium .pricing-plan__wrapper {
    background: #f2f7ff;
    border: 1px solid #f2f7ff
}

.pricing-plan.pricing-plan--premium.is-active .pricing-plan__wrapper {
    border: 1px solid #0777cf
}

.pricing-plan .pricing-plan__wrapper {
    border: 1px solid #d0dae4;
    border-radius: 8px;
    transition: border-color .3s ease-in;
    padding: 15px;
    cursor: pointer
}

@media only screen and (min-width: 640px) {
    .pricing-plan .pricing-plan__wrapper {
        padding: 31px
    }
}

@media only screen and (min-width: 960px) {
    .pricing-plan .pricing-plan__wrapper {
        border-radius: 12px;
        padding: 18px 11px 39px
    }
}

@media only screen and (min-width: 1280px) {
    .pricing-plan .pricing-plan__wrapper {
        padding: 14px 23px 44px
    }
}

.pricing-plan .pricing-plan__row {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 37px;
    min-height: 48px
}

@media only screen and (min-width: 640px) {
    .pricing-plan .pricing-plan__row {
        padding-right: 49px;
        min-height: inherit
    }
}

@media only screen and (min-width: 960px) {
    .pricing-plan .pricing-plan__row {
        display: block;
        padding-right: 0
    }
}

.pricing-plan .pricing-plan__row:after {
    position: absolute;
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE4IDlsLTYgNi02LTYiIHN0cm9rZT0iIzkzQTlDMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=") no-repeat;
    background-size: contain;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

@media only screen and (min-width: 960px) {
    .pricing-plan .pricing-plan__row:after {
        display: none
    }
}

.pricing-plan .pricing-plan__header {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end
}

@media only screen and (min-width: 960px) {
    .pricing-plan .pricing-plan__header {
        min-height: 50px;
        max-height: 50px;
        margin-bottom: 24px
    }
}

@media only screen and (min-width: 1280px) {
    .pricing-plan .pricing-plan__header {
        min-height: 54px;
        max-height: 54px
    }
}

.pricing-plan .business-cloud-list, .pricing-plan .button, .pricing-plan .pricing-list, .pricing-plan .pricing-list-title {
    display: none
}

@media only screen and (min-width: 960px) {
    .pricing-plan .business-cloud-list, .pricing-plan .button, .pricing-plan .pricing-list, .pricing-plan .pricing-list-title {
        display: block
    }
}

.pricing-plan .discount {
    position: absolute;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    left: 0;
    top: -24px;
    font-size: 10px;
    line-height: 16px;
    margin: auto;
    background: #009c80;
    border-radius: 4px;
    text-align: center;
    padding: 2px 8px;
    width: 58px;
    height: 20px
}

@media only screen and (min-width: 640px) {
    .pricing-plan .discount {
        font-size: 12px;
        line-height: 20px;
        padding: 2px 10px;
        width: 71px;
        height: 24px;
        top: -45px
    }
}

@media only screen and (min-width: 960px) {
    .pricing-plan .discount {
        width: 79px;
        height: 28px;
        font-size: 14px;
        line-height: 24px;
        right: 0;
        top: -23px
    }
}

.pricing-plan .popular-label {
    font-weight: 700;
    color: #0078db;
    margin-bottom: 2px;
    text-transform: uppercase;
    display: none
}

@media only screen and (min-width: 960px) {
    .pricing-plan .popular-label {
        display: block;
        font-size: 10px;
        line-height: 20px
    }
}

@media only screen and (min-width: 1280px) {
    .pricing-plan .popular-label {
        font-size: 12px;
        line-height: 24px
    }
}

.pricing-plan .pricing-plan__title {
    font-size: 16px;
    line-height: 24px;
    font-family: Graphik, Arial, sans-serif;
    font-weight: 700;
    max-width: 134px
}

@media only screen and (min-width: 640px) {
    .pricing-plan .pricing-plan__title {
        font-size: 20px;
        line-height: 28px;
        max-width: inherit
    }
}

@media only screen and (min-width: 960px) {
    .pricing-plan .pricing-plan__title {
        text-align: center
    }
}

.pricing-plan .pricing-plan__description {
    display: none;
    font-size: 14px;
    line-height: 20px;
    margin: 16px 0;
    text-align: center;
    min-height: 60px
}

@media only screen and (min-width: 960px) {
    .pricing-plan .pricing-plan__description {
        display: block
    }
}

@media only screen and (min-width: 1280px) {
    .pricing-plan .pricing-plan__description {
        min-height: inherit
    }
}

.pricing-plan a.button {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    padding-top: 11px;
    padding-bottom: 11px;
    width: 100%;
    margin-bottom: 24px;
    letter-spacing: 0
}

@media only screen and (min-width: 960px) {
    .pricing-plan a.button {
        padding-left: 5px;
        padding-right: 5px
    }
}

@media only screen and (min-width: 1280px) {
    .pricing-plan a.button {
        padding-left: 20px;
        padding-right: 20px
    }
}

.pricing-plan a.button.button--bordered {
    padding-top: 10px;
    padding-bottom: 10px
}

.price-block {
    display: flex;
    justify-content: center;
    align-items: center
}

@media only screen and (min-width: 960px) {
    .price-block {
        min-height: 40px
    }
}

@media only screen and (min-width: 1280px) {
    .price-block {
        min-height: 52px
    }
}

.price-block .price-block__count {
    font-size: 24px;
    line-height: 32px;
    font-weight: 800;
    margin-right: 8px
}

@media only screen and (min-width: 640px) {
    .price-block .price-block__count {
        font-size: 36px;
        line-height: 40px
    }
}

@media only screen and (min-width: 1280px) {
    .price-block .price-block__count {
        font-size: 42px;
        line-height: 42px
    }
}

.price-block .price-block__count--free {
    margin-right: 0
}

@media only screen and (min-width: 960px) {
    .price-block .price-block__count--free {
        font-size: 32px
    }
}

@media only screen and (min-width: 1280px) {
    .price-block .price-block__count--free {
        font-size: 36px
    }
}

@media only screen and (min-width: 960px) {
    .price-block--discount .price-block__count {
        font-size: 24px;
        line-height: 40px
    }
}

@media only screen and (min-width: 1280px) {
    .price-block--discount .price-block__count {
        font-size: 36px;
        line-height: 40px
    }
}

.price-block .price-block__old {
    color: #546470;
    margin-right: 11px;
    position: relative;
    display: none
}

@media only screen and (min-width: 960px) {
    .price-block .price-block__old {
        display: block;
        font-size: 14px;
        line-height: 28px
    }
}

@media only screen and (min-width: 1280px) {
    .price-block .price-block__old {
        font-size: 16px;
        line-height: 28px
    }
}

.price-block .price-block__old:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #546470;
    margin: auto
}

.price-block .price-block__description {
    font-size: 12px;
    line-height: 16px;
    max-width: 60px;
    flex-shrink: 0
}

@media only screen and (min-width: 960px) {
    .price-block .price-block__description {
        max-width: inherit
    }
}

.price-block .price-block__description span {
    display: none
}

@media only screen and (min-width: 960px) {
    .price-block .price-block__description span {
        display: inline
    }
}

.tooltip {
    position: relative;
    width: 14px;
    height: 14px;
    margin-left: 10px;
    cursor: pointer;
    margin-top: 4px
}

.tooltip:hover .tooltip__description {
    opacity: 1;
    visibility: visible;
    animation-duration: .3s;
    animation-timing-function: ease-out;
    animation-name: fadeInDown
}

.tooltip:before {
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    left: 0;
    top: 0;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTYuMzQyIDYuNTAzaC43Njd2Mi44MzRNNi4zMzYgOS4zMzdoMS41NE03LjA3IDQuNWEuMTY3LjE2NyAwIDEgMS0uMTY4LS4xNjdNNi45MDIgNC4zMzNjLjA5MyAwIC4xNjcuMDc1LjE2Ny4xNjciIHN0cm9rZT0iIzkzQTlDMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxyZWN0IHg9IjEiIHk9IjEiIHdpZHRoPSIxMi4wMDUiIGhlaWdodD0iMTIuMDA1IiByeD0iNSIgc3Ryb2tlPSIjOTNBOUMwIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+") no-repeat;
    background-size: contain
}

.tooltip .tooltip__description {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    background: #fff;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .12);
    border-radius: 4px;
    width: 185px;
    padding: 12px;
    font-size: 12px;
    line-height: 16px;
    color: #000;
    z-index: 1;
    bottom: 24px;
    left: -86px
}

.tooltip .tooltip__description:after {
    position: absolute;
    content: "";
    border-left: 8px solid transparent;
    border-top: 6px solid #fff;
    border-right: 7px solid transparent;
    bottom: -5px;
    left: 0;
    right: 0;
    margin: auto;
    width: 12px;
    height: 6px;
    box-sizing: border-box
}

.tooltip .tooltip__description:before {
    position: absolute;
    content: "";
    border-top: 8px solid transparent;
    border-right: 6px solid #fff;
    border-bottom: 7px solid transparent;
    top: 0;
    bottom: 0;
    left: -6px;
    margin: auto;
    width: 6px;
    height: 12px;
    box-sizing: border-box;
    display: none
}

.all-plans {
    margin-top: 16px
}

@media only screen and (min-width: 640px) {
    .all-plans {
        margin-top: 32px
    }
}

@media only screen and (min-width: 1280px) {
    .all-plans {
        margin-top: 48px
    }
}

.all-plans .link {
    font-size: 16px;
    line-height: 24px
}

.all-plans .link:after {
    top: 0;
    bottom: 0;
    margin: auto
}

.select-plan {
    text-align: center
}

.select-plan .select-plan__saving {
    position: relative;
    font-size: 13px;
    line-height: 16px;
    color: #009c80;
    font-weight: 700;
    margin-bottom: 11px
}

.select-plan .select-plan__saving span {
    position: relative
}

.select-plan .select-plan__saving span:after {
    position: absolute;
    content: "";
    width: 11px;
    height: 11px;
    bottom: -7px;
    right: -15px;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkuNSA5LjVBOC41IDguNSAwIDAgMCAxIDEiIHN0cm9rZT0iIzAwOUM4MCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=") no-repeat;
    background-size: contain
}

.select-plan .select-plan__switcher {
    display: flex;
    width: 192px;
    height: 40px;
    border: 1px solid #b2c2d2;
    justify-content: space-between;
    align-items: center;
    border-radius: 20px;
    margin: auto;
    padding: 0 4px
}

.select-plan .select-plan__switcher .switcher__period {
    position: relative
}

.select-plan .select-plan__switcher .switcher__period a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 92px;
    height: 32px;
    font-size: 12px;
    line-height: 32px;
    font-weight: 600;
    color: #2c2c2c;
    border-radius: 16px;
    transition: all .15s ease-in
}

.select-plan .select-plan__switcher .switcher__period a.is-active {
    background-color: #009c80;
    color: #fff;
    font-weight: 700
}

.select-plan .select-plan__switcher .switcher__period a:hover {
    text-decoration: none
}

.pricing-business-cloud {
    border: 1px solid #f2f7ff;
    border-radius: 8px;
    padding: 15px;
    background-color: #f2f7ff;
    margin-top: 16px;
    transition: border-color .3s ease-in;
    cursor: pointer
}

@media only screen and (min-width: 640px) {
    .pricing-business-cloud {
        margin-top: 20px;
        margin-bottom: 32px;
        padding: 31px
    }
}

@media only screen and (min-width: 960px) {
    .pricing-business-cloud {
        padding: 35px 51px 40px 52px;
        margin-top: 24px;
        margin-bottom: 48px;
        background-color: #fff;
        border: 1px solid #b2c2d2;
        border-radius: 12px
    }
}

.pricing-business-cloud.is-active, .pricing-business-cloud:hover {
    border: 1px solid #0777cf
}

.pricing-business-cloud.is-active .pricing-business-cloud__row .pricing-business-cloud__column--button, .pricing-business-cloud.is-active .pricing-business-cloud__row .pricing-business-cloud__wrapper {
    display: block
}

@media only screen and (min-width: 640px) {
    .pricing-business-cloud.is-active .pricing-business-cloud__row .pricing-business-cloud__wrapper {
        display: flex
    }
}

.pricing-business-cloud.is-active .pricing-business-cloud__row .pricing-business-cloud__column--details {
    margin-bottom: 24px
}

@media only screen and (min-width: 640px) {
    .pricing-business-cloud.is-active .pricing-business-cloud__row .pricing-business-cloud__column--details {
        margin-bottom: 32px
    }
}

.pricing-business-cloud.is-active .pricing-business-cloud__row .pricing-business-cloud__column--details:after {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE4IDE1bC02LTYtNiA2IiBzdHJva2U9IiMwNzc3Q0YiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+") no-repeat
}

.pricing-business-cloud .business-cloud-list {
    margin-top: 0
}

.pricing-business-cloud .pricing-business-cloud__title {
    font-size: 16px;
    line-height: 24px;
    font-family: Graphik, Arial, sans-serif;
    font-weight: 700;
    letter-spacing: -.5px;
    max-width: 131px
}

@media only screen and (min-width: 640px) {
    .pricing-business-cloud .pricing-business-cloud__title {
        font-size: 20px;
        line-height: 28px;
        max-width: inherit
    }
}

@media only screen and (min-width: 960px) {
    .pricing-business-cloud .pricing-business-cloud__title {
        margin-bottom: 24px
    }
}

.pricing-business-cloud .price-block {
    justify-content: flex-start
}

@media only screen and (min-width: 960px) {
    .pricing-business-cloud .price-block {
        margin-bottom: 16px
    }
}

.pricing-business-cloud .pricing-business-cloud__description {
    font-size: 14px;
    line-height: 20px;
    display: none
}

@media only screen and (min-width: 960px) {
    .pricing-business-cloud .pricing-business-cloud__description {
        display: block
    }
}

.pricing-business-cloud .pricing-business-cloud__row {
    display: flex;
    position: relative;
    flex-direction: column
}

@media only screen and (min-width: 960px) {
    .pricing-business-cloud .pricing-business-cloud__row {
        flex-direction: row
    }
}

.pricing-business-cloud .pricing-business-cloud__row .pricing-business-cloud__column--button, .pricing-business-cloud .pricing-business-cloud__row .pricing-business-cloud__wrapper {
    display: none
}

@media only screen and (min-width: 960px) {
    .pricing-business-cloud .pricing-business-cloud__row .pricing-business-cloud__column--button {
        display: block
    }
}

@media only screen and (min-width: 960px) {
    .pricing-business-cloud .pricing-business-cloud__row .pricing-business-cloud__wrapper {
        display: flex
    }
}

.pricing-business-cloud .pricing-business-cloud__wrapper {
    order: 3
}

@media only screen and (min-width: 640px) {
    .pricing-business-cloud .pricing-business-cloud__wrapper {
        display: flex;
        justify-content: space-between
    }
}

@media only screen and (min-width: 960px) {
    .pricing-business-cloud .pricing-business-cloud__wrapper {
        justify-content: flex-start;
        order: 2
    }
}

@media only screen and (min-width: 960px) {
    .pricing-business-cloud .pricing-business-cloud__column {
        flex-shrink: 0
    }
}

.pricing-business-cloud .pricing-business-cloud__column--details {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 37px;
    order: 1
}

@media only screen and (min-width: 640px) {
    .pricing-business-cloud .pricing-business-cloud__column--details {
        padding-right: 49px
    }
}

@media only screen and (min-width: 960px) {
    .pricing-business-cloud .pricing-business-cloud__column--details {
        width: 224px;
        margin-right: 64px;
        padding-bottom: 64px;
        display: block;
        padding-right: 0
    }
}

@media only screen and (min-width: 1280px) {
    .pricing-business-cloud .pricing-business-cloud__column--details {
        width: 247px;
        margin-right: 40px;
        padding-bottom: 0
    }
}

.pricing-business-cloud .pricing-business-cloud__column--details:after {
    position: absolute;
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE4IDlsLTYgNi02LTYiIHN0cm9rZT0iIzkzQTlDMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=") no-repeat;
    background-size: contain;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

@media only screen and (min-width: 960px) {
    .pricing-business-cloud .pricing-business-cloud__column--details:after {
        display: none
    }
}

@media only screen and (min-width: 960px) {
    .pricing-business-cloud .pricing-business-cloud__column--list {
        padding-top: 23px
    }
}

@media only screen and (min-width: 1280px) {
    .pricing-business-cloud .pricing-business-cloud__column--list {
        padding-top: 0
    }
}

.pricing-business-cloud .pricing-business-cloud__column--list:first-child {
    width: 251px;
    margin-bottom: 16px
}

@media only screen and (min-width: 640px) {
    .pricing-business-cloud .pricing-business-cloud__column--list:first-child {
        margin-bottom: 0
    }
}

@media only screen and (min-width: 960px) {
    .pricing-business-cloud .pricing-business-cloud__column--list:first-child {
        width: 267px;
        margin-right: 56px
    }
}

.pricing-business-cloud .pricing-business-cloud__column--list:nth-child(2) {
    width: 246px
}

@media only screen and (min-width: 960px) {
    .pricing-business-cloud .pricing-business-cloud__column--list:nth-child(2) {
        width: 247px;
        margin-right: 40px
    }
}

.pricing-business-cloud .pricing-business-cloud__column--button {
    order: 2;
    margin-bottom: 20px
}

@media only screen and (min-width: 640px) {
    .pricing-business-cloud .pricing-business-cloud__column--button {
        margin-bottom: 24px
    }
}

@media only screen and (min-width: 960px) {
    .pricing-business-cloud .pricing-business-cloud__column--button {
        order: 3;
        padding-top: 56px;
        width: 247px
    }
}

.pricing-business-cloud .pricing-business-cloud__column--button .button {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    padding-top: 11px;
    padding-bottom: 11px;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .pricing-business-cloud .pricing-business-cloud__column--button .button {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 224px
    }
}

@media only screen and (min-width: 1280px) {
    .pricing-business-cloud .pricing-business-cloud__column--button .button {
        position: relative;
        width: 100%
    }
}

.pricing-business-cloud .pricing-list-title {
    display: none
}

@media only screen and (min-width: 640px) {
    .pricing-business-cloud .pricing-list-title {
        display: block
    }
}

@media only screen and (min-width: 960px) {
    .is-ie11 .pricing-plan .pricing-plan__header {
        height: 50px
    }
}

@media only screen and (min-width: 1280px) {
    .is-ie11 .pricing-plan .pricing-plan__header {
        height: 54px
    }
}

.pricing-plans.exp-15885 {
    margin-top: 16px;
    margin-bottom: 16px
}

@media only screen and (min-width: 640px) {
    .pricing-plans.exp-15885 {
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 960px) {
    .pricing-plans.exp-15885 {
        margin-bottom: 20px;
        margin-top: 24px
    }
}

@media only screen and (min-width: 1280px) {
    .pricing-plans.exp-15885 {
        margin-bottom: 24px
    }
}

.pricing-plans.exp-15885 .pricing-plan .pricing-plan__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 100%
}

@media only screen and (min-width: 640px) {
    .pricing-plans.exp-15885 .pricing-plan .pricing-plan__wrapper {
        padding-top: 37px;
        padding-bottom: 37px
    }
}

@media only screen and (min-width: 960px) {
    .pricing-plans.exp-15885 .pricing-plan .pricing-plan__wrapper {
        padding-bottom: 40px;
        padding-top: 24px
    }
}

@media only screen and (min-width: 1280px) {
    .pricing-plans.exp-15885 .pricing-plan .pricing-plan__wrapper {
        padding-top: 18px
    }
}

.pricing-plans.exp-15885 .pricing-plan .pricing-plan__row {
    order: 1
}

@media only screen and (min-width: 960px) {
    .pricing-plans.exp-15885 .pricing-plan .popular-label {
        position: absolute;
        top: -6px
    }
}

@media only screen and (min-width: 1280px) {
    .pricing-plans.exp-15885 .pricing-plan .popular-label {
        position: relative;
        top: 0
    }
}

.pricing-plans.exp-15885 .pricing-plan .pricing-plan__header {
    align-items: flex-start
}

@media only screen and (min-width: 960px) {
    .pricing-plans.exp-15885 .pricing-plan .pricing-plan__header {
        margin-bottom: 0;
        min-height: 56px;
        max-height: 56px;
        justify-content: center
    }
}

@media only screen and (min-width: 1280px) {
    .pricing-plans.exp-15885 .pricing-plan .pricing-plan__header {
        min-height: 50px;
        max-height: 50px;
        justify-content: flex-end
    }
}

.pricing-plans.exp-15885 .pricing-plan .pricing-plan__title {
    text-align: left
}

.pricing-plans.exp-15885 .pricing-plan .pricing-plan__description {
    text-align: left;
    order: 3;
    min-height: inherit;
    margin: 0 0 16px
}

@media only screen and (min-width: 960px) {
    .pricing-plans.exp-15885 .pricing-plan .pricing-plan__description {
        order: 2;
        margin: 8px 0 24px;
        padding: 0;
        min-height: 60px
    }
}

@media only screen and (min-width: 1280px) {
    .pricing-plans.exp-15885 .pricing-plan .pricing-plan__description {
        min-height: inherit
    }
}

.pricing-plans.exp-15885 .pricing-plan a.button {
    order: 2;
    margin-bottom: 32px
}

@media only screen and (min-width: 960px) {
    .pricing-plans.exp-15885 .pricing-plan a.button {
        margin-bottom: 0;
        order: 6
    }
}

.pricing-plans.exp-15885 .pricing-plan .pricing-list-title {
    margin-bottom: 10px;
    order: 4
}

@media only screen and (min-width: 960px) {
    .pricing-plans.exp-15885 .pricing-plan .pricing-list-title {
        line-height: 24px;
        order: 3
    }
}

@media only screen and (min-width: 1280px) {
    .pricing-plans.exp-15885 .pricing-plan .pricing-list-title {
        line-height: 20px
    }
}

.pricing-plans.exp-15885 .pricing-plan .pricing-list {
    order: 5
}

@media only screen and (min-width: 960px) {
    .pricing-plans.exp-15885 .pricing-plan .pricing-list {
        margin-bottom: 32px;
        order: 4
    }
}

@media only screen and (min-width: 1280px) {
    .pricing-plans.exp-15885 .pricing-plan .pricing-list {
        margin-bottom: 40px
    }
}

.pricing-plans.exp-15885 .pricing-plan .pricing-list .pricing-list__item {
    display: list-item
}

.pricing-plans.exp-15885 .pricing-plan .pricing-list .pricing-list__item:not(:last-child) {
    margin-bottom: 10px
}

.pricing-plans.exp-15885 .pricing-plan .pricing-list .pricing-list__description {
    display: inline
}

.pricing-plans.exp-15885 .pricing-plan .pricing-list .tooltip {
    position: static;
    width: 13px;
    height: 13px;
    margin-left: 4px;
    cursor: pointer;
    margin-top: 4px;
    flex-shrink: 0;
    display: inline
}

.pricing-plans.exp-15885 .pricing-plan .pricing-list .tooltip:before {
    position: relative;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTYuMzc4IDYuNTAyaC43Njd2Mi44MzVNNi4zNzIgOS4zMzdoMS41NE03LjEwNiA0LjVhLjE2Ny4xNjcgMCAxIDEtLjE2Ny0uMTY3TTYuOTM5IDQuMzMzYy4wOTIgMCAuMTY2LjA3NS4xNjYuMTY3IiBzdHJva2U9IiM5M0E5QzAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cmVjdCB4PSIxLjAzNiIgeT0iMSIgd2lkdGg9IjEyLjAwNSIgaGVpZ2h0PSIxMi4wMDUiIHJ4PSI2IiBzdHJva2U9IiM5M0E5QzAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=") no-repeat;
    background-size: contain;
    display: inline-block;
    top: 3px
}

@media only screen and (min-width: 960px) {
    .pricing-plans.exp-15885 .pricing-plan .pricing-list .tooltip:before {
        top: 2px
    }
}

.pricing-plans.exp-15885 .pricing-plan .pricing-list .tooltip .tooltip__description {
    left: 0;
    right: 0;
    bottom: 40px;
    width: 247px
}

@media only screen and (min-width: 960px) {
    .pricing-plans.exp-15885 .pricing-plan .pricing-list .tooltip .tooltip__description {
        width: 100%
    }
}

.pricing-plans.exp-15885 .pricing-plan .pricing-list .tooltip .tooltip__description:after {
    display: none
}

.pricing-plans.exp-15885 .pricing-plan .price-block {
    position: absolute;
    margin: 0;
    top: 24px;
    right: 51px
}

@media only screen and (min-width: 640px) {
    .pricing-plans.exp-15885 .pricing-plan .price-block {
        right: 80px;
        top: 31px
    }
}

@media only screen and (min-width: 960px) {
    .pricing-plans.exp-15885 .pricing-plan .price-block {
        min-height: 40px;
        margin-top: auto;
        right: 0;
        top: 0;
        position: relative;
        margin-bottom: 16px;
        order: 5
    }
}

@media only screen and (min-width: 1280px) {
    .pricing-plans.exp-15885 .pricing-plan .price-block {
        min-height: 42px
    }
}

.pricing-plans.exp-15885 .pricing-plan.is-active .pricing-plan__row {
    margin-bottom: 20px
}

@media only screen and (min-width: 640px) {
    .pricing-plans.exp-15885 .pricing-plan.is-active .pricing-plan__row {
        margin-bottom: 38px
    }
}

.pricing-plans.exp-15885 .pricing-plan.is-active .business-cloud-list, .pricing-plans.exp-15885 .pricing-plan.is-active .button, .pricing-plans.exp-15885 .pricing-plan.is-active .pricing-list, .pricing-plans.exp-15885 .pricing-plan.is-active .pricing-list-title, .pricing-plans.exp-15885 .pricing-plan.is-active .pricing-plan__description {
    display: block
}

@media only screen and (min-width: 960px) {
    .pricing-plans.exp-15885.exp-15885-up .pricing-plan a.button {
        margin-top: auto
    }
}

@media only screen and (min-width: 960px) {
    .pricing-plans.exp-15885.exp-15885-up .price-block {
        order: 2;
        margin-top: 0
    }
}

@media only screen and (min-width: 960px) {
    .pricing-plans.exp-15885.exp-15885-up .pricing-plan__header {
        align-items: center;
        margin-bottom: 16px
    }
}

@media only screen and (min-width: 1280px) {
    .pricing-plans.exp-15885.exp-15885-up .pricing-plan__header {
        margin-bottom: 24px
    }
}

@media only screen and (min-width: 960px) {
    .pricing-plans.exp-15885.exp-15885-up .pricing-plan__title {
        text-align: center
    }
}

@media only screen and (min-width: 960px) {
    .pricing-plans.exp-15885.exp-15885-up .pricing-plan__description {
        margin-top: 0;
        text-align: center
    }
}

.pricing-free-trial.exp-15885 {
    margin-bottom: 0
}

@media only screen and (min-width: 960px) {
    .pricing-free-trial.exp-15885 {
        padding: 28px 80px
    }
}

@media only screen and (min-width: 960px) {
    .pricing-free-trial.exp-15885 .pricing-free-trial__row {
        justify-content: space-between
    }
}

.pricing-free-trial.exp-15885 .pricing-free-trial__column--details {
    width: auto;
    padding-top: 0;
    display: block
}

.pricing-free-trial.exp-15885 .pricing-free-trial__column--details:after {
    display: none
}

.pricing-free-trial.exp-15885 .pricing-free-trial__column--details .pricing-free-trial__description {
    text-align: left;
    max-width: inherit;
    margin-bottom: 24px
}

@media only screen and (min-width: 640px) {
    .pricing-free-trial.exp-15885 .pricing-free-trial__column--details .pricing-free-trial__description {
        margin-bottom: 32px
    }
}

@media only screen and (min-width: 960px) {
    .pricing-free-trial.exp-15885 .pricing-free-trial__column--details .pricing-free-trial__description {
        max-width: inherit;
        margin-bottom: 0
    }
}

.pricing-free-trial.exp-15885 .pricing-free-trial__column--button {
    position: relative;
    display: block;
    margin-bottom: 0
}

@media only screen and (min-width: 960px) {
    .pricing-free-trial.exp-15885 .pricing-free-trial__column--button {
        width: 200px;
        padding-top: 12px
    }
}

@media only screen and (min-width: 1280px) {
    .pricing-free-trial.exp-15885 .pricing-free-trial__column--button {
        padding-top: 16px;
        width: 247px
    }
}

.pricing-free-trial.exp-15885 .pricing-free-trial__column--button:before {
    position: absolute;
    display: none;
    content: "";
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTU0IiBoZWlnaHQ9IjY0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0zLjUwOCA0NS45MDhjNy40MjUtMTguMTU0IDM2LjQxNy0zNi43MzkgNTYuOTgtMjYuMDAzIDIzLjE1OSAxMi4wOSAyNS44NzkgMzAuOTkgMTQuNjMgMzIuNzcxLTI3LjQ1NyA0LjM1IDUuMDE0LTcxLjI3MyA2Ny4wNjMtMjguNzMxIiBzdHJva2U9IiMxMDA0MTkiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PHBhdGggZD0iTTE0MC43NTUgMTIuNjQzYzIuMjg1IDMuMzcyIDcuMTExIDExLjMyMSA0Ljg2OSAxNC4wMjQtMi4yNDMgMi43MDMtMTEuMzUtLjE1Ny0xNS41NDQtMi4yMzciIHN0cm9rZT0iIzEwMDQxOSIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48L3N2Zz4=") no-repeat;
    background-size: contain
}

@media only screen and (min-width: 960px) {
    .pricing-free-trial.exp-15885 .pricing-free-trial__column--button:before {
        display: block;
        width: 135px;
        height: 56px;
        top: 7px;
        left: -161px
    }
}

@media only screen and (min-width: 1280px) {
    .pricing-free-trial.exp-15885 .pricing-free-trial__column--button:before {
        width: 154px;
        height: 64px;
        top: 7px;
        left: -205px
    }
}

.pricing-free-trial.exp-15885 .pricing-free-trial__column--button .button {
    font-size: 16px;
    line-height: 24px;
    padding-top: 10px;
    padding-bottom: 10px
}

@media only screen and (min-width: 960px) {
    .pricing-free-trial.exp-15885 .pricing-free-trial__column--button .button {
        width: 200px;
        position: relative
    }
}

@media only screen and (min-width: 1280px) {
    .pricing-free-trial.exp-15885 .pricing-free-trial__column--button .button {
        width: 247px
    }
}

.pricing-free-trial.exp-15885 .pricing-free-trial__title {
    margin-bottom: 8px
}

@media only screen and (min-width: 640px) {
    .pricing-free-trial.exp-15885 .pricing-free-trial__title {
        margin-bottom: 16px
    }
}

@media only screen and (min-width: 960px) {
    .pricing-free-trial.exp-15885 .pricing-free-trial__title {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 8px
    }
}

@media only screen and (min-width: 1280px) {
    .pricing-free-trial.exp-15885 .pricing-free-trial__title {
        font-size: 40px;
        line-height: 48px;
        margin-bottom: 12px
    }
}

.exp-15885 a.button--bordered {
    border: 1px solid #0777cf;
    background: #0777cf;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    padding-top: 11px !important;
    padding-bottom: 11px !important
}

@media only screen and (min-width: 960px) {
    .exp-15885 a.button--bordered {
        border: 2px solid #008bf8;
        color: #282828;
        background: none;
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }
}

.exp-15885 a.button:active, .exp-15885 a.button:focus, .exp-15885 a.button:hover {
    outline: none;
    color: #fff;
    text-decoration: none
}

.exp-15885 a.button:hover {
    background: #348fd7;
    border: 1px solid #348fd7
}

@media only screen and (min-width: 960px) {
    .exp-15885 a.button:hover {
        background: #e8f2fa;
        border: 2px solid #348fd7;
        color: #282828;
        padding-top: 10px;
        padding-bottom: 10px
    }
}

.exp-15885 a.button:focus {
    background: #0777cf;
    border: 1px solid #0777cf;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #667988
}

@media only screen and (min-width: 960px) {
    .exp-15885 a.button:focus {
        border: 2px solid #0777cf;
        color: #282828;
        box-shadow: 0 0 0 1px #fff, 0 0 0 3px #667988
    }
}

.exp-15885 a.button:active {
    background: #076dbd;
    border: 1px solid #076dbd;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #667988
}

@media only screen and (min-width: 960px) {
    .exp-15885 a.button:active {
        background: #d1e6f6;
        border: 2px solid #076dbd;
        color: #282828;
        box-shadow: 0 0 0 1px #fff, 0 0 0 3px #667988
    }
}

.section-button-v1 {
    text-align: center;
    width: 200px;
    margin: 0 auto
}

.section-button-v1 .intro-button {
    width: 100%
}

.section-button-v1 .no-card-block {
    margin-top: 8px;
    font-size: 12px;
    line-height: 20px;
    color: #667988
}

@media only screen and (min-width: 960px) {
    .section-button-v1 .no-card-block {
        margin-top: 7px
    }
}

.section-button-v1 .emoji-tada {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url(../images/home/emoji-tada.png);
    background-repeat: no-repeat;
    background-size: 100%;
    transform: translate3d(0, 2px, 0)
}

.section-buttons-v2 {
    text-align: center;
    width: 172px;
    margin: 0 auto
}

.section-buttons-v2 .intro-button {
    width: 100%
}

.section-buttons-v2 .no-card-block {
    margin-top: 8px;
    font-size: 12px;
    line-height: 20px;
    color: #667988
}

@media only screen and (min-width: 960px) {
    .section-buttons-v2 .no-card-block {
        margin-top: 7px
    }
}

.section-buttons-v2 .no-card-block .emoji-tada {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url(../images/home/emoji-tada.png);
    background-repeat: no-repeat;
    background-size: 100%;
    transform: translate3d(0, 2px, 0)
}

.section-buttons-v3 {
    width: 258px;
    margin: 0 auto
}

@media only screen and (min-width: 960px) {
    .section-buttons-v3 {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center
    }
}

.section-buttons-v3 .button--start {
    width: 100%;
    margin-bottom: 16px
}

@media only screen and (min-width: 960px) {
    .section-buttons-v3 .button--start {
        width: 202px;
        margin-bottom: 0;
        margin-right: 16px
    }
}

.section-buttons-v3 .button--bordered {
    width: 100%;
    font-size: 16px
}

@media only screen and (min-width: 960px) {
    .section-buttons-v3 .button--bordered {
        width: 150px
    }
}

.section-buttons-v4 .form--free-trial {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 288px;
    margin: 0 auto
}

@media only screen and (min-width: 960px) {
    .section-buttons-v4 .form--free-trial {
        align-items: start;
        flex-direction: row;
        width: 100%
    }
}

.section-buttons-v4 .form--free-trial .form__item:first-child {
    margin-bottom: 16px
}

@media only screen and (min-width: 960px) {
    .section-buttons-v4 .form--free-trial .form__item:first-child {
        margin-bottom: 0;
        padding-right: 16px
    }
}

.section-buttons-v4 .form--free-trial .form-control--email {
    width: 288px;
    height: 40px;
    padding-left: 12px;
    font-size: 14px
}

@media only screen and (min-width: 640px) {
    .section-buttons-v4 .form--free-trial .form-control--email {
        height: 48px;
        font-size: 16px
    }
}

@media only screen and (min-width: 960px) {
    .section-buttons-v4 .form--free-trial .form-control--email {
        width: 268px
    }
}

.section-buttons-v4 .form--free-trial .form__item--submit {
    text-align: center
}

.section-buttons-v4 .form--free-trial .form-submit {
    width: 288px;
    padding: 14px 20px;
    font-size: 16px
}

@media only screen and (min-width: 640px) {
    .section-buttons-v4 .form--free-trial .form-submit {
        padding: 14px 20px
    }
}

@media only screen and (min-width: 960px) {
    .section-buttons-v4 .form--free-trial .form-submit {
        width: 176px
    }
}

.section-buttons-v4 .form--free-trial .form-submit-note {
    margin-top: 8px;
    font-size: 12px;
    line-height: 20px;
    color: #667988
}

@media only screen and (min-width: 960px) {
    .section-buttons-v4 .form--free-trial .form-submit-note {
        width: 176px;
        margin-top: 7px
    }
}

.section-buttons-v4 .form--free-trial .emoji-tada {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url(../images/home/emoji-tada.png);
    background-repeat: no-repeat;
    background-size: 100%;
    transform: translate3d(0, 2px, 0)
}

.layout-responsive__body {
    position: relative
}

.stroke-accent__inner {
    position: relative;
    display: inline-block;
    z-index: 1
}

.stroke-accent__svg {
    position: absolute;
    right: 0;
    left: 0;
    z-index: -1;
    overflow: hidden;
    text-align: left;
    left: -5px;
    visibility: hidden
}

@media only screen and (min-width: 640px) {
    .stroke-accent__svg {
        bottom: -1px
    }
}

@media only screen and (min-width: 960px) {
    .stroke-accent__svg {
        bottom: -6px
    }
}

@media only screen and (min-width: 1280px) {
    .stroke-accent__svg {
        bottom: -9px
    }
}

.title-illustration {
    margin-bottom: 8px;
    text-align: left;
    font-family: Open Sans;
    font-size: 10px;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    line-height: 16px;
    letter-spacing: 3px;
    text-align: center
}

@media only screen and (min-width: 640px) {
    .title-illustration {
        margin-bottom: 10px;
        font-size: 12px;
        line-height: 20px
    }
}

@media only screen and (min-width: 960px) {
    .title-illustration {
        margin-bottom: 12px;
        text-align: left
    }
}

@media only screen and (min-width: 1280px) {
    .title-illustration {
        font-size: 14px;
        line-height: 24px
    }
}

.title-illustration__white {
    color: #fff
}

.title-illustration__blue {
    color: #0777cf
}

.title-illustration__gray {
    color: #667988
}

.header-logo__img {
    width: 92px;
    height: 20px
}

@media only screen and (min-width: 640px) {
    .header-logo__img {
        width: 110px;
        height: 24px
    }
}

@media only screen and (min-width: 960px) {
    .header-logo__img {
        width: 100px;
        height: 22px
    }
}

@media only screen and (min-width: 990px) {
    .header-logo__img {
        width: 137px;
        height: 30px
    }
}

.header-logo__new {
    align-items: center
}

.header-logo__new .header-logo__img {
    width: 100%;
    height: auto
}

.page-section--intro-v2 {
    position: relative;
    padding-top: 64px;
    padding-bottom: 56px;
    text-align: center;
    overflow: hidden
}

@media only screen and (min-width: 640px) {
    .page-section--intro-v2 {
        padding-top: 82px;
        padding-bottom: 76px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--intro-v2 {
        padding-top: 102px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--intro-v2 {
        padding-top: 120px;
        padding-bottom: 92px
    }
}

.page-section--intro-v2 .animated .stroke-accent__svg {
    animation-delay: 1.4s
}

@media only screen and (min-width: 960px) {
    .page-section--intro-v2 .form, .page-section--intro-v2 .section-message, .page-section--intro-v2 .section-title {
        opacity: 0;
        transition: all 1.4s ease
    }
}

@media only screen and (min-width: 960px) {
    .page-section--intro-v2.is-visible .page-section__inner .form, .page-section--intro-v2.is-visible .page-section__inner .section-message, .page-section--intro-v2.is-visible .page-section__inner .section-title {
        opacity: 1
    }
}

.page-section--intro-v2 #animateIntroSignature {
    display: none
}

@media only screen and (min-width: 960px) {
    .page-section--intro-v2 #animateIntroSignature {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 10;
        background: #fff
    }
}

.page-section--intro-v2 .section-title {
    max-width: 336px;
    margin: 0 auto 16px;
    font-size: 28px;
    line-height: 36px
}

@media only screen and (min-width: 640px) {
    .page-section--intro-v2 .section-title {
        max-width: 590px;
        font-size: 36px;
        line-height: 48px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--intro-v2 .section-title {
        max-width: 100%;
        margin-bottom: 20px;
        font-size: 52px;
        line-height: 64px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--intro-v2 .section-title {
        margin-bottom: 14px;
        font-size: 60px;
        line-height: 72px
    }
}

.page-section--intro-v2 .heading-gradient {
    background: #2c2c2c;
    background-color: #2c2c2c;
    background-image: radial-gradient(circle, #5193ff 0, #003a99 26%, #2c2c2c 30%);
    background-position: 100% 100%;
    background-size: 100%;
    animation-name: bg-circle;
    animation-duration: 4s;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media only screen and (min-width: 640px) {
    .page-section--intro-v2 .heading-gradient {
        display: block
    }
}

.page-section--intro-v2 .stroke-accent__svg {
    top: 13px;
    left: 0
}

@media only screen and (min-width: 640px) {
    .page-section--intro-v2 .stroke-accent__svg {
        top: 17px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--intro-v2 .stroke-accent__svg {
        top: 23px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--intro-v2 .stroke-accent__svg {
        top: 27px
    }
}

.page-section--intro-v2 .stroke-accent__inner {
    display: block;
    max-width: 278px;
    margin: 0 auto
}

@media only screen and (min-width: 640px) {
    .page-section--intro-v2 .stroke-accent__inner {
        max-width: 358px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--intro-v2 .stroke-accent__inner {
        max-width: 516px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--intro-v2 .stroke-accent__inner {
        max-width: 600px
    }
}

.page-section--intro-v2 .stroke-accent__inner svg {
    max-width: 278px;
    height: 18px
}

@media only screen and (min-width: 640px) {
    .page-section--intro-v2 .stroke-accent__inner svg {
        max-width: 358px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--intro-v2 .stroke-accent__inner svg {
        max-width: 516px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--intro-v2 .stroke-accent__inner svg {
        max-width: 600px
    }
}

.page-section--intro-v2 .section-message {
    max-width: 344px;
    margin: 0 auto 28px;
    font-size: 14px;
    line-height: 20px
}

@media only screen and (min-width: 640px) {
    .page-section--intro-v2 .section-message {
        max-width: 608px;
        margin-bottom: 40px;
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--intro-v2 .section-message {
        max-width: 688px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--intro-v2 .section-message {
        max-width: 816px;
        margin-bottom: 48px;
        font-size: 20px;
        line-height: 28px
    }
}

.page-section--intro-v2 .form--free-trial {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 288px;
    margin: 0 auto
}

@media only screen and (min-width: 960px) {
    .page-section--intro-v2 .form--free-trial {
        align-items: start;
        flex-direction: row;
        width: 100%
    }
}

.page-section--intro-v2 .form--free-trial .form__item:first-child {
    margin-bottom: 16px
}

@media only screen and (min-width: 960px) {
    .page-section--intro-v2 .form--free-trial .form__item:first-child {
        margin-bottom: 0;
        padding-right: 16px
    }
}

.page-section--intro-v2 .form--free-trial .form-control--email {
    width: 288px;
    height: 40px;
    padding-left: 12px;
    font-size: 14px
}

@media only screen and (min-width: 640px) {
    .page-section--intro-v2 .form--free-trial .form-control--email {
        height: 48px;
        font-size: 16px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--intro-v2 .form--free-trial .form-control--email {
        width: 268px
    }
}

.page-section--intro-v2 .form--free-trial .form__item--submit {
    text-align: center
}

.page-section--intro-v2 .form--free-trial .form-submit {
    width: 288px;
    padding: 14px 20px;
    font-size: 16px
}

@media only screen and (min-width: 640px) {
    .page-section--intro-v2 .form--free-trial .form-submit {
        padding: 14px 20px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--intro-v2 .form--free-trial .form-submit {
        width: 176px
    }
}

.page-section--intro-v2 .form--free-trial .form-submit-note {
    margin-top: 8px;
    font-size: 12px;
    line-height: 20px;
    color: #667988
}

@media only screen and (min-width: 960px) {
    .page-section--intro-v2 .form--free-trial .form-submit-note {
        width: 176px;
        margin-top: 7px
    }
}

.page-section--intro-v2 .form--free-trial .form-submit-note .emoji-tada {
    display: inline-block;
    background-image: url(../images/home/emoji-tada.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 14px;
    height: 14px;
    transform: translate3d(0, 2px, 0)
}

@media only screen and (min-width: 1280px) {
    .page-section--intro-v2.page-section--typed-intro .section-title {
        margin-bottom: 20px
    }
}

.page-section--intro-v2.page-section--typed-intro .section-title .colored-label-wrapper {
    display: inline-block;
    width: 85px;
    text-align: left
}

@media only screen and (min-width: 640px) {
    .page-section--intro-v2.page-section--typed-intro .section-title .colored-label-wrapper {
        width: 108px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--intro-v2.page-section--typed-intro .section-title .colored-label-wrapper {
        width: 178px
    }
}

.page-section--intro-v2.page-section--typed-intro .section-title .colored-label-wrapper--green, .page-section--intro-v2.page-section--typed-intro .section-title .colored-label-wrapper--green .green {
    color: #3bb273
}

.page-section--intro-v2.page-section--typed-intro .section-title .colored-label-wrapper--green .typed-cursor:before {
    background-color: #3bb273
}

.page-section--intro-v2.page-section--typed-intro .section-title .colored-label-wrapper--blue {
    color: #2069e0
}

.page-section--intro-v2.page-section--typed-intro .section-title .colored-label-wrapper--blue .typed-cursor:before {
    background-color: #2069e0
}

.page-section--intro-v2.page-section--typed-intro .section-title .colored-label-wrapper--orange {
    color: #ff754a
}

.page-section--intro-v2.page-section--typed-intro .section-title .colored-label-wrapper--orange .typed-cursor:before {
    background-color: #ff754a
}

.page-section--intro-v2.page-section--typed-intro .section-title .colored-label-wrapper--center {
    display: block;
    width: auto;
    text-align: center
}

.page-section--intro-v2.page-section--typed-intro .section-title .colored-label-wrapper--center .typed-cursor {
    animation: typedjsBlink 1s infinite
}

.page-section--intro-v2.page-section--typed-intro .section-title .colored-label-wrapper--center .typed-cursor:before {
    background-color: #3bb273
}

.page-section--intro-v2.page-section--typed-intro .section-title .colored-label {
    display: inline-block;
    white-space: nowrap;
    -webkit-background-clip: text;
    background-clip: text;
    background-position: -100%;
    background-size: 200%;
    animation: animateText 1s infinite alternate-reverse;
    text-align: left
}

.page-section--intro-v2.page-section--typed-intro .section-title .colored-label span.green {
    color: #3bb273
}

.page-section--intro-v2.page-section--typed-intro .section-title .colored-label span.blue {
    color: #2069e0
}

.page-section--intro-v2.page-section--typed-intro .section-title .colored-label span.orange {
    color: #ff754a
}

.page-section--intro-v2.page-section--typed-intro .section-title .typed-cursor {
    position: relative
}

.page-section--intro-v2.page-section--typed-intro .section-title .typed-cursor:before {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    right: -12px;
    width: 4px;
    height: 28px;
    border-radius: 30px;
    background-color: #000
}

@media only screen and (min-width: 640px) {
    .page-section--intro-v2.page-section--typed-intro .section-title .typed-cursor:before {
        top: 1px;
        right: -12px;
        width: 4px;
        height: 35px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--intro-v2.page-section--typed-intro .section-title .typed-cursor:before {
        top: 1px;
        right: -14px;
        width: 6px;
        height: 45px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--intro-v2.page-section--typed-intro .section-title .typed-cursor:before {
        top: 0;
        right: -17px;
        width: 8px;
        height: 56px
    }
}

.page-section--intro-v2.page-section--typed-intro .section-title .typed-cursor--blue:before {
    background-color: #2069e0 !important
}

.page-section--intro-v2.page-section--typed-intro .section-title .typed-cursor--orange:before {
    background-color: #ff754a !important
}

.page-section--business-forward {
    padding-bottom: 16px
}

@media only screen and (min-width: 640px) {
    .page-section--business-forward {
        padding-bottom: 32px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--business-forward {
        padding-bottom: 100px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--business-forward {
        padding-bottom: 120px
    }
}

.page-section--business-forward .section-subtitle {
    max-width: 343px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
    font-size: 24px;
    line-height: 32px;
    font-family: Graphik, Arial, sans-serif;
    font-weight: 700;
    color: #2c2c2c
}

@media only screen and (min-width: 640px) {
    .page-section--business-forward .section-subtitle {
        max-width: 608px;
        margin-bottom: 40px;
        font-size: 32px;
        line-height: 40px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--business-forward .section-subtitle {
        max-width: 778px;
        margin-bottom: 60px;
        font-size: 40px;
        line-height: 48px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--business-forward .section-subtitle {
        max-width: 892px;
        font-size: 48px;
        line-height: 60px
    }
}

.page-section--business-forward .business-forward {
    margin: 0 auto
}

@media only screen and (min-width: 640px) {
    .page-section--business-forward .business-forward {
        max-width: 530px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--business-forward .business-forward {
        display: flex;
        max-width: inherit;
        margin: 0 -16px
    }
}

.page-section--business-forward .business-forward__item {
    display: flex;
    flex-direction: row;
    margin-bottom: 26px;
    text-align: left
}

@media only screen and (min-width: 640px) {
    .page-section--business-forward .business-forward__item {
        margin-bottom: 48px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--business-forward .business-forward__item {
        flex-direction: column;
        width: 33.3%;
        margin-bottom: 0;
        padding: 0 16px
    }
}

.page-section--business-forward .business-forward__item .business-forward__icon svg {
    width: 40px;
    height: 40px
}

@media only screen and (min-width: 640px) {
    .page-section--business-forward .business-forward__item .business-forward__icon svg {
        width: 48px;
        height: 48px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--business-forward .business-forward__item .business-forward__icon svg {
        width: 60px;
        height: 60px
    }
}

.page-section--business-forward .business-forward__item .business-forward__wrapper {
    margin-left: 20px
}

@media only screen and (min-width: 960px) {
    .page-section--business-forward .business-forward__item .business-forward__wrapper {
        margin-left: 0;
        margin-top: 28px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--business-forward .business-forward__item .business-forward__wrapper {
        margin-top: 32px
    }
}

.page-section--business-forward .business-forward__item .business-forward__title {
    margin: 0 auto 8px 0;
    font-family: Graphik, Arial, sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width: 640px) {
    .page-section--business-forward .business-forward__item .business-forward__title {
        margin-bottom: 12px;
        font-size: 20px;
        line-height: 28px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--business-forward .business-forward__item .business-forward__title {
        margin-left: 0;
        margin-bottom: 12px;
        font-size: 24px;
        line-height: 32px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--business-forward .business-forward__item .business-forward__title {
        margin-bottom: 12px;
        font-size: 28px;
        line-height: 36px
    }
}

.page-section--business-forward .business-forward__item .business-forward__description {
    margin: 0 auto 0 0;
    font-size: 12px;
    line-height: 16px
}

@media only screen and (min-width: 640px) {
    .page-section--business-forward .business-forward__item .business-forward__description {
        font-size: 14px;
        line-height: 20px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--business-forward .business-forward__item .business-forward__description {
        max-width: 448px;
        margin-left: 0
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--business-forward .business-forward__item .business-forward__description {
        font-size: 16px;
        line-height: 24px
    }
}

.page-section--features {
    padding-bottom: 60px;
    overflow: hidden
}

@media only screen and (min-width: 640px) {
    .page-section--features {
        padding-bottom: 80px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--features {
        padding-bottom: 100px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--features {
        padding-bottom: 120px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--features .page-section__inner {
        max-width: 946px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--features .page-section__inner {
        max-width: 1280px
    }
}

.page-section--features .section-subtitle {
    max-width: 343px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4px;
    font-size: 24px;
    line-height: 32px;
    font-family: Graphik, Arial, sans-serif;
    font-weight: 700;
    color: #2c2c2c
}

@media only screen and (min-width: 640px) {
    .page-section--features .section-subtitle {
        max-width: 608px;
        margin-bottom: 16px;
        font-size: 32px;
        line-height: 40px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--features .section-subtitle {
        max-width: 760px;
        margin-bottom: 48px;
        font-size: 40px;
        line-height: 48px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--features .section-subtitle {
        max-width: 824px;
        margin-bottom: 48px;
        font-size: 48px;
        line-height: 60px
    }
}

.page-section--features .features-slider {
    position: relative;
    display: flex;
    flex-direction: column-reverse;
    max-width: 100vw;
    max-height: 469px;
    margin: 0 -16px;
    overflow: hidden
}

.page-section--features .features-slider:after, .page-section--features .features-slider:before {
    position: absolute;
    content: "";
    background-color: #f3f3f3;
    border-radius: 8px;
    z-index: -1
}

.page-section--features .features-slider:before {
    left: 50%;
    transform: translateX(-50%);
    width: 350px;
    height: 365px
}

.page-section--features .features-slider:after {
    top: 26px;
    left: 18px;
    width: 170px;
    height: 50px;
    box-shadow: 200px 0 0 0 #f3f3f3, 400px 0 0 0 #f3f3f3
}

@media only screen and (min-width: 640px) {
    .page-section--features .features-slider {
        max-height: 731px
    }

    .page-section--features .features-slider:before {
        width: 610px;
        height: 585px
    }

    .page-section--features .features-slider:after {
        top: 26px;
        left: 18px;
        width: 200px;
        height: 75px;
        box-shadow: 235px 0 0 0 #f3f3f3, 470px 0 0 0 #f3f3f3, 700px 0 0 0 #f3f3f3
    }
}

@media only screen and (min-width: 960px) {
    .page-section--features .features-slider {
        flex-direction: row;
        max-height: 561px;
        margin: 0
    }

    .page-section--features .features-slider:before {
        top: 0;
        left: 0;
        transform: translateX(0);
        width: 528px;
        height: 495px
    }

    .page-section--features .features-slider:after {
        width: 351px;
        height: 54px;
        left: auto;
        top: 0;
        right: 0;
        box-shadow: 0 85px 0 0 #f3f3f3, 0 170px 0 0 #f3f3f3, 0 265px 0 0 #f3f3f3, 0 350px 0 0 #f3f3f3, 0 440px 0 0 #f3f3f3
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--features .features-slider {
        max-height: 676px
    }

    .page-section--features .features-slider:before {
        width: 717px;
        height: 676px
    }

    .page-section--features .features-slider:after {
        width: 460px;
        height: 64px;
        box-shadow: 0 125px 0 0 #f3f3f3, 0 240px 0 0 #f3f3f3, 0 365px 0 0 #f3f3f3, 0 480px 0 0 #f3f3f3, 0 610px 0 0 #f3f3f3
    }
}

.page-section--features .features-slider__navigation, .page-section--features .features-slider__viewport {
    position: relative;
    opacity: 0;
    transition: opacity .15s ease-in;
    will-change: opacity;
    background-color: #fff
}

.page-section--features .features-slider__navigation.is-visible, .page-section--features .features-slider__viewport.is-visible {
    opacity: 1
}

@media only screen and (min-width: 960px) {
    .page-section--features .features-slider__viewport {
        width: 528px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--features .features-slider__viewport {
        width: 717px
    }
}

.page-section--features .features-slider__navigation {
    position: relative;
    display: block;
    overflow: hidden
}

@media only screen and (min-width: 960px) {
    .page-section--features .features-slider__navigation {
        width: calc(100% - 528px);
        padding-left: 34px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--features .features-slider__navigation {
        width: calc(100% - 717px);
        padding-left: 69px
    }
}

.page-section--features .features-slider__navigation .slick-track {
    display: flex;
    width: 100% !important;
    overflow-x: scroll;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.page-section--features .features-slider__navigation .slick-track::-webkit-scrollbar {
    display: none
}

@media only screen and (min-width: 960px) {
    .page-section--features .features-slider__navigation .slick-track {
        width: auto;
        flex-direction: column;
        overflow: hidden
    }
}

.page-section--features .features-slider__navigation .slick-slide {
    padding: 24px 8px 19px
}

@media only screen and (min-width: 640px) {
    .page-section--features .features-slider__navigation .slick-slide {
        padding: 24px 8px 23px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--features .features-slider__navigation .slick-slide {
        width: 100%;
        padding: 0
    }
}

.page-section--features .features-slider__navigation .slick-slide > div {
    height: 100%
}

.page-section--features .features-slider__navigation .slide-navigation:active, .page-section--features .features-slider__navigation .slide-navigation:hover {
    cursor: pointer;
    outline: none
}

@media only screen and (min-width: 1280px) {
    .page-section--features .features-slider__navigation .slide-navigation:focus {
        z-index: 1
    }
}

.page-section--features .features-slider__navigation .slick-slide.slick-current .slide-navigation {
    position: relative;
    background-color: #f6f8fb;
    cursor: default;
    border-radius: 8px
}

@media only screen and (min-width: 960px) {
    .page-section--features .features-slider__navigation .slick-slide.slick-current .slide-navigation {
        width: auto !important;
        margin-bottom: 0;
        padding: 1px 27px 28px 4px;
        animation-name: fadeIn;
        animation-duration: .3s;
        animation-timing-function: ease-out;
        border: none;
        background-color: inherit
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--features .features-slider__navigation .slick-slide.slick-current .slide-navigation {
        margin-bottom: 10px;
        padding: 8px 40px 31px 31px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--features .features-slider__navigation .slick-slide.slick-current .slide-navigation:before {
        top: 0;
        transform: translateY(0)
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--features .features-slider__navigation .slick-slide.slick-current .slide-navigation:before {
        top: 7px
    }
}

.page-section--features .features-slider__navigation .slick-slide.slick-current .slide-navigation:after {
    top: 10px;
    transform: rotate(0deg)
}

@media only screen and (min-width: 960px) {
    .page-section--features .features-slider__navigation .slick-slide.slick-current .slide-navigation:after {
        top: 1px;
        right: 3px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--features .features-slider__navigation .slick-slide.slick-current .slide-navigation:after {
        top: 10px;
        right: 8px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--features .features-slider__navigation .slick-slide.slick-current .slide-navigation__body {
        display: block
    }
}

.page-section--features .features-slider__navigation .slick-slide:first-child {
    padding-left: 16px
}

@media only screen and (min-width: 960px) {
    .page-section--features .features-slider__navigation .slick-slide:first-child {
        padding: 0
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--features .features-slider__navigation .slick-slide:first-child {
        padding-top: 22px
    }
}

.page-section--features .features-slider__navigation .slick-slide:nth-child(2) .slide-navigation {
    width: 152px !important
}

@media only screen and (min-width: 640px) {
    .page-section--features .features-slider__navigation .slick-slide:nth-child(2) .slide-navigation {
        width: 157px !important
    }
}

@media only screen and (min-width: 960px) {
    .page-section--features .features-slider__navigation .slick-slide:nth-child(2) .slide-navigation {
        width: 100% !important
    }
}

.page-section--features .features-slider__navigation .slick-slide:nth-child(5) .slide-navigation {
    width: 225px !important
}

@media only screen and (min-width: 640px) {
    .page-section--features .features-slider__navigation .slick-slide:nth-child(5) .slide-navigation {
        width: 225px !important
    }
}

@media only screen and (min-width: 960px) {
    .page-section--features .features-slider__navigation .slick-slide:nth-child(5) .slide-navigation {
        width: 100% !important
    }
}

.page-section--features .features-slider__navigation .slick-slide:nth-child(6) .slide-navigation {
    width: 190px !important
}

@media only screen and (min-width: 640px) {
    .page-section--features .features-slider__navigation .slick-slide:nth-child(6) .slide-navigation {
        width: 190px !important
    }
}

@media only screen and (min-width: 960px) {
    .page-section--features .features-slider__navigation .slick-slide:nth-child(6) .slide-navigation {
        width: 100% !important
    }
}

.page-section--features .features-slider__navigation .slick-slide:nth-child(7) .slide-navigation {
    width: 158px !important
}

@media only screen and (min-width: 640px) {
    .page-section--features .features-slider__navigation .slick-slide:nth-child(7) .slide-navigation {
        width: 158px !important
    }
}

@media only screen and (min-width: 960px) {
    .page-section--features .features-slider__navigation .slick-slide:nth-child(7) .slide-navigation {
        width: 100% !important
    }
}

.page-section--features .features-slider__navigation .slick-slide:nth-child(8) .slide-navigation {
    width: 158px !important
}

@media only screen and (min-width: 640px) {
    .page-section--features .features-slider__navigation .slick-slide:nth-child(8) .slide-navigation {
        width: 158px !important
    }
}

@media only screen and (min-width: 960px) {
    .page-section--features .features-slider__navigation .slick-slide:nth-child(8) .slide-navigation {
        width: 100% !important
    }
}

.page-section--features .features-slider__navigation .slide-navigation {
    position: relative;
    width: 172px !important;
    padding: 11px 12px 11px 11px;
    padding-left: 52px !important;
    font-size: 16px;
    line-height: 25px;
    font-weight: 700;
    color: #2c2c2c;
    background-color: #fff;
    border-radius: 4px;
    text-decoration: none;
    cursor: pointer;
    overflow: hidden;
    transition: background-color .15s ease-in, transform .15s ease-in-out;
    white-space: inherit;
    min-height: 54px
}

@media only screen and (min-width: 640px) {
    .page-section--features .features-slider__navigation .slide-navigation {
        width: 220px !important;
        padding: 15px 12px 15px 15px;
        padding-left: 62px !important
    }
}

@media only screen and (min-width: 960px) {
    .page-section--features .features-slider__navigation .slide-navigation {
        width: 100% !important;
        height: 100%;
        padding-top: 1px;
        padding-right: 25px;
        padding-bottom: 26px;
        padding-left: 43px !important;
        vertical-align: middle;
        border-radius: 8px;
        box-shadow: none;
        white-space: normal;
        transition: none
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--features .features-slider__navigation .slide-navigation {
        padding-top: 8px;
        padding-right: 40px;
        padding-bottom: 24px;
        padding-left: 48px !important
    }
}

.page-section--features .features-slider__navigation .slide-navigation:before {
    content: "";
    position: absolute;
    transform: translateY(-50%);
    top: 27px;
    left: 16px;
    width: 24px;
    height: 24px;
    background-size: cover
}

@media only screen and (min-width: 640px) {
    .page-section--features .features-slider__navigation .slide-navigation:before {
        width: 28px;
        height: 28px;
        top: 40px;
        left: 22px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--features .features-slider__navigation .slide-navigation:before {
        top: 14px;
        left: 0
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--features .features-slider__navigation .slide-navigation:before {
        width: 32px;
        height: 32px;
        top: 23px;
        left: 0
    }
}

@media only screen and (min-width: 960px) {
    .page-section--features .features-slider__navigation .slide-navigation:after {
        position: absolute;
        content: "";
        top: 10px;
        right: -1px;
        background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIxIDE3LjY2NmwtNy03LTcgNyIgc3Ryb2tlPSIjMkMyQzJDIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==") no-repeat;
        width: 24px;
        height: 24px;
        transform: rotate(180deg)
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--features .features-slider__navigation .slide-navigation:after {
        top: 9px;
        right: 8px;
        width: 28px;
        height: 28px
    }
}

.page-section--features .slide-navigation:not(:last-child) {
    margin-bottom: 40px
}

@media only screen and (min-width: 960px) {
    .page-section--features .slide-navigation:not(:last-child) {
        margin-bottom: 0
    }
}

.page-section--features .slide-navigation__body {
    display: none
}

.page-section--features .slide-navigation__title {
    font-size: 12px;
    line-height: 16px;
    font-family: Graphik, Arial, sans-serif;
    font-weight: 700
}

@media only screen and (min-width: 640px) {
    .page-section--features .slide-navigation__title {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--features .slide-navigation__title {
        font-size: 20px;
        line-height: 32px
    }
}

.page-section--features .slide-navigation__description {
    margin: 5px 0 0;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400
}

@media only screen and (min-width: 640px) {
    .page-section--features .slide-navigation__description {
        margin: 14px 0 0;
        font-size: 14px;
        line-height: 20px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--features .slide-navigation__description {
        margin: 5px 0 0;
        font-size: 16px;
        line-height: 24px
    }
}

.page-section--features .slide-navigation__link {
    margin-top: 0;
    font-size: 14px;
    line-height: 20px
}

@media only screen and (min-width: 640px) {
    .page-section--features .slide-navigation__link {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--features .slide-navigation__link {
        margin-top: 12px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--features .slide-navigation__link {
        margin-top: 16px
    }
}

.page-section--features .features-slider__viewport {
    position: relative;
    width: 100%
}

@media only screen and (min-width: 960px) {
    .page-section--features .features-slider__viewport {
        width: 528px !important
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--features .features-slider__viewport {
        width: 717px !important
    }
}

.page-section--features .features-slider__viewport .slick-list {
    width: 100% !important
}

.page-section--features .features-slider__viewport .slick-track {
    display: flex
}

.page-section--features .features-slider__viewport .slick-slide {
    width: 100% !important;
    padding: 0 16px
}

@media only screen and (min-width: 640px) {
    .page-section--features .features-slider__viewport .slick-slide {
        padding: 0 16px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--features .features-slider__viewport .slick-slide {
        padding: 0
    }
}

.page-section--features .features-slider__viewport .slick-slide > div, .page-section--features .features-slider__viewport .slide {
    height: 100%
}

.page-section--features .features-slider__viewport .slick-dots {
    display: none !important
}

@media only screen and (min-width: 960px) {
    .page-section--features .features-slider__viewport .slide-navigation__link {
        display: none
    }
}

.page-section--features .slide {
    position: relative;
    display: flex !important;
    flex-direction: column;
    height: 366px !important;
    align-items: center;
    padding: 0;
    text-align: center;
    border-radius: 12px
}

@media only screen and (min-width: 640px) {
    .page-section--features .slide {
        height: 576px !important;
        padding: 0
    }
}

@media only screen and (min-width: 960px) {
    .page-section--features .slide {
        height: 495px !important
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--features .slide {
        height: 676px !important
    }
}

@media only screen and (min-width: 960px) {
    .page-section--features .slide__legally-binding {
        background: #f1f1fe
    }
}

.page-section--features .slide__legally-binding .slide__thumb {
    background: #f1f1fe
}

@media only screen and (min-width: 960px) {
    .page-section--features .slide__legally-binding .slide__thumb {
        background: inherit
    }
}

@media only screen and (min-width: 960px) {
    .page-section--features .slide__integrate-api {
        background: #e9f1ff
    }
}

.page-section--features .slide__integrate-api .slide__thumb {
    background: #e9f1ff
}

@media only screen and (min-width: 960px) {
    .page-section--features .slide__integrate-api .slide__thumb {
        background: inherit
    }
}

@media only screen and (min-width: 960px) {
    .page-section--features .slide__send-conditional {
        background: #edfcf5
    }
}

.page-section--features .slide__send-conditional .slide__thumb {
    background: #edfcf5
}

@media only screen and (min-width: 960px) {
    .page-section--features .slide__send-conditional .slide__thumb {
        background: inherit
    }
}

@media only screen and (min-width: 960px) {
    .page-section--features .slide__share-documents {
        background: #fff1ec
    }
}

.page-section--features .slide__share-documents .slide__thumb {
    background: #fff1ec
}

@media only screen and (min-width: 960px) {
    .page-section--features .slide__share-documents .slide__thumb {
        background: inherit
    }
}

@media only screen and (min-width: 960px) {
    .page-section--features .slide__reusable-templates {
        background: #fff8e5
    }
}

.page-section--features .slide__reusable-templates .slide__thumb {
    background: #fff8e5
}

@media only screen and (min-width: 960px) {
    .page-section--features .slide__reusable-templates .slide__thumb {
        background: inherit
    }
}

@media only screen and (min-width: 960px) {
    .page-section--features .slide__team-collaboration {
        background: #f6f0ff
    }
}

.page-section--features .slide__team-collaboration .slide__thumb {
    background: #f6f0ff
}

@media only screen and (min-width: 960px) {
    .page-section--features .slide__team-collaboration .slide__thumb {
        background: inherit
    }
}

@media only screen and (min-width: 960px) {
    .page-section--features .slide__add-your-branding {
        background: #ffeef3
    }
}

.page-section--features .slide__add-your-branding .slide__thumb {
    background: #ffeef3
}

@media only screen and (min-width: 960px) {
    .page-section--features .slide__add-your-branding .slide__thumb {
        background: inherit
    }
}

@media only screen and (min-width: 960px) {
    .page-section--features .slide__protect-data {
        background: #e1f2ff
    }
}

.page-section--features .slide__protect-data .slide__thumb {
    background: #e1f2ff
}

@media only screen and (min-width: 960px) {
    .page-section--features .slide__protect-data .slide__thumb {
        background: inherit
    }
}

.page-section--features .slide__description {
    max-width: 343px;
    margin: 0 auto 12px;
    font-size: 12px;
    line-height: 16px
}

@media only screen and (min-width: 640px) {
    .page-section--features .slide__description {
        max-width: 608px;
        font-size: 14px;
        line-height: 20px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--features .slide__description {
        display: none
    }
}

.page-section--features .slide__thumb {
    position: relative;
    width: 284px;
    height: 100%;
    margin: 27px auto 0;
    border-radius: 8px;
    order: 1
}

@media only screen and (min-width: 375px) {
    .page-section--features .slide__thumb {
        width: 343px
    }
}

@media only screen and (min-width: 640px) {
    .page-section--features .slide__thumb {
        width: 608px;
        margin: 40px auto 0
    }
}

@media only screen and (min-width: 960px) {
    .page-section--features .slide__thumb {
        width: 100%;
        margin-top: 0
    }
}

.page-section--features .slide-img {
    position: absolute
}

.page-section--features .slide-img__legally-binding-1 {
    top: 18px;
    left: 16px;
    width: 252px;
    height: 232px
}

@media only screen and (min-width: 375px) {
    .page-section--features .slide-img__legally-binding-1 {
        top: -4px;
        left: 21px;
        width: 300px;
        height: 276px
    }
}

@media only screen and (min-width: 640px) {
    .page-section--features .slide-img__legally-binding-1 {
        top: 26px;
        left: 77px;
        width: 454px;
        height: 419px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--features .slide-img__legally-binding-1 {
        top: 44px;
        left: 36px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--features .slide-img__legally-binding-1 {
        top: 86px;
        left: 32px;
        width: auto;
        height: auto
    }
}

.page-section--features .slide-img__integrate-api-1 {
    top: 38px;
    left: -27px;
    width: 226px;
    height: 187px
}

@media only screen and (min-width: 375px) {
    .page-section--features .slide-img__integrate-api-1 {
        top: 32px;
        left: -32px;
        width: 272px;
        height: 223px
    }
}

@media only screen and (min-width: 640px) {
    .page-section--features .slide-img__integrate-api-1 {
        top: 76px;
        left: 69px;
        width: 276px;
        height: 316px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--features .slide-img__integrate-api-1 {
        top: 104px;
        left: 30px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--features .slide-img__integrate-api-1 {
        top: 144px;
        left: 42px;
        width: auto;
        height: auto
    }
}

.page-section--features .slide-img__integrate-api-2 {
    top: 38px;
    left: 158px;
    width: 124px;
    height: 95px
}

@media only screen and (min-width: 375px) {
    .page-section--features .slide-img__integrate-api-2 {
        top: 32px;
        left: 190px;
        width: 147px;
        height: 114px
    }
}

@media only screen and (min-width: 640px) {
    .page-section--features .slide-img__integrate-api-2 {
        top: 76px;
        left: 330px;
        width: 207px;
        height: 161px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--features .slide-img__integrate-api-2 {
        top: 104px;
        left: 291px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--features .slide-img__integrate-api-2 {
        top: 144px;
        left: 396px;
        width: auto;
        height: auto
    }
}

.page-section--features .slide-img__integrate-api-3 {
    top: 125px;
    left: 158px;
    width: 123px;
    height: 100px
}

@media only screen and (min-width: 375px) {
    .page-section--features .slide-img__integrate-api-3 {
        top: 136px;
        left: 191px;
        width: 146px;
        height: 119px
    }
}

@media only screen and (min-width: 640px) {
    .page-section--features .slide-img__integrate-api-3 {
        top: 223px;
        left: 331px;
        width: 206px;
        height: 169px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--features .slide-img__integrate-api-3 {
        top: 251px;
        left: 292px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--features .slide-img__integrate-api-3 {
        top: 344px;
        left: 396px;
        width: auto;
        height: auto
    }
}

.page-section--features .slide-img__send-conditional-1 {
    top: 24px;
    left: 16px;
    width: 252px;
    height: 232px
}

@media only screen and (min-width: 375px) {
    .page-section--features .slide-img__send-conditional-1 {
        top: 3px;
        left: 21px;
        width: 300px;
        height: 276px
    }
}

@media only screen and (min-width: 640px) {
    .page-section--features .slide-img__send-conditional-1 {
        top: 26px;
        left: 77px;
        width: 454px;
        height: 419px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--features .slide-img__send-conditional-1 {
        top: 44px;
        left: 36px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--features .slide-img__send-conditional-1 {
        top: 61px;
        left: 50px;
        width: auto;
        height: auto
    }
}

.page-section--features .slide-img__share-documents-1 {
    top: 31px;
    left: 9px;
    width: 265px;
    height: 205px
}

@media only screen and (min-width: 375px) {
    .page-section--features .slide-img__share-documents-1 {
        top: 10px;
        left: 14px;
        width: 316px;
        height: 246px
    }
}

@media only screen and (min-width: 640px) {
    .page-section--features .slide-img__share-documents-1 {
        top: 80px;
        left: 64px;
        width: 480px;
        height: 311px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--features .slide-img__share-documents-1 {
        top: 98px;
        left: 24px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--features .slide-img__share-documents-1 {
        top: 134px;
        left: 32px;
        width: auto;
        height: auto
    }
}

.page-section--features .slide-img__reusable-templates-1 {
    top: 14px;
    left: 2px;
    width: 269px;
    height: 220px
}

@media only screen and (min-width: 375px) {
    .page-section--features .slide-img__reusable-templates-1 {
        top: 0;
        left: 10px;
        width: 322px;
        height: 263px
    }
}

@media only screen and (min-width: 640px) {
    .page-section--features .slide-img__reusable-templates-1 {
        top: 31px;
        left: 60px;
        width: 487px;
        height: 399px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--features .slide-img__reusable-templates-1 {
        top: 57px;
        left: 15px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--features .slide-img__reusable-templates-1 {
        top: 76px;
        left: 20px;
        width: auto;
        height: auto
    }
}

.page-section--features .slide-img__reusable-templates-2 {
    top: 91px;
    left: 172px;
    width: 105px;
    height: 155px
}

@media only screen and (min-width: 375px) {
    .page-section--features .slide-img__reusable-templates-2 {
        top: 93px;
        left: 213px;
        width: 125px;
        height: 184px
    }
}

@media only screen and (min-width: 640px) {
    .page-section--features .slide-img__reusable-templates-2 {
        top: 171px;
        left: 367px;
        width: 190px;
        height: 280px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--features .slide-img__reusable-templates-2 {
        top: 197px;
        left: 322px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--features .slide-img__reusable-templates-2 {
        top: 266px;
        left: 437px;
        width: auto;
        height: auto
    }
}

.page-section--features .slide-img__team-collaboration-1 {
    top: 36px;
    left: 45px;
    width: 195px;
    height: 210px
}

@media only screen and (min-width: 375px) {
    .page-section--features .slide-img__team-collaboration-1 {
        top: 22px;
        left: 55px;
        width: 232px;
        height: 239px
    }
}

@media only screen and (min-width: 640px) {
    .page-section--features .slide-img__team-collaboration-1 {
        top: 87px;
        left: 128px;
        width: 353px;
        height: 318px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--features .slide-img__team-collaboration-1 {
        top: 94px;
        left: 88px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--features .slide-img__team-collaboration-1 {
        top: 130px;
        left: 119px;
        width: auto;
        height: auto
    }
}

.page-section--features .slide-img__add-your-branding-1 {
    top: -8px;
    left: 13px;
    width: 259px;
    height: 282px
}

@media only screen and (min-width: 375px) {
    .page-section--features .slide-img__add-your-branding-1 {
        top: -23px;
        left: 16px;
        width: 308px;
        height: 313px
    }
}

@media only screen and (min-width: 640px) {
    .page-section--features .slide-img__add-your-branding-1 {
        top: 38px;
        left: 72px;
        width: 467px;
        height: 398px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--features .slide-img__add-your-branding-1 {
        top: 56px;
        left: 30px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--features .slide-img__add-your-branding-1 {
        top: 79px;
        left: 42px;
        width: auto;
        height: auto
    }
}

.page-section--features .slide-img__protect-data-1 {
    top: 12px;
    left: 38px;
    width: 209px;
    height: 260px
}

@media only screen and (min-width: 375px) {
    .page-section--features .slide-img__protect-data-1 {
        left: 67px
    }
}

@media only screen and (min-width: 640px) {
    .page-section--features .slide-img__protect-data-1 {
        top: 48px;
        left: 145px;
        width: 318px;
        height: 395px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--features .slide-img__protect-data-1 {
        top: 56px;
        left: 105px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--features .slide-img__protect-data-1 {
        top: 79px;
        left: 143px;
        width: auto;
        height: auto
    }
}

.page-section--features .feature-icon--legally-binding:before {
    background-image: url(https://marketing-static.signnow.com/1000/images/home-new/features-icons/legally-binding.svg)
}

.page-section--features .feature-icon--integrate-api:before {
    background-image: url(https://marketing-static.signnow.com/1000/images/home-new/features-icons/integrate-api.svg)
}

.page-section--features .feature-icon--send-conditional:before {
    background-image: url(https://marketing-static.signnow.com/1000/images/home-new/features-icons/send-conditional.svg)
}

.page-section--features .feature-icon--share-documents:before {
    background-image: url(https://marketing-static.signnow.com/1000/images/home-new/features-icons/share-documents.svg)
}

.page-section--features .feature-icon--reusable-templates:before {
    background-image: url(https://marketing-static.signnow.com/1000/images/home-new/features-icons/reusable-templates.svg)
}

.page-section--features .feature-icon--team-collaboration:before {
    background-image: url(https://marketing-static.signnow.com/1000/images/home-new/features-icons/team-collaboration.svg)
}

.page-section--features .feature-icon--add-your-branding:before {
    background-image: url(https://marketing-static.signnow.com/1000/images/home-new/features-icons/add-your-branding.svg)
}

.page-section--features .feature-icon--protect-data:before {
    background-image: url(https://marketing-static.signnow.com/1000/images/home-new/features-icons/protect-data.svg)
}

.page-section--features .features-slider__navigation .slick-slide.slick-current .feature-icon--legally-binding:before, .page-section--features .features-slider__navigation .slick-slide:hover .feature-icon--legally-binding:before {
    background-image: url(https://marketing-static.signnow.com/1000/images/home-new/features-icons/legally-binding-color.svg)
}

.page-section--features .features-slider__navigation .slick-slide.slick-current .feature-icon--integrate-api:before, .page-section--features .features-slider__navigation .slick-slide:hover .feature-icon--integrate-api:before {
    background-image: url(https://marketing-static.signnow.com/1000/images/home-new/features-icons/integrate-api-color.svg)
}

.page-section--features .features-slider__navigation .slick-slide.slick-current .feature-icon--send-conditional:before, .page-section--features .features-slider__navigation .slick-slide:hover .feature-icon--send-conditional:before {
    background-image: url(https://marketing-static.signnow.com/1000/images/home-new/features-icons/send-conditional-color.svg)
}

.page-section--features .features-slider__navigation .slick-slide.slick-current .feature-icon--share-documents:before, .page-section--features .features-slider__navigation .slick-slide:hover .feature-icon--share-documents:before {
    background-image: url(https://marketing-static.signnow.com/1000/images/home-new/features-icons/share-documents-color.svg)
}

.page-section--features .features-slider__navigation .slick-slide.slick-current .feature-icon--reusable-templates:before, .page-section--features .features-slider__navigation .slick-slide:hover .feature-icon--reusable-templates:before {
    background-image: url(https://marketing-static.signnow.com/1000/images/home-new/features-icons/reusable-templates-color.svg)
}

.page-section--features .features-slider__navigation .slick-slide.slick-current .feature-icon--team-collaboration:before, .page-section--features .features-slider__navigation .slick-slide:hover .feature-icon--team-collaboration:before {
    background-image: url(https://marketing-static.signnow.com/1000/images/home-new/features-icons/team-collaboration-color.svg)
}

.page-section--features .features-slider__navigation .slick-slide.slick-current .feature-icon--add-your-branding:before, .page-section--features .features-slider__navigation .slick-slide:hover .feature-icon--add-your-branding:before {
    background-image: url(https://marketing-static.signnow.com/1000/images/home-new/features-icons/add-your-branding-color.svg)
}

.page-section--features .features-slider__navigation .slick-slide.slick-current .feature-icon--protect-data:before, .page-section--features .features-slider__navigation .slick-slide:hover .feature-icon--protect-data:before {
    background-image: url(https://marketing-static.signnow.com/1000/images/home-new/features-icons/protect-data-color.svg)
}

.page-section--features .section-footer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 32px
}

@media only screen and (min-width: 640px) {
    .page-section--features .section-footer {
        margin-top: 40px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--features .section-footer {
        flex-direction: row;
        margin-top: 26px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--features .section-footer {
        margin-top: 48px
    }
}

.page-section--features .section-footer__item:last-child {
    margin-top: 15px
}

@media only screen and (min-width: 960px) {
    .page-section--features .section-footer__item:last-child {
        margin-top: 0;
        margin-left: 32px
    }
}

.page-section--features .section-footer .cta-note {
    font-family: Graphik, Arial, sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width: 640px) {
    .page-section--features .section-footer .cta-note {
        font-size: 20px;
        line-height: 28px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--features .section-footer .cta-note {
        font-size: 24px;
        line-height: 32px
    }
}

.page-section--features .section-footer .button {
    padding: 10px 20px;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px
}

.page-section--features .video-player-wrapper {
    position: absolute;
    max-width: 100%;
    top: 63px;
    left: 31px;
    width: 222px;
    margin-bottom: 0;
    z-index: 2
}

@media only screen and (min-width: 375px) {
    .page-section--features .video-player-wrapper {
        top: 52px;
        left: 34px;
        width: 277px
    }
}

@media only screen and (min-width: 640px) {
    .page-section--features .video-player-wrapper {
        top: 110px;
        left: 91px;
        width: 426px;
        margin-bottom: 0
    }
}

@media only screen and (min-width: 960px) {
    .page-section--features .video-player-wrapper {
        top: 127px;
        left: 51px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--features .video-player-wrapper {
        top: 173px;
        left: 69px;
        width: 580px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--features .video-player-wrapper .video-player__lazyframe {
        margin-right: -1px
    }
}

.page-section--features .video-player-wrapper .video-player__lazyframe:before {
    padding-top: 60%
}

@media only screen and (min-width: 960px) {
    .page-section--features .video-player-wrapper .video-player__lazyframe:before {
        padding-top: 56.25%
    }
}

.page-section--features .video-player-wrapper .video-player__lazyframe .video-player__play-button, .page-section--features .video-player-wrapper .video-player__lazyframe:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    width: 67px;
    height: 47px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5NCIgaGVpZ2h0PSI5NCI+PGcgZmlsbD0ibm9uZSI+PGNpcmNsZSBjeD0iNDciIGN5PSI0NyIgcj0iNDciIGZpbGw9IiMwMDg4Q0UiLz48cGF0aCBmaWxsPSIjRkZGIiBkPSJNNjIuMDc4IDQ4LjIxTDM5LjE5MiA2Mi42MkExLjQzIDEuNDMgMCAwIDEgMzcgNjEuNDFWMzIuNTlhMS40MyAxLjQzIDAgMCAxIDIuMTkyLTEuMjFsMjIuODg2IDE0LjQxYTEuNDMgMS40MyAwIDAgMSAwIDIuNDJ6Ii8+PC9nPjwvc3ZnPg==");
    background-size: contain;
    transition: transform .2s;
    transform: translate(-50%, -50%)
}

@media only screen and (min-width: 640px) {
    .page-section--features .video-player-wrapper .video-player__lazyframe .video-player__play-button, .page-section--features .video-player-wrapper .video-player__lazyframe:after {
        width: 76px;
        height: 54px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--features .video-player-wrapper .video-player__lazyframe .video-player__play-button, .page-section--features .video-player-wrapper .video-player__lazyframe:after {
        width: 74px;
        height: 74px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--features .video-player-wrapper .video-player__lazyframe .video-player__play-button, .page-section--features .video-player-wrapper .video-player__lazyframe:after {
        width: 100px;
        height: 100px
    }
}

.page-section--features .video-player-wrapper .video-player__lazyframe:focus .video-player__play-button, .page-section--features .video-player-wrapper .video-player__lazyframe:hover .video-player__play-button {
    transform: translate(-50%, -50%) scale(1.2)
}

.page-section--features .video-player-wrapper .video-player__lazyframe .video-player__thumb-image {
    width: 222px;
    height: 133px
}

@media only screen and (min-width: 375px) {
    .page-section--features .video-player-wrapper .video-player__lazyframe .video-player__thumb-image {
        width: 277px;
        height: 156px
    }
}

@media only screen and (min-width: 640px) {
    .page-section--features .video-player-wrapper .video-player__lazyframe .video-player__thumb-image {
        width: 426px;
        height: 240px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--features .video-player-wrapper .video-player__lazyframe .video-player__thumb-image {
        width: 426px;
        height: 240px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--features .video-player-wrapper .video-player__lazyframe .video-player__thumb-image {
        width: 580px;
        height: 326px
    }
}

.page-section--features .video-player-wrapper .video-player__lazyframe iframe {
    border-radius: 5px
}

.page-section--reviews {
    position: relative;
    padding-bottom: 28px;
    overflow: hidden
}

@media only screen and (min-width: 640px) {
    .page-section--reviews {
        padding-bottom: 40px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--reviews {
        padding-bottom: 20px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--reviews {
        padding-bottom: 57px
    }
}

.page-section--reviews .section-subtitle {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 28px;
    font-size: 24px;
    line-height: 32px;
    font-family: Graphik, Arial, sans-serif;
    font-weight: 700;
    color: #2c2c2c
}

@media only screen and (min-width: 640px) {
    .page-section--reviews .section-subtitle {
        margin-bottom: 40px;
        font-size: 32px;
        line-height: 40px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--reviews .section-subtitle {
        margin-bottom: 48px;
        font-size: 40px;
        line-height: 48px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--reviews .section-subtitle {
        margin-bottom: 80px;
        font-size: 48px;
        line-height: 60px
    }
}

.page-section--reviews .slick-list {
    overflow: hidden
}

@media only screen and (min-width: 960px) {
    .page-section--reviews .slick-list {
        overflow: initial
    }
}

.page-section--reviews .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-right: auto;
    margin-left: auto
}

@media only screen and (min-width: 960px) {
    .page-section--reviews .slick-track {
        margin-right: auto;
        margin-left: 0
    }
}

.page-section--reviews .slick-track:after, .page-section--reviews .slick-track:before {
    display: table;
    content: ""
}

.page-section--reviews .slick-track:after {
    clear: both
}

.slick-loading .page-section--reviews .slick-track {
    visibility: hidden
}

.page-section--reviews .slick-slide {
    float: left;
    min-height: 1px;
    height: 100%;
    outline: none
}

[dir=rtl] .page-section--reviews .slick-slide {
    float: right
}

.page-section--reviews .slick-slide img {
    display: block
}

.page-section--reviews .slick-slide.slick-loading img {
    display: none
}

.page-section--reviews .slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .page-section--reviews .slick-slide {
    display: block
}

.slick-loading .page-section--reviews .slick-slide {
    visibility: hidden
}

.slick-vertical .page-section--reviews .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.page-section--reviews .slick-arrow.slick-hidden {
    display: none
}

.page-section--reviews .review-slider {
    position: relative;
    display: block
}

@media only screen and (min-width: 960px) {
    .page-section--reviews .review-slider {
        min-height: 386px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--reviews .review-slider {
        min-height: 432px
    }
}

.page-section--reviews .review-slider .review-slider__nav {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: -16px
}

@media only screen and (min-width: 640px) {
    .page-section--reviews .review-slider .review-slider__nav {
        margin-top: -42px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--reviews .review-slider .review-slider__nav {
        position: absolute;
        min-width: 395px;
        left: 57.5%;
        bottom: 68px;
        z-index: 4;
        flex-direction: column;
        justify-content: normal;
        margin-top: 0
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--reviews .review-slider .review-slider__nav {
        min-width: 460px;
        right: 70px;
        bottom: 90px;
        left: auto
    }
}

.page-section--reviews .review-slider .review-slider__nav .slick-list {
    padding: 0 !important
}

.page-section--reviews .review-slider .review-slider__nav .slick-slide {
    width: 100% !important
}

@media only screen and (min-width: 960px) {
    .page-section--reviews .review-slider .review-slider__nav .slick-slide {
        width: 82px !important
    }
}

@media only screen and (min-width: 960px) {
    .page-section--reviews .review-slider .review-slider__nav .slick-slide:not(:first-child) {
        margin-left: 12px
    }
}

.page-section--reviews .review-slider .review-slider__nav .slick-track {
    display: flex !important;
    width: 100% !important;
    transform: none !important
}

.page-section--reviews .review-slider .review-slider__nav .slick-current .review-slider__nav-item:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background-color: #0182e8;
    height: 5px;
    width: 64px;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-name: fillColorHorizontal;
    border-radius: 4px;
    z-index: 10
}

@media only screen and (min-width: 640px) {
    .page-section--reviews .review-slider .review-slider__nav .slick-current .review-slider__nav-item:before {
        width: 69px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--reviews .review-slider .review-slider__nav .slick-current .review-slider__nav-item:before {
        top: 50%;
        left: 0;
        width: 82px;
        height: 8px;
        border-radius: 7px
    }
}

.page-section--reviews .review-slider .review-slider__nav .review-slider__nav-item {
    position: relative;
    width: 64px !important;
    height: 5px;
    border-radius: 4px;
    background-color: transparent;
    margin: 0 4px;
    padding: 12px;
    z-index: 4;
    cursor: pointer;
    outline: none
}

@media only screen and (min-width: 640px) {
    .page-section--reviews .review-slider .review-slider__nav .review-slider__nav-item {
        width: 69px !important
    }
}

@media only screen and (min-width: 960px) {
    .page-section--reviews .review-slider .review-slider__nav .review-slider__nav-item {
        height: 8px;
        width: 82px !important;
        margin: 0;
        padding: 0;
        border-radius: 7px
    }
}

.page-section--reviews .review-slider .review-slider__nav .review-slider__nav-item:focus {
    outline: 1px solid #fff
}

.page-section--reviews .review-slider .review-slider__nav .review-slider__nav-item:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #edeff4;
    height: 5px;
    width: 64px;
    border-radius: 4px
}

@media only screen and (min-width: 640px) {
    .page-section--reviews .review-slider .review-slider__nav .review-slider__nav-item:after {
        width: 69px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--reviews .review-slider .review-slider__nav .review-slider__nav-item:after {
        width: 82px;
        height: 8px;
        border-radius: 7px
    }
}

@media only screen and (min-width: 640px) {
    .page-section--reviews .review-slider__nav.is-active {
        display: flex !important
    }
}

.page-section--reviews .review-slider .review-slider__viewport {
    position: relative;
    transition: opacity .1s linear;
    will-change: opacity
}

.page-section--reviews .review-slider .review-slider__viewport:after, .page-section--reviews .review-slider .review-slider__viewport:before {
    display: table;
    content: ""
}

.page-section--reviews .review-slider .review-slider__viewport:after {
    clear: both
}

.page-section--reviews .review-slider .review-slider__viewport .slick-dots {
    display: none !important
}

.page-section--reviews .review-slider .review-slide__summary {
    min-height: 357px;
    order: 0;
    text-align: left;
    background: #f6f8fb;
    border-radius: 12px;
    padding: 30px 44px 30px 30px
}

@media only screen and (min-width: 640px) {
    .page-section--reviews .review-slider .review-slide__summary {
        padding: 40px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--reviews .review-slider .review-slide__summary {
        width: calc(100% - 467px);
        min-height: 278px;
        margin-bottom: 0;
        order: 1;
        background: inherit;
        padding: 0
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--reviews .review-slider .review-slide__summary {
        width: calc(100% - 639px);
        min-height: 476px
    }
}

.page-section--reviews .review-slider .review-slide__image {
    position: relative;
    display: none
}

@media only screen and (min-width: 960px) {
    .page-section--reviews .review-slider .review-slide__image {
        display: block;
        width: 467px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--reviews .review-slider .review-slide__image {
        width: 639px
    }
}

.page-section--reviews .review-slider .review-slide__image img {
    display: block;
    width: 534px
}

@media only screen and (min-width: 960px) {
    .page-section--reviews .review-slider .review-slide__image img {
        width: 400px;
        height: 323px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--reviews .review-slider .review-slide__image img {
        width: 534px;
        height: 431px
    }
}

.page-section--reviews .review-slider .user-review {
    display: flex;
    margin-bottom: 14px
}

@media only screen and (min-width: 640px) {
    .page-section--reviews .review-slider .user-review {
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 28px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--reviews .review-slider .user-review {
        margin-bottom: 36px;
        padding-top: 6px
    }
}

.page-section--reviews .review-slider .user-review__image {
    margin-right: 16px
}

@media only screen and (min-width: 640px) {
    .page-section--reviews .review-slider .user-review__image {
        margin-right: 16px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--reviews .review-slider .user-review__image {
        margin-right: 24px
    }
}

.page-section--reviews .review-slider .user-review__image img {
    width: 48px;
    height: 48px
}

@media only screen and (min-width: 640px) {
    .page-section--reviews .review-slider .user-review__image img {
        width: 52px;
        height: 52px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--reviews .review-slider .user-review__image img {
        width: 64px;
        height: 64px
    }
}

.page-section--reviews .review-slider .user-review__details {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    line-height: 24px;
    user-select: text
}

@media only screen and (min-width: 640px) {
    .page-section--reviews .review-slider .user-review__details {
        margin-top: 4px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--reviews .review-slider .user-review__details {
        margin-top: 0;
        font-size: 16px;
        line-height: 24px
    }
}

.page-section--reviews .review-slider .user-review__name {
    margin-right: 4px;
    font-size: 14px;
    line-height: 14px;
    font-weight: 700
}

@media only screen and (min-width: 1280px) {
    .page-section--reviews .review-slider .user-review__name {
        font-size: 16px;
        line-height: 24px
    }
}

.page-section--reviews .review-slider .user-review__position {
    line-height: 23px
}

@media only screen and (min-width: 640px) {
    .page-section--reviews .review-slider .user-review__position {
        line-height: 25px
    }
}

.page-section--reviews .review-slider .review-slide__text {
    margin-bottom: 18px;
    font-size: 20px;
    line-height: 32px;
    user-select: text;
    text-align: left;
    font-family: Graphik, Arial, sans-serif
}

@media only screen and (min-width: 640px) {
    .page-section--reviews .review-slider .review-slide__text {
        margin-bottom: 29px;
        font-size: 24px;
        line-height: 36px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--reviews .review-slider .review-slide__text {
        margin-bottom: 37px;
        font-size: 32px;
        line-height: 44px
    }
}

.page-section--reviews .review-slider .review-slide__link .link {
    font-size: 14px;
    line-height: 20px
}

@media only screen and (min-width: 640px) {
    .page-section--reviews .review-slider .review-slide__link .link {
        font-size: 16px;
        line-height: 24px
    }
}

.page-section--reviews .page-section__row {
    position: relative;
    display: block;
    z-index: 1
}

.page-section--reviews .page-section__row .call-to-action {
    margin-bottom: 40px;
    text-align: center
}

@media only screen and (min-width: 375px) {
    .page-section--reviews .page-section__row .call-to-action {
        margin-top: -16px;
        margin-bottom: 52px
    }
}

@media only screen and (min-width: 640px) {
    .page-section--reviews .page-section__row .call-to-action {
        display: none
    }
}

.page-section--reviews .page-section__row .button {
    width: 256px
}

@media only screen and (min-width: 960px) {
    .page-section--reviews .review-slide {
        display: flex !important;
        align-items: flex-start
    }
}

.page-section--reviews .slider-nav {
    display: none;
    justify-content: center;
    text-align: left;
    position: relative;
    right: 0;
    bottom: auto;
    z-index: 999;
    margin: 16px auto auto
}

@media only screen and (min-width: 640px) {
    .page-section--reviews .slider-nav {
        margin-top: 25px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--reviews .slider-nav {
        display: flex;
        justify-content: space-between;
        margin: 0 0 auto;
        top: 201px;
        position: absolute;
        top: 4px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--reviews .slider-nav {
        top: 4px
    }
}

.page-section--reviews .slider-nav .slider-nav__arrow {
    display: flex;
    justify-content: center
}

@media only screen and (min-width: 960px) {
    .page-section--reviews .slider-nav .slider-nav__arrow {
        justify-content: right
    }
}

.page-section--reviews .slider-nav .btn-next-arrow, .page-section--reviews .slider-nav .btn-prev-arrow {
    display: block;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDkgMjV2MGMwIDEzLjI1Ni0xMC43NDQgMjQtMjQgMjR2MEMxMS43NDQgNDkgMSAzOC4yNTYgMSAyNXYwQzEgMTEuNzQ0IDExLjc0NCAxIDI1IDF2MGMxMy4yNTYgMCAyNCAxMC43NDQgMjQgMjR6IiBzdHJva2U9IiM2Njc5ODgiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNMTcgMjVoMTZNMjYuMzMyIDMxLjY2NkwzMi45OTkgMjVsLTYuNjY3LTYuNjY3IiBzdHJva2U9IiMyQzJDMkMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=") no-repeat;
    background-size: cover;
    border: none;
    outline: none;
    cursor: pointer;
    width: 36px;
    height: 36px
}

@media only screen and (min-width: 640px) {
    .page-section--reviews .slider-nav .btn-next-arrow, .page-section--reviews .slider-nav .btn-prev-arrow {
        width: 40px;
        height: 40px;
        margin-top: 2px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--reviews .slider-nav .btn-next-arrow, .page-section--reviews .slider-nav .btn-prev-arrow {
        width: 48px;
        height: 48px;
        margin-top: 10px
    }
}

.page-section--reviews .slider-nav .btn-next-arrow.btn-prev-arrow, .page-section--reviews .slider-nav .btn-prev-arrow.btn-prev-arrow {
    transform: rotate(180deg);
    margin-right: 20px
}

@media only screen and (min-width: 960px) {
    .page-section--reviews .slider-nav .btn-next-arrow.btn-prev-arrow, .page-section--reviews .slider-nav .btn-prev-arrow.btn-prev-arrow {
        margin-right: 14px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--reviews .slider-nav .btn-next-arrow.btn-prev-arrow, .page-section--reviews .slider-nav .btn-prev-arrow.btn-prev-arrow {
        margin-right: 24px
    }
}

.page-section--reviews .slider-nav .btn-next-arrow.is-disable, .page-section--reviews .slider-nav .btn-prev-arrow.is-disable {
    opacity: .4 !important;
    cursor: default !important;
    pointer-events: none !important
}

.page-section--reviews .slider-nav .btn-next-arrow:hover, .page-section--reviews .slider-nav .btn-prev-arrow:hover {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00OSAyNXYwYzAgMTMuMjU2LTEwLjc0NCAyNC0yNCAyNHYwQzExLjc0NCA0OSAxIDM4LjI1NiAxIDI1djBDMSAxMS43NDQgMTEuNzQ0IDEgMjUgMXYwYzEzLjI1NiAwIDI0IDEwLjc0NCAyNCAyNHoiIGZpbGw9IiNGMUYyRjQiIHN0cm9rZT0iIzU0NjQ3MCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik0xNyAyNWgxNk0yNi4zMzIgMzEuNjY2TDMyLjk5OSAyNWwtNi42NjctNi42NjciIHN0cm9rZT0iIzJDMkMyQyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==") no-repeat;
    background-size: contain
}

.page-section--reviews .slider-nav .btn-next-arrow:focus, .page-section--reviews .slider-nav .btn-prev-arrow:focus {
    box-shadow: 0 0 0 2px #d5dade;
    border-radius: 100%
}

.page-section--reviews .slider-nav__mobile {
    display: block
}

@media only screen and (min-width: 960px) {
    .page-section--reviews .slider-nav__mobile {
        display: none
    }
}

.page-section--reviews .is-disable {
    pointer-events: none;
    object-fit: contain;
    opacity: .5
}

.page-section--reviews .is-disable:before {
    transform: none
}

.page-section--customers {
    padding-bottom: 76px
}

@media only screen and (min-width: 640px) {
    .page-section--customers {
        padding-bottom: 80px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--customers {
        padding-bottom: 100px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--customers {
        padding-bottom: 122px
    }
}

.page-section--customers .partners-logos {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

@media only screen and (min-width: 640px) {
    .page-section--customers .partners-logos {
        justify-content: space-between
    }
}

@media only screen and (min-width: 960px) {
    .page-section--customers .partners-logos {
        flex-wrap: nowrap
    }
}

.page-section--customers .partners-logos__item {
    text-align: center;
    width: 25%;
    padding: 0 12px
}

@media only screen and (min-width: 640px) {
    .page-section--customers .partners-logos__item {
        width: auto;
        padding: 0
    }
}

@media only screen and (min-width: 960px) {
    .page-section--customers .partners-logos__item {
        text-align: left
    }
}

.page-section--customers .partners-logos__item:first-child {
    padding-left: 0
}

.page-section--customers .partners-logos__item:first-child img {
    width: 75px;
    height: 100%
}

@media only screen and (min-width: 640px) {
    .page-section--customers .partners-logos__item:first-child img {
        width: 125px;
        height: 40px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--customers .partners-logos__item:first-child img {
        width: 175px;
        height: 56px
    }
}

.page-section--customers .partners-logos__item:nth-child(2) img {
    width: 83px;
    height: 100%
}

@media only screen and (min-width: 640px) {
    .page-section--customers .partners-logos__item:nth-child(2) img {
        width: 139px;
        height: 40px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--customers .partners-logos__item:nth-child(2) img {
        width: 194px;
        height: 56px
    }
}

.page-section--customers .partners-logos__item:nth-child(3) img {
    width: 20px;
    height: 100%
}

@media only screen and (min-width: 640px) {
    .page-section--customers .partners-logos__item:nth-child(3) img {
        width: 33px;
        height: 40px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--customers .partners-logos__item:nth-child(3) img {
        width: 46px;
        height: 56px
    }
}

.page-section--customers .partners-logos__item:nth-child(4) {
    padding-right: 0
}

.page-section--customers .partners-logos__item:nth-child(4) img {
    width: 65px;
    height: 100%
}

@media only screen and (min-width: 640px) {
    .page-section--customers .partners-logos__item:nth-child(4) img {
        width: 108px;
        height: 40px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--customers .partners-logos__item:nth-child(4) img {
        width: 151px;
        height: 56px
    }
}

.page-section--customers .partners-logos__item:nth-child(5) {
    display: none
}

@media only screen and (min-width: 960px) {
    .page-section--customers .partners-logos__item:nth-child(5) {
        display: block
    }
}

.page-section--customers .partners-logos__item:nth-child(5) img {
    width: 133px;
    height: 40px
}

@media only screen and (min-width: 1280px) {
    .page-section--customers .partners-logos__item:nth-child(5) img {
        width: 186px;
        height: 56px
    }
}

.page-section--customers .partners-logos__item:nth-child(6) {
    display: none
}

@media only screen and (min-width: 960px) {
    .page-section--customers .partners-logos__item:nth-child(6) {
        display: block
    }
}

.page-section--customers .partners-logos__item:nth-child(6) img {
    width: 84px;
    height: 40px
}

@media only screen and (min-width: 1280px) {
    .page-section--customers .partners-logos__item:nth-child(6) img {
        width: 117px;
        height: 56px
    }
}

.page-section--customers .partners-logos__item img {
    max-width: 100%
}

.page-section--cta {
    padding-bottom: 60px
}

@media only screen and (min-width: 640px) {
    .page-section--cta {
        padding-bottom: 78px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--cta {
        padding-bottom: 100px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--cta {
        padding-bottom: 120px
    }
}

.page-section--cta .page-section__row {
    background: #f2f7ff;
    border-radius: 12px;
    padding: 48px 34px 50px 28px
}

@media only screen and (min-width: 640px) {
    .page-section--cta .page-section__row {
        display: flex;
        overflow: hidden;
        padding: 49px 66px 49px 48px;
        min-height: 464px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--cta .page-section__row {
        padding: 63px 22px 69px 67px;
        min-height: inherit
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--cta .page-section__row {
        padding: 83px 31px 84px 106px
    }
}

.page-section--cta .page-section__column--primary {
    text-align: center
}

@media only screen and (min-width: 640px) {
    .page-section--cta .page-section__column--primary {
        width: calc(100% - 160px);
        flex-shrink: 0;
        text-align: left;
        z-index: 1
    }
}

@media only screen and (min-width: 960px) {
    .page-section--cta .page-section__column--primary {
        width: 378px;
        margin-right: 25px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--cta .page-section__column--primary {
        width: 550px;
        margin-right: 38px
    }
}

.page-section--cta .page-section__column--illustration {
    position: relative;
    display: none
}

@media only screen and (min-width: 640px) {
    .page-section--cta .page-section__column--illustration {
        display: block;
        width: 160px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--cta .page-section__column--illustration {
        width: 100%
    }
}

.page-section--cta .page-section__column--illustration img {
    display: none
}

@media only screen and (min-width: 640px) {
    .page-section--cta .page-section__column--illustration img {
        position: absolute;
        display: block;
        top: 2px;
        right: -64px;
        width: 224px;
        height: 402px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--cta .page-section__column--illustration img {
        display: none
    }
}

.page-section--cta .page-section__column--illustration #animatedSignatureExample {
    display: none
}

@media only screen and (min-width: 960px) {
    .page-section--cta .page-section__column--illustration #animatedSignatureExample {
        position: absolute;
        display: block;
        top: -40px;
        right: -39px;
        width: 500px;
        height: 500px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--cta .page-section__column--illustration #animatedSignatureExample {
        top: -56px;
        right: -8px;
        width: 558px;
        height: 558px
    }
}

@media only screen and (min-width: 640px) {
    .page-section--cta .title-illustration {
        text-align: left
    }
}

.page-section--cta .section-subtitle {
    margin-bottom: 24px;
    font-size: 28px;
    line-height: 36px;
    font-family: Graphik, Arial, sans-serif;
    font-weight: 700;
    color: #2c2c2c
}

@media only screen and (min-width: 640px) {
    .page-section--cta .section-subtitle {
        margin-bottom: 28px;
        font-size: 32px;
        line-height: 40px;
        text-align: left
    }
}

@media only screen and (min-width: 960px) {
    .page-section--cta .section-subtitle {
        margin-bottom: 24px;
        font-size: 36px;
        line-height: 48px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--cta .section-subtitle {
        font-size: 52px;
        line-height: 64px
    }
}

.page-section--cta .cta-list__item {
    display: flex;
    margin-bottom: 18px
}

@media only screen and (min-width: 640px) {
    .page-section--cta .cta-list__item {
        margin-bottom: 25px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--cta .cta-list__item {
        margin-bottom: 21px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--cta .cta-list__item {
        max-width: 430px
    }
}

.page-section--cta .cta-list__item:last-child {
    margin-bottom: 0
}

.page-section--cta .cta-list__logo {
    display: flex;
    flex-shrink: 0;
    margin-right: 16px
}

@media only screen and (min-width: 960px) {
    .page-section--cta .cta-list__logo {
        margin-right: 20px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--cta .cta-list__logo {
        margin-right: 24px
    }
}

.page-section--cta .cta-list__logo svg {
    width: 44px;
    height: 44px
}

@media only screen and (min-width: 640px) {
    .page-section--cta .cta-list__logo svg {
        width: 40px;
        height: 40px;
        margin-top: -2px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--cta .cta-list__logo svg {
        width: 44px;
        height: 44px;
        margin-top: 4px
    }
}

.page-section--cta .cta-list__description {
    font-family: Graphik, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    text-align: left
}

@media only screen and (min-width: 960px) {
    .page-section--cta .cta-list__description {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--cta .cta-list__description {
        font-size: 18px;
        line-height: 28px
    }
}

.page-section--cta .free-trial__cta {
    display: flex;
    flex-direction: column;
    max-width: 214px;
    margin: 28px auto 0
}

@media only screen and (min-width: 640px) {
    .page-section--cta .free-trial__cta {
        flex-direction: row;
        max-width: 444px;
        margin-top: 27px;
        margin-left: 0
    }
}

@media only screen and (min-width: 960px) {
    .page-section--cta .free-trial__cta {
        max-width: 100%;
        margin-top: 36px
    }
}

.page-section--cta .free-trial__cta .button {
    min-width: 214px;
    padding-top: 9px;
    padding-bottom: 9px;
    font-size: 16px;
    line-height: 28px;
    font-weight: 700
}

@media only screen and (min-width: 960px) {
    .page-section--cta .free-trial__cta .button {
        min-width: 199px
    }
}

.page-section--apps {
    padding-bottom: 43px
}

@media only screen and (min-width: 640px) {
    .page-section--apps {
        padding-bottom: 54px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--apps {
        padding-bottom: 76px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--apps {
        padding-bottom: 88px
    }
}

.page-section--apps .page-section__inner {
    overflow: hidden
}

@media only screen and (min-width: 960px) {
    .page-section--apps .page-section__row {
        display: flex
    }
}

.page-section--apps .section-subtitle {
    max-width: 343px;
    margin-bottom: 8px;
    margin-left: auto;
    margin-right: auto;
    font-size: 24px;
    line-height: 32px;
    font-family: Graphik, Arial, sans-serif;
    font-weight: 700;
    color: #2c2c2c
}

@media only screen and (min-width: 640px) {
    .page-section--apps .section-subtitle {
        max-width: 508px;
        font-size: 32px;
        line-height: 40px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--apps .section-subtitle {
        max-width: inherit;
        margin-left: 0;
        margin-right: 0;
        font-size: 40px;
        line-height: 48px;
        text-align: left
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--apps .section-subtitle {
        margin-bottom: 16px;
        font-size: 48px;
        line-height: 60px
    }
}

.page-section--apps .section-message {
    max-width: 347px;
    margin-bottom: 14px;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
    line-height: 20px;
    text-align: center
}

@media only screen and (min-width: 640px) {
    .page-section--apps .section-message {
        max-width: 524px;
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--apps .section-message {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 26px;
        text-align: left
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--apps .section-message {
        font-size: 20px;
        line-height: 28px
    }
}

.page-section--apps .link {
    font-size: 14px;
    line-height: 20px
}

@media only screen and (min-width: 640px) {
    .page-section--apps .link {
        font-size: 16px;
        line-height: 28px
    }
}

.page-section--apps .link:after {
    top: 0;
    bottom: 0;
    margin: auto
}

.page-section--apps .page-section__column--primary {
    text-align: center;
    margin-bottom: 26px
}

@media only screen and (min-width: 640px) {
    .page-section--apps .page-section__column--primary {
        margin-bottom: 48px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--apps .page-section__column--primary {
        width: 448px;
        margin-right: 32px;
        margin-bottom: 0;
        flex-shrink: 0;
        text-align: left
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--apps .page-section__column--primary {
        width: 533px;
        margin-right: 109px;
        padding-top: 30px
    }
}

.page-section--apps .page-section__column--logos {
    width: 100%
}

.page-section--apps .apps {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -9px
}

@media only screen and (min-width: 640px) {
    .page-section--apps .apps {
        max-width: 477px;
        margin: 0 auto
    }
}

@media only screen and (min-width: 960px) {
    .page-section--apps .apps {
        margin: 0 -12px;
        max-width: inherit
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--apps .apps {
        margin: 0 -16px
    }
}

.page-section--apps .apps__item {
    width: 33.3333%;
    padding: 0 9px;
    margin-bottom: 18px
}

@media only screen and (min-width: 640px) {
    .page-section--apps .apps__item {
        padding: 0 13px;
        margin-bottom: 26px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--apps .apps__item {
        padding: 0 12px;
        margin-bottom: 24px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--apps .apps__item {
        padding: 0 16px;
        margin-bottom: 32px
    }
}

.page-section--apps .apps__item.apps__item--double-size {
    width: 66.666%
}

.page-section--apps .apps__wrapper {
    position: relative;
    background: #fff;
    box-shadow: 0 6px 20px rgba(0, 0, 0, .08);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 102px;
    transition: all .3s ease
}

@media only screen and (min-width: 640px) {
    .page-section--apps .apps__wrapper {
        min-height: 133px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--apps .apps__wrapper {
        min-height: 133px;
        height: 133px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--apps .apps__wrapper {
        min-height: 182px;
        height: 182px
    }
}

.page-section--apps .apps__wrapper:hover {
    box-shadow: 0 2px 12px rgba(0, 0, 0, .15)
}

.page-section--apps .apps__link {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.page-section--apps .apps__icon.apps__icon--gdrive img {
    width: 46px;
    height: 41px
}

@media only screen and (min-width: 640px) {
    .page-section--apps .apps__icon.apps__icon--gdrive img {
        width: 69px;
        height: 61px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--apps .apps__icon.apps__icon--gdrive img {
        width: 60px;
        height: 53px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--apps .apps__icon.apps__icon--gdrive img {
        width: 82px;
        height: 73px
    }
}

.page-section--apps .apps__icon.apps__icon--ms-teams img {
    width: 52px;
    height: 52px
}

@media only screen and (min-width: 640px) {
    .page-section--apps .apps__icon.apps__icon--ms-teams img {
        width: 77px;
        height: 77px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--apps .apps__icon.apps__icon--ms-teams img {
        width: 67px;
        height: 67px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--apps .apps__icon.apps__icon--ms-teams img {
        width: 92px;
        height: 92px
    }
}

.page-section--apps .apps__icon.apps__icon--ms-word img {
    width: 44px;
    height: 41px
}

@media only screen and (min-width: 640px) {
    .page-section--apps .apps__icon.apps__icon--ms-word img {
        width: 65px;
        height: 61px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--apps .apps__icon.apps__icon--ms-word img {
        width: 57px;
        height: 53px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--apps .apps__icon.apps__icon--ms-word img {
        width: 78px;
        height: 72px
    }
}

.page-section--apps .apps__icon.apps__icon--salesforce {
    width: 63px;
    height: 44px
}

@media only screen and (min-width: 640px) {
    .page-section--apps .apps__icon.apps__icon--salesforce {
        width: 93px;
        height: 65px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--apps .apps__icon.apps__icon--salesforce {
        width: 81px;
        height: 57px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--apps .apps__icon.apps__icon--salesforce {
        width: 111px;
        height: 78px
    }
}

.page-section--apps .apps__icon.apps__icon--netsuite img {
    width: 138px;
    height: 35px
}

@media only screen and (min-width: 640px) {
    .page-section--apps .apps__icon.apps__icon--netsuite img {
        width: 206px;
        height: 52px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--apps .apps__icon.apps__icon--netsuite img {
        width: 180px;
        height: 45px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--apps .apps__icon.apps__icon--netsuite img {
        width: 246px;
        height: 62px
    }
}

.page-section--apps .apps__item.animated .picture {
    width: 20px;
    height: 20px
}

.page-section--competition {
    padding-bottom: 60px
}

@media only screen and (min-width: 640px) {
    .page-section--competition {
        padding-bottom: 78px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--competition {
        padding-bottom: 100px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--competition {
        padding-bottom: 120px
    }
}

.page-section--competition .section-subtitle {
    max-width: 300px;
    margin-bottom: 8px;
    margin-left: auto;
    margin-right: auto;
    font-size: 24px;
    line-height: 32px;
    font-family: Graphik, Arial, sans-serif;
    font-weight: 700;
    color: #2c2c2c
}

@media only screen and (min-width: 640px) {
    .page-section--competition .section-subtitle {
        max-width: 420px;
        font-size: 32px;
        line-height: 40px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--competition .section-subtitle {
        max-width: 100%;
        margin-bottom: 16px;
        font-size: 40px;
        line-height: 48px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--competition .section-subtitle {
        margin-bottom: 16px;
        font-size: 48px;
        line-height: 60px
    }
}

.page-section--competition .section-message {
    max-width: 300px;
    margin: 0 auto 16px;
    text-align: center;
    font-size: 14px;
    line-height: 20px
}

@media only screen and (min-width: 640px) {
    .page-section--competition .section-message {
        max-width: auto;
        margin-bottom: 20px;
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--competition .section-message {
        max-width: 732px;
        margin-bottom: 28px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--competition .section-message {
        max-width: 870px;
        font-size: 20px;
        line-height: 28px
    }
}

.page-section--competition .page-section__column-actions {
    font-size: 14px;
    text-align: center
}

@media only screen and (min-width: 960px) {
    .page-section--competition .page-section__column-actions {
        font-size: 16px
    }
}

.page-section--competition .page-section__column-actions strong {
    margin-left: -25px
}

.page-section--competition .page-section__column-actions strong .link {
    margin-left: 8px
}

@media only screen and (min-width: 960px) {
    .page-section--competition .page-section__column-actions strong {
        margin-left: 0
    }
}

.page-section--competition .page-section__column-actions .link--more-than-one-line {
    font-size: 14px;
    line-height: 20px
}

@media only screen and (min-width: 640px) {
    .page-section--competition .page-section__column-actions .link--more-than-one-line {
        font-size: 16px;
        line-height: 24px
    }
}

.page-section--competition .table-wrapper {
    overflow-x: auto;
    margin-top: 32px
}

@media only screen and (min-width: 640px) {
    .page-section--competition .table-wrapper {
        margin-top: 32px;
        text-align: center
    }
}

@media only screen and (min-width: 960px) {
    .page-section--competition .table-wrapper {
        overflow-x: initial;
        margin-top: 46px;
        margin-left: auto;
        margin-right: auto;
        text-align: left
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--competition .table-wrapper {
        margin-top: 63px;
        max-width: 100%
    }
}

.page-section--competition .services-comparison-table {
    display: inline-block
}

@media only screen and (min-width: 640px) {
    .page-section--competition .services-comparison-table {
        width: 100%
    }
}

@media only screen and (min-width: 960px) {
    .page-section--competition .services-comparison-table {
        display: block
    }
}

.page-section--competition .services-comparison-table__thead .row {
    position: relative;
    display: flex;
    align-items: flex-end;
    border-bottom: 2px solid #e0e6ed
}

.page-section--competition .services-comparison-table__thead .column {
    flex-grow: 1;
    flex-basis: 120px;
    width: 120px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 800;
    text-align: center;
    flex-shrink: 0;
    padding: 18px 16px 20px;
    font-family: Graphik, Arial, sans-serif
}

@media only screen and (min-width: 640px) {
    .page-section--competition .services-comparison-table__thead .column {
        flex-basis: 128px;
        width: 128px;
        padding: 23px 10px 30px;
        font-size: 16px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--competition .services-comparison-table__thead .column {
        width: 20%;
        flex-basis: 20%;
        flex-shrink: inherit;
        padding-top: 26px;
        padding-bottom: 34px;
        font-size: 20px;
        line-height: 28px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--competition .services-comparison-table__thead .column {
        flex-basis: 180px;
        width: 180px;
        padding-top: 34px;
        padding-bottom: 34px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--competition .services-comparison-table__thead .column:nth-child(3) {
        margin-left: 32px
    }
}

.page-section--competition .services-comparison-table__thead .column:nth-child(3), .page-section--competition .services-comparison-table__thead .column:nth-child(4), .page-section--competition .services-comparison-table__thead .column:nth-child(5) {
    max-width: 112px
}

@media only screen and (min-width: 960px) {
    .page-section--competition .services-comparison-table__thead .column:nth-child(3), .page-section--competition .services-comparison-table__thead .column:nth-child(4), .page-section--competition .services-comparison-table__thead .column:nth-child(5) {
        max-width: 100%
    }
}

.page-section--competition .services-comparison-table__thead .column .column__signnow-logo {
    width: 80px;
    height: 28px
}

@media only screen and (min-width: 640px) {
    .page-section--competition .services-comparison-table__thead .column .column__signnow-logo {
        width: 93px;
        height: 28px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--competition .services-comparison-table__thead .column .column__signnow-logo {
        width: 112px;
        height: 30px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--competition .services-comparison-table__thead .column .column__signnow-logo {
        width: 120px;
        height: 40px
    }
}

.page-section--competition .services-comparison-table__thead.is-sticky {
    position: fixed;
    width: 100%;
    top: 76px;
    background-color: #fff;
    z-index: 1;
    border-bottom: 2px solid #e0e6ed
}

@media only screen and (min-width: 640px) {
    .page-section--competition .services-comparison-table__thead.is-sticky {
        border-bottom: 0
    }
}

@media only screen and (min-width: 960px) {
    .page-section--competition .services-comparison-table__thead.is-sticky {
        top: 78px;
        z-index: 3
    }
}

.page-section--competition .services-comparison-table__thead.is-sticky .row {
    border-bottom: 0
}

@media only screen and (min-width: 640px) {
    .page-section--competition .services-comparison-table__thead.is-sticky .row {
        border-bottom: 2px solid #e0e6ed
    }
}

.page-section--competition .services-comparison-table {
    padding: 0;
    left: 0;
    width: 100%
}

@media only screen and (min-width: 640px) {
    .page-section--competition .services-comparison-table {
        width: 624px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--competition .services-comparison-table {
        width: 100%
    }
}

.page-section--competition .services-comparison-table.is-active {
    padding-top: 64px
}

@media only screen and (min-width: 640px) {
    .page-section--competition .services-comparison-table.is-active {
        padding-top: 81px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--competition .services-comparison-table.is-active {
        padding-top: 93px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--competition .services-comparison-table.is-active {
        padding-top: 104px
    }
}

.page-section--competition .services-comparison-table.is-active .services-comparison-table__thead .row {
    margin-right: -2px;
    padding-left: 2px
}

.page-section--competition .services-comparison-table.is-active .column__logo {
    max-height: 28px;
    max-width: 100%
}

@media only screen and (min-width: 960px) {
    .page-section--competition .services-comparison-table .column:nth-child(4) {
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--competition .services-comparison-table .column:nth-child(4) {
        padding-left: 16px;
        padding-right: 16px
    }
}

.page-section--competition .services-comparison-table .column--dummy {
    flex: 0 0 140px;
    width: 140px;
    padding-left: 0;
    text-align: left;
    font-size: 12px;
    line-height: 16px;
    color: #667988;
    font-weight: 400
}

@media only screen and (min-width: 640px) {
    .page-section--competition .services-comparison-table .column--dummy {
        display: block;
        flex: 0 0 160px;
        width: 160px;
        padding-bottom: 6px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--competition .services-comparison-table .column--dummy {
        flex: 0 0 356px;
        width: 356px;
        padding-top: 0;
        padding-bottom: 24px;
        padding-left: 32px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--competition .services-comparison-table .column--dummy {
        flex: 0 0 502px;
        width: 502px;
        padding-bottom: 21px;
        padding-left: 38px
    }
}

.page-section--competition .services-comparison-table .column--dummy .disclaimer-compare {
    display: none
}

@media only screen and (min-width: 960px) {
    .page-section--competition .services-comparison-table .column--dummy .disclaimer-compare {
        display: flex;
        align-items: center;
        max-width: 307px;
        min-height: 60px
    }
}

.page-section--competition .services-comparison-table .column--dummy + .column {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    background-color: rgba(206, 225, 255, .35)
}

.page-section--competition .services-comparison-table__tbody {
    position: relative
}

.page-section--competition .services-comparison-table__tbody .row {
    position: relative;
    display: flex
}

@media only screen and (min-width: 960px) {
    .page-section--competition .services-comparison-table__tbody .row {
        min-width: calc(100vw - 56px)
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--competition .services-comparison-table__tbody .row {
        min-width: 100%
    }
}

.page-section--competition .services-comparison-table__tbody .row:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1
}

@media only screen and (min-width: 960px) {
    .page-section--competition .services-comparison-table__tbody .row:hover:before {
        border-radius: 8px;
        box-shadow: 0 6px 20px rgba(0, 0, 0, .08)
    }

    .page-section--competition .services-comparison-table__tbody .row:hover .column {
        background: inherit
    }
}

.page-section--competition .services-comparison-table__tbody .row:first-child {
    margin-top: -2px
}

.page-section--competition .services-comparison-table__tbody .row:first-child:before {
    top: 12px;
    width: 100%;
    height: calc(100% - 16px)
}

.page-section--competition .services-comparison-table__tbody .row:first-child .column {
    position: relative;
    padding-top: 24px
}

.page-section--competition .services-comparison-table__tbody .row:first-child .column:nth-child(2):before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 12px;
    background-color: #f2f7ff
}

.page-section--competition .services-comparison-table__tbody .row:first-child .column:nth-child(2):after {
    content: "";
    position: absolute;
    top: 64px;
    width: 100%;
    height: 4px;
    background-color: #f2f7ff
}

.page-section--competition .services-comparison-table__tbody .row-price {
    display: flex !important;
    width: 100%
}

.page-section--competition .services-comparison-table__tbody .row-price:hover:before {
    display: none
}

.page-section--competition .services-comparison-table__tbody .row-price:hover .column:nth-child(2) {
    background-color: #f2f7ff
}

.page-section--competition .services-comparison-table__tbody .row:last-child .column:nth-child(2) {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px
}

.page-section--competition .services-comparison-table__tbody .column {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    flex-basis: 120px;
    width: 120px;
    padding: 12px 6px;
    font-size: 8px;
    font-weight: 600;
    flex-shrink: 0;
    font-size: 12px;
    text-align: center
}

@media only screen and (min-width: 640px) {
    .page-section--competition .services-comparison-table__tbody .column {
        flex-basis: 128px;
        width: 128px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--competition .services-comparison-table__tbody .column {
        font-size: 14px;
        flex-basis: 20%;
        width: 20%;
        flex-shrink: inherit
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--competition .services-comparison-table__tbody .column {
        flex-basis: 180px;
        width: 180px;
        font-size: 14px;
        line-height: 20px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--competition .services-comparison-table__tbody .column:nth-child(2) {
        min-width: 144px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--competition .services-comparison-table__tbody .column:nth-child(2) {
        min-width: 152px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--competition .services-comparison-table__tbody .column:nth-child(3) {
        margin-left: 6px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--competition .services-comparison-table__tbody .column:nth-child(3) {
        margin-left: 32px
    }
}

.page-section--competition .services-comparison-table__tbody .column:nth-child(2) {
    max-width: 128px
}

@media only screen and (min-width: 960px) {
    .page-section--competition .services-comparison-table__tbody .column:nth-child(2) {
        max-width: 100%
    }
}

.page-section--competition .services-comparison-table__tbody .column:nth-child(3), .page-section--competition .services-comparison-table__tbody .column:nth-child(4), .page-section--competition .services-comparison-table__tbody .column:nth-child(5) {
    max-width: 112px
}

@media only screen and (min-width: 960px) {
    .page-section--competition .services-comparison-table__tbody .column:nth-child(3), .page-section--competition .services-comparison-table__tbody .column:nth-child(4), .page-section--competition .services-comparison-table__tbody .column:nth-child(5) {
        max-width: 100%
    }
}

.page-section--competition .services-comparison-table__tbody .column--feature {
    flex: 0 0 140px;
    justify-content: left;
    width: 140px;
    padding: 12px 16px 12px 0;
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    text-align: left;
    z-index: 2
}

@media only screen and (min-width: 640px) {
    .page-section--competition .services-comparison-table__tbody .column--feature {
        width: 160px;
        flex: 0 0 160px;
        padding-top: 14px;
        padding-bottom: 14px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--competition .services-comparison-table__tbody .column--feature {
        flex: 0 0 356px;
        width: 356px;
        padding-top: 14px;
        padding-bottom: 14px;
        padding-left: 32px;
        font-size: 14px;
        line-height: 24px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--competition .services-comparison-table__tbody .column--feature {
        flex: 0 0 502px;
        width: 502px;
        padding-top: 12px;
        padding-bottom: 12px;
        padding-left: 38px;
        font-size: 16px;
        line-height: 28px
    }
}

.page-section--competition .services-comparison-table__tbody .compare-text {
    margin: 0;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    text-align: left
}

@media only screen and (min-width: 640px) {
    .page-section--competition .services-comparison-table__tbody .compare-text {
        font-size: 14px;
        line-height: 20px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--competition .services-comparison-table__tbody .compare-text {
        padding-right: 30px;
        font-size: 16px;
        line-height: 28px
    }
}

.page-section--competition .services-comparison-table__tbody .inherit-color {
    color: inherit
}

.page-section--competition .services-comparison-table__tbody .icon-available {
    width: 26px;
    height: 26px
}

@media only screen and (min-width: 640px) {
    .page-section--competition .services-comparison-table__tbody .icon-available {
        width: 28px;
        height: 28px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--competition .services-comparison-table__tbody .icon-available {
        width: 32px;
        height: 32px
    }
}

.page-section--competition .services-comparison-table__tbody .column:nth-child(2) {
    background-color: #f2f7ff
}

.page-section--competition .row-price .column--feature {
    padding: 20px 32px 9px 0;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width: 960px) {
    .page-section--competition .row-price .column--feature {
        padding: 30px 32px;
        font-size: 20px;
        line-height: 28px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--competition .row-price .column--feature {
        padding: 24px 0 24px 38px;
        font-size: 24px
    }
}

.page-section--competition .row-price .column--feature span {
    margin-top: -68px
}

.page-section--competition .row-price .feature-compare {
    display: block !important;
    text-align: center;
    padding: 4px 6px 19px !important
}

@media only screen and (min-width: 640px) {
    .page-section--competition .row-price .feature-compare {
        padding: 19px 6px 21px !important
    }
}

@media only screen and (min-width: 960px) {
    .page-section--competition .row-price .feature-compare {
        padding: 19px 6px 28px !important
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--competition .row-price .feature-compare {
        padding: 19px 6px 40px !important
    }
}

.page-section--competition .row-price .feature-compare__price {
    display: inline-flex;
    font-size: 10px;
    line-height: 16px;
    font-weight: 600;
    color: #2c2c2c;
    margin-bottom: 0
}

@media only screen and (min-width: 640px) {
    .page-section--competition .row-price .feature-compare__price {
        font-size: 12px;
        line-height: 18px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--competition .row-price .feature-compare__price {
        font-size: 18px;
        line-height: 12px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--competition .row-price .feature-compare__price {
        font-size: 16px
    }
}

.page-section--competition .row-price .feature-compare__price--red {
    color: #8594a0
}

.page-section--competition .row-price .feature-compare__price span {
    font-size: 32px;
    line-height: 24px;
    font-weight: 700
}

@media only screen and (min-width: 960px) {
    .page-section--competition .row-price .feature-compare__price span {
        font-size: 36px
    }
}

.page-section--competition .row-price .feature-compare__desc {
    margin: 5px auto 0;
    font-size: 12px;
    line-height: 17px
}

@media only screen and (min-width: 640px) {
    .page-section--competition .row-price .feature-compare__desc {
        width: 100%;
        margin-top: 3px
    }
}

.page-section--competition .row-price .feature-compare__desc br {
    display: none
}

.page-section--competition .row-price .feature-compare:not(:nth-child(2)) .feature-compare__desc {
    color: #667988
}

.page-section--competition .row-price .link {
    display: inline-block;
    padding-top: 6px;
    font-size: 14px;
    line-height: 20px
}

@media only screen and (min-width: 640px) {
    .page-section--competition .row-price .link {
        padding-top: 12px;
        font-size: 14px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--competition .row-price .link {
        padding-top: 16px;
        font-size: 16px;
        line-height: 24px
    }
}

.page-section--competition .disclaimer-compare__mobile {
    display: block;
    max-width: 608px;
    margin: 14px auto 0;
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    color: #667988
}

@media only screen and (min-width: 960px) {
    .page-section--competition .disclaimer-compare__mobile {
        display: none
    }
}

.page-section--secure {
    padding-bottom: 64px
}

@media only screen and (min-width: 640px) {
    .page-section--secure {
        padding-bottom: 37px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--secure {
        padding-bottom: 100px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--secure {
        padding-bottom: 120px
    }
}

.page-section--secure .section-subtitle {
    margin-bottom: 8px;
    margin-left: auto;
    margin-right: auto;
    font-size: 24px;
    line-height: 32px;
    font-family: Graphik, Arial, sans-serif;
    font-weight: 700;
    color: #2c2c2c
}

@media only screen and (min-width: 640px) {
    .page-section--secure .section-subtitle {
        max-width: 420px;
        margin-bottom: 12px;
        font-size: 32px;
        line-height: 40px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--secure .section-subtitle {
        max-width: inherit;
        margin-bottom: 16px;
        font-size: 40px;
        line-height: 48px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--secure .section-subtitle {
        font-size: 52px;
        line-height: 64px
    }
}

.page-section--secure .section-message {
    margin-bottom: 12px;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
    line-height: 20px;
    text-align: center
}

@media only screen and (min-width: 640px) {
    .page-section--secure .section-message {
        max-width: 640px;
        margin-bottom: 20px;
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--secure .section-message {
        max-width: 714px;
        margin-bottom: 28px;
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--secure .section-message {
        max-width: 887px;
        margin-bottom: 30px;
        font-size: 20px;
        line-height: 28px
    }
}

.page-section--secure .page-section__column-actions {
    font-size: 14px;
    text-align: center
}

@media only screen and (min-width: 640px) {
    .page-section--secure .page-section__column-actions {
        font-size: 16px
    }
}

.page-section--secure .secure-logos {
    display: flex;
    flex-wrap: wrap;
    margin-top: 42px
}

@media only screen and (min-width: 960px) {
    .page-section--secure .secure-logos {
        flex-wrap: nowrap;
        justify-content: space-between;
        margin-top: 48px;
        padding: 0 24px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--secure .secure-logos {
        margin-top: 60px;
        padding: 0
    }
}

.page-section--secure .secure-logos__item {
    position: relative
}

@media only screen and (min-width: 640px) {
    .page-section--secure .secure-logos__item {
        width: 33.3333%;
        margin-bottom: 42px;
        text-align: center
    }
}

@media only screen and (min-width: 960px) {
    .page-section--secure .secure-logos__item {
        width: 134px;
        margin-bottom: 0
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--secure .secure-logos__item {
        width: 182px
    }
}

.page-section--secure .secure-logos__item:not(:last-child) {
    margin-bottom: 40px
}

@media only screen and (min-width: 640px) {
    .page-section--secure .secure-logos__item:not(:last-child) {
        margin-bottom: 42px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--secure .secure-logos__item:not(:last-child) {
        margin-bottom: 0
    }
}

.page-section--secure .secure-logos__image {
    position: absolute;
    top: -3px;
    left: 0
}

@media only screen and (min-width: 640px) {
    .page-section--secure .secure-logos__image {
        position: relative
    }
}

.page-section--secure .secure-logos__image img {
    width: 64px;
    height: 64px
}

@media only screen and (min-width: 640px) {
    .page-section--secure .secure-logos__image img {
        width: 80px;
        height: 80px;
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--secure .secure-logos__image img {
        width: 96px;
        height: 96px
    }
}

.page-section--secure .secure-logos__title {
    padding-left: 80px;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px
}

@media only screen and (min-width: 640px) {
    .page-section--secure .secure-logos__title {
        padding-left: 0
    }
}

.page-section--secure .secure-logos__description {
    margin-top: 5px;
    padding-left: 80px;
    font-size: 12px;
    line-height: 16px
}

@media only screen and (min-width: 640px) {
    .page-section--secure .secure-logos__description {
        padding-left: 0
    }
}

.page-section--business-cloud {
    padding-bottom: 60px
}

@media only screen and (min-width: 640px) {
    .page-section--business-cloud {
        padding-bottom: 76px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--business-cloud {
        padding-bottom: 100px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--business-cloud {
        padding-bottom: 120px
    }
}

.page-section--business-cloud .page-section__row {
    display: flex;
    overflow: hidden;
    background: #111f4b;
    border-radius: 8px;
    text-align: center;
    padding: 48px 0
}

@media only screen and (min-width: 640px) {
    .page-section--business-cloud .page-section__row {
        padding: 52px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--business-cloud .page-section__row {
        padding: 61px 0 60px 68px;
        text-align: left
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--business-cloud .page-section__row {
        padding: 68px 0 76px 74px;
        border-radius: 12px
    }
}

.page-section--business-cloud .page-section__column--primary {
    margin: 0 auto
}

.page-section--business-cloud .page-section__column--steps {
    width: 100%;
    display: none
}

@media only screen and (min-width: 960px) {
    .page-section--business-cloud .page-section__column--steps {
        display: block;
        margin-top: -24px;
        text-align: right
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--business-cloud .page-section__column--steps {
        margin-top: 0
    }
}

.page-section--business-cloud .page-section__column .section-subtitle {
    width: 246px;
    margin: 0 auto 28px;
    font-family: Graphik, Arial, sans-serif;
    font-weight: 700;
    color: #fff;
    font-size: 24px;
    line-height: 32px;
    text-align: center
}

@media only screen and (min-width: 640px) {
    .page-section--business-cloud .page-section__column .section-subtitle {
        min-width: 504px;
        font-size: 36px;
        line-height: 48px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--business-cloud .page-section__column .section-subtitle {
        min-width: 100%;
        width: 394px;
        margin: 0 auto 32px 0;
        font-size: 32px;
        line-height: 40px;
        text-align: left
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--business-cloud .page-section__column .section-subtitle {
        width: 498px;
        margin: 0 55px 48px auto;
        font-size: 40px;
        line-height: 48px
    }
}

.page-section--business-cloud .page-section__column .free-trial__cta {
    display: flex;
    flex-direction: column;
    max-width: 220px;
    margin: 0 auto;
    align-items: center
}

@media only screen and (min-width: 960px) {
    .page-section--business-cloud .page-section__column .free-trial__cta {
        flex-direction: row;
        align-items: left;
        max-width: 100%
    }
}

.page-section--business-cloud .page-section__column .free-trial__cta .button {
    min-width: 220px;
    font-size: 16px;
    line-height: 28px;
    padding: 9px 0;
    font-weight: 700
}

.page-section--business-cloud .page-section__column .free-trial__cta .link-wrapper {
    display: flex;
    margin-top: 20px;
    align-items: center;
    font-size: 16px
}

@media only screen and (min-width: 960px) {
    .page-section--business-cloud .page-section__column .free-trial__cta .link-wrapper {
        margin-top: 0;
        margin-left: 24px
    }
}

.page-section--business-cloud .steps-roadmap {
    position: relative
}

@media only screen and (min-width: 960px) {
    .page-section--business-cloud .steps-roadmap {
        width: 468px;
        flex-shrink: 0;
        display: inline-block
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--business-cloud .steps-roadmap {
        width: 609px;
        margin-left: 48px
    }
}

.page-section--business-cloud .steps-roadmap__illustration {
    position: absolute
}

@media only screen and (min-width: 960px) {
    .page-section--business-cloud .steps-roadmap__illustration.steps-roadmap__illustration--start {
        top: -14px;
        left: 188px;
        z-index: 1
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--business-cloud .steps-roadmap__illustration.steps-roadmap__illustration--start {
        top: -35px;
        left: 246px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--business-cloud .steps-roadmap__illustration.steps-roadmap__illustration--start svg {
        width: 83px;
        height: 31px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--business-cloud .steps-roadmap__illustration.steps-roadmap__illustration--start svg {
        width: 100px;
        height: 36px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--business-cloud .steps-roadmap__illustration.steps-roadmap__illustration--start-line {
        left: 97px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--business-cloud .steps-roadmap__illustration.steps-roadmap__illustration--start-line {
        top: -18px;
        left: 166px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--business-cloud .steps-roadmap__illustration.steps-roadmap__illustration--start-line svg {
        width: 92px;
        height: 85px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--business-cloud .steps-roadmap__illustration.steps-roadmap__illustration--start-line svg {
        width: 110px;
        height: 102px
    }
}

.page-section--business-cloud .steps-roadmap__illustration.steps-roadmap__illustration--start-line svg path {
    animation-delay: 1s
}

.page-section--business-cloud .steps-roadmap__illustration.steps-roadmap__illustration--start-plus {
    z-index: 1
}

@media only screen and (min-width: 960px) {
    .page-section--business-cloud .steps-roadmap__illustration.steps-roadmap__illustration--start-plus {
        top: 30px;
        left: 89px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--business-cloud .steps-roadmap__illustration.steps-roadmap__illustration--start-plus {
        top: 20px;
        left: 157px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--business-cloud .steps-roadmap__illustration.steps-roadmap__illustration--start-plus svg {
        width: 17px;
        height: 17px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--business-cloud .steps-roadmap__illustration.steps-roadmap__illustration--start-plus svg {
        width: 20px;
        height: 20px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--business-cloud .steps-roadmap__illustration.steps-roadmap__illustration--employee {
        top: 84px;
        left: 0
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--business-cloud .steps-roadmap__illustration.steps-roadmap__illustration--employee {
        top: 85px;
        left: 45px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--business-cloud .steps-roadmap__illustration.steps-roadmap__illustration--employee img {
        width: 197px;
        height: 61px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--business-cloud .steps-roadmap__illustration.steps-roadmap__illustration--employee img {
        width: 238px;
        height: 72px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--business-cloud .steps-roadmap__illustration.steps-roadmap__illustration--employee-line {
        left: 196px;
        top: 61px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--business-cloud .steps-roadmap__illustration.steps-roadmap__illustration--employee-line {
        top: 58px;
        left: 267px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--business-cloud .steps-roadmap__illustration.steps-roadmap__illustration--employee-line svg {
        width: 130px;
        height: 56px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--business-cloud .steps-roadmap__illustration.steps-roadmap__illustration--employee-line svg {
        width: 156px;
        height: 66px
    }
}

.page-section--business-cloud .steps-roadmap__illustration.steps-roadmap__illustration--employee-plus {
    z-index: 1
}

@media only screen and (min-width: 960px) {
    .page-section--business-cloud .steps-roadmap__illustration.steps-roadmap__illustration--employee-plus {
        left: 253px;
        top: 75px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--business-cloud .steps-roadmap__illustration.steps-roadmap__illustration--employee-plus {
        top: 76px;
        left: 335px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--business-cloud .steps-roadmap__illustration.steps-roadmap__illustration--employee-plus svg {
        width: 17px;
        height: 17px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--business-cloud .steps-roadmap__illustration.steps-roadmap__illustration--employee-plus svg {
        width: 20px;
        height: 20px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--business-cloud .steps-roadmap__illustration.steps-roadmap__illustration--supervisor {
        right: 0;
        top: 32px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--business-cloud .steps-roadmap__illustration.steps-roadmap__illustration--supervisor {
        top: 21px;
        right: 34px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--business-cloud .steps-roadmap__illustration.steps-roadmap__illustration--supervisor img {
        width: 146px;
        height: 60px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--business-cloud .steps-roadmap__illustration.steps-roadmap__illustration--supervisor img {
        width: 162px;
        height: 72px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--business-cloud .steps-roadmap__illustration.steps-roadmap__illustration--supervisor-line {
        right: 36px;
        top: 91px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--business-cloud .steps-roadmap__illustration.steps-roadmap__illustration--supervisor-line {
        top: 95px;
        right: 67px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--business-cloud .steps-roadmap__illustration.steps-roadmap__illustration--supervisor-line svg {
        width: 39px;
        height: 123px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--business-cloud .steps-roadmap__illustration.steps-roadmap__illustration--supervisor-line svg {
        width: 46px;
        height: 147px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--business-cloud .steps-roadmap__illustration.steps-roadmap__illustration--supervisor-plus {
        top: 134px;
        right: 28px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--business-cloud .steps-roadmap__illustration.steps-roadmap__illustration--supervisor-plus {
        top: 147px;
        right: 58px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--business-cloud .steps-roadmap__illustration.steps-roadmap__illustration--supervisor-plus svg {
        width: 17px;
        height: 17px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--business-cloud .steps-roadmap__illustration.steps-roadmap__illustration--supervisor-plus svg {
        width: 20px;
        height: 20px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--business-cloud .steps-roadmap__illustration.steps-roadmap__illustration--admin {
        top: 189px;
        left: 196px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--business-cloud .steps-roadmap__illustration.steps-roadmap__illustration--admin {
        top: 212px;
        left: 257px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--business-cloud .steps-roadmap__illustration.steps-roadmap__illustration--admin img {
        width: 197px;
        height: 61px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--business-cloud .steps-roadmap__illustration.steps-roadmap__illustration--admin img {
        width: 238px;
        height: 72px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--business-cloud .steps-roadmap__illustration.steps-roadmap__illustration--admin-line {
        top: 191px;
        left: 59px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--business-cloud .steps-roadmap__illustration.steps-roadmap__illustration--admin-line {
        top: 236px;
        left: 91px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--business-cloud .steps-roadmap__illustration.steps-roadmap__illustration--admin-line svg {
        width: 138px;
        height: 61px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--business-cloud .steps-roadmap__illustration.steps-roadmap__illustration--admin-line svg {
        width: 166px;
        height: 2px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--business-cloud .steps-roadmap__illustration.steps-roadmap__illustration--admin-plus {
        top: 207px;
        left: 120px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--business-cloud .steps-roadmap__illustration.steps-roadmap__illustration--admin-plus {
        top: 236px;
        left: 164px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--business-cloud .steps-roadmap__illustration.steps-roadmap__illustration--admin-plus svg {
        width: 17px;
        height: 17px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--business-cloud .steps-roadmap__illustration.steps-roadmap__illustration--admin-plus svg {
        width: 20px;
        height: 20px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--business-cloud .steps-roadmap__illustration.steps-roadmap__illustration--finish {
        top: 206px;
        left: -23px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--business-cloud .steps-roadmap__illustration.steps-roadmap__illustration--finish {
        top: 232px;
        left: -10px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--business-cloud .steps-roadmap__illustration.steps-roadmap__illustration--finish svg {
        width: 83px;
        height: 30px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--business-cloud .steps-roadmap__illustration.steps-roadmap__illustration--finish svg {
        width: 100px;
        height: 36px
    }
}

.page-section--training {
    padding-bottom: 48px
}

@media only screen and (min-width: 375px) {
    .page-section--training {
        padding-bottom: 60px
    }
}

@media only screen and (min-width: 640px) {
    .page-section--training {
        padding-bottom: 80px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--training {
        padding-bottom: 100px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--training {
        padding-bottom: 120px
    }
}

.page-section--training .page-section__inner {
    overflow: hidden
}

.page-section--training .section-subtitle {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 28px;
    font-size: 24px;
    line-height: 32px;
    font-family: Graphik, Arial, sans-serif;
    font-weight: 700;
    color: #2c2c2c
}

@media only screen and (min-width: 640px) {
    .page-section--training .section-subtitle {
        max-width: 420px;
        margin-bottom: 40px;
        font-size: 32px;
        line-height: 40px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--training .section-subtitle {
        max-width: inherit;
        margin-bottom: 48px;
        font-size: 40px;
        line-height: 48px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--training .section-subtitle {
        margin-bottom: 60px;
        font-size: 48px;
        line-height: 60px
    }
}

.page-section--training .trainings {
    display: flex;
    margin: 0;
    flex-direction: column
}

@media only screen and (min-width: 960px) {
    .page-section--training .trainings {
        flex-direction: row;
        margin: 0 -17px
    }
}

.page-section--training .training {
    display: flex
}

@media only screen and (min-width: 960px) {
    .page-section--training .training {
        flex-shrink: 0;
        padding: 0 16px
    }
}

.page-section--training .training .training__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 12px;
    width: 100%;
    min-height: 343px
}

@media only screen and (min-width: 640px) {
    .page-section--training .training .training__wrapper {
        flex-direction: row;
        min-height: 260px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--training .training .training__wrapper {
        flex-direction: column;
        min-height: 448px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--training .training .training__wrapper {
        min-height: 588px
    }
}

.page-section--training .training .training__wrapper:hover {
    text-decoration: none
}

.page-section--training .training .training__wrapper:focus .link--outgoing:before, .page-section--training .training .training__wrapper:hover .link--outgoing:before {
    width: 100%;
    left: 0
}

.page-section--training .training-illustration {
    position: absolute
}

.page-section--training .training--blue {
    margin-bottom: 16px
}

@media only screen and (min-width: 960px) {
    .page-section--training .training--blue {
        width: 50%;
        margin-bottom: 0
    }
}

.page-section--training .training--blue .training-illustrations {
    position: relative;
    width: 288px;
    height: 100%;
    margin: 0 auto
}

@media only screen and (min-width: 640px) {
    .page-section--training .training--blue .training-illustrations {
        width: calc(100% - 364px)
    }
}

@media only screen and (min-width: 960px) {
    .page-section--training .training--blue .training-illustrations {
        width: 100%
    }
}

.page-section--training .training--blue .training__wrapper {
    background-color: #e9f1ff
}

.page-section--training .training--blue .training-illustration__icon-green {
    top: 5px;
    right: 76px;
    width: 27px
}

@media only screen and (min-width: 640px) {
    .page-section--training .training--blue .training-illustration__icon-green {
        top: 28px;
        right: 34px;
        width: 34px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--training .training--blue .training-illustration__icon-green {
        top: -10px;
        right: 131px;
        width: 38px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--training .training--blue .training-illustration__icon-green {
        top: 21px;
        right: 187px;
        width: auto
    }
}

.page-section--training .training--blue .training-illustration__train-tamplates {
    top: 14px;
    right: 108px;
    left: auto;
    width: 150px
}

@media only screen and (min-width: 640px) {
    .page-section--training .training--blue .training-illustration__train-tamplates {
        top: 40px;
        right: 74px;
        width: 189px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--training .training--blue .training-illustration__train-tamplates {
        top: 4px;
        left: 64px;
        right: auto;
        width: 208px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--training .training--blue .training-illustration__train-tamplates {
        top: 38px;
        left: 101px;
        width: auto
    }
}

.page-section--training .training--blue .training-illustration__train-certificate {
    top: 52px;
    right: 18px;
    width: 156px
}

@media only screen and (min-width: 640px) {
    .page-section--training .training--blue .training-illustration__train-certificate {
        top: 83px;
        right: -47px;
        width: 200px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--training .training--blue .training-illustration__train-certificate {
        top: 52px;
        right: 55px;
        width: 207px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--training .training--blue .training-illustration__train-certificate {
        top: 99px;
        right: 91px;
        width: auto
    }
}

.page-section--training .training--blue .training-illustration__icon-orange {
    top: 105px;
    right: 185px;
    left: auto;
    width: 27px
}

@media only screen and (min-width: 640px) {
    .page-section--training .training--blue .training-illustration__icon-orange {
        top: 153px;
        right: 170px;
        width: 34px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--training .training--blue .training-illustration__icon-orange {
        top: 128px;
        right: auto;
        left: 128px;
        width: 38px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--training .training--blue .training-illustration__icon-orange {
        top: 196px;
        left: 183px;
        width: auto
    }
}

.page-section--training .training--blue .training-illustration__partner-man {
    top: 51px;
    right: 246px
}

@media only screen and (min-width: 640px) {
    .page-section--training .training--blue .training-illustration__partner-man {
        top: 86px;
        right: 246px;
        left: auto
    }
}

@media only screen and (min-width: 960px) {
    .page-section--training .training--blue .training-illustration__partner-man {
        top: 55px;
        right: auto;
        left: 35px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--training .training--blue .training-illustration__partner-man {
        top: 103px;
        left: 64px
    }
}

.page-section--training .training--blue .training-illustration__partner-man img {
    width: 34px
}

@media only screen and (min-width: 640px) {
    .page-section--training .training--blue .training-illustration__partner-man img {
        width: 43px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--training .training--blue .training-illustration__partner-man img {
        width: 48px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--training .training--blue .training-illustration__partner-man img {
        width: auto
    }
}

.page-section--training .training--blue .training-illustration__partner-woman {
    top: 93px;
    right: 6px
}

@media only screen and (min-width: 640px) {
    .page-section--training .training--blue .training-illustration__partner-woman {
        display: none
    }
}

@media only screen and (min-width: 960px) {
    .page-section--training .training--blue .training-illustration__partner-woman {
        display: block;
        top: 113px;
        right: 35px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--training .training--blue .training-illustration__partner-woman {
        top: 176px;
        right: 65px
    }
}

.page-section--training .training--blue .training-illustration__partner-woman img {
    width: 41px
}

@media only screen and (min-width: 640px) {
    .page-section--training .training--blue .training-illustration__partner-woman img {
        width: 57px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--training .training--blue .training-illustration__partner-woman img {
        width: auto
    }
}

@media only screen and (min-width: 960px) {
    .page-section--training .training--green {
        width: 50%
    }
}

.page-section--training .training--green .training-illustrations {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto
}

@media only screen and (min-width: 640px) {
    .page-section--training .training--green .training-illustrations {
        width: calc(100% - 364px)
    }
}

@media only screen and (min-width: 960px) {
    .page-section--training .training--green .training-illustrations {
        width: 100%
    }
}

.page-section--training .training--green .training__wrapper {
    background-color: #edfcf5
}

.page-section--training .training--green .training-illustration {
    bottom: 0
}

@media only screen and (min-width: 640px) {
    .page-section--training .training--green .training-illustration {
        bottom: 24px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--training .training--green .training-illustration {
        bottom: 0
    }
}

.page-section--training .training--green .training-illustration__partner-left {
    right: auto;
    left: 0
}

@media only screen and (min-width: 640px) {
    .page-section--training .training--green .training-illustration__partner-left {
        left: auto;
        right: 0
    }
}

@media only screen and (min-width: 960px) {
    .page-section--training .training--green .training-illustration__partner-left {
        left: 0;
        right: auto
    }
}

.page-section--training .training--green .training-illustration__partner-left img {
    width: 166px;
    height: 158px
}

@media only screen and (min-width: 640px) {
    .page-section--training .training--green .training-illustration__partner-left img {
        width: 250px;
        height: 213px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--training .training--green .training-illustration__partner-left img {
        width: 208px;
        height: 211px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--training .training--green .training-illustration__partner-left img {
        width: 288px;
        height: 292px
    }
}

.page-section--training .training--green .training-illustration__partner-right {
    display: block;
    right: 0
}

@media only screen and (min-width: 640px) {
    .page-section--training .training--green .training-illustration__partner-right {
        display: none
    }
}

@media only screen and (min-width: 960px) {
    .page-section--training .training--green .training-illustration__partner-right {
        display: block
    }
}

.page-section--training .training--green .training-illustration__partner-right img {
    width: 166px;
    height: 112px
}

@media only screen and (min-width: 960px) {
    .page-section--training .training--green .training-illustration__partner-right img {
        width: 218px;
        height: 156px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--training .training--green .training-illustration__partner-right img {
        width: 290px;
        height: 208px
    }
}

.page-section--training .training-content {
    color: #2c2c2c;
    padding: 28px 14px 28px 32px
}

@media only screen and (min-width: 375px) {
    .page-section--training .training-content {
        padding: 28px 38px 28px 32px
    }
}

@media only screen and (min-width: 640px) {
    .page-section--training .training-content {
        width: 364px;
        padding: 48px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--training .training-content {
        width: 100%
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--training .training-content {
        padding: 72px 80px 38px 72px
    }
}

.page-section--training .training-content__title {
    font-size: 16px;
    line-height: 24px;
    font-family: Graphik, Arial, sans-serif;
    font-weight: 700
}

@media only screen and (min-width: 640px) {
    .page-section--training .training-content__title {
        font-size: 20px;
        line-height: 28px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--training .training-content__title {
        font-size: 24px;
        line-height: 32px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--training .training-content__title {
        font-size: 32px;
        line-height: 44px
    }
}

.page-section--training .training-content__description {
    margin-top: 9px;
    font-size: 12px;
    line-height: 16px
}

@media only screen and (min-width: 640px) {
    .page-section--training .training-content__description {
        max-width: 271px;
        margin-top: 11px;
        font-size: 14px;
        line-height: 20px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--training .training-content__description {
        max-width: 464px;
        margin-top: 12px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--training .training-content__description {
        max-width: inherit;
        font-size: 16px;
        line-height: 24px
    }
}

.page-section--training .training-content__link {
    margin-top: 14px
}

@media only screen and (min-width: 960px) {
    .page-section--training .training-content__link {
        margin-top: 28px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--training .training-content__link {
        margin-top: 32px
    }
}

.page-section--training .training-content__link .link {
    font-size: 14px
}

@media only screen and (min-width: 640px) {
    .page-section--training .training-content__link .link {
        font-size: 16px
    }
}

.page-section--training .training-content__link .link:after {
    top: 0;
    bottom: 0;
    margin: auto
}

.page-section--toolkit {
    position: relative;
    padding-bottom: 20px
}

@media only screen and (min-width: 640px) {
    .page-section--toolkit {
        padding-bottom: 66px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--toolkit {
        padding-bottom: 0
    }
}

.page-section--toolkit .page-section__inner {
    overflow: hidden
}

.page-section--toolkit .section-subtitle {
    margin-bottom: 8px;
    margin-left: auto;
    margin-right: auto;
    font-family: Graphik, Arial, sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px
}

@media only screen and (min-width: 640px) {
    .page-section--toolkit .section-subtitle {
        margin-bottom: 12px;
        font-size: 32px;
        line-height: 40px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--toolkit .section-subtitle {
        max-width: 770px;
        margin-bottom: 17px;
        font-size: 40px;
        line-height: 48px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--toolkit .section-subtitle {
        max-width: 1032px;
        margin-bottom: 17px;
        font-size: 48px;
        line-height: 60px
    }
}

.page-section--toolkit .section-message {
    margin-bottom: 28px;
    font-size: 14px;
    line-height: 20px;
    text-align: center
}

@media only screen and (min-width: 640px) {
    .page-section--toolkit .section-message {
        max-width: 512px;
        margin-bottom: 40px;
        margin-left: auto;
        margin-right: auto;
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--toolkit .section-message {
        max-width: inherit;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 48px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--toolkit .section-message {
        margin-bottom: 60px;
        font-size: 20px;
        line-height: 28px
    }
}

.page-section--toolkit .toolkit-wrapper {
    position: relative;
    padding-bottom: 10px
}

.page-section--toolkit .toolkit-slider {
    z-index: 1
}

@media only screen and (min-width: 960px) {
    .page-section--toolkit .toolkit-slider {
        display: none
    }
}

.page-section--toolkit .toolkit-slider.slick-initialized {
    display: block
}

.page-section--toolkit .toolkit-slider .slick-list {
    overflow: hidden;
    margin-left: -16px;
    margin-right: -16px;
    margin-top: -32px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 32px
}

.page-section--toolkit .toolkit-slider .slick-list.is-open {
    overflow: initial
}

@media only screen and (min-width: 640px) {
    .page-section--toolkit .toolkit-slider .slick-list {
        margin-top: -62px;
        padding-top: 62px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--toolkit .toolkit-slider .slick-list {
        min-height: 650px;
        margin: 0;
        padding: 0;
        overflow: inherit
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--toolkit .toolkit-slider .slick-list {
        min-height: 660px
    }
}

.page-section--toolkit .toolkit-slider .slick-slide {
    z-index: 1
}

.page-section--toolkit .page-section__row {
    display: block !important;
    margin-left: auto;
    margin-right: auto;
    max-width: 288px;
    padding-bottom: 54px
}

@media only screen and (min-width: 375px) {
    .page-section--toolkit .page-section__row {
        max-width: 343px
    }
}

@media only screen and (min-width: 640px) {
    .page-section--toolkit .page-section__row {
        max-width: 512px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--toolkit .page-section__row {
        max-width: inherit;
        margin: 0;
        display: flex !important;
        padding-bottom: 0
    }
}

.page-section--toolkit .page-section__row.is-open {
    display: block
}

@media only screen and (min-width: 960px) {
    .page-section--toolkit .page-section__row.is-open {
        display: flex
    }
}

.page-section--toolkit .page-section__column--details {
    padding-top: 60px
}

@media only screen and (min-width: 640px) {
    .page-section--toolkit .page-section__column--details {
        padding-top: 74px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--toolkit .page-section__column--details {
        padding-top: 0;
        margin-left: 0
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--toolkit .page-section__column--details {
        width: 608px;
        flex-shrink: 0;
        margin-left: 86px
    }
}

.page-section--toolkit .page-section__column--media {
    position: relative;
    width: 277px;
    min-height: 300px;
    margin: 0
}

@media only screen and (min-width: 375px) {
    .page-section--toolkit .page-section__column--media {
        width: 331px
    }
}

@media only screen and (min-width: 640px) {
    .page-section--toolkit .page-section__column--media {
        width: 512px;
        min-height: 442px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--toolkit .page-section__column--media {
        flex-shrink: 0;
        width: 476px;
        min-height: inherit
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--toolkit .page-section__column--media {
        width: 560px
    }
}

.page-section--toolkit .sign-illustration {
    position: relative
}

.page-section--toolkit .sign-illustration .sign-illustration__image-primary, .page-section--toolkit .sign-illustration .sign-illustration__image-secondary {
    position: absolute
}

.page-section--toolkit .sign-illustration.sign-illustration--screen01 .sign-illustration__square {
    background-color: #d5e6ff
}

.page-section--toolkit .sign-illustration.sign-illustration--screen01 .sign-illustration__image-primary {
    top: 11px;
    left: auto;
    right: -16px;
    animation-delay: .3s
}

@media only screen and (min-width: 375px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen01 .sign-illustration__image-primary {
        top: 11px;
        right: 0
    }
}

@media only screen and (min-width: 640px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen01 .sign-illustration__image-primary {
        top: 18px;
        right: 0
    }
}

@media only screen and (min-width: 960px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen01 .sign-illustration__image-primary {
        top: 15px;
        right: 36px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen01 .sign-illustration__image-primary {
        top: 18px;
        right: 9px
    }
}

.page-section--toolkit .sign-illustration.sign-illustration--screen01 .sign-illustration__image-primary img {
    width: 310px;
    height: 223px
}

@media only screen and (min-width: 375px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen01 .sign-illustration__image-primary img {
        width: 330px;
        height: 223px
    }
}

@media only screen and (min-width: 640px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen01 .sign-illustration__image-primary img {
        width: 512px;
        height: 352px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen01 .sign-illustration__image-primary img {
        width: 445px;
        height: 302px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen01 .sign-illustration__image-primary img {
        width: 565px;
        height: 390px
    }
}

.page-section--toolkit .sign-illustration.sign-illustration--screen01 .sign-illustration__image-secondary {
    top: 126px;
    right: -38px;
    animation-delay: .7s
}

@media only screen and (min-width: 375px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen01 .sign-illustration__image-secondary {
        right: -20px
    }
}

@media only screen and (min-width: 640px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen01 .sign-illustration__image-secondary {
        top: 193px;
        right: -40px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen01 .sign-illustration__image-secondary {
        top: 162px;
        right: 6px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen01 .sign-illustration__image-secondary {
        top: 210px;
        right: -45px
    }
}

.page-section--toolkit .sign-illustration.sign-illustration--screen01 .sign-illustration__image-secondary img {
    width: 210px;
    height: 174px
}

@media only screen and (min-width: 640px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen01 .sign-illustration__image-secondary img {
        width: 313px;
        height: 270px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen01 .sign-illustration__image-secondary img {
        width: 285px;
        height: 246px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen01 .sign-illustration__image-secondary img {
        width: 345px;
        height: 298px
    }
}

.page-section--toolkit .sign-illustration.sign-illustration--screen02 .sign-illustration__square {
    background-color: #ffe6dd
}

.page-section--toolkit .sign-illustration.sign-illustration--screen02 .sign-illustration__image-primary {
    top: 82px;
    left: -3px;
    animation-delay: .3s
}

@media only screen and (min-width: 375px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen02 .sign-illustration__image-primary {
        top: 77px;
        left: auto
    }
}

@media only screen and (min-width: 640px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen02 .sign-illustration__image-primary {
        top: 97px;
        right: 169px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen02 .sign-illustration__image-primary {
        top: 106px;
        right: 160px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen02 .sign-illustration__image-primary {
        top: 106px;
        right: 164px
    }
}

.page-section--toolkit .sign-illustration.sign-illustration--screen02 .sign-illustration__image-primary img {
    width: 215px;
    height: 185px;
    box-shadow: 0 3px 11px rgba(0, 0, 0, .1);
    border-radius: 4px
}

@media only screen and (min-width: 375px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen02 .sign-illustration__image-primary img {
        width: 234px;
        height: 200px
    }
}

@media only screen and (min-width: 640px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen02 .sign-illustration__image-primary img {
        width: 360px;
        height: 309px;
        border-radius: 8px;
        box-shadow: 0 6px 20px rgba(0, 0, 0, .1)
    }
}

@media only screen and (min-width: 960px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen02 .sign-illustration__image-primary img {
        width: 317px;
        height: 272px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen02 .sign-illustration__image-primary img {
        width: 396px;
        height: 340px
    }
}

.page-section--toolkit .sign-illustration.sign-illustration--screen02 .sign-illustration__image-secondary {
    top: 12px;
    right: -35px;
    animation-delay: .7s
}

@media only screen and (min-width: 375px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen02 .sign-illustration__image-secondary {
        top: 0;
        right: -16px
    }
}

@media only screen and (min-width: 640px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen02 .sign-illustration__image-secondary {
        top: 0;
        right: -34px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen02 .sign-illustration__image-secondary {
        top: 4px;
        right: 12px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen02 .sign-illustration__image-secondary {
        top: 0;
        right: -39px
    }
}

.page-section--toolkit .sign-illustration.sign-illustration--screen02 .sign-illustration__image-secondary img {
    width: 203px;
    height: 211px
}

@media only screen and (min-width: 375px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen02 .sign-illustration__image-secondary img {
        width: 226px;
        height: 230px
    }
}

@media only screen and (min-width: 640px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen02 .sign-illustration__image-secondary img {
        width: 345px;
        height: 353px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen02 .sign-illustration__image-secondary img {
        width: 306px;
        height: 311px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen02 .sign-illustration__image-secondary img {
        width: 380px;
        height: 387px
    }
}

.page-section--toolkit .sign-illustration.sign-illustration--screen03 .sign-illustration__square {
    background-color: #eae6ff
}

.page-section--toolkit .sign-illustration.sign-illustration--screen03 .sign-illustration__image-primary {
    top: 58px;
    left: -25px;
    animation-delay: .3s
}

@media only screen and (min-width: 375px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen03 .sign-illustration__image-primary {
        top: 45px;
        left: -24px
    }
}

@media only screen and (min-width: 640px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen03 .sign-illustration__image-primary {
        top: 68px;
        right: 96px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen03 .sign-illustration__image-primary {
        top: 64px;
        right: 113px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen03 .sign-illustration__image-primary {
        top: 74px;
        right: 116px
    }
}

.page-section--toolkit .sign-illustration.sign-illustration--screen03 .sign-illustration__image-primary img {
    width: 277px;
    height: 240px
}

@media only screen and (min-width: 375px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen03 .sign-illustration__image-primary img {
        width: 298px;
        height: 261px
    }
}

@media only screen and (min-width: 640px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen03 .sign-illustration__image-primary img {
        width: 438px;
        height: 383px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen03 .sign-illustration__image-primary img {
        width: 396px;
        height: 347px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen03 .sign-illustration__image-primary img {
        width: 480px;
        height: 420px
    }
}

.page-section--toolkit .sign-illustration.sign-illustration--screen03 .sign-illustration__image-secondary {
    top: 10px;
    right: -32px;
    animation-delay: .7s
}

@media only screen and (min-width: 375px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen03 .sign-illustration__image-secondary {
        right: -23px
    }
}

@media only screen and (min-width: 640px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen03 .sign-illustration__image-secondary {
        top: 0;
        right: -8px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen03 .sign-illustration__image-secondary {
        top: 3px;
        right: 14px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen03 .sign-illustration__image-secondary {
        top: 0;
        right: -14px
    }
}

.page-section--toolkit .sign-illustration.sign-illustration--screen03 .sign-illustration__image-secondary img {
    width: 218px;
    height: 220px
}

@media only screen and (min-width: 375px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen03 .sign-illustration__image-secondary img {
        width: 235px;
        height: 239px
    }
}

@media only screen and (min-width: 640px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen03 .sign-illustration__image-secondary img {
        width: 346px;
        height: 351px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen03 .sign-illustration__image-secondary img {
        width: 314px;
        height: 318px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen03 .sign-illustration__image-secondary img {
        width: 380px;
        height: 385px
    }
}

.page-section--toolkit .sign-illustration.sign-illustration--screen04 .sign-illustration__square {
    background-color: #d0f4ee
}

.page-section--toolkit .sign-illustration.sign-illustration--screen04 .sign-illustration__image-primary {
    z-index: 1;
    top: 22px;
    right: -5px;
    left: auto;
    animation-delay: .3s
}

@media only screen and (min-width: 375px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen04 .sign-illustration__image-primary {
        top: 19px
    }
}

@media only screen and (min-width: 640px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen04 .sign-illustration__image-primary {
        top: 30px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen04 .sign-illustration__image-primary {
        top: 29px;
        right: 35px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen04 .sign-illustration__image-primary {
        top: 32px;
        right: -5px
    }
}

.page-section--toolkit .sign-illustration.sign-illustration--screen04 .sign-illustration__image-primary img {
    width: 190px;
    height: 195px;
    box-shadow: 0 4px 21px rgba(0, 0, 0, .1);
    border-radius: 8px
}

@media only screen and (min-width: 375px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen04 .sign-illustration__image-primary img {
        width: 208px;
        height: 212px
    }
}

@media only screen and (min-width: 640px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen04 .sign-illustration__image-primary img {
        width: 304px;
        height: 312px;
        box-shadow: 0 8px 40px rgba(0, 0, 0, .1)
    }
}

@media only screen and (min-width: 960px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen04 .sign-illustration__image-primary img {
        width: 275px;
        height: 283px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen04 .sign-illustration__image-primary img {
        width: 334px;
        height: 342px
    }
}

.page-section--toolkit .sign-illustration.sign-illustration--screen04 .sign-illustration__image-secondary {
    top: 80px;
    left: -1px;
    animation-delay: .7s
}

@media only screen and (min-width: 375px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen04 .sign-illustration__image-secondary {
        top: 64px
    }
}

@media only screen and (min-width: 640px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen04 .sign-illustration__image-secondary {
        top: 97px;
        left: -19px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen04 .sign-illustration__image-secondary {
        top: 90px;
        left: 0
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen04 .sign-illustration__image-secondary {
        top: 106px
    }
}

.page-section--toolkit .sign-illustration.sign-illustration--screen04 .sign-illustration__image-secondary img {
    width: 224px;
    height: 194px;
    box-shadow: 0 3px 11px rgba(0, 0, 0, .1);
    border-radius: 4px
}

@media only screen and (min-width: 375px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen04 .sign-illustration__image-secondary img {
        width: 243px;
        height: 211px
    }
}

@media only screen and (min-width: 640px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen04 .sign-illustration__image-secondary img {
        width: 361px;
        height: 309px;
        box-shadow: 0 6px 20px rgba(0, 0, 0, .1)
    }
}

@media only screen and (min-width: 960px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen04 .sign-illustration__image-secondary img {
        width: 323px;
        height: 280px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen04 .sign-illustration__image-secondary img {
        width: 392px;
        height: 340px
    }
}

.page-section--toolkit .sign-illustration.sign-illustration--screen05 .sign-illustration__square {
    background-color: #d7edff
}

.page-section--toolkit .sign-illustration.sign-illustration--screen05 .sign-illustration__image-primary {
    top: 64px;
    left: -23px;
    animation-delay: .3s
}

@media only screen and (min-width: 640px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen05 .sign-illustration__image-primary {
        top: 97px;
        left: -22px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen05 .sign-illustration__image-primary {
        top: 90px;
        left: -33px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen05 .sign-illustration__image-primary {
        top: 106px;
        left: -34px
    }
}

.page-section--toolkit .sign-illustration.sign-illustration--screen05 .sign-illustration__image-primary img {
    width: 299px;
    height: 241px
}

@media only screen and (min-width: 640px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen05 .sign-illustration__image-primary img {
        width: 437px;
        height: 353px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen05 .sign-illustration__image-primary img {
        width: 396px;
        height: 320px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen05 .sign-illustration__image-primary img {
        width: 480px;
        height: 388px
    }
}

.page-section--toolkit .sign-illustration.sign-illustration--screen05 .sign-illustration__image-secondary {
    top: -2px;
    right: -30px;
    animation-delay: .7s
}

@media only screen and (min-width: 375px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen05 .sign-illustration__image-secondary {
        right: -24px
    }
}

@media only screen and (min-width: 640px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen05 .sign-illustration__image-secondary {
        top: 0;
        right: -10px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen05 .sign-illustration__image-secondary {
        top: 0;
        right: -16px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen05 .sign-illustration__image-secondary {
        top: 0;
        right: -16px
    }
}

.page-section--toolkit .sign-illustration.sign-illustration--screen05 .sign-illustration__image-secondary img {
    width: 256px;
    height: 236px
}

@media only screen and (min-width: 640px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen05 .sign-illustration__image-secondary img {
        width: 378px;
        height: 346px;
        filter: drop-shadow(0 8px 40px rgba(0, 0, 0, .1))
    }
}

@media only screen and (min-width: 960px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen05 .sign-illustration__image-secondary img {
        width: 343px;
        height: 312px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen05 .sign-illustration__image-secondary img {
        width: 414px;
        height: 378px
    }
}

.page-section--toolkit .sign-illustration.sign-illustration--screen06 .sign-illustration__square {
    background-color: #ffe6dd
}

.page-section--toolkit .sign-illustration.sign-illustration--screen06 .sign-illustration__image-primary {
    top: 44px;
    left: -24px;
    animation-delay: .3s
}

@media only screen and (min-width: 640px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen06 .sign-illustration__image-primary {
        top: 68px;
        left: -22px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen06 .sign-illustration__image-primary {
        top: 62px;
        left: -33px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen06 .sign-illustration__image-primary {
        top: 74px;
        left: -38px
    }
}

.page-section--toolkit .sign-illustration.sign-illustration--screen06 .sign-illustration__image-primary img {
    width: 297px;
    height: 260px
}

@media only screen and (min-width: 640px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen06 .sign-illustration__image-primary img {
        width: 437px;
        height: 382px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen06 .sign-illustration__image-primary img {
        width: 395px;
        height: 347px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen06 .sign-illustration__image-primary img {
        width: 480px;
        height: 420px
    }
}

.page-section--toolkit .sign-illustration.sign-illustration--screen06 .sign-illustration__image-secondary {
    top: -1px;
    right: -32px;
    animation-delay: .7s
}

@media only screen and (min-width: 375px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen06 .sign-illustration__image-secondary {
        right: -22px
    }
}

@media only screen and (min-width: 640px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen06 .sign-illustration__image-secondary {
        top: 0;
        right: -10px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen06 .sign-illustration__image-secondary {
        top: 0;
        right: 8px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen06 .sign-illustration__image-secondary {
        right: -12px
    }
}

.page-section--toolkit .sign-illustration.sign-illustration--screen06 .sign-illustration__image-secondary img {
    width: 234px;
    height: 238px
}

@media only screen and (min-width: 640px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen06 .sign-illustration__image-secondary img {
        width: 345px;
        height: 352px;
        filter: drop-shadow(0 8px 40px rgba(0, 0, 0, .1))
    }
}

@media only screen and (min-width: 960px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen06 .sign-illustration__image-secondary img {
        width: 311px;
        height: 321px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen06 .sign-illustration__image-secondary img {
        width: 380px;
        height: 386px
    }
}

.page-section--toolkit .sign-illustration.sign-illustration--screen07 .sign-illustration__square {
    background-color: #ceebdc
}

.page-section--toolkit .sign-illustration.sign-illustration--screen07 .sign-illustration__image-primary {
    top: 44px;
    left: -32px;
    animation-delay: .3s
}

@media only screen and (min-width: 375px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen07 .sign-illustration__image-primary {
        left: -22px
    }
}

@media only screen and (min-width: 640px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen07 .sign-illustration__image-primary {
        top: 68px;
        left: -21px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen07 .sign-illustration__image-primary {
        top: 64px;
        left: -34px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen07 .sign-illustration__image-primary {
        top: 74px;
        left: -34px
    }
}

.page-section--toolkit .sign-illustration.sign-illustration--screen07 .sign-illustration__image-primary img {
    width: 312px;
    height: 262px
}

@media only screen and (min-width: 640px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen07 .sign-illustration__image-primary img {
        width: 457px;
        height: 383px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen07 .sign-illustration__image-primary img {
        width: 417px;
        height: 346px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen07 .sign-illustration__image-primary img {
        width: 504px;
        height: 420px
    }
}

.page-section--toolkit .sign-illustration.sign-illustration--screen07 .sign-illustration__image-secondary {
    top: -1px;
    right: -32px;
    animation-delay: .7s
}

@media only screen and (min-width: 375px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen07 .sign-illustration__image-secondary {
        right: -25px
    }
}

@media only screen and (min-width: 640px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen07 .sign-illustration__image-secondary {
        top: 2px;
        right: -6px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen07 .sign-illustration__image-secondary {
        top: 3px;
        right: 5px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen07 .sign-illustration__image-secondary {
        top: 0;
        right: -16px
    }
}

.page-section--toolkit .sign-illustration.sign-illustration--screen07 .sign-illustration__image-secondary img {
    width: 236px;
    height: 240px
}

@media only screen and (min-width: 640px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen07 .sign-illustration__image-secondary img {
        width: 342px;
        height: 351px;
        filter: drop-shadow(0 8px 40px rgba(0, 0, 0, .1))
    }
}

@media only screen and (min-width: 960px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen07 .sign-illustration__image-secondary img {
        width: 314px;
        height: 318px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen07 .sign-illustration__image-secondary img {
        width: 380px;
        height: 387px
    }
}

.page-section--toolkit .sign-illustration.sign-illustration--screen08 .sign-illustration__square {
    background-color: #ffd9dc
}

.page-section--toolkit .sign-illustration.sign-illustration--screen08 .sign-illustration__image-primary {
    top: 65px;
    left: -7px;
    animation-delay: .3s;
    background: #fff
}

@media only screen and (min-width: 375px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen08 .sign-illustration__image-primary {
        left: -1px
    }
}

@media only screen and (min-width: 640px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen08 .sign-illustration__image-primary {
        top: 97px;
        left: 14px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen08 .sign-illustration__image-primary {
        top: 90px;
        left: 0
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen08 .sign-illustration__image-primary {
        top: 107px
    }
}

.page-section--toolkit .sign-illustration.sign-illustration--screen08 .sign-illustration__image-primary img {
    width: 248px;
    height: 212px;
    box-shadow: 0 4px 21px rgba(0, 0, 0, .1);
    border-radius: 8px
}

@media only screen and (min-width: 640px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen08 .sign-illustration__image-primary img {
        width: 365px;
        height: 309px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen08 .sign-illustration__image-primary img {
        width: 330px;
        height: 280px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen08 .sign-illustration__image-primary img {
        width: 401px;
        height: 340px
    }
}

.page-section--toolkit .sign-illustration.sign-illustration--screen08 .sign-illustration__image-secondary {
    top: 18px;
    right: -8px;
    animation-delay: .7s;
    background: #fff
}

@media only screen and (min-width: 375px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen08 .sign-illustration__image-secondary {
        right: 2px
    }
}

@media only screen and (min-width: 640px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen08 .sign-illustration__image-secondary {
        top: 29px;
        right: 16px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen08 .sign-illustration__image-secondary {
        top: 29px;
        right: 40px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen08 .sign-illustration__image-secondary {
        top: 32px;
        right: 28px
    }
}

.page-section--toolkit .sign-illustration.sign-illustration--screen08 .sign-illustration__image-secondary img {
    width: 187px;
    height: 192px;
    box-shadow: 0 4px 21px rgba(0, 0, 0, .1);
    border-radius: 8px
}

@media only screen and (min-width: 640px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen08 .sign-illustration__image-secondary img {
        width: 272px;
        height: 280px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen08 .sign-illustration__image-secondary img {
        width: 246px;
        height: 254px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--toolkit .sign-illustration.sign-illustration--screen08 .sign-illustration__image-secondary img {
        width: 302px;
        height: 309px
    }
}

.page-section--toolkit .sign-illustration__square {
    width: 261px;
    height: 254px;
    border-radius: 4px;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute
}

@media only screen and (min-width: 640px) {
    .page-section--toolkit .sign-illustration__square {
        width: 390px;
        height: 379px;
        border-radius: 8px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--toolkit .sign-illustration__square {
        left: -38px;
        width: 352px;
        height: 347px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--toolkit .sign-illustration__square {
        left: -22px;
        width: 426px;
        height: 414px
    }
}

.page-section--toolkit .sign-explanation {
    user-select: text
}

@media only screen and (min-width: 960px) {
    .page-section--toolkit .sign-explanation {
        min-height: 590px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--toolkit .sign-explanation {
        min-height: 522px
    }
}

.page-section--toolkit .title-illustration {
    margin-bottom: 16px;
    text-align: left
}

.page-section--toolkit .sign-explanation__title {
    margin-bottom: 16px;
    font-family: Graphik, Arial, sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: #2c2c2c
}

@media only screen and (min-width: 640px) {
    .page-section--toolkit .sign-explanation__title {
        margin-bottom: 12px;
        font-size: 28px;
        line-height: 36px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--toolkit .sign-explanation__title {
        margin-top: -4px;
        margin-bottom: 16px;
        font-size: 24px;
        line-height: 32px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--toolkit .sign-explanation__title {
        margin-top: 0;
        margin-bottom: 12px;
        font-size: 28px;
        line-height: 40px
    }
}

.page-section--toolkit .sign-explanation__description {
    max-height: inherit;
    overflow: inherit;
    font-size: 12px;
    line-height: 18px
}

@media only screen and (min-width: 640px) {
    .page-section--toolkit .sign-explanation__description {
        font-size: 14px;
        line-height: 20px
    }
}

.page-section--toolkit .sign-explanation__description p {
    margin-bottom: 8px
}

@media only screen and (min-width: 640px) {
    .page-section--toolkit .sign-explanation__description p {
        margin-bottom: 12px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--toolkit .sign-explanation__description p {
        margin-bottom: 14px
    }
}

.page-section--toolkit .numbered-list {
    margin-bottom: 8px;
    column-count: 2
}

@media only screen and (min-width: 640px) {
    .page-section--toolkit .numbered-list {
        margin-bottom: 12px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--toolkit .numbered-list {
        margin-bottom: 18px
    }
}

.page-section--toolkit .numbered-list__bottom-null {
    margin-bottom: 0
}

.page-section--toolkit .numbered-list__item {
    display: inline-block;
    padding: 0;
    page-break-inside: avoid;
    break-inside: avoid;
    margin-bottom: 8px
}

@media only screen and (min-width: 640px) {
    .page-section--toolkit .numbered-list__item {
        display: block;
        margin-bottom: 12px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--toolkit .numbered-list__item {
        margin-bottom: 16px
    }
}

.page-section--toolkit .numbered-list__item .brackets-wrapper {
    margin-right: 8px;
    position: relative;
    padding: 0;
    font-weight: 700
}

.page-section--toolkit .numbered-list__item .brackets-wrapper:after, .page-section--toolkit .numbered-list__item .brackets-wrapper:before {
    display: none
}

.page-section--toolkit .checklist {
    column-count: 2
}

@media only screen and (min-width: 640px) {
    .page-section--toolkit .checklist {
        margin-bottom: 12px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--toolkit .checklist {
        margin-bottom: 16px
    }
}

.page-section--toolkit .checklist__item {
    display: inline-block;
    position: relative;
    font-family: Open Sans, Arial, sans-serif;
    padding-left: 25px;
    margin-bottom: 12px;
    font-size: 12px
}

@media only screen and (min-width: 640px) {
    .page-section--toolkit .checklist__item {
        display: block;
        font-size: 14px
    }
}

.page-section--toolkit .checklist__item:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
    width: 13px;
    height: 13px;
    background-image: url(https://marketing-static.signnow.com/1000/images/contact-page/mark.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

@media only screen and (min-width: 640px) {
    .page-section--toolkit .checklist__item:before {
        top: 8px
    }
}

.page-section--toolkit .sign-explanation__list-title {
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400
}

@media only screen and (min-width: 640px) {
    .page-section--toolkit .sign-explanation__list-title {
        font-size: 14px;
        line-height: 24px
    }
}

.page-section--toolkit .workflows-details__link:focus {
    text-decoration: none;
    outline: none
}

.page-section--toolkit .workflows-details__link:focus:before {
    width: 100%;
    left: 0
}

.page-section--toolkit .toolkit-nav {
    position: absolute;
    display: flex;
    justify-content: space-between;
    text-align: left;
    left: 0;
    right: 0;
    margin: 32px auto auto;
    z-index: 8;
    align-items: center
}

@media only screen and (min-width: 640px) {
    .page-section--toolkit .toolkit-nav {
        width: 512px;
        margin-top: 68px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--toolkit .toolkit-nav {
        width: 432px !important;
        position: absolute;
        left: 0;
        top: 410px !important;
        margin: 0
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--toolkit .toolkit-nav {
        width: 560px !important;
        top: 489px !important
    }
}

.page-section--toolkit .toolkit-nav .slider-nav__arrow {
    display: flex
}

.page-section--toolkit .toolkit-nav .btn-next-arrow, .page-section--toolkit .toolkit-nav .btn-prev-arrow {
    position: relative;
    width: 36px;
    height: 36px;
    border: none;
    outline: none;
    cursor: pointer;
    background: none
}

@media only screen and (min-width: 640px) {
    .page-section--toolkit .toolkit-nav .btn-next-arrow, .page-section--toolkit .toolkit-nav .btn-prev-arrow {
        width: 40px;
        height: 40px
    }
}

.page-section--toolkit .toolkit-nav .btn-next-arrow:before, .page-section--toolkit .toolkit-nav .btn-prev-arrow:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    box-sizing: border-box
}

@media only screen and (min-width: 640px) {
    .page-section--toolkit .toolkit-nav .btn-next-arrow:before, .page-section--toolkit .toolkit-nav .btn-prev-arrow:before {
        width: 40px;
        height: 40px
    }
}

.page-section--toolkit .toolkit-nav .btn-next-arrow:after, .page-section--toolkit .toolkit-nav .btn-prev-arrow:after {
    content: "";
    position: absolute;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjIiIGhlaWdodD0iNjIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNjEgMzF2MGMwIDE2LjU3LTEzLjQzIDMwLTMwIDMwdjBDMTQuNDMgNjEgMSA0Ny41NyAxIDMxdjBDMSAxNC40MyAxNC40MyAxIDMxIDF2MGMxNi41NyAwIDMwIDEzLjQzIDMwIDMweiIgc3Ryb2tlPSIjOURBOUIzIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0iTTIxIDMxaDIwTTMyLjY2NyAzOS4zMzNMNDEgMzFsLTguMzMzLTguMzMzIiBzdHJva2U9IiMzODQyNEIiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=") no-repeat;
    background-size: cover;
    width: 36px;
    height: 36px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

@media only screen and (min-width: 640px) {
    .page-section--toolkit .toolkit-nav .btn-next-arrow:after, .page-section--toolkit .toolkit-nav .btn-prev-arrow:after {
        width: 40px;
        height: 40px
    }
}

.page-section--toolkit .toolkit-nav .btn-next-arrow:hover:after, .page-section--toolkit .toolkit-nav .btn-prev-arrow:hover:after {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00OSAyNXYwYzAgMTMuMjU2LTEwLjc0NCAyNC0yNCAyNHYwQzExLjc0NCA0OSAxIDM4LjI1NiAxIDI1djBDMSAxMS43NDQgMTEuNzQ0IDEgMjUgMXYwYzEzLjI1NiAwIDI0IDEwLjc0NCAyNCAyNHoiIGZpbGw9IiNGMUYyRjQiIHN0cm9rZT0iIzU0NjQ3MCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik0xNyAyNWgxNk0yNi4zMzIgMzEuNjY2TDMyLjk5OSAyNWwtNi42NjctNi42NjciIHN0cm9rZT0iIzJDMkMyQyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==") no-repeat;
    background-size: contain
}

.page-section--toolkit .toolkit-nav .btn-next-arrow:focus, .page-section--toolkit .toolkit-nav .btn-prev-arrow:focus {
    box-shadow: 0 0 0 1.5px #d5dade;
    border-radius: 100%
}

.page-section--toolkit .toolkit-nav .btn-prev-arrow {
    margin-right: 15px
}

@media only screen and (min-width: 640px) {
    .page-section--toolkit .toolkit-nav .btn-prev-arrow {
        margin-right: 18px
    }
}

.page-section--toolkit .toolkit-nav .btn-prev-arrow:after {
    transform: rotate(180deg)
}

.page-section--toolkit .toolkit-nav .slider-nav__counter {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 24px;
    justify-content: flex-end
}

@media only screen and (min-width: 960px) {
    .page-section--toolkit .toolkit-nav .slider-nav__counter {
        justify-content: flex-start;
        font-size: 16px;
        line-height: 28px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--toolkit .toolkit-nav__counter {
        font-size: 16px;
        line-height: 16px
    }
}

.page-section--toolkit .is-disable {
    pointer-events: none;
    object-fit: contain;
    opacity: .5
}

.page-section--toolkit .is-disable:before {
    transform: none
}

.page-section--toolkit .slick-dots {
    display: none !important
}

.page-section--cta-middle {
    color: #fff;
    position: relative;
    padding-bottom: 60px
}

@media only screen and (min-width: 640px) {
    .page-section--cta-middle {
        padding-bottom: 80px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--cta-middle {
        padding-bottom: 100px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--cta-middle {
        padding-bottom: 120px
    }
}

.page-section--cta-middle .page-section__row {
    display: flex;
    flex-direction: column;
    background: #0147b9;
    border-radius: 8px;
    text-align: center;
    padding: 48px 27px;
    position: relative
}

@media only screen and (min-width: 640px) {
    .page-section--cta-middle .page-section__row {
        padding: 48px 44px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--cta-middle .page-section__row {
        flex-direction: row;
        padding: 66px 64px;
        text-align: left
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--cta-middle .page-section__row {
        padding: 66px 138px
    }
}

.page-section--cta-middle .page-section__column--primary {
    flex-shrink: 0
}

@media only screen and (min-width: 960px) {
    .page-section--cta-middle .page-section__column--primary {
        width: 479px;
        margin-right: 114px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--cta-middle .page-section__column--primary {
        width: 758px;
        margin-right: 16px
    }
}

.page-section--cta-middle .page-section__column--action {
    width: 100%;
    position: relative
}

@media only screen and (min-width: 960px) {
    .page-section--cta-middle .page-section__column--action {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 18px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--cta-middle .page-section__column--action {
        padding-top: 32px
    }
}

.page-section--cta-middle .section-subtitle {
    margin-bottom: 8px;
    color: #fff;
    font-size: 28px;
    line-height: 36px;
    font-family: Graphik, Arial, sans-serif;
    font-weight: 700
}

@media only screen and (min-width: 640px) {
    .page-section--cta-middle .section-subtitle {
        margin-bottom: 12px;
        font-size: 36px;
        line-height: 48px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--cta-middle .section-subtitle {
        margin-bottom: 8px;
        text-align: left;
        font-size: 40px;
        line-height: 48px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--cta-middle .section-subtitle {
        font-size: 48px;
        line-height: 60px
    }
}

.page-section--cta-middle .section-subtitle .stroke-accent__svg {
    bottom: -6px;
    left: -6px
}

@media only screen and (min-width: 640px) {
    .page-section--cta-middle .section-subtitle .stroke-accent__svg {
        top: -1px;
        left: -5px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--cta-middle .section-subtitle .stroke-accent__svg {
        top: -2px;
        left: -11px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--cta-middle .section-subtitle .stroke-accent__inner {
        margin-left: 8px
    }
}

.page-section--cta-middle .section-subtitle .stroke-accent__inner svg {
    max-width: 214px;
    height: 48px
}

@media only screen and (min-width: 640px) {
    .page-section--cta-middle .section-subtitle .stroke-accent__inner svg {
        max-width: 270px;
        height: 48px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--cta-middle .section-subtitle .stroke-accent__inner svg {
        max-width: 300px;
        height: 48px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--cta-middle .section-subtitle .stroke-accent__inner svg {
        max-width: 378px;
        height: 56px
    }
}

.page-section--cta-middle .section-message {
    margin-bottom: 28px;
    font-size: 14px;
    line-height: 20px
}

@media only screen and (min-width: 640px) {
    .page-section--cta-middle .section-message {
        font-size: 16px;
        line-height: 28px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--cta-middle .section-message {
        margin-bottom: 0
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--cta-middle .section-message {
        font-size: 20px;
        line-height: 32px
    }
}

.page-section--cta-middle .button, .page-section--cta-middle a.button {
    border: 2px solid #fff;
    background: #fff;
    color: #282828;
    font-weight: 700
}

.page-section--cta-middle .button:hover, .page-section--cta-middle a.button:hover {
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff
}

.page-section--cta-middle .button:active, .page-section--cta-middle .button:focus, .page-section--cta-middle a.button:active, .page-section--cta-middle a.button:focus {
    background-color: #fff;
    box-shadow: 0 0 0 2px #c7ced3
}

.page-section--cta-middle .button.is-disabled, .page-section--cta-middle .button.is-disabled:active, .page-section--cta-middle .button.is-disabled:focus, .page-section--cta-middle .button.is-disabled:hover, .page-section--cta-middle .button[disabled=disabled], .page-section--cta-middle .button[disabled=disabled]:active, .page-section--cta-middle .button[disabled=disabled]:focus, .page-section--cta-middle .button[disabled=disabled]:hover, .page-section--cta-middle a.button.is-disabled, .page-section--cta-middle a.button.is-disabled:active, .page-section--cta-middle a.button.is-disabled:focus, .page-section--cta-middle a.button.is-disabled:hover, .page-section--cta-middle a.button[disabled=disabled], .page-section--cta-middle a.button[disabled=disabled]:active, .page-section--cta-middle a.button[disabled=disabled]:focus, .page-section--cta-middle a.button[disabled=disabled]:hover {
    outline: none;
    border: 2px solid #fff;
    background: #fff;
    color: #282828;
    box-shadow: none;
    cursor: not-allowed;
    opacity: .3
}

.page-section--cta-middle .button {
    min-width: 214px
}

@media only screen and (min-width: 640px) {
    .page-section--cta-middle .button {
        min-width: 199px
    }
}

.page-section--cta-middle .cta-illustration {
    position: absolute;
    display: none
}

@media only screen and (min-width: 960px) {
    .page-section--cta-middle .cta-illustration {
        display: block;
        top: -34px;
        left: -94px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--cta-middle .cta-illustration {
        top: -20px;
        left: -162px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--cta-middle .cta-illustration svg {
        width: 103px;
        height: 47px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--cta-middle .cta-illustration svg {
        width: 150px;
        height: 68px
    }
}

.page-section--faq {
    padding-bottom: 42px
}

@media only screen and (min-width: 640px) {
    .page-section--faq {
        padding-bottom: 60px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--faq {
        padding-bottom: 84px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--faq {
        padding-bottom: 104px
    }
}

.page-section--faq .section-subtitle {
    margin-bottom: 8px;
    font-size: 28px;
    line-height: 36px;
    font-family: Graphik, Arial, sans-serif;
    font-weight: 700;
    color: #2c2c2c;
    text-align: center
}

@media only screen and (min-width: 640px) {
    .page-section--faq .section-subtitle {
        margin-bottom: 12px;
        font-size: 36px;
        line-height: 48px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--faq .section-subtitle {
        margin-bottom: 16px;
        font-size: 40px;
        line-height: 48px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--faq .section-subtitle {
        margin-bottom: 16px;
        font-size: 48px;
        line-height: 60px
    }
}

.page-section--faq .section-message {
    margin-bottom: 14px;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
    line-height: 20px
}

@media only screen and (min-width: 640px) {
    .page-section--faq .section-message {
        max-width: 640px;
        margin-bottom: 18px;
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--faq .section-message {
        max-width: 650px;
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--faq .section-message {
        max-width: inherit;
        margin-left: 0;
        margin-right: 0;
        font-size: 20px;
        line-height: 28px
    }
}

.page-section--faq .section-message--help {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 24px
}

@media only screen and (min-width: 640px) {
    .page-section--faq .section-message--help {
        font-size: 16px
    }
}

.page-section--faq .section-message--help .link {
    margin-left: 12px
}

.page-section--faq .section-message--help .link:after {
    top: 0;
    bottom: 0;
    margin: auto
}

.page-section--faq .page-section__column--primary {
    max-width: 760px;
    margin: 0 auto 38px;
    text-align: center
}

@media only screen and (min-width: 640px) {
    .page-section--faq .page-section__column--primary {
        margin: 0 auto 48px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--faq .page-section__column--primary {
        margin: 0 auto 60px
    }
}

.page-section--faq .page-section__column--secondary {
    width: 100%
}

.page-section--faq .accordion ul {
    display: flex;
    flex-direction: column
}

@media only screen and (min-width: 960px) {
    .page-section--faq .accordion ul {
        flex-direction: row
    }
}

@media only screen and (min-width: 960px) {
    .page-section--faq .tablist__item {
        width: 50%
    }
}

@media only screen and (min-width: 960px) {
    .page-section--faq .tablist__item:last-child {
        margin-left: 32px
    }
}

.page-section--faq .accordion__title {
    padding-left: 38px;
    display: block;
    position: relative
}

.page-section--faq .accordion__title:hover {
    text-decoration: none
}

.page-section--faq .accordion__title h3 {
    font-family: Graphik, Arial, sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .01em;
    color: #2c2c2c
}

@media only screen and (min-width: 640px) {
    .page-section--faq .accordion__title h3 {
        font-size: 16px;
        line-height: 24px
    }
}

.page-section--faq .accordion__title .accordion__title-decoration {
    display: none
}

.page-section--faq .accordion__title:after {
    content: "";
    display: table;
    position: absolute;
    top: 0;
    left: -2px;
    transition: transform .17s ease-in-out;
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE4IDlsLTYgNi02LTYiIHN0cm9rZT0iIzY2Nzk4OCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=") no-repeat;
    transform: rotate(0deg)
}

.page-section--faq .accordion__title[aria-selected=true]:after {
    transform: rotate(180deg)
}

.page-section--faq .accordion__body {
    padding-top: 16px;
    font-size: 14px;
    line-height: 24px
}

@media only screen and (min-width: 640px) {
    .page-section--faq .accordion__body {
        padding-top: 12px;
        padding-left: 38px;
        font-size: 14px;
        line-height: 20px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--faq .accordion__body {
        padding-top: 16px;
        font-size: 16px;
        line-height: 24px
    }
}

.page-section--faq .accordion__body ul {
    flex-direction: column
}

.page-section--faq .tablist__item:last-child .accordion__item:first-child {
    margin-top: 22px
}

@media only screen and (min-width: 960px) {
    .page-section--faq .tablist__item:last-child .accordion__item:first-child {
        margin-top: 0
    }
}

.page-section--faq .accordion__item {
    border-bottom: 1px solid #edeff4;
    padding-bottom: 16px
}

@media only screen and (min-width: 640px) {
    .page-section--faq .accordion__item {
        padding-bottom: 20px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--faq .accordion__item {
        padding-bottom: 15px
    }
}

.page-section--faq .accordion__item:not(:last-child) {
    margin-bottom: 22px
}

@media only screen and (min-width: 640px) {
    .page-section--faq .accordion__item:not(:last-child) {
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--faq .accordion__item:not(:last-child) {
        margin-bottom: 20px;
        padding-bottom: 19px
    }
}

.page-section--how-to-sign {
    overflow-x: hidden;
    position: relative;
    padding-bottom: 44px
}

@media only screen and (min-width: 375px) {
    .page-section--how-to-sign {
        padding-bottom: 60px
    }
}

@media only screen and (min-width: 640px) {
    .page-section--how-to-sign {
        padding-bottom: 68px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--how-to-sign {
        padding-bottom: 86px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--how-to-sign {
        padding-bottom: 120px
    }
}

.page-section--how-to-sign .section-subtitle {
    max-width: 320px;
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 32px;
    color: #2c2c2c;
    font-family: Graphik, Arial, sans-serif;
    font-weight: 700;
    text-align: left
}

@media only screen and (min-width: 640px) {
    .page-section--how-to-sign .section-subtitle {
        max-width: 446px;
        margin-bottom: 12px;
        font-size: 32px;
        line-height: 40px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--how-to-sign .section-subtitle {
        max-width: 262px;
        margin-bottom: 16px;
        margin-left: 0;
        font-size: 40px;
        line-height: 48px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--how-to-sign .section-subtitle {
        max-width: 290px;
        font-size: 48px;
        line-height: 60px
    }
}

.page-section--how-to-sign .section-message {
    max-width: 322px;
    margin-bottom: 26px;
    font-size: 14px;
    line-height: 20px;
    text-align: left
}

@media only screen and (min-width: 640px) {
    .page-section--how-to-sign .section-message {
        max-width: 476px;
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--how-to-sign .section-message {
        max-width: 288px;
        margin-bottom: 40px;
        margin-left: 0
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--how-to-sign .section-message {
        max-width: 394px;
        margin-bottom: 48px;
        font-size: 20px;
        line-height: 28px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--how-to-sign .page-section__row {
        display: flex
    }
}

.page-section--how-to-sign .page-section__column--details {
    margin-bottom: 28px;
    margin-left: 0
}

@media only screen and (min-width: 640px) {
    .page-section--how-to-sign .page-section__column--details {
        margin-bottom: 42px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--how-to-sign .page-section__column--details {
        flex-shrink: 0;
        width: 401px;
        margin-bottom: 0;
        padding-right: 24px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--how-to-sign .page-section__column--details {
        width: calc(100% - 710px);
        padding-right: 0
    }
}

.page-section--how-to-sign .page-section__column--slider {
    margin: 0 -8px
}

@media only screen and (min-width: 375px) {
    .page-section--how-to-sign .page-section__column--slider {
        margin: 0
    }
}

@media only screen and (min-width: 960px) {
    .page-section--how-to-sign .page-section__column--slider {
        width: calc(100% - 401px)
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--how-to-sign .page-section__column--slider {
        width: 710px
    }
}

.page-section--how-to-sign .how-to-sign-slider .slick-slide {
    padding: 0 6px
}

@media only screen and (min-width: 375px) {
    .page-section--how-to-sign .how-to-sign-slider .slick-slide {
        padding: 0
    }
}

@media only screen and (min-width: 640px) {
    .page-section--how-to-sign .how-to-sign-slider .slick-slide {
        padding-left: 0;
        padding-right: 32px
    }
}

.page-section--how-to-sign .slick-dots {
    display: none !important
}

.page-section--how-to-sign .how-to-sign-slider-navigation {
    display: flex
}

.page-section--how-to-sign .how-to-sign-slider-navigation__arrow {
    display: block;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjIiIGhlaWdodD0iNjIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNjEgMzF2MGMwIDE2LjU3LTEzLjQzIDMwLTMwIDMwdjBDMTQuNDMgNjEgMSA0Ny41NyAxIDMxdjBDMSAxNC40MyAxNC40MyAxIDMxIDF2MGMxNi41NyAwIDMwIDEzLjQzIDMwIDMweiIgc3Ryb2tlPSIjOURBOUIzIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0iTTIxIDMxaDIwTTMyLjY2NyAzOS4zMzNMNDEgMzFsLTguMzMzLTguMzMzIiBzdHJva2U9IiMzODQyNEIiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=") no-repeat;
    background-size: cover;
    border: none;
    outline: none;
    cursor: pointer;
    width: 40px;
    height: 40px
}

@media only screen and (min-width: 960px) {
    .page-section--how-to-sign .how-to-sign-slider-navigation__arrow {
        width: 40px;
        height: 40px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--how-to-sign .how-to-sign-slider-navigation__arrow {
        width: 48px;
        height: 48px
    }
}

.page-section--how-to-sign .how-to-sign-slider-navigation__arrow.how-to-sign-slider-navigation__arrow--prev {
    transform: rotate(180deg);
    margin-right: 20px
}

@media only screen and (min-width: 1280px) {
    .page-section--how-to-sign .how-to-sign-slider-navigation__arrow.how-to-sign-slider-navigation__arrow--prev {
        margin-right: 24px
    }
}

.page-section--how-to-sign .how-to-sign-slider-navigation__arrow.is-disable {
    opacity: .4 !important;
    cursor: default !important;
    pointer-events: none !important
}

.page-section--how-to-sign .how-to-sign-slider-navigation__arrow:hover {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00OSAyNXYwYzAgMTMuMjU2LTEwLjc0NCAyNC0yNCAyNHYwQzExLjc0NCA0OSAxIDM4LjI1NiAxIDI1djBDMSAxMS43NDQgMTEuNzQ0IDEgMjUgMXYwYzEzLjI1NiAwIDI0IDEwLjc0NCAyNCAyNHoiIGZpbGw9IiNGMUYyRjQiIHN0cm9rZT0iIzU0NjQ3MCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik0xNyAyNWgxNk0yNi4zMzIgMzEuNjY2TDMyLjk5OSAyNWwtNi42NjctNi42NjciIHN0cm9rZT0iIzJDMkMyQyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==") no-repeat;
    background-size: contain
}

.page-section--how-to-sign .how-to-sign-slider-navigation__arrow:focus {
    box-shadow: 0 0 0 2px #d5dade;
    border-radius: 100%
}

.page-section--how-to-sign .sign-explanation__title {
    margin-bottom: 12px;
    font-family: Graphik, Arial, sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: #2c2c2c
}

@media only screen and (min-width: 640px) {
    .page-section--how-to-sign .sign-explanation__title {
        margin-bottom: 16px;
        font-size: 24px;
        line-height: 32px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--how-to-sign .sign-explanation__title {
        margin-bottom: 16px;
        font-size: 28px;
        line-height: 40px
    }
}

.page-section--how-to-sign .sign-explanation__description {
    font-size: 12px;
    line-height: 18px
}

@media only screen and (min-width: 640px) {
    .page-section--how-to-sign .sign-explanation__description {
        font-size: 14px;
        line-height: 20px
    }
}

.page-section--how-to-sign .sign-explanation__description p, .page-section--how-to-sign .sign-explanation__description ul {
    margin-bottom: 8px
}

@media only screen and (min-width: 640px) {
    .page-section--how-to-sign .sign-explanation__description p, .page-section--how-to-sign .sign-explanation__description ul {
        margin-bottom: 12px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--how-to-sign .sign-explanation__description p, .page-section--how-to-sign .sign-explanation__description ul {
        margin-bottom: 16px
    }
}

.page-section--how-to-sign .sign-explanation__description li {
    margin-bottom: 6px
}

@media only screen and (min-width: 640px) {
    .page-section--how-to-sign .sign-explanation__description li {
        margin-bottom: 12px
    }
}

.page-section--how-to-sign .sign-explanation__description .link {
    margin-right: 18px
}

.page-section--how-to-sign .sign-explanation__description .link:after {
    content: "...";
    position: absolute;
    top: -2px;
    right: -18px;
    bottom: 0;
    height: 4px;
    margin: auto;
    line-height: 0;
    font-weight: 800
}

.page-section--how-to-sign .sign-explanation__description .sign-explanation-hidden-text {
    display: none
}

.page-section--how-to-sign .sign-explanation__description .sign-explanation-hidden-text .link {
    margin-right: 21px
}

.page-section--how-to-sign .sign-explanation__description .sign-explanation-hidden-text .link:after {
    display: block;
    position: absolute;
    top: 0;
    right: -16px;
    transform: rotate(-90deg);
    width: 12px;
    height: 20px;
    background: url(https://marketing-static.signnow.com/1000/images/global/link-arrow.svg) no-repeat 100%;
    content: "";
    background-size: contain
}

@media only screen and (min-width: 640px) {
    .page-section--how-to-sign .sign-explanation__description .sign-explanation-hidden-text .link:after {
        width: 15px;
        top: 3px;
        right: -20px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--how-to-sign .sign-explanation__description .sign-explanation-hidden-text .link:after {
        top: 9px;
        width: 24px;
        right: -25px;
        background-size: auto
    }
}

.page-section--how-to-sign .sign-explanation__list-title {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 12px
}

.page-section--how-to-sign .numbered-list__item {
    padding: 0
}

.page-section--how-to-sign .numbered-list__item .brackets-wrapper {
    margin-right: 8px;
    position: relative;
    padding: 0;
    font-weight: 700
}

.page-section--how-to-sign .numbered-list__item .brackets-wrapper:after, .page-section--how-to-sign .numbered-list__item .brackets-wrapper:before {
    display: none
}

.page-section--free-trial {
    margin-bottom: 44px
}

@media only screen and (min-width: 640px) {
    .page-section--free-trial {
        margin-bottom: 56px
    }
}

@media only screen and (min-width: 960px) {
    .page-section--free-trial {
        margin-bottom: 94px
    }
}

@media only screen and (min-width: 1280px) {
    .page-section--free-trial {
        margin-bottom: 80px
    }
}

.page-section--free-trial .button {
    min-width: 214px
}

@media only screen and (min-width: 640px) {
    .page-section--free-trial .button {
        min-width: 195px
    }
}

.animated .stroke-accent__svg {
    animation: fillStroke .5s cubic-bezier(.625, 0, .375, 1) 1s;
    animation-fill-mode: both;
    visibility: visible
}

.zoomIn {
    animation-name: zoomIn
}

.fadeInRight {
    animation-name: fadeInRight
}

.fadeIn {
    animation-name: fadeIn
}

.fadeInRightLong {
    animation-name: fadeInRightLong
}

.fadeInLeftLong {
    animation-name: fadeInLeftLong
}

.break-desctop {
    display: none
}

@media only screen and (min-width: 960px) {
    .break-desctop {
        display: block
    }
}

.frame-fulscreen.is-safari .donate-ua-banner, .frame-fulscreen.is-safari .layout-responsive__footer, .frame-fulscreen.is-safari .layout-responsive__header, .frame-fulscreen.is-safari .page-section, .frame-fulscreen.is-safari .slick-slide {
    display: none !important
}

.frame-fulscreen.is-safari .layout-responsive__body {
    margin-top: 0
}

.frame-fulscreen.is-safari .page-section--features {
    padding-bottom: 0
}

.frame-fulscreen.is-safari .page-section--intro-v1, .frame-fulscreen.is-safari .page-section--intro-v4 {
    display: block !important
}

.frame-fulscreen.is-safari .page-section--intro-v1 .video-player-wrapper .video-player__lazyframe iframe, .frame-fulscreen.is-safari .page-section--intro-v4 .video-player-wrapper .video-player__lazyframe iframe {
    border-radius: 0
}

.frame-fulscreen.is-safari .page-section--features, .frame-fulscreen.is-safari .slick-slide.slick-current.slick-active {
    display: block !important
}

.frame-fulscreen.is-safari .page-section--features div, .frame-fulscreen.is-safari .slick-slide.slick-current.slick-active div {
    position: absolute !important
}

.frame-fulscreen.is-safari .page-section--features .page-section__inner, .frame-fulscreen.is-safari .slick-slide.slick-current.slick-active .page-section__inner {
    max-width: 100%;
    margin: 0;
    padding: 0
}

.frame-fulscreen.is-safari .page-section--features .section-footer, .frame-fulscreen.is-safari .page-section--features .section-subtitle, .frame-fulscreen.is-safari .slick-slide.slick-current.slick-active .section-footer, .frame-fulscreen.is-safari .slick-slide.slick-current.slick-active .section-subtitle {
    display: none
}

.frame-fulscreen.is-safari .page-section--features .features-slider__viewport, .frame-fulscreen.is-safari .page-section--features .slick-track, .frame-fulscreen.is-safari .page-section--features .slide, .frame-fulscreen.is-safari .page-section--features .video-player-wrapper, .frame-fulscreen.is-safari .slick-slide.slick-current.slick-active .features-slider__viewport, .frame-fulscreen.is-safari .slick-slide.slick-current.slick-active .slick-track, .frame-fulscreen.is-safari .slick-slide.slick-current.slick-active .slide, .frame-fulscreen.is-safari .slick-slide.slick-current.slick-active .video-player-wrapper {
    width: 100% !important;
    height: 100% !important
}

.frame-fulscreen.is-safari .page-section--features .video-player__lazyframe iframe, .frame-fulscreen.is-safari .slick-slide.slick-current.slick-active .video-player__lazyframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    border-radius: 0
}

.frame-fulscreen.is-safari .page-section--features .video-player__lazyframe:before, .frame-fulscreen.is-safari .slick-slide.slick-current.slick-active .video-player__lazyframe:before {
    padding-top: 100vh
}

.is-ie11 .page-section--business-cloud .page-section__column--primary {
    max-width: 100%
}

.is-ie11 .page-section--intro .heading-gradient {
    background: none;
    background-image: none;
    background-color: none;
    animation: none
}

.is-ie11 .page-section--competition .services-comparison-table {
    overflow: hidden
}

@media only screen and (min-width: 1280px) {
    .is-ie11 .page-section--competition .services-comparison-table__thead.is-sticky {
        max-width: 1280px !important
    }
}

@media only screen and (min-width: 960px) {
    .is-ie11 .page-section--competition .services-comparison-table__thead .column--dummy {
        flex: 0 0 362px
    }
}

@media only screen and (min-width: 1280px) {
    .is-ie11 .page-section--competition .services-comparison-table__thead .column--dummy {
        flex: 0 0 506px
    }
}

@media only screen and (min-width: 960px) {
    .is-ie11 .page-section--competition .services-comparison-table__thead .column {
        min-width: 144px
    }
}

.is-ie11 .page-section--competition .services-comparison-table__tbody .column--feature {
    justify-content: flex-start
}

@media only screen and (min-width: 1280px) {
    .is-ie11 .page-section--competition .services-comparison-table__tbody .row {
        max-width: 1254px !important
    }
}

@media only screen and (min-width: 1280px) {
    .is-ie11 .page-section--competition .services-comparison-table__tbody .column:nth-child(2) {
        max-width: 180px
    }
}

.is-ie11 .page-section--competition .services-comparison-table__tbody .row:first-child .column:nth-child(2):before {
    display: none
}

.is-ie11 .page-section--competition .services-comparison-table__tbody .column:nth-child(3) {
    margin-left: 0
}

@media only screen and (min-width: 1280px) {
    .is-ie11 .page-section--competition .services-comparison-table__tbody .column:nth-child(4), .is-ie11 .page-section--competition .services-comparison-table__tbody .column:nth-child(5) {
        max-width: 180px
    }
}

.is-ie11 .page-section--competition .services-comparison-table .column--dummy {
    padding-bottom: 0
}

@media only screen and (min-width: 960px) {
    .is-ie11 .page-section--competition .row-price .column--feature {
        flex: 0 0 340px
    }
}

@media only screen and (min-width: 1280px) {
    .is-ie11 .page-section--competition .row-price .column--feature {
        flex: 0 0 518px
    }
}

@media only screen and (min-width: 1280px) {
    html[lang=es] .page-section--training .training-content__title {
        font-size: 28px;
        line-height: 40px
    }
}

html[lang=es] .page-section--business-cloud .page-section__column .free-trial__cta .button {
    padding: 9px
}

@media only screen and (min-width: 1280px) {
    html[lang=es] .page-section--cta-middle .page-section__row {
        padding: 66px 88px
    }
}

html[lang=es] .page-section--features .section-subtitle {
    margin-bottom: 25px
}

@media only screen and (min-width: 960px) {
    html[lang=es] .page-section--features .features-slider {
        max-height: 630px
    }
}

@media only screen and (min-width: 1280px) {
    html[lang=es] .page-section--features .features-slider {
        max-height: 800px
    }
}

html[lang=es] .page-section--features .features-slider__navigation .slick-slide {
    padding: 0 8px
}

html[lang=es] .page-section--features .features-slider__navigation .slide-navigation.feature-icon--add-your-branding .slide-navigation__title {
    max-width: 92px
}

@media only screen and (min-width: 640px) {
    html[lang=es] .page-section--features .features-slider__navigation .slide-navigation.feature-icon--add-your-branding .slide-navigation__title {
        max-width: inherit
    }
}

@-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%
    }
}

@-moz-keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.8, .8, .8)
    }
    50% {
        opacity: 1;
        transform: scaleX(1)
    }
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.8, .8, .8)
    }
    50% {
        opacity: 1;
        transform: scaleX(1)
    }
}

@-o-keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.8, .8, .8)
    }
    50% {
        opacity: 1;
        transform: scaleX(1)
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.8, .8, .8)
    }
    50% {
        opacity: 1;
        transform: scaleX(1)
    }
}

@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(20%, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(20%, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

@-o-keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(20%, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(20%, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

@-moz-keyframes fadeInRightX {
    0% {
        opacity: 0;
        transform: translate3d(20%, -50%, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, -50%, 0)
    }
}

@-webkit-keyframes fadeInRightX {
    0% {
        opacity: 0;
        transform: translate3d(20%, -50%, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, -50%, 0)
    }
}

@-o-keyframes fadeInRightX {
    0% {
        opacity: 0;
        transform: translate3d(20%, -50%, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, -50%, 0)
    }
}

@keyframes fadeInRightX {
    0% {
        opacity: 0;
        transform: translate3d(20%, -50%, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, -50%, 0)
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-moz-keyframes bg-circle {
    0% {
        background-size: 250%;
        background-position: left 100% bottom 0
    }
    to {
        background-size: 250%;
        background-position: left -10% bottom 0
    }
}

@-webkit-keyframes bg-circle {
    0% {
        background-size: 250%;
        background-position: left 100% bottom 0
    }
    to {
        background-size: 250%;
        background-position: left -10% bottom 0
    }
}

@-o-keyframes bg-circle {
    0% {
        background-size: 250%;
        background-position: left 100% bottom 0
    }
    to {
        background-size: 250%;
        background-position: left -10% bottom 0
    }
}

@keyframes bg-circle {
    0% {
        background-size: 250%;
        background-position: left 100% bottom 0
    }
    to {
        background-size: 250%;
        background-position: left -10% bottom 0
    }
}

@-moz-keyframes fadeInLeftLong {
    0% {
        opacity: 0;
        transform: translate3d(-82%, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

@-webkit-keyframes fadeInLeftLong {
    0% {
        opacity: 0;
        transform: translate3d(-82%, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

@-o-keyframes fadeInLeftLong {
    0% {
        opacity: 0;
        transform: translate3d(-82%, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

@keyframes fadeInLeftLong {
    0% {
        opacity: 0;
        transform: translate3d(-82%, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

@-moz-keyframes fadeInRightLong {
    0% {
        opacity: 0;
        transform: translate3d(82%, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

@-webkit-keyframes fadeInRightLong {
    0% {
        opacity: 0;
        transform: translate3d(82%, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

@-o-keyframes fadeInRightLong {
    0% {
        opacity: 0;
        transform: translate3d(82%, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

@keyframes fadeInRightLong {
    0% {
        opacity: 0;
        transform: translate3d(82%, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

@-moz-keyframes movementToRight {
    0% {
        margin-left: 0
    }
    3% {
        margin-left: 10px
    }
    6% {
        margin-left: 0
    }
}

@-webkit-keyframes movementToRight {
    0% {
        margin-left: 0
    }
    3% {
        margin-left: 10px
    }
    6% {
        margin-left: 0
    }
}

@-o-keyframes movementToRight {
    0% {
        margin-left: 0
    }
    3% {
        margin-left: 10px
    }
    6% {
        margin-left: 0
    }
}

@keyframes movementToRight {
    0% {
        margin-left: 0
    }
    3% {
        margin-left: 10px
    }
    6% {
        margin-left: 0
    }
}