* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    border: none
}

a {
    text-decoration: none
}

button {
    outline: none
}

:root {
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

html {
    max-width: 100%;
    overflow-x: hidden;
    font-size: .85vw
}

@media screen and (max-width: 1920px) {
    html {
        font-size: 16px
    }
}

body {
    max-width: 100%;
    min-width: 320px;
    min-height: 100vh;
    overflow-x: hidden;
    font-family: Geologica, sans-serif;
    font-size: 1.043em;
    line-height: 1.45em;
    font-weight: 400;
    color: #131d2f
}

img {
    max-width: 100%;
    max-height: 100%
}

a {
    font-family: inherit;
    transition: .2s;
    color: inherit
}

h1 {
    font-size: inherit;
    font-weight: inherit
}

.container {
    width: 100%;
    margin: 0 auto;
    padding: 0 var(--container-padding)
}

.container-left {
    width: 100%;
    padding-left: var(--container-padding)
}

.top-left {
    border-top-left-radius: var(--radius-card)
}

.top-right {
    border-top-right-radius: var(--radius-card)
}

.bottom-left {
    border-bottom-left-radius: var(--radius-card)
}

.bottom-right {
    border-bottom-right-radius: var(--radius-card) 66
}

.link {
    color: var(--color-primary);
    background-color: transparent;
    font-size: inherit;
    font-weight: inherit;
    cursor: pointer
}

.link:hover {
    text-decoration: underline
}

.timer {
    color: var(--color-primary)
}

.pattern {
    position: relative
}

.pattern:before {
    content: "";
    position: absolute;
    width: 186px;
    height: 46px;
    z-index: -1;
    background-image: url(/images/pattern.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center
}

.pattern_main:before {
    top: 100px;
    left: var(--container-padding)
}

.pattern_desktop:before {
    top: 80px;
    right: var(--container-padding)
}

.pattern_mobile:before {
    display: none;
    top: 24px;
    right: unset;
    left: var(--container-padding)
}

@keyframes fade {
    0% {
        background-color: transparent
    }

    to {
        background-color: #131d2fe6
    }
}

@keyframes fade-out {
    0% {
        background-color: #131d2fe6
    }

    to {
        background-color: #131d2f00
    }
}

@keyframes fade-in-opacity {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-out-opacity {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@media screen and (min-width: 1920px) {
    .pattern_desktop:before {
        width: 10vw;
        height: 100px;
        top: 4vw
    }

    .pattern_main:before {
        width: 10vw;
        height: 100px
    }
}

@media screen and (max-width: 1200px) {
    .pattern_main:before {
        top: 24px
    }
}

@media screen and (max-width: 990px) {
    .pattern:before {
        width: 80px;
        height: 21px
    }

    .pattern_desktop:before {
        display: none
    }

    .pattern_mobile:before {
        display: block
    }
}

.page {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: stretch
}

.page__header,
.page__footer {
    width: 100%;
    max-width: 100%
}

.page__content {
    height: calc(100vh - 236px);
    flex-grow: 1;
    width: 100%;
    display: flex;
    align-items: stretch
}

.page__welcome {
    padding: 40px 20px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--color-banner-bg);
    background-image: url(/assets/wave-Bv063gxs.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 70%
}

@media screen and (min-width: 1920px) {
    .page__content {
        height: calc(100vh - 320px)
    }
}

@media screen and (max-width: 990px),
(max-height: 990px) {
    .page__content {
        height: auto
    }
}

.card {
    background-color: #fff;
    color: #131d2f
}

.card__accent {
    background-color: #2c55fb;
    color: #fff
}

.hide {
    display: none
}

.overflow {
    overflow: hidden
}

.modal-overflow {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
    animation-name: fade;
    animation-duration: .3s;
    animation-fill-mode: forwards
}

.hiding .modal-overflow {
    animation-name: fade-out
}

.hiding .modal {
    animation-name: fade-out-opacity
}

.modal {
    position: relative;
    width: 100%;
    max-width: 630px;
    animation-name: fade-in-opacity;
    animation-duration: .2s;
    animation-fill-mode: forwards
}

.modal__inner {
    width: 100%;
    max-height: calc(100vh - 150px);
    overflow-y: auto;
    padding: 60px;
    border-radius: 20px;
    background-color: var(--color-white)
}

.modal__title {
    font-size: 2rem;
    font-weight: 900;
    color: var(--color-font);
    margin-bottom: 60px
}

.modal__content {
    margin-bottom: 40px
}

.modal__content:last-child {
    margin-bottom: 0
}

.modal__button {
    max-width: 300px;
    text-align: center;
    margin: 0 auto
}

.modal__button button {
    width: 100%
}

.modal__close {
    position: absolute;
    top: 0;
    right: -64px
}

@media screen and (max-width: 768px) {
    .modal {
        max-width: calc(100% - 60px)
    }

    .modal__inner {
        padding: 24px
    }

    .modal__close {
        position: absolute;
        top: -64px;
        right: 0
    }

    .modal__title {
        font-size: 20px;
        margin-bottom: 28px
    }
}

.field__label {
    display: block;
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 700;
    margin-bottom: .9rem
}

.field__input,
.field .ui-selectmenu-text {
    width: 100%;
    padding: 12px 16px;
    border-radius: 8px;
    border: 1px solid var(--color-font-light);
    font-family: inherit;
    font-size: .9rem;
    line-height: 1.1rem;
    transition: border-color .2s
}

.field__input::-moz-placeholder,
.field .ui-selectmenu-text::-moz-placeholder {
    font-size: inherit;
    font-weight: 400;
    font-family: inherit;
    color: var(--color-font-light)
}

.field__input::placeholder,
.field .ui-selectmenu-text::placeholder {
    font-size: inherit;
    font-weight: 400;
    font-family: inherit;
    color: var(--color-font-light)
}

.field__input:focus,
.field .ui-selectmenu-text:focus {
    border-color: var(--color-primary);
    outline: none
}

.field__inner {
    position: relative
}

.field__placeholder {
    position: absolute;
    left: 12px;
    top: 15px;
    font-size: inherit;
    line-height: 1rem;
    font-weight: 400;
    font-family: inherit;
    color: var(--color-font-light);
    pointer-events: none
}

.field__star {
    color: var(--color-error)
}

.field textarea {
    min-height: 120px;
    resize: none
}

.field__checkbox {
    display: none
}

.field__checkbox+label {
    position: relative;
    padding-left: 36px;
    font-weight: 400;
    font-size: .95rem;
    cursor: pointer;
    text-align: left
}

.field__checkbox+label:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: -5px;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    border: 1px solid var(--color-dark)
}

.field__checkbox+label:hover:before {
    border-color: var(--color-primary)
}

.field__checkbox:checked+label:before {
    border-color: var(--color-primary);
    background-color: var(--color-primary);
    background-image: url("data:image/svg+xml,%3csvg%20width='14'%20height='10'%20viewBox='0%200%2014%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4.74414%209.80367L0.205078%205.45812C-0.0683594%205.19634%20-0.0683594%204.75131%200.205078%204.48953L1.18945%203.54712C1.46289%203.28534%201.90039%203.28534%202.17383%203.54712L5.26367%206.47906L11.8262%200.196335C12.0996%20-0.065445%2012.5371%20-0.065445%2012.8105%200.196335L13.7949%201.13874C14.0684%201.40052%2014.0684%201.84555%2013.7949%202.10733L5.75586%209.80367C5.48242%2010.0654%205.01758%2010.0654%204.74414%209.80367Z'%20fill='white'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 14px 10px;
    background-position: center
}

.field__error {
    display: none;
    font-size: .9rem;
    color: var(--color-error)
}

.field_password {
    position: relative
}

.field_password .field__input {
    padding-right: 40px
}

.field__password-icon {
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 10px;
    right: 16px;
    background-image: url(/src/images/icon-eye-slash.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-color: transparent;
    cursor: pointer
}

.field__password-icon path {
    transition: stroke, .2s
}

.field__password-icon:hover path {
    stroke: var(--color-primary)
}

.field_error .field__placeholder {
    color: var(--color-error)
}

.field_error .field__input {
    color: var(--color-error);
    border-color: var(--color-error);
    margin-bottom: 8px
}

.field_error .field__checkbox+label:before {
    border-color: var(--color-error)
}

.field_error .field__error {
    display: block
}

.field_dark-rounded .field__input {
    border-radius: 20px;
    border-color: var(--color-dark)
}

.field_code {
    text-align: center
}

.field_code .field__inner {
    display: flex;
    justify-content: center;
    gap: 28px
}

.field_code .field__input {
    padding: 17px;
    width: 60px;
    height: 60px;
    text-align: center
}

.field_select {
    position: relative
}

.field .ui-selectmenu-button {
    position: relative;
    cursor: pointer
}

.field .ui-selectmenu-button:hover .ui-selectmenu-icon:after {
    border-color: var(--color-primary)
}

.field .ui-selectmenu-button-open .ui-selectmenu-icon {
    transform: translateY(-38%) rotate(180deg)
}

.field .ui-selectmenu-button-open .ui-selectmenu-text {
    border-color: var(--color-primary)
}

.field .ui-selectmenu-button:focus {
    outline: none
}

.field .ui-selectmenu-text {
    padding-right: 46px
}

.field .ui-selectmenu-icon {
    position: absolute;
    width: 24px;
    height: 24px;
    right: 12px;
    top: 50%;
    transform: translateY(-55%);
    cursor: pointer;
    transition: transform, .2s
}

.field .ui-selectmenu-icon:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 12px;
    height: 12px;
    border: 1px solid var(--color-dark);
    border-left-width: 0;
    border-top-width: 0;
    transform: rotate(45deg);
    transform-origin: center;
    transition-property: border-color;
    transition-duration: .2s
}

.field .ui-selectmenu-menu {
    position: absolute !important;
    z-index: 999
}

.field .ui-selectmenu-menu .ui-menu {
    display: none
}

.field .ui-selectmenu-menu.ui-selectmenu-open .ui-menu {
    display: block
}

.field .ui-menu {
    list-style: none;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid var(--color-dark);
    box-shadow: 0 4px 8px #00000026;
    background-color: var(--color-white)
}

.field .ui-menu-item-wrapper {
    padding: 10px 8px;
    font-size: .85rem;
    line-height: .85rem;
    cursor: pointer;
    transition: background-color, .1s
}

.field .ui-menu-item-wrapper.ui-state-active {
    color: var(--color-primary);
    background-color: var(--color-light)
}

@media screen and (max-width: 768px) {
    .field_code .field__inner {
        gap: 8px
    }
}

.links__item {
    list-style: none;
    position: relative;
    padding-left: 30px
}

.links__item:before {
    content: "";
    position: absolute;
    left: 0;
    top: .3rem;
    width: 20px;
    height: 20px;
    background-image: url(../images/icon-arrow-right.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0
}

.links_faq .links__item {
    margin-bottom: 12px
}

@media screen and (min-width: 1920px) {
    .links__item {
        padding-left: 2em
    }

    .links__item:before {
        width: 1.1em;
        height: 1.1em
    }
}

.form__item {
    margin-bottom: 28px
}

.button {
    display: inline-block;
    cursor: pointer;
    transition: background-color .2s;
    border-radius: 50px;
    padding: .7rem 1.7rem;
    border: 2px solid;
    font-size: 1.06rem;
    font-weight: 600;
    color: #fff;
    text-align: center
}

.button_round {
    padding: 10px;
    width: 44px;
    height: 44px;
    border-radius: 50%
}

.button_round svg {
    width: 20px;
    height: 20px
}

.button_primary {
    border-color: #2c55fb;
    background-color: #2c55fb
}

@media (hover: hover) {
    .button_primary:hover {
        color: #2c55fb;
        background-color: transparent
    }

    .button_primary:hover svg path {
        stroke: #2c55fb
    }
}

.button_secondary {
    border-color: #160041;
    background-color: #160041
}

@media (hover: hover) {
    .button_secondary:hover {
        color: #160041;
        background-color: transparent
    }

    .button_secondary:hover svg path {
        stroke: #160041
    }
}

.button_light {
    background-color: var(--color-white)
}

.button_light svg path {
    stroke: var(--color-font)
}

@media (hover: hover) {
    .button_light:hover {
        background-color: transparent;
        border-color: var(--color-white)
    }

    .button_light:hover svg path {
        stroke: var(--color-white)
    }
}

.button:disabled,
.button_disabled {
    background-color: var(--color-disabled);
    color: var(--color-font-light);
    border-color: var(--color-disabled);
    cursor: default
}

.button_add {
    padding: .65rem 2.2rem .65rem 1.7rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px
}

.button_add .button__icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    position: relative
}

.button_add .button__icon:after {
    content: "";
    width: 100%;
    height: 3px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: var(--color-white)
}

.button_add .button__icon:before {
    content: "";
    width: 3px;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%);
    background-color: var(--color-white)
}

@media (hover: hover) {

    .button_add:hover .button__icon:after,
    .button_add:hover .button__icon:before {
        background-color: var(--color-primary)
    }
}

@media screen and (min-width: 1920px) {
    .button_round {
        width: 2vw;
        height: 2vw;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .button_round svg {
        width: 1vw;
        height: 1vw
    }
}

.header__inner {
    padding: 18px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px
}

.header__logo {
    height: 44px;
    max-width: 107px
}

.header__item_logo {
    line-height: 0
}

.header__item_buttons {
    flex-shrink: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px
}

@media screen and (min-width: 1920px) {
    .header__logo {
        height: 100px;
        width: 5vw;
        max-width: none
    }
}

@media screen and (max-width: 1370px) {
    .header__item_buttons {
        gap: 20px
    }
}

@media screen and (max-width: 1200px) {
    .header__inner {
        padding: 18px 0
    }
}

@media screen and (max-width: 990px) {
    .header {
        box-shadow: 0 4px 8px #00000026
    }

    .header__item_menu {
        display: none
    }
}

.footer {
    padding: 53px 0;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.footer__item_logo {
    display: none;
    width: 57px;
    white-space: nowrap
}

.footer_main-page .footer__item_logo {
    display: block
}

.footer_main-page .footer__item_button {
    display: none
}

@media screen and (max-width: 1366px) {
    .footer {
        padding: 40px 0 24px
    }
}

@media screen and (max-width: 640px) {
    .footer {
        flex-wrap: wrap;
        gap: 40px
    }

    .footer__item_button,
    .footer__item_button .button {
        width: 100%
    }

    .footer__item_logo {
        display: block
    }
}

.menu {
    list-style: none;
    display: flex;
    gap: 24px
}

.menu__item_active {
    color: #2c55fb
}

.menu a {
    display: inline-block;
    padding: 12px 24px;
    border-radius: 50px;
    background-color: #eef2ff
}

.menu a:hover {
    color: #2c55fb
}

@media screen and (max-width: 1370px) {
    .menu {
        font-size: 14px
    }

    .menu a {
        padding: 8px 12px
    }
}

@media screen and (max-width: 1024px) {
    .menu {
        gap: 12px
    }

    .menu__item a {
        padding: 4px 12px
    }
}

:root {
    --color-primary: #2c55fb;
    --color-light: #eef2ff;
    --color-error: #f5554e;
    --color-font: #131d2f;
    --color-font-light: #506280;
    --color-overflow: #131d2f;
    --color-dark: #131d2f;
    --color-secondary: #160041;
    --color-white: #ffffff;
    --color-banner-bg: #160041;
    --color-disabled: #e1e1e5;
    --radius-card: 80px;
    --container-padding: 4vw
}

@media screen and (max-width: 1200px) {
    :root {
        --container-padding: 20px
    }
}

@media screen and (max-width: 990px) {
    :root {
        --container-padding: 12px;
        --radius-card: 60px
    }
}

.side-menu {
    position: fixed;
    height: 100%;
    width: 50%;
    min-width: 600px;
    right: 0;
    top: 0;
    transform: translate(100%);
    animation-name: slide-from-left;
    animation-delay: .1s;
    animation-duration: .2s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.side-menu__close {
    position: absolute;
    top: 38px;
    right: 58px
}

.side-menu__inner {
    padding: 80px 80px 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow-y: auto
}

.side-menu__header {
    font-size: 3.6em;
    line-height: 1.1em;
    margin-bottom: 188px
}

.side-menu__content {
    display: flex
}

.side-menu__col {
    width: 50%
}

.side-menu__title {
    max-width: 258px;
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #2c55fb
}

.side-menu__nav-item {
    list-style: none;
    font-size: 1.043em;
    line-height: 1.35em;
    margin-bottom: 20px
}

.side-menu__nav-item a:hover {
    color: #2c55fb
}

.side-menu__footer {
    margin-top: auto
}

.hiding .side-menu {
    transform: translate(0);
    animation-delay: 0;
    animation-name: slide-to-left
}

@keyframes slide-from-left {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes slide-to-left {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(100%)
    }
}

@media screen and (min-width: 1920px) {
    .side-menu__title {
        padding-bottom: 2.4em;
        margin-bottom: 2.4em
    }

    .side-menu__nav-item {
        margin-bottom: 1.1em
    }
}

@media screen and (max-width: 1400px) {
    .side-menu__title {
        display: inline-block;
        padding-right: 50px
    }
}

@media screen and (max-width: 990px) {
    .side-menu {
        width: 80%;
        min-width: 348px
    }

    .side-menu__close {
        top: 24px;
        right: 24px
    }

    .side-menu__inner {
        padding: 80px 24px 24px
    }

    .side-menu__header {
        margin-bottom: 12px
    }

    .side-menu__content {
        flex-direction: column;
        gap: 32px
    }

    .side-menu__col {
        width: 100%
    }

    .side-menu__title {
        padding-bottom: 20px;
        margin-bottom: 20px
    }
}

@media screen and (max-height: 900px) {
    .side-menu__header {
        margin-bottom: 20px
    }

    .side-menu__content {
        margin-top: auto;
        margin-bottom: auto
    }
}

.main-block {
    width: 100%;
    position: relative;
    padding-top: 176px;
    display: flex;
    align-items: center
}

.main-block:after {
    content: "";
    width: 100%;
    position: absolute;
    left: 55%;
    top: 100px;
    height: calc(100% - 130px);
    background-color: var(--color-primary);
    border-top-left-radius: 180px;
    z-index: 0
}

.main-block__animation {
    position: absolute;
    left: 36%;
    top: 35%;
    z-index: 1
}

.main-block__inner {
    height: 100%
}

.main-block__img {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 50%;
    top: 40px;
    bottom: -100px;
    margin: auto;
    z-index: 2
}

.main-block__content {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    gap: 40px;
    position: relative;
    z-index: 2;
    padding-top: 4vw;
    padding-bottom: 4vw
}

.main-block__title {
    max-width: 44vw;
    font-size: 3.6rem;
    line-height: 1;
    font-weight: 400
}

.main-block__title-bold {
    display: block;
    font-size: 5rem;
    font-weight: 800
}

.main-block__description {
    max-width: 40%;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 500
}

.main-block__description p {
    margin-bottom: 36px
}

@media screen and (max-width: 1390px) {
    .main-block {
        padding-top: 80px
    }

    .main-block__title {
        font-size: 50px
    }

    .main-block__title-bold {
        font-size: 70px
    }
}

@media screen and (max-width: 1200px) {
    .main-block {
        padding-top: 80px
    }

    .main-block__content {
        padding-top: 0;
        padding-bottom: 0
    }

    .main-block__title {
        font-size: 32px
    }

    .main-block__title-bold {
        font-size: 50px
    }

    .main-block__description {
        font-size: 20px;
        line-height: 25px
    }

    .main-block__img {
        max-height: 100%
    }

    .main-block:after {
        border-top-left-radius: 80px
    }
}

@media screen and (max-width: 1024px) {
    .main-block__animation {
        top: 20%
    }
}

@media screen and (max-width: 640px) {
    .main-block {
        padding-top: 58px
    }

    .main-block:after {
        left: 54px;
        right: 0;
        height: 240px;
        width: 100%;
        top: 213px
    }

    .main-block__animation {
        left: 25px;
        top: 240px
    }

    .main-block__title {
        font-size: 24px;
        margin-bottom: 400px;
        max-width: 100%
    }

    .main-block__title-bold {
        font-size: 40px
    }

    .main-block__img {
        top: 102px;
        bottom: unset;
        left: 0;
        right: 0;
        margin: auto;
        height: 500px;
        max-width: 328px;
        max-height: none
    }

    .main-block__content {
        justify-content: flex-start
    }

    .main-block__description {
        max-width: 100%
    }

    .main-block_404 {
        text-align: center
    }

    .main-block_404:after {
        top: 60px
    }

    .main-block_404 .main-block__img {
        top: -66px
    }

    .main-block_404 .main-block__title {
        margin-bottom: 0;
        margin-top: 340px
    }
}

.head-block {
    width: 100%;
    min-height: 100%;
    max-height: 100%;
    color: var(--color-white);
    position: relative;
    padding-top: 40px;
    display: flex;
    align-items: stretch
}

.head-block__col_content {
    height: 100%;
    width: 56%;
    flex-shrink: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--color-banner-bg);
    border-top-right-radius: var(--radius-card)
}

.head-block__col_slider {
    display: flex;
    align-items: flex-end;
    padding-bottom: 3vw;
    position: relative;
    left: -60px;
    width: calc(44% + 60px);
    margin-right: -60px
}

.head-block__description {
    max-width: 49%;
    padding: 60px 0
}

.head-block__pic {
    flex-shrink: 1;
    height: 100%;
    min-height: 280px;
    min-width: 280px;
    align-self: flex-end;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end
}

.head-block__title {
    display: block;
    font-size: 3.6em;
    line-height: 1.1em;
    padding-bottom: 40px;
    margin-bottom: 40px;
    position: relative
}

.head-block__title:after {
    content: "";
    display: block;
    width: 49%;
    height: 1px;
    position: absolute;
    bottom: 0;
    background-color: var(--color-primary)
}

.head-block__text {
    font-size: 1.043em;
    line-height: 1.55em
}

.head-block_tariffs .head-block__col_slider {
    padding-top: 0
}

.head-block_tariffs .head-block__col_slider:before {
    display: none
}

.head-block_faq .head-block__title {
    margin-bottom: 0
}

.head-block_faq .head-block__description {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 40px;
    justify-content: center
}

.head-block_faq .head-block__button {
    align-self: flex-start
}

@media screen and (min-width: 1920px) {

    .head-block__pic,
    .head-block__col_content {
        max-height: none
    }
}

@media screen and (min-width: 1920px) and (max-height: 1200px) {

    .head-block__pic,
    .head-block__col_content {
        max-height: none
    }

    .head-block_tariffs .head-block__col_slider {
        padding-bottom: 0
    }
}

@media screen and (max-width: 1440px) {
    .head-block_faq .head-block__description {
        gap: 20px
    }

    .head-block_tariffs .head-block__col_slider {
        padding-bottom: 0
    }
}

@media screen and (max-width: 1200px) {
    .head-block {
        padding-top: 20px
    }

    .head-block__title {
        font-size: 50px;
        line-height: 1em;
        padding-bottom: 20px
    }

    .head-block__description {
        padding-top: 20px;
        padding-bottom: 20px;
        padding-right: 20px
    }
}

@media screen and (max-width: 1024px) {
    .head-block__title {
        font-size: 36px
    }

    .head-block__col_slider {
        padding-top: 0
    }

    .head-block_tariffs .head-block__col_slider {
        padding-bottom: 0
    }
}

@media screen and (max-height: 990px) {
    .head-block__pic img {
        max-height: 700px
    }

    .head-block_tariffs .head-block__col_slider {
        align-self: center;
        padding-bottom: 0
    }
}

@media screen and (max-width: 990px) and (max-height: 700px) {
    .head-block {
        flex-direction: column;
        padding-top: 57px;
        padding-bottom: 40px
    }

    .head-block__pic-position {
        position: static
    }

    .head-block__inner {
        flex-direction: column
    }

    .head-block__header {
        padding-bottom: 16px;
        margin-bottom: 16px
    }

    .head-block__col {
        width: 100%;
        height: auto
    }

    .head-block__col_content {
        flex-direction: row;
        padding-bottom: 100px
    }

    .head-block__col_slider {
        padding-top: 0;
        left: 0;
        margin-top: -120px;
        margin-right: 0
    }

    .head-block__pic {
        min-height: 0;
        max-width: none;
        min-width: auto
    }
}

@media screen and (max-width: 640px) {
    .head-block_tariffs {
        padding-bottom: 0
    }
}

@media screen and (max-width: 780px) {
    .head-block__title:after {
        width: 100%
    }

    .head-block__col_content {
        flex-direction: column
    }

    .head-block__description {
        max-width: 100%;
        padding-bottom: 0;
        padding-right: 12px;
        margin-bottom: 16px
    }

    .head-block__pic {
        max-height: 334px;
        min-height: 0;
        align-self: center;
        line-height: 0
    }

    .head-block__pic img {
        max-height: 100%
    }
}

@media screen and (max-width: 780px) {
    .head-block__links {
        align-self: flex-start;
        padding-left: 12px;
        color: var(--color-font);
        margin-top: 40px
    }
}

@media screen and (max-width: 700px) {
    .head-block__title:after {
        width: 70%
    }
}

@media screen and (max-height: 700px) {
    .head-block__pic {
        max-height: 100%
    }
}

.slider {
    width: 100%;
    position: relative
}

.slider__item {
    height: auto;
    max-width: 404px;
    padding: 20px;
    color: var(--color-white);
    cursor: default
}

.slider__item-inner {
    height: 100%;
    padding: 1.6rem 2rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    background-color: var(--color-primary);
    box-shadow: 0 4px 20px #00000040
}

.slider__item-inner_rounded {
    border-radius: 20px
}

.slider__header {
    margin-bottom: 1.33em
}

.slider__header-row {
    display: flex;
    justify-content: space-between
}

.slider__title {
    font-size: 1.33em;
    line-height: 1.32em;
    font-weight: 700;
    margin-bottom: .68em
}

.slider__title:last-child {
    margin-bottom: 0
}

.slider__accent {
    font-size: 4rem;
    line-height: 4rem;
    font-weight: 900;
    display: flex;
    align-items: center;
    gap: 12px
}

.slider__accent-subtext {
    font-size: 1.15rem;
    font-weight: 700
}

.slider__accent-litte {
    font-size: 44px;
    font-weight: 900;
    margin: 22px 0 14px 0;
}

.slider__accent-litte_blue {
    color: var(--color-primary);
}

.slider__subtext {
    line-height: 1.32rem;
    font-weight: 700
}

.slider__logo {
    margin-bottom: 20px;
    text-align: center;
}

.slider__logo img {
    width: 100%;
    max-height: 120px
}

.slider__logo-text {
    line-height: 66px;
}

.slider__logo-text_extraligh {
    font-size: 72px;
    font-weight: 100;
}

.slider__logo-text_bold {
    font-size: 42px;
    font-weight: 700;
}

.slider__text {
    line-height: 1.15em;
    font-weight: 100
}

.slider__text p {
    margin-bottom: 20px
}

.slider__text p:last-child {
    margin-bottom: 0
}

.slider__inner {
    width: calc(100% + 20px);
    margin-left: -20px;
    margin-bottom: 40px
}

.slider__pagination {
    display: none
}

.slider__navigation {
    display: flex;
    justify-content: flex-end;
    gap: 20px;
    max-width: 360px;
    height: 20px
}

.slider__arrow {
    width: 54px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    opacity: 1;
    transition: opacity .2s;
    cursor: pointer
}

.slider__arrow path {
    transition: .2s
}

.slider__arrow:hover path {
    fill: var(--color-primary)
}

.slider__arrow_disabled {
    opacity: 0;
    cursor: default
}

.slider__arrow_next {
    text-align: right
}

.slider__arrow:focus,
.slider__arrow:active,
.slider__arrow:hover {
    outline: none
}

.slider__button {
    margin-top: auto
}

.slider li {
    list-style: none;
    padding-left: 30px;
    position: relative;
    margin-bottom: 20px
}

.slider li:last-child {
    margin-bottom: 0
}

.slider li:before {
    content: "";
    width: 22px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 3px;
    background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='19'%20viewBox='0%200%2024%2019'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1%2010.3333L7.47059%2017L23%201'%20stroke='white'%20stroke-width='1.5'/%3e%3c/svg%3e");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0 0
}

.slider__item_light .slider__item-inner {
    color: var(--color-font);
    background-color: var(--color-white)
}

.slider__item_light .slider__item-inner .slider__accent,
.slider__item_light .slider__item-inner .slider__subtext {
    color: var(--color-primary)
}

.slider__item_light .slider__item-inner svg path {
    fill: var(--color-primary)
}

.slider__item_light .slider__item-inner .slider__text {
    color: var(--color-font-light)
}

.slider__item_light li:before {
    background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='19'%20viewBox='0%200%2024%2019'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1%2010.3333L7.47059%2017L23%201'%20stroke='%232C55FB'%20stroke-width='1.5'/%3e%3c/svg%3e")
}

.slider_tariffs .slider__text {
    margin-bottom: 52px
}

.slider_faq .slider__text {
    font-weight: 700
}

.slider_faq .slider__item {
    height: auto !important;
    cursor: pointer
}

.slider_faq .slider__item-inner {
    min-height: auto
}

.slider_spaced .slider__item-inner {
    padding-top: 74px;
    padding-bottom: 74px
}

.slider select {
    font-family: inherit;
    font-size: 1rem;
    line-height: 2rem;
    font-weight: 700;
    color: var(--color-white);
    background-color: transparent;
    outline: none;
    cursor: pointer
}

@media screen and (min-width: 1920px) {
    .slider__item {
        max-width: 21vw
    }

    .slider__arrow {
        width: 2.8vw;
        height: 1em
    }

    .slider__navigation {
        gap: 1.2em;
        max-width: calc(21vw - 40px)
    }

    .slider_tariffs .slider__item {
        max-width: 31vw
    }
}

@media screen and (max-width: 1380px) {
    .slider__inner {
        margin-bottom: 10px;
        margin-left: 0;
        width: 100%
    }

    .slider__pagination {
        display: flex
    }

    .slider__item {
        padding: 20px 12px
    }

    .slider__item-inner {
        min-height: auto;
        padding: 24px 24px 34px
    }

    .slider__title {
        font-size: 20px;
        line-height: 1.2em
    }

    .slider__accent {
        font-size: 60px
    }

    .slider__navigation {
        max-width: 380px
    }
}

@media screen and (max-width: 990px) {
    .slider__navigation {
        width: 100%;
        max-width: 100%;
        padding: 0 22px
    }
}

@media screen and (max-width: 780px) {
    .slider__navigation {
        justify-content: space-between;
        position: absolute;
        bottom: 8px
    }

    .slider__pagination {
        display: block;
        text-align: center
    }

    .slider__bullet {
        display: inline-block;
        position: relative;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        border: 1px solid transparent;
        margin-right: 9px;
        transition: border-color .2s
    }

    .slider__bullet:last-child {
        margin-right: 0
    }

    .slider__bullet:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: var(--color-dark)
    }

    .slider__bullet_active {
        border-color: var(--color-dark)
    }
}

@media screen and (max-width: 640px) {
    .slider_tariffs .slider__inner {
        pointer-events: none
    }

    .slider_tariffs .swiper-wrapper {
        flex-direction: column !important;
        align-items: center
    }

    .slider_tariffs .slider__navigation,
    .slider_tariffs .slider__pagination {
        display: none
    }
}

.welcome-form {
    width: 550px;
    padding: 60px;
    background-color: var(--color-white);
    border-radius: 20px
}

.welcome-form__inner {
    display: flex
}

.welcome-form__step {
    width: 100%
}

.welcome-form__item {
    margin-bottom: 28px
}

.welcome-form__item:last-child {
    margin-bottom: 0
}

.welcome-form__item_center,
.welcome-form__header {
    text-align: center
}

.welcome-form__logo {
    margin-bottom: 24px;
    max-width: 107px
}

.welcome-form__title {
    font-size: 2rem;
    font-weight: 900
}

.welcome-form__row {
    display: flex;
    gap: 8px;
    margin-bottom: 8px
}

.welcome-form__row .welcome-form__field {
    margin-bottom: 0
}

.welcome-form__field {
    width: 100%;
    margin-bottom: 16px
}

.welcome-form__agreement {
    margin: 40px auto;
    text-align: center
}

.welcome-form__agreement .field {
    display: inline-block
}

.welcome-form__buttons {
    margin-bottom: 35px
}

.welcome-form__buttons:last-child {
    margin-bottom: 0
}

.welcome-form__buttons button {
    width: 100%;
    margin-bottom: 35px
}

.welcome-form__buttons button:last-child {
    margin-bottom: 0
}

.welcome-form__buttons a {
    display: block;
    text-align: center
}

.welcome-form__subtitle {
    font-size: 1.5rem;
    font-weight: 900;
    margin-bottom: 12px
}

.welcome-form__text {
    text-align: center
}

.welcome-form .ui-selectmenu-button,
.welcome-form .ui-selectmenu-text {
    display: block;
    width: 100%
}

@media screen and (min-width: 1920px) {
    .welcome-form {
        width: 28vw
    }

    .welcome-form__field,
    .welcome-form__row {
        margin-bottom: 1rem
    }
}

@media screen and (max-width: 768px) {
    .welcome-form {
        width: 100%;
        padding: 24px
    }
}

.switcher-tabs {
    display: flex;
    gap: 8px
}

.switcher-tabs__item {
    width: 50%
}

.switcher-tabs__radio {
    display: none
}

.switcher-tabs__radio:checked+label {
    color: var(--color-primary)
}

.switcher-tabs__label {
    padding: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--color-font-light);
    background-color: var(--color-light);
    border-radius: 50px;
    cursor: pointer
}

.wave {
    height: 100%;
    min-height: 500px
}

.wave rect {
    animation-name: wave;
    animation-duration: .7s;
    animation-iteration-count: infinite;
    transform-origin: center;
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.wave rect:nth-child(odd) {
    animation-delay: .01s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 1ms
}

.wave rect:nth-child(odd) {
    animation-delay: .02s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 2ms
}

.wave rect:nth-child(odd) {
    animation-delay: .03s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 3ms
}

.wave rect:nth-child(odd) {
    animation-delay: .04s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 4ms
}

.wave rect:nth-child(odd) {
    animation-delay: .05s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 5ms
}

.wave rect:nth-child(odd) {
    animation-delay: .06s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 6ms
}

.wave rect:nth-child(6) {
    animation-name: wave-middle
}

.wave rect:nth-child(odd) {
    animation-delay: .07s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 7ms
}

.wave rect:nth-child(7) {
    animation-name: wave-middle
}

.wave rect:nth-child(odd) {
    animation-delay: .08s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 8ms
}

.wave rect:nth-child(8) {
    animation-name: wave-middle
}

.wave rect:nth-child(odd) {
    animation-delay: .09s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 9ms
}

.wave rect:nth-child(9) {
    animation-name: wave-middle
}

.wave rect:nth-child(odd) {
    animation-delay: .1s
}

.wave rect:nth-child(3n+2) {
    animation-delay: .01s
}

.wave rect:nth-child(10) {
    animation-name: wave-middle
}

.wave rect:nth-child(odd) {
    animation-delay: .11s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 11ms
}

.wave rect:nth-child(11) {
    animation-name: wave-middle
}

.wave rect:nth-child(odd) {
    animation-delay: .12s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 12ms
}

.wave rect:nth-child(12) {
    animation-name: wave-middle
}

.wave rect:nth-child(odd) {
    animation-delay: .13s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 13ms
}

.wave rect:nth-child(13) {
    animation-name: wave-middle
}

.wave rect:nth-child(odd) {
    animation-delay: .14s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 14ms
}

.wave rect:nth-child(14) {
    animation-name: wave-big
}

.wave rect:nth-child(odd) {
    animation-delay: .15s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 15ms
}

.wave rect:nth-child(15) {
    animation-name: wave-big
}

.wave rect:nth-child(odd) {
    animation-delay: .16s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 16ms
}

.wave rect:nth-child(16) {
    animation-name: wave-big
}

.wave rect:nth-child(odd) {
    animation-delay: .17s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 17ms
}

.wave rect:nth-child(17) {
    animation-name: wave-big
}

.wave rect:nth-child(odd) {
    animation-delay: .18s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 18ms
}

.wave rect:nth-child(18) {
    animation-name: wave-big
}

.wave rect:nth-child(odd) {
    animation-delay: .19s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 19ms
}

.wave rect:nth-child(19) {
    animation-name: wave-middle
}

.wave rect:nth-child(odd) {
    animation-delay: .2s
}

.wave rect:nth-child(3n+2) {
    animation-delay: .02s
}

.wave rect:nth-child(20) {
    animation-name: wave-middle
}

.wave rect:nth-child(odd) {
    animation-delay: .21s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 21ms
}

.wave rect:nth-child(21) {
    animation-name: wave-middle
}

.wave rect:nth-child(odd) {
    animation-delay: .22s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 22ms
}

.wave rect:nth-child(22) {
    animation-name: wave-middle
}

.wave rect:nth-child(odd) {
    animation-delay: .23s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 23ms
}

.wave rect:nth-child(23) {
    animation-name: wave-middle
}

.wave rect:nth-child(odd) {
    animation-delay: .24s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 24ms
}

.wave rect:nth-child(24) {
    animation-name: wave-middle
}

.wave rect:nth-child(odd) {
    animation-delay: .25s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 25ms
}

.wave rect:nth-child(odd) {
    animation-delay: .26s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 26ms
}

.wave rect:nth-child(odd) {
    animation-delay: .27s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 27ms
}

.wave rect:nth-child(odd) {
    animation-delay: .28s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 28ms
}

.wave rect:nth-child(odd) {
    animation-delay: .29s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 29ms
}

.wave rect:nth-child(odd) {
    animation-delay: .3s
}

.wave rect:nth-child(3n+2) {
    animation-delay: .03s
}

.wave rect:nth-child(odd) {
    animation-delay: .31s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 31ms
}

.wave rect:nth-child(odd) {
    animation-delay: .32s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 32ms
}

.wave rect:nth-child(odd) {
    animation-delay: .33s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 33ms
}

.wave rect:nth-child(odd) {
    animation-delay: .34s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 34ms
}

.wave rect:nth-child(odd) {
    animation-delay: .35s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 35ms
}

.wave rect:nth-child(odd) {
    animation-delay: .36s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 36ms
}

.wave rect:nth-child(36) {
    animation-name: wave-big
}

.wave rect:nth-child(odd) {
    animation-delay: .37s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 37ms
}

.wave rect:nth-child(37) {
    animation-name: wave-middle
}

.wave rect:nth-child(37) {
    animation-name: wave-big
}

.wave rect:nth-child(odd) {
    animation-delay: .38s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 38ms
}

.wave rect:nth-child(38) {
    animation-name: wave-middle
}

.wave rect:nth-child(38) {
    animation-name: wave-big
}

.wave rect:nth-child(odd) {
    animation-delay: .39s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 39ms
}

.wave rect:nth-child(39) {
    animation-name: wave-middle
}

.wave rect:nth-child(39) {
    animation-name: wave-big
}

.wave rect:nth-child(odd) {
    animation-delay: .4s
}

.wave rect:nth-child(3n+2) {
    animation-delay: .04s
}

.wave rect:nth-child(40) {
    animation-name: wave-middle
}

.wave rect:nth-child(40) {
    animation-name: wave-big
}

.wave rect:nth-child(odd) {
    animation-delay: .41s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 41ms
}

.wave rect:nth-child(41) {
    animation-name: wave-middle
}

.wave rect:nth-child(41) {
    animation-name: wave-big
}

.wave rect:nth-child(odd) {
    animation-delay: .42s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 42ms
}

.wave rect:nth-child(42) {
    animation-name: wave-middle
}

.wave rect:nth-child(42) {
    animation-name: wave-big
}

.wave rect:nth-child(odd) {
    animation-delay: .43s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 43ms
}

.wave rect:nth-child(43) {
    animation-name: wave-middle
}

.wave rect:nth-child(43) {
    animation-name: wave-big
}

.wave rect:nth-child(odd) {
    animation-delay: .44s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 44ms
}

.wave rect:nth-child(44) {
    animation-name: wave-middle
}

.wave rect:nth-child(44) {
    animation-name: wave-big
}

.wave rect:nth-child(odd) {
    animation-delay: .45s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 45ms
}

.wave rect:nth-child(45) {
    animation-name: wave-middle
}

.wave rect:nth-child(45) {
    animation-name: wave-big
}

.wave rect:nth-child(odd) {
    animation-delay: .46s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 46ms
}

.wave rect:nth-child(46) {
    animation-name: wave-middle
}

.wave rect:nth-child(46) {
    animation-name: wave-big
}

.wave rect:nth-child(odd) {
    animation-delay: .47s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 47ms
}

.wave rect:nth-child(47) {
    animation-name: wave-middle
}

.wave rect:nth-child(47) {
    animation-name: wave-big
}

.wave rect:nth-child(odd) {
    animation-delay: .48s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 48ms
}

.wave rect:nth-child(48) {
    animation-name: wave-middle
}

.wave rect:nth-child(48) {
    animation-name: wave-big
}

.wave rect:nth-child(odd) {
    animation-delay: .49s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 49ms
}

.wave rect:nth-child(49) {
    animation-name: wave-middle
}

.wave rect:nth-child(49) {
    animation-name: wave-big
}

.wave rect:nth-child(odd) {
    animation-delay: .5s
}

.wave rect:nth-child(3n+2) {
    animation-delay: .05s
}

.wave rect:nth-child(50) {
    animation-name: wave-middle
}

.wave rect:nth-child(odd) {
    animation-delay: .51s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 51ms
}

.wave rect:nth-child(odd) {
    animation-delay: .52s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 52ms
}

.wave rect:nth-child(odd) {
    animation-delay: .53s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 53ms
}

.wave rect:nth-child(odd) {
    animation-delay: .54s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 54ms
}

.wave rect:nth-child(odd) {
    animation-delay: .55s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 55ms
}

.wave rect:nth-child(odd) {
    animation-delay: .56s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 56ms
}

.wave rect:nth-child(odd) {
    animation-delay: .57s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 57ms
}

.wave rect:nth-child(odd) {
    animation-delay: .58s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 58ms
}

.wave rect:nth-child(odd) {
    animation-delay: .59s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 59ms
}

.wave rect:nth-child(odd) {
    animation-delay: .6s
}

.wave rect:nth-child(3n+2) {
    animation-delay: .06s
}

.wave rect:nth-child(odd) {
    animation-delay: .61s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 61ms
}

.wave rect:nth-child(61) {
    animation-name: wave-big
}

.wave rect:nth-child(odd) {
    animation-delay: .62s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 62ms
}

.wave rect:nth-child(62) {
    animation-name: wave-big
}

.wave rect:nth-child(odd) {
    animation-delay: .63s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 63ms
}

.wave rect:nth-child(63) {
    animation-name: wave-big
}

.wave rect:nth-child(odd) {
    animation-delay: .64s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 64ms
}

.wave rect:nth-child(64) {
    animation-name: wave-big
}

.wave rect:nth-child(odd) {
    animation-delay: .65s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 65ms
}

.wave rect:nth-child(65) {
    animation-name: wave-big
}

.wave rect:nth-child(odd) {
    animation-delay: .66s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 66ms
}

.wave rect:nth-child(66) {
    animation-name: wave-big
}

.wave rect:nth-child(odd) {
    animation-delay: .67s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 67ms
}

.wave rect:nth-child(67) {
    animation-name: wave-big
}

.wave rect:nth-child(odd) {
    animation-delay: .68s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 68ms
}

.wave rect:nth-child(68) {
    animation-name: wave-big
}

.wave rect:nth-child(odd) {
    animation-delay: .69s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 69ms
}

.wave rect:nth-child(69) {
    animation-name: wave-big
}

.wave rect:nth-child(odd) {
    animation-delay: .7s
}

.wave rect:nth-child(3n+2) {
    animation-delay: .07s
}

.wave rect:nth-child(odd) {
    animation-delay: .71s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 71ms
}

.wave rect:nth-child(71) {
    animation-name: wave-middle
}

.wave rect:nth-child(odd) {
    animation-delay: .72s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 72ms
}

.wave rect:nth-child(72) {
    animation-name: wave-middle
}

.wave rect:nth-child(odd) {
    animation-delay: .73s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 73ms
}

.wave rect:nth-child(73) {
    animation-name: wave-middle
}

.wave rect:nth-child(odd) {
    animation-delay: .74s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 74ms
}

.wave rect:nth-child(74) {
    animation-name: wave-middle
}

.wave rect:nth-child(odd) {
    animation-delay: .75s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 75ms
}

.wave rect:nth-child(75) {
    animation-name: wave-middle
}

.wave rect:nth-child(odd) {
    animation-delay: .76s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 76ms
}

.wave rect:nth-child(odd) {
    animation-delay: .77s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 77ms
}

.wave rect:nth-child(odd) {
    animation-delay: .78s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 78ms
}

.wave rect:nth-child(odd) {
    animation-delay: .79s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 79ms
}

.wave rect:nth-child(odd) {
    animation-delay: .8s
}

.wave rect:nth-child(3n+2) {
    animation-delay: .08s
}

.wave rect:nth-child(odd) {
    animation-delay: .81s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 81ms
}

.wave rect:nth-child(81) {
    animation-name: wave-big
}

.wave rect:nth-child(odd) {
    animation-delay: .82s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 82ms
}

.wave rect:nth-child(82) {
    animation-name: wave-big
}

.wave rect:nth-child(odd) {
    animation-delay: .83s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 83ms
}

.wave rect:nth-child(83) {
    animation-name: wave-big
}

.wave rect:nth-child(odd) {
    animation-delay: .84s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 84ms
}

.wave rect:nth-child(84) {
    animation-name: wave-big
}

.wave rect:nth-child(odd) {
    animation-delay: .85s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 85ms
}

.wave rect:nth-child(85) {
    animation-name: wave-big
}

.wave rect:nth-child(odd) {
    animation-delay: .86s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 86ms
}

.wave rect:nth-child(86) {
    animation-name: wave-big
}

.wave rect:nth-child(odd) {
    animation-delay: .87s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 87ms
}

.wave rect:nth-child(87) {
    animation-name: wave-big
}

.wave rect:nth-child(odd) {
    animation-delay: .88s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 88ms
}

.wave rect:nth-child(88) {
    animation-name: wave-big
}

.wave rect:nth-child(odd) {
    animation-delay: .89s
}

.wave rect:nth-child(3n+2) {
    animation-delay: 89ms
}

.wave rect:nth-child(89) {
    animation-name: wave-big
}

.wave rect:nth-child(odd) {
    animation-delay: .9s
}

.wave rect:nth-child(3n+2) {
    animation-delay: .09s
}

@keyframes wave {
    0% {
        transform: scaleY(1)
    }

    15% {
        transform: scaleY(1.3)
    }

    to {
        transform: scaleY(1)
    }
}

@keyframes wave-big {
    0% {
        transform: scaleY(1.4)
    }

    15% {
        transform: scaleY(7)
    }

    to {
        transform: scaleY(1.4)
    }
}

@keyframes wave-middle {
    0% {
        transform: scaleY(1)
    }

    15% {
        transform: scaleY(5)
    }

    to {
        transform: scaleY(1)
    }
}

@media screen and (min-width: 1920px) {
    .wave {
        width: 100%;
        min-height: 700px
    }
}

@media screen and (max-width: 1400px) {
    @keyframes wave-big {
        0% {
            transform: scaleY(1.4)
        }

        15% {
            transform: scaleY(4)
        }

        to {
            transform: scaleY(1.4)
        }
    }

    @keyframes wave-middle {
        0% {
            transform: scaleY(1)
        }

        15% {
            transform: scaleY(2)
        }

        to {
            transform: scaleY(1)
        }
    }
}

@media screen and (max-width: 640px) {
    .wave {
        min-height: auto;
        height: 220px
    }
}

.usage-inner {
    background-color: green
}