:root {
    --black: #111;
    --gray: #555;
    --snow: #f3f3ee;
    --blue: #1977f3;
    --orange: #ff9752;
    --green: #1ee693;
    --yellow: #fbe355;
    --purple: #963eff
}
*, :after, :before {
    font-weight: inherit;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    word-break: break-word;
    border-width: 0;
    border-style: initial;
    border-color: initial;
    -o-border-image: initial;
    border-image: initial;
    outline: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -webkit-appearance: none;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%
}
html {
    font-size: 100%;
    width: 100%;
    min-width: 320px;
    height: 100%;
    background-color: #fff;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    scroll-behavior: smooth
}
ol, ul {
    list-style: none
}
a, button {
    font-family: inherit;
    font-weight: inherit;
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    color: inherit;
    background: 0 0;
    -webkit-text-decoration: none
}
img {
    max-width: 100%;
    height: auto
}
input:-webkit-autofill, input:-webkit-autofill:focus, input:-webkit-autofill:hover, select:-webkit-autofill, select:-webkit-autofill:focus, select:-webkit-autofill:hover, textarea:-webkit-autofill, textarea:-webkit-autofill:focus, textarea:-webkit-autofill:hover {
    border-color: var(--inputCurrentColor);
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
    -webkit-text-fill-color: var(--inputCurrentColor)
}
input[type=number] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
input[type=tel] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
input:invalid {
    -webkit-box-shadow: none;
    box-shadow: none
}
@font-face {
    font-family: Boing;
    font-weight: 400;
    font-style: normal;
    src: url(../font/Boing-Regular.woff2) format('woff2'), url(../font/Boing-Regular.woff) format('woff');
    font-display: swap
}
@font-face {
    font-family: Boing;
    font-weight: 500;
    font-style: normal;
    src: url(../font/Boing-Medium.woff2) format('woff2'), url(../font/Boing-Medium.woff) format('woff');
    font-display: swap
}
div {
    position: relative
}
body {
    font-family: Boing, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    overflow-x: hidden;
    -webkit-animation: fadeIn .1s ease-in-out .2s;
    animation: fadeIn .1s ease-in-out .2s;
    color: var(--black);
    background-color: #fff;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    padding-top: 60px
}
::-webkit-input-placeholder {
    opacity: 1;
    color: var(--gray)
}
::-moz-placeholder {
    opacity: 1;
    color: var(--gray)
}
:-ms-input-placeholder {
    opacity: 1;
    color: var(--gray)
}
::-ms-input-placeholder {
    opacity: 1;
    color: var(--gray)
}
::placeholder {
    opacity: 1;
    color: var(--gray)
}
:-ms-input-placeholder {
    color: var(--gray)
}
::-ms-input-placeholder {
    color: var(--gray)
}
.wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    max-width: 1440px;
    width: 100%;
    min-height: 100%;
    margin: 0 auto;
    padding: 0 30px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    width: 100%;
    margin: 0 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.col {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.container {
    margin-right: auto;
    margin-left: auto;
    width: calc(100% - 60px);
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: flex;
    flex-direction: column;
}
.column--content {
    padding: 40px 0
}
.container.full {
    min-width: 100%
}
.column {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-preferred-size: calc((100% - 30px)/ 2);
        flex-basis: calc((100% - 30px)/ 2)
}
.column--third {
    -ms-flex-preferred-size: calc((100% - 60px)/ 3);
        flex-basis: calc((100% - 60px)/ 3)
}
.column--fourth {
    -ms-flex-preferred-size: calc((100% - 90px)/ 4);
        flex-basis: calc((100% - 90px)/ 4)
}
.column--image {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    border-radius: 20px
}
.column--card {
    overflow: hidden;
    border-radius: 20px;
    padding: 30px;
    background-color: #fff;
    margin: 15px 0
}
.column--card.clear {
    padding: 0;
    margin: 15px 0
}
.column--card.small {
    padding: 40px;
    margin: 15px 0
}
.column--card.medium {
    padding: 40px;
    margin: 15px 0
}
.column--card.gray {
    background-color: var(--snow)
}
.column--card.blue {
    background-color: var(--blue)
}
.column--card.green {
    background-color: var(--green)
}
.column--card.yellow {
    background-color: var(--yellow)
}
.column--card.orange {
    background-color: var(--orange)
}
.column--card.purple {
    background-color: var(--purple)
}
.image--piece {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}
.image--piece.video:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    display: block;
    width: 100px;
    height: 100px;
    background: url(../img/ic-video-player.svg) no-repeat center;
    background-size: contain
}
.image--piece:hover {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);
    transition: transform, -webkit-transform 250ms cubic-bezier(.68, -.55, .265, 1.55)
}
.column--spacer {
    padding-top: 75%
}
.title__divider {
    margin: 60px auto 70px;
    max-width: 900px;
    text-align: center
}
.block {
    padding: 30px;
    border-radius: 20px
}
.block.orange {
    background-color: var(--orange)
}
.block.blue {
    background-color: var(--blue)
}
.block.green {
    background-color: var(--green)
}
.block.yellow {
    background-color: var(--yellow)
}
h1 {
    font-size: 36px;
    line-height: 40px
}
h2 {
    font-size: 36px;
    line-height: 40px
}
h3 {
    font-size: 24px;
    line-height: 28px;
    letter-spacing: .25px
}
h4 {
    font-size: 21px;
    line-height: 28px;
    letter-spacing: .25px
}
h5 {
    font-size: 21px;
    line-height: 28px;
    letter-spacing: .25px
}
h6 {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .25px
}
p {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: .25px
}
.font--regular {
    font-weight: 400
}
.mv--s {
    margin-top: 10px;
    margin-bottom: 10px
}
.mv--m {
    margin-top: 15px;
    margin-bottom: 15px
}
.mv--l {
    margin-top: 30px;
    margin-bottom: 30px
}
.mv--xl {
    margin-top: 40px;
    margin-bottom: 40px
}
.mt--s {
    margin-top: 10px
}
.mt--m {
    margin-top: 15px
}
.mt--l {
    margin-top: 30px
}
.mt--xl {
    margin-top: 40px
}
.mb--s {
    margin-bottom: 10px
}
.mb--m {
    margin-bottom: 15px
}
.mb--l {
    margin-bottom: 30px
}
.mb--xl {
    margin-bottom: 40px
}
.mb--xxl {
    margin-bottom: 60px
}
.centered {
    margin-left: auto;
    margin-right: auto
}
.fx--start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start
}
.fx--end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end
}
.nav {
    position: fixed;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
    bottom: auto;
    width: 100%;
    height: 60px;
    background-color: #fff;
    transition: all 300ms ease-in-out;
}
.nav ul {
    overflow: hidden;
    margin: 0;
    list-style: none;
    background-color: #fff
}
.nav li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}
.nav li a {
    font-size: 21px;
    line-height: 28px;
    display: inline-block;
    margin: 10px 30px;
    padding: 5px 0;
    -webkit-transition: all .2s cubic-bezier(.68, -.55, .265, 1.55);
    -o-transition: all .2s cubic-bezier(.68, -.55, .265, 1.55);
    transition: all .2s cubic-bezier(.68, -.55, .265, 1.55);
    text-align: right;
    text-decoration: none
}
.nav .menu__button:hover, .nav li a:hover {
    -webkit-box-shadow: inset 0 -2px 0 0 var(--black);
    box-shadow: inset 0 -2px 0 0 var(--black)
}
.nav li a.button__outline {
    line-height: 37px;
    margin: 20px 30px;
    padding: 0 20px 7px;
    border-radius: 99px;
    -webkit-box-shadow: inset 0 0 0 3px var(--black);
    box-shadow: inset 0 0 0 3px var(--black)
}
.nav li a.button__outline:hover {
    color: #fff;
    background: var(--blue);
    -webkit-box-shadow: inset 0 0 0 3px var(--blue);
    box-shadow: inset 0 0 0 3px var(--blue)
}
.nav__logo {
    display: block;
    float: left;
    padding: 17px 30px 18px;
    text-decoration: none
}
.nav__logo img {
    height: 22px;
}
.nav .menu {
    position: relative;
    top: -1px;
    right: -1000px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    clear: both;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 30px;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    opacity: 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}
.nav div:nth-child(2) {
    height: 60px;
}
.menu__icon {
    position: relative;
    display: inline-block;
    float: right;
    padding: 29px 25px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.nav .menu__icon .navicon {
    position: relative;
    display: block;
    width: 25px;
    height: 2px;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    background: var(--black)
}
.nav .menu__icon .navicon:after, .nav .menu__icon .navicon:before {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    content: '';
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    background: var(--black)
}
.nav .menu__icon .navicon:before {
    top: 7px
}
.nav .menu__icon .navicon:after {
    top: -7px
}
.nav .menu__button {
    display: none
}
.nav .menu__button:checked~.menu {
    right: 0;
    opacity: 1
}
.nav .menu__button:checked~.menu__icon .navicon {
    background: 0 0
}
.nav .menu__button:checked~.menu__icon .navicon:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.nav .menu__button:checked~.menu__icon .navicon:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}
.nav .menu__button:checked~.menu__icon:not(.steps) .navicon:after, .nav .menu__button:checked~.menu__icon:not(.steps) .navicon:before {
    top: 0
}
.button {
    font-size: 18px;
    font-weight: 500;
    line-height: 52px;
    padding: 0 35px 4px;
    transition: transform, -webkit-transform 250ms cubic-bezier(.68, -.55, .265, 1.55);
    text-align: center;
    white-space: nowrap;
    letter-spacing: .5px;
    color: #fff;
    border-radius: 999px;
    background-color: var(--blue);
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
}
.button__small {
    font-size: 14px;
    line-height: 40px;
    padding: 0 25px 4px
}
.button:hover {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1)
}
.button--outline {
    color: var(--black);
    border: 3px solid var(--blue);
    background-color: #fff
}
.button--purple {
    color: #fff;
    background-color: var(--purple)
}
.button--orange {
    color: #fff;
    background-color: var(--orange)
}
.button--green {
    color: var(--black);
    background-color: var(--green)
}
.button--yellow {
    color: var(--black);
    background-color: #ffbc06
}
.button--white {
    color: var(--black);
    background-color: #fff
}
.button--fixed {
    position: fixed;
    top: auto;
    right: 15px;
    bottom: 15px;
    left: 15px
}
.hero__mockup {
    position: relative;
    width: 100%
}
.container.qrcode {
    flex-direction: column-reverse;
}
.qrcode__mockup {
    position: relative;
    bottom: -30px
}
.solution__card_image {
    margin: 0 0 15px 0
}
.features__card_image {
    margin: 0 0 10px 0;
    height: 50px;
    max-width: 55px
}
.card {
    width: 100%;
    text-align: center;
    transition: transform, -webkit-transform 250ms cubic-bezier(.68, -.55, .265, 1.55);
    -webkit-box-shadow: 0 0 0 4px var(--black);
            box-shadow: 0 0 0 4px var(--black)
}
.card.gray {
    background-color: var(--snow);
    -webkit-box-shadow: none;
            box-shadow: none
}
.cases__avatar {
    width: 80px;
    height: 80px;
    margin-bottom: 15px;
    border-radius: 999px
}
.cases__person {
    margin-bottom: 10px
}
.cases__followers {
    margin-bottom: 10px
}
.cases__followers.verified:after {
    position: relative;
    top: 3px;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 5px;
    content: '';
    background: url(../img/ic-verified.svg) no-repeat center center;
    background-size: contain
}
.cases__description {
    opacity: .5;
    font-weight: 400
}
section.footer {
    margin: 30px 0
}
.footer .container {
    padding: 20px 40px;
    background-color: var(--snow);
    border-radius: 20px
}
.footer__link, .footer__select {
    font-family: Boing, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 24px;
    display: block;
    margin: 10px 0;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    letter-spacing: .25px;
    color: var(--black);
    position: relative;
    background-color: transparent
}
.footer__link:after {
    display: inline-block;
    margin: 1px 0 0 5px;
    content: '→'
}
.footer__select {
    cursor: pointer;
    padding-right: 15px
}
.footer__select~span {
    position: absolute;
    top: 14px;
    left: 138px;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg)
}
.footer__link:hover, .footer__select:hover {
    -webkit-box-shadow: inset 0 -2px 0 0 var(--black);
    box-shadow: inset 0 -2px 0 0 var(--black)
}
.pricing__card--plan {
    font-size: 16px;
    line-height: 32px;
    text-transform: uppercase;
    letter-spacing: .5px;
    border-radius: 99px;
    padding: 0 15px 2px;
    display: inline-block;
    /* margin: 0 0 20px */
}
.pricing__card--plan.pro {
    background-color: var(--green)
}
.pricing__card--plan.free {
    background-color: var(--yellow)
}
.pricing__card--price {
    font-size: 56px;
    line-height: 60px;
    letter-spacing: -1px
}
.pricing__card--price span {
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
    letter-spacing: .5px
}
.pricing__list {
    margin: 30px 0 0
}
.pricing__list--item {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    position: relative;
    margin: 0 0 15px;
    padding-left: 25px;
    letter-spacing: .25px
}
.pricing__list--item:before {
    position: absolute;
    top: 6px;
    left: 0;
    width: 14px;
    height: 10px;
    content: '';
    background: url(../img/ic-list-check.svg) no-repeat center center;
    background-size: contain
}
.pricing__list--item.negative {
    opacity: .25
}
.pricing__list--item.negative:before {
    position: absolute;
    top: 6px;
    left: 0;
    width: 12px;
    height: 12px;
    content: '';
    background: url(../img/ic-list-negative.svg) no-repeat center center;
    background-size: contain;
    opacity: .75
}
.testimonial__author {
    font-size: 18px;
    line-height: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 20px;
    letter-spacing: .5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.testimonial__author img {
    display: inline-block;
    overflow: hidden;
    width: 40px;
    height: 40px;
    margin-right: 15px;
    border-radius: 999px;
    padding: 0
}
.testimonial__paragraph {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    letter-spacing: .5px
}
.faq__question {
    font-size: 25px;
    line-height: 32px;
    margin-bottom: 20px;
    text-align: left
}
.faq__answer {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    padding-bottom: 10px;
    text-align: left
}
@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}
.form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh;
    padding: 100px 0;
    margin-top: -80px
}
.form div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    -ms-flex-item-align: center;
    align-self: center
}
.form__title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 40px;
    text-align: center
}
.form__instagram {
    margin-bottom: 40px
}
.form__divider {
    font-size: 13px;
    margin-bottom: 40px;
    text-align: center;
    letter-spacing: .5px;
    text-transform: uppercase;
    opacity: .5
}
.form .wrapper {
    max-width: 500px
}
.form .row {
    margin: 0 auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.field__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 30px
}
.field__label {
    font-size: 16px;
    display: block;
    width: 100%;
    margin: 0 0 10px 30px
}
.field__input {
    font-family: Boing, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    display: block;
    width: 100%;
    padding: 12px 30px 16px;
    -webkit-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease;
    border-radius: 99px;
    background: var(--snow)
}
.field__input:focus {
    -webkit-box-shadow: inset 0 0 0 3px var(--black);
    box-shadow: inset 0 0 0 3px var(--black)
}
.field__link {
    font-size: 18px;
    line-height: 28px;
    display: inline-block;
    margin: 0 auto;
    margin-top: 30px;
    color: var(--blue)
}
.field__link.recover {
    font-size: 16px;
    line-height: 24px;
    display: inline-block;
    margin: 5px 0 0 30px;
    opacity: .5;
    color: var(--black)
}
.field__link.recover:hover {
    -webkit-box-shadow: 0 2px 0 var(--black);
    box-shadow: 0 2px 0 var(--black)
}
.field__link:hover {
    -webkit-box-shadow: 0 2px 0 var(--blue);
    box-shadow: 0 2px 0 var(--blue)
}
.form .button {
    display: block
}
.form__logo {
    margin: 0 auto 30px
}
.form__logo img {
    width: 130px
}
.button__instagram {
    background-color: #1400c8;
    background-image: -o-linear-gradient(225deg, #1400c8, #b900b4, #f50000);
    background-image: linear-gradient(-135deg, #1400c8, #b900b4, #f50000)
}
.field__url {
    position: relative
}
.field__url .onnelink {
    position: absolute;
    top: 18px;
    left: 30px;
    letter-spacing: .5px
}
.field__url .field__input {
    padding-left: 120px
}
.form__description {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin: 20px 0;
    text-align: center;
    opacity: .5
}
.form__description a {
    text-decoration: underline
}
.about {
    min-height: 100vh;
    padding: 150px 0
}
.about .wrapper {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start
}
.about .col {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start
}
.about .button {
    margin-bottom: 40px
}
.about__button {
    margin: 30px 0
}
.about__avatar {
    overflow: hidden;
    width: 60px;
    height: 60px;
    border-radius: 99px
}
.about__name {
    font-size: 28px;
    line-height: 32px;
    letter-spacing: .25px;
    margin: 20px 0
}
.about__description {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: .25px
}
.about__description a {
    color: var(--blue)
}
.about__description a:hover {
    -webkit-box-shadow: inset 0 -1px 0 0 var(--blue);
            box-shadow: inset 0 -1px 0 0 var(--blue)
}
.about__social_link {
    display: inline-block;
    margin: 20px 10px 0 0;
    transition: transform, -webkit-transform 250ms cubic-bezier(.68, -.55, .265, 1.55)
}
.about__social_link:hover {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
            transform: scale3d(1.2, 1.2, 1.2)
}
.about__video {
    overflow: hidden;
    padding: 0;
    border-radius: 20px;
    width: 100%;
    min-height: 400px;
    background: #963eff url(../img/video-thumb.jpg) no-repeat center center;
    background-size: cover;
    cursor: pointer;
    -webkit-transition: all .2s cubic-bezier(.165, .84, .44, 1);
    -o-transition: all .2s cubic-bezier(.165, .84, .44, 1);
    transition: all .2s cubic-bezier(.165, .84, .44, 1)
}
.about__video:after {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    content: '';
    background: url(../img/ic-video-player.svg) no-repeat center center;
    background-size: contain;
    -webkit-transition: all .2s cubic-bezier(.68, -.55, .265, 1.55);
    -o-transition: all .2s cubic-bezier(.68, -.55, .265, 1.55);
    transition: all .2s cubic-bezier(.68, -.55, .265, 1.55)
}
.about__video:hover:after {
    -webkit-transform: translate(-50%, -50%) scale(1.1);
        -ms-transform: translate(-50%, -50%) scale(1.1);
            transform: translate(-50%, -50%) scale(1.1)
}
.legal {
    max-width: 700px;
    margin: 0 auto 100px
}
.legal h1 {
    margin: 80px auto 20px
}
.legal p {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px
}
.legal strong {
    font-weight: 500;
    margin: 20px 0 10px;
    display: block;
    font-size: 21px
}
.hide--mobile {
  display: none;
}
@media (min-width:768px) {
    .hide--mobile {
      display: flex;
    }
    body {
        padding-top: 100px
    }
    .nav {
        height: 80px
    }
    .nav li {
        float: left;
        width: auto
    }
    .nav li:last-child {
        padding-right: 30px
    }
    .nav li a {
        font-size: 18px;
        line-height: 28px;
        margin: 0 40px 0 0;
        padding: 0 0 4px
    }
    .nav .menu {
        top: 0;
        right: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        float: right;
        clear: none;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        height: 80px;
        max-height: none;
        padding-bottom: 0;
        opacity: 1;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .nav__logo {
        padding: 24px 30px 27px
    }
    .nav__logo img {
        height: 26px;
    }
    .nav .menu__icon {
        display: none
    }
    .nav li a.button__outline {
        margin: 0;
        padding: 0 20px 3px
    }
    .features__card_description {
        font-size: 24px;
        line-height: 32px
    }
    .features__card_image {
        margin: 0 0 15px 0
    }
    .footer__link {
        display: inline-block
    }
    .pricing__title {
        font-size: 48px;
        line-height: 56px;
        max-width: 700px;
        text-align: center
    }
    .pricing__subtitle {
        font-size: 28px;
        line-height: 36px;
        max-width: 700px;
        text-align: center
    }
    .pricing__card {
        width: auto;
        height: auto;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .faq__question {
        font-size: 32px;
        line-height: 40px;
        padding-right: 50px
    }
    .faq__answer {
        font-size: 21px;
        line-height: 28px
    }
    .faq__title {
        font-size: 48px;
        line-height: 52px;
        margin-bottom: 80px
    }
    .faq__card {
        margin: 15px;
        padding: 50px
    }
    .about {
        padding: 80px 0 150px
    }
    .about__button {
        margin: 30px 0 0
    }
    .about .wrapper {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center
    }
    .about .wrapper:first-child {
        min-height: 75vh
    }
    .about__title {
        font-size: 48px;
        line-height: 56px
    }
    .about__video {
        min-height: 400px
    }
    section {
        margin-bottom: 0
    }
    .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        width: calc(100% - 60px)
    }
    .column--content {
        padding: 80px 100px 80px 80px
    }
    .column--card {
        padding: 80px
    }
    .column--card.small {
        padding: 40px;
        margin: 15px 0;
        height: 100%
    }
    .title__divider {
        font-size: 48px;
        line-height: 52px;
        margin: 100px auto 90px;
        text-align: center
    }
    h1, .h1 {
        font-size: 48px;
        line-height: 56px
    }
    h2 {
        font-size: 32px;
        line-height: 36px
    }
    h3 {
        font-size: 28px;
        line-height: 32px;
        letter-spacing: .25px
    }
    h4 {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .25px
    }
    h5 {
        font-size: 21px;
        line-height: 28px;
        letter-spacing: .25px
    }
    h6 {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .25px
    }
    p {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: .25px
    }
.container.qrcode {
    flex-direction: row;
}
    .qrcode__mockup {
        bottom: -80px
    }
    .footer .container {
        padding: 40px 60px
    }
    .footer__link, .footer__select {
        font-size: 18px;
        line-height: 28px;
        margin: 10px 0
    }
    .footer__select~span {
        top: 15px;
        left: 175px
    }
    .block {
        padding: 80px
    }
    .testimonial__paragraph {
        font-size: 21px;
        line-height: 28px
    }
    .column--card.medium {
        padding: 60px
    }
    .pricing__list--item {
        font-size: 21px;
        line-height: 28px;
        padding-left: 30px
    }
    .pricing__list--item:before {
        top: 8px;
        width: 18px;
        height: 13px
    }
    .pricing__list--item.negative:before {
        top: 7px;
        width: 15px;
        height: 15px
    }
    .legal {
        margin: 0 auto 150px
    }
    .legal h1 {
        margin: 100px auto 40px
    }
    .legal p {
        font-size: 21px;
        line-height: 32px
    }
    .legal strong {
        font-size: 24px
    }
}






















[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
    -webkit-transition-duration: 50ms;
         -o-transition-duration: 50ms;
            transition-duration: 50ms
}
[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
    -webkit-transition-delay: 50ms;
         -o-transition-delay: 50ms;
            transition-delay: 50ms
}
[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
    -webkit-transition-duration: .1s;
         -o-transition-duration: .1s;
            transition-duration: .1s
}
[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
    -webkit-transition-delay: .1s;
         -o-transition-delay: .1s;
            transition-delay: .1s
}
[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
    -webkit-transition-duration: .15s;
         -o-transition-duration: .15s;
            transition-duration: .15s
}
[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
    -webkit-transition-delay: .15s;
         -o-transition-delay: .15s;
            transition-delay: .15s
}
[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
    -webkit-transition-duration: .2s;
         -o-transition-duration: .2s;
            transition-duration: .2s
}
[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
    -webkit-transition-delay: .2s;
         -o-transition-delay: .2s;
            transition-delay: .2s
}
[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
    -webkit-transition-duration: .25s;
         -o-transition-duration: .25s;
            transition-duration: .25s
}
[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
    -webkit-transition-delay: .25s;
         -o-transition-delay: .25s;
            transition-delay: .25s
}
[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
    -webkit-transition-duration: .3s;
         -o-transition-duration: .3s;
            transition-duration: .3s
}
[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
    -webkit-transition-delay: .3s;
         -o-transition-delay: .3s;
            transition-delay: .3s
}
[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
    -webkit-transition-duration: .35s;
         -o-transition-duration: .35s;
            transition-duration: .35s
}
[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
    -webkit-transition-delay: .35s;
         -o-transition-delay: .35s;
            transition-delay: .35s
}
[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
    -webkit-transition-duration: .4s;
         -o-transition-duration: .4s;
            transition-duration: .4s
}
[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
    -webkit-transition-delay: .4s;
         -o-transition-delay: .4s;
            transition-delay: .4s
}
[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
    -webkit-transition-duration: .45s;
         -o-transition-duration: .45s;
            transition-duration: .45s
}
[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
    -webkit-transition-delay: .45s;
         -o-transition-delay: .45s;
            transition-delay: .45s
}
[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
    -webkit-transition-duration: .5s;
         -o-transition-duration: .5s;
            transition-duration: .5s
}
[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
    -webkit-transition-delay: .5s;
         -o-transition-delay: .5s;
            transition-delay: .5s
}
[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
    -webkit-transition-duration: .55s;
         -o-transition-duration: .55s;
            transition-duration: .55s
}
[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
    -webkit-transition-delay: .55s;
         -o-transition-delay: .55s;
            transition-delay: .55s
}
[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
    -webkit-transition-duration: .6s;
         -o-transition-duration: .6s;
            transition-duration: .6s
}
[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
    -webkit-transition-delay: .6s;
         -o-transition-delay: .6s;
            transition-delay: .6s
}
[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
    -webkit-transition-duration: .65s;
         -o-transition-duration: .65s;
            transition-duration: .65s
}
[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
    -webkit-transition-delay: .65s;
         -o-transition-delay: .65s;
            transition-delay: .65s
}
[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
    -webkit-transition-duration: .7s;
         -o-transition-duration: .7s;
            transition-duration: .7s
}
[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
    -webkit-transition-delay: .7s;
         -o-transition-delay: .7s;
            transition-delay: .7s
}
[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
    -webkit-transition-duration: .75s;
         -o-transition-duration: .75s;
            transition-duration: .75s
}
[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
    -webkit-transition-delay: .75s;
         -o-transition-delay: .75s;
            transition-delay: .75s
}
[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
    -webkit-transition-duration: .8s;
         -o-transition-duration: .8s;
            transition-duration: .8s
}
[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
    -webkit-transition-delay: .8s;
         -o-transition-delay: .8s;
            transition-delay: .8s
}
[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
    -webkit-transition-duration: .85s;
         -o-transition-duration: .85s;
            transition-duration: .85s
}
[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
    -webkit-transition-delay: .85s;
         -o-transition-delay: .85s;
            transition-delay: .85s
}
[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
    -webkit-transition-duration: .9s;
         -o-transition-duration: .9s;
            transition-duration: .9s
}
[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
    -webkit-transition-delay: .9s;
         -o-transition-delay: .9s;
            transition-delay: .9s
}
[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
    -webkit-transition-duration: .95s;
         -o-transition-duration: .95s;
            transition-duration: .95s
}
[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
    -webkit-transition-delay: .95s;
         -o-transition-delay: .95s;
            transition-delay: .95s
}
[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
    -webkit-transition-duration: 1s;
         -o-transition-duration: 1s;
            transition-duration: 1s
}
[data-aos] {
    pointer-events: none
}
[data-aos].aos-animate {
    pointer-events: auto
}
[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.455, .03, .515, .955);
         -o-transition-timing-function: cubic-bezier(.455, .03, .515, .955);
            transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}
@media screen {
    html:not(.no-js) [data-aos^=fade][data-aos^=fade] {
        opacity: 0;
        transition-property: opacity, -webkit-transform;
        -webkit-transition-property: opacity, -webkit-transform;
        -o-transition-property: opacity, transform;
        transition-property: opacity, transform;
        transition-property: opacity, transform, -webkit-transform
    }
    html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
            transform: none
    }
    html:not(.no-js) [data-aos=fade-up] {
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0)
    }
}

.language_switch {
  background: url('../../assets/img/ico-world.png') no-repeat left;
  background-size: 21px;
  padding-left: 25px;
}
.language_switch a {
  font-size: 18px;
  line-height: 28px;
  margin: 10px 0;
  color: #999;
  cursor: default;
}
.language_switch a:hover{
  box-shadow: none;
}
.language_switch a.inactive {
  color: var(--black);
  cursor: pointer;
}
.language_switch a.inactive:hover{
  -webkit-box-shadow: inset 0 -2px 0 0 var(--black);
  box-shadow: inset 0 -2px 0 0 var(--black);
}