@charset "UTF-8";

/* стили для автозаполнения в браезере, убираем фон автозаполненного поля */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

:root {
    --text-bold: #333030;
    --text-dark: #73728D;
    --text-light: #7C85AD;
    --main-bgnd: #FFFFFF;
    --second-bgnd: #F1F1FA;
    --checkbox-border: #B4BEED;
    --accent: #6e55ff;
    --active: #92EA5D;
    --inactive: #F55D2D;
    --admin-source: #D2D2FF;
    --accent-rgb: 110, 85, 255;
    --second-bgnd-rgb: 241, 241, 250
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

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

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

a {
    cursor: pointer;
}

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

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

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

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

.choices {
    position: relative;
    overflow: hidden;
    margin-bottom: 24px;
    font-size: 12px
}

.choices:focus {
    outline: 0
}

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

.choices.is-open {
    overflow: visible
}

.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__input {
    background-color: #eaeaea;
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.choices.is-disabled .choices__item {
    cursor: not-allowed
}

.choices [hidden] {
    display: none !important
}

.choices[data-type*=select-one] {
    cursor: pointer
}

.choices[data-type*=select-one] .choices__inner {
    padding-bottom: 7.5px
}

.choices[data-type*=select-one] .choices__input {
    display: block;
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #f1f1fa;
    background-color: #fff;
    margin: 0
}

.choices[data-type*=select-one] .choices__button {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
    padding: 0;
    background-size: 8px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -10px;
    margin-right: 25px;
    height: 20px;
    width: 20px;
    border-radius: 10em;
    opacity: .25
}

.choices[data-type*=select-one] .choices__button:focus,
.choices[data-type*=select-one] .choices__button:hover {
    opacity: 1
}

.choices[data-type*=select-one] .choices__button:focus {
    -webkit-box-shadow: 0 0 0 2px #00bcd4;
    box-shadow: 0 0 0 2px #00bcd4
}

.choices[data-type*=select-one] .choices__item[data-value=""] .choices__button {
    display: none
}

.choices[data-type*=select-one]::after {
    content: "";
    width: 15px;
    height: 10px;
    position: absolute;
    right: 11.5px;
    top: 50%;
    margin-top: -5px;
    pointer-events: none;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI1IiB2aWV3Qm94PSIwIDAgOCA1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KPHBhdGggZD0iTTAuMTk1MjU3IDEuMjE5MzZDLTAuMDY1MDg1OCAwLjk0MDQyIC0wLjA2NTA4NTggMC40ODgxNDQgMC4xOTUyNTcgMC4yMDkyMDVDMC40NTU2MDEgLTAuMDY5NzM0OSAwLjg3NzcyNSAtMC4wNjk3MzQ5IDEuMTM4MDcgMC4yMDkyMDVMNCAzLjI3NTU2TDYuODYxOTMgMC4yMDkyMDRDNy4xMjIyNyAtMC4wNjk3MzQ5IDcuNTQ0NCAtMC4wNjk3MzUgNy44MDQ3NCAwLjIwOTIwNEM4LjA2NTA5IDAuNDg4MTQ0IDguMDY1MDkgMC45NDA0MiA3LjgwNDc0IDEuMjE5MzZMNC40NzE0IDQuNzkwNzlDNC4yMTEwNiA1LjA2OTczIDMuNzg4OTQgNS4wNjk3MyAzLjUyODU5IDQuNzkwNzlMMC4xOTUyNTcgMS4yMTkzNloiIGZpbGw9IiM2ZTU1ZmYiLz4NCjwvc3ZnPg0K) no-repeat center;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.choices[data-type*=select-one].is-open::after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.choices[data-type*=select-multiple] .choices__inner,
.choices[data-type*=text] .choices__inner {
    cursor: text
}

.choices[data-type*=select-multiple] .choices__button,
.choices[data-type*=text] .choices__button {
    position: relative;
    display: inline-block;
    margin-top: 0;
    margin-right: -4px;
    margin-bottom: 0;
    margin-left: 8px;
    padding-left: 16px;
    border-left: 1px solid #008fa1;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
    background-size: 8px;
    width: 8px;
    line-height: 1;
    opacity: .75;
    border-radius: 0
}

.choices[data-type*=select-multiple] .choices__button:focus,
.choices[data-type*=select-multiple] .choices__button:hover,
.choices[data-type*=text] .choices__button:focus,
.choices[data-type*=text] .choices__button:hover {
    opacity: 1
}

.choices__inner {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background-color: var(--second-bgnd);
    padding: 8px 10px 3.75px;
    border: 2px solid #f1f1fa;
    border-radius: 5px;
    font-size: 12px;
    min-height: 45px;
    overflow: hidden;
    -webkit-transition: border-color .3s;
    -o-transition: border-color .3s;
    transition: border-color .3s
}

.is-focused:not(.is-open) .choices__inner {
    border-color: var(--accent)
}

.choices__list {
    margin: 0;
    padding-left: 0;
    list-style: none
}

.choices__list--single {
    display: inline-block;
    padding: 4px 16px 4px 4px;
    width: 100%
}

.choices__list--single .choices__item {
    width: 100%
}

.choices__list--multiple {
    display: inline
}

.choices__list--multiple .choices__item {
    display: inline-block;
    vertical-align: middle;
    border-radius: 20px;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 500;
    margin-right: 3.75px;
    margin-bottom: 3.75px;
    background-color: #00bcd4;
    border: 1px solid #00a5bb;
    color: #fff;
    word-break: break-all;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s
}

.choices__list--multiple .choices__item[data-deletable] {
    padding-right: 5px
}

.choices__list--multiple .choices__item.is-highlighted,
.choices__list--multiple .choices__item.is-selected {
    background-color: #00a5bb;
    border: 1px solid #008fa1
}

.is-disabled .choices__list--multiple .choices__item {
    background-color: #aaa;
    border: 1px solid #919191
}

.choices__list--dropdown,
.choices__list[aria-expanded] {
    visibility: hidden;
    z-index: 1;
    position: absolute;
    width: 100%;
    background-color: #fff;
    border: 2px solid #f1f1fa;
    top: 100%;
    margin-top: 3px;
    border-radius: 5px;
    overflow: hidden;
    word-break: break-all;
    will-change: visibility;
    opacity: 0;
    -webkit-transition: opacity .3s, visibility .3s;
    -o-transition: opacity .3s, visibility .3s;
    transition: opacity .3s, visibility .3s
}

.is-active.choices__list--dropdown,
.is-active.choices__list[aria-expanded] {
    visibility: visible;
    opacity: 1
}

.is-flipped .choices__list--dropdown,
.is-flipped .choices__list[aria-expanded] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: -1px;
    border-radius: .25rem .25rem 0 0
}

.choices__list--dropdown .choices__list,
.choices__list[aria-expanded] .choices__list {
    position: relative;
    max-height: 300px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position
}

.choices__list--dropdown .choices__item,
.choices__list[aria-expanded] .choices__item {
    position: relative;
    padding: 10px;
    font-size: 12px
}

.choices__list--dropdown .choices__item--selectable.is-highlighted,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
    background-color: var(--second-bgnd)
}

.choices__list--dropdown .choices__item--selectable.is-highlighted::after,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after {
    opacity: .5
}

.choices__item {
    cursor: default
}

.choices__item--selectable {
    cursor: pointer
}

.choices__item--disabled {
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: .5
}

.choices__heading {
    font-weight: 600;
    font-size: 12px;
    padding: 10px;
    border-bottom: 1px solid #fff;
    color: gray
}

.choices__button {
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer
}

.choices__button:focus {
    outline: 0
}

.choices__input {
    display: inline-block;
    vertical-align: baseline;
    background-color: var(--second-bgnd);
    font-size: 12px;
    margin-bottom: 5px;
    border: 0;
    border-radius: 0;
    max-width: 100%;
    padding: 4px 0 4px 2px
}

.choices__input:focus {
    outline: 0
}

.choices__input::-webkit-search-cancel-button,
.choices__input::-webkit-search-decoration,
.choices__input::-webkit-search-results-button,
.choices__input::-webkit-search-results-decoration {
    display: none
}

.choices__input::-ms-clear,
.choices__input::-ms-reveal {
    display: none;
    width: 0;
    height: 0
}

@font-face {
    font-family: Rubik;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url(../fonts/Rubik-Regular.woff2) format("woff2"), url(../fonts/Rubik-Regular.woff) format("woff")
}

@font-face {
    font-family: Rubik;
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    src: url(../fonts/Rubik-Medium.woff2) format("woff2"), url(../fonts/Rubik-Medium.woff) format("woff")
}

@font-face {
    font-family: Rubik;
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    src: url(../fonts/Rubik-SemiBold.woff2) format("woff2"), url(../fonts/Rubik-SemiBold.woff) format("woff")
}

@font-face {
    font-family: Rubik;
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url(../fonts/Rubik-Bold.woff2) format("woff2"), url(../fonts/Rubik-Bold.woff) format("woff")
}

* {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    -webkit-tap-highlight-color: transparent !important
}

::after,
::before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

html {
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: hidden;
    /* overflow: hidden; */
}

body {
    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;
    min-width: 20rem;
    min-height: 100%;
    font-family: Rubik, sans-serif;
    line-height: 1.375;
    color: var(--text-light);
    overflow-x: hidden
}

body::-webkit-scrollbar {
    width: 10px
}

body::-webkit-scrollbar-track {
    margin: -3px 0
}

body::-webkit-scrollbar-thumb {
    background: #888;
    border: 2px solid var(--second-bgnd)
}

body::-webkit-scrollbar-thumb:hover {
    background: #777
}

a {
    text-decoration: none;
    color: inherit
}

h1,
h2,
h3,
p {
    margin: 0
}

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

ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

button {
    display: inline-block;
    color: inherit;
    cursor: pointer
}

svg {
    fill: currentColor
}

section:not(.admin-tab-content) {
    padding: 3.125rem 0 4.6875rem
}

::-webkit-scrollbar {
    width: 5px;
    height: 10px
}

::-webkit-scrollbar-track {
    background: var(--second-bgnd);
    border-radius: 5px
}

::-webkit-scrollbar-thumb {
    background: var(--accent);
    border-radius: 5px
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(var(--accent-rgb), .9)
}

.visuallyhidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    white-space: nowrap;
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%);
    clip: rect(0 0 0 0);
    overflow: hidden
}

.main {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.container {
    max-width: 91.5625rem;
    margin: 0 auto;
    padding-left: .625rem;
    padding-right: .625rem
}

.container--bgndfinger {
    position: relative
}

.container--bgndfinger::after {
    content: "";
    position: absolute;
    top: -1.5625rem;
    right: -15.6583629893%;
    display: block;
    width: 38.6348122867%;
    width: 18.75rem;
    padding-top: 31.25rem;
    background: url(../img/icons/bigfingerprnt.svg) no-repeat right center/contain;
    z-index: -1
}

.container-fluid {
    max-width: 105.75rem;
    margin: 0 auto;
    padding-left: .625rem;
    padding-right: .625rem
}

.heading {
    font-weight: 600;
    color: var(--text-bold)
}

.title {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--text-bold)
}

.title--big {
    font-size: 1.75rem
}

.caption {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.2222222222;
    color: var(--text-bold)
}

.description {
    font-size: 1rem;
    line-height: 1.75
}

.text {
    font-size: .875rem;
    line-height: 1.5714285714;
    color: var(--text-dark)
}

.label {
    display: inline-block;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.5714285714;
    color: var(--text-bold)
}

.text-small {
    font-size: .75rem;
    line-height: 1.8333333333;
    color: var(--text-dark)
}

.block {
    border-radius: 1.875rem;
    background-color: var(--main-bgnd)
}

.block--admin {
    padding: 2.5rem
}

.block--admin:not(:last-child) {
    margin-bottom: 1.875rem
}

.button {
    display: inline-block;
    padding: 1.25em;
    text-align: center;
    font-size: .75rem;
    color: var(--text-bold);
    border: none;
    border-radius: .3125rem;
    background-color: rgba(var(--second-bgnd-rgb), 1);
    -webkit-transition: background-color .3s, color .3s, opacity .3s;
    -o-transition: background-color .3s, color .3s, opacity .3s;
    transition: background-color .3s, color .3s, opacity .3s
}

.button:hover {
    background-color: rgba(var(--second-bgnd-rgb), .8)
}

.button:disabled {
    cursor: auto;
    opacity: .6;
    pointer-events: none
}

.button--accent {
    padding: 1.6666666667em;
    background-color: rgba(var(--accent-rgb), 1);
    color: #fff
}

.button--accent:hover {
    background-color: rgba(var(--accent-rgb), .9)
}

.button--bold {
    border-radius: .9375rem;
    font-weight: 700
}

.button--fluid {
    width: 100%
}

.input {
    padding-top: 1.1875rem;
    padding-bottom: 1.1875rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    font-size: .875rem;
    border: 1px solid var(--second-bgnd);
    border-radius: .3125rem;
    color: var(--text-bold)
}

.input::-webkit-input-placeholder {
    font-size: 14px;
    color: var(--text-light);
    -webkit-transition: color .3s;
    transition: color .3s
}

.input::-moz-placeholder {
    font-size: 14px;
    color: var(--text-light);
    -moz-transition: color .3s;
    transition: color .3s
}

.input:-ms-input-placeholder {
    font-size: 14px;
    color: var(--text-light);
    -ms-transition: color .3s;
    transition: color .3s
}

.input::-ms-input-placeholder {
    font-size: 14px;
    color: var(--text-light);
    -ms-transition: color .3s;
    transition: color .3s
}

.input::placeholder {
    font-size: 14px;
    color: var(--text-light);
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

.input:focus {
    outline: 0
}

.input:focus::-webkit-input-placeholder {
    color: var(--accent)
}

.input:focus::-moz-placeholder {
    color: var(--accent)
}

.input:focus:-ms-input-placeholder {
    color: var(--accent)
}

.input:focus::-ms-input-placeholder {
    color: var(--accent)
}

.input:focus::placeholder {
    color: var(--accent)
}

.input-group--fill {
    width: 100%
}

.input-group--fill .input-group__wrapper {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.input-group__wrapper {
    position: relative
}

.input-group__wrapper .just-validate-error-label {
    left: 10px
}

.input-group__wrapper .input {
    width: 100%;
    border-radius: 0;
    border-right: none;
    border-left: none
}

.input-group__wrapper:first-child .input {
    border-right: none;
    border-left: 1px solid var(--second-bgnd);
    border-top-left-radius: .9375rem;
    border-bottom-left-radius: .9375rem
}

.input-group__wrapper:last-child .input {
    border-right: 1px solid var(--second-bgnd);
    border-left: none;
    border-top-right-radius: .9375rem;
    border-bottom-right-radius: .9375rem
}

.checkbox {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 5px 0;
    font-size: .75rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    --active: #92EA5D
}

.checkbox--reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.checkbox--reverse .checkbox__text {
    margin-right: 0;
    margin-left: .625rem
}

.checkbox--accent {
    --active: #6e55ff
}

.checkbox--accent svg {
    width: .9375rem;
    height: .9375rem
}

.checkbox__input:checked~.checkbox__icon path {
    stroke-dashoffset: 0;
    -webkit-transition: .7s cubic-bezier(.99, -.1, .01, 1.02);
    -o-transition: .7s cubic-bezier(.99, -.1, .01, 1.02);
    transition: .7s cubic-bezier(.99, -.1, .01, 1.02)
}

.checkbox__input:checked~.checkbox__icon {
    background-color: var(--active);
    border-color: var(--active)
}

.checkbox__input:focus~.checkbox__icon {
    border-color: var(--accent)
}

.checkbox__input:focus:not(:focus-visible):checked~.checkbox__icon {
    border-color: var(--active)
}

.checkbox__input:focus:not(:focus-visible):not(:checked)~.checkbox__icon {
    border-color: var(--checkbox-border)
}

.checkbox__input:focus-visible~.checkbox__icon {
    border-color: var(--accent)
}

.checkbox__text {
    margin-right: .625rem
}

.checkbox__text a {
    color: var(--accent)
}

.checkbox__icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border: 1px solid var(--checkbox-border);
    border-radius: .1875rem;
    fill: none;
    color: var(--main-bgnd);
    -webkit-transition: background-color .3s, border-color .3s;
    -o-transition: background-color .3s, border-color .3s;
    transition: background-color .3s, border-color .3s;
    pointer-events: none
}

.checkbox__icon path {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.sticker {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-preferred-size: 21.875rem;
    flex-basis: 21.875rem;
    padding: .9375rem 1.5625rem;
    border: 2px solid var(--second-bgnd);
    border-radius: .9375rem
}

.sticker__icon {
    display: block;
    margin-right: 1.25rem;
    fill: none
}

.sticker__icon--star {
    -webkit-animation: jello 1.7s both infinite cubic-bezier(.69, .34, .09, .6);
    animation: jello 1.7s both infinite cubic-bezier(.69, .34, .09, .6);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes jello {

    0%,
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    5% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    15% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    25% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }

    40% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    50% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }

    100%,
    70% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes jello {

    0%,
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    5% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    15% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    25% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }

    40% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    50% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }

    100%,
    70% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.sticker__icon-head {
    -webkit-animation: slopes 1.5s ease-in-out both infinite;
    animation: slopes 1.5s ease-in-out both infinite
}

@-webkit-keyframes slopes {
    0% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0)
    }

    20% {
        -webkit-transform: translateY(-1px) translateX(-2px);
        transform: translateY(-1px) translateX(-2px)
    }

    40% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0)
    }

    60% {
        -webkit-transform: translateY(-1px) translateX(2px);
        transform: translateY(-1px) translateX(2px)
    }

    85% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0)
    }

    100% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0)
    }
}

@keyframes slopes {
    0% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0)
    }

    20% {
        -webkit-transform: translateY(-1px) translateX(-2px);
        transform: translateY(-1px) translateX(-2px)
    }

    40% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0)
    }

    60% {
        -webkit-transform: translateY(-1px) translateX(2px);
        transform: translateY(-1px) translateX(2px)
    }

    85% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0)
    }

    100% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0)
    }
}

.sticker__text {
    font-size: .875rem;
    color: var(--text-bold)
}

.offers-hrzntl__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.25rem 2.8125rem 1.25rem 1.25rem;
    padding-right: 1.25rem;
    border: .125rem solid var(--second-bgnd);
    border-radius: 1.25rem
}

.offers-hrzntl__item:not(:last-child) {
    margin-bottom: 1.25rem
}

.offers-hrzntl__label {
    display: block
}

.table-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.table-group__value {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border: 1px solid var(--second-bgnd);
    border-right: none;
    border-radius: .3125rem 0 0 .3125rem
}

.table-group__value-text {
    display: inline-block;
    width: 100%;
    height: 2.1875rem
}

.table-group__btn {
    height: 2.1875rem;
    width: 2.1875rem;
    border: 1px solid var(--second-bgnd);
    border-radius: 0 .3125rem .3125rem 0;
    background-color: transparent;
    border-left: 1px solid var();
    line-height: 1;
    color: var(--accent);
    -webkit-transition: background-color .3s, color .3s, border-color .3s;
    -o-transition: background-color .3s, color .3s, border-color .3s;
    transition: background-color .3s, color .3s, border-color .3s
}

.table-group__btn:hover {
    background-color: var(--accent);
    color: var(--main-bgnd);
    border-color: var(--accent)
}

.table {
    width: 100%;
    table-layout: fixed;
    border-spacing: 0;
    border: .0625rem solid var(--second-bgnd);
    border-radius: .625rem;
    overflow: hidden;
    color: var(--text-dark)
}

.table-wrap {
    overflow-x: auto
}

.table__header {
    background-color: var(--second-bgnd)
}

.table__header .table__row .table__cell:last-child {
    text-align: right
}

.table__cell {
    padding-top: .625rem;
    padding-bottom: .625rem;
    padding-left: .625rem;
    padding-right: .625rem;
    border-top: .0625rem solid var(--second-bgnd)
}

.table__cell--head {
    text-align: left;
    font-size: .625rem;
    font-weight: 500;
    text-transform: uppercase
}

.table__dropdown-cell {
    padding: 0
}

.table__body {
    font-size: .75rem;
    line-height: 1
}

.table__body tr:not(:last-child) {
    border-top: .0625rem solid var(--second-bgnd)
}

.table__body .table__cell:first-child {
    font-weight: 500
}

.table__body .table__cell:last-child {
    text-align: right
}

.table__button {
    max-width: 7.1875rem;
    font-size: .625rem
}

.table__balance,
.table__corporate {
    width: 7.1875rem
}

.table__balance-value {
    padding-left: .625rem;
    font-weight: 500;
    line-height: 2.0625rem
}

.table__corporate {
    height: 2.1875rem;
    border: none;
    background-color: transparent
}

.table__corporate-status {
    cursor: pointer
}

.table__corporate-text {
    line-height: 2.0625rem;
    text-transform: uppercase;
    overflow: hidden
}

.table__corporate-text::after,
.table__corporate-text::before {
    display: block;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    text-align: center
}

.table__corporate-text::before {
    content: "Да";
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.table__corporate-text::after {
    content: "Нет";
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.table__checkbox:checked+.table__corporate-text::before {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.table__checkbox:checked+.table__corporate-text::after {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.table__corporate-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--second-bgnd);
    pointer-events: none
}

.table__corporate[data-corporate=true] .table__corporate-btn {
    color: var(--accent);
    pointer-events: all
}

.table__corporate[data-corporate=true] .table__corporate-btn:hover {
    color: var(--main-bgnd)
}

.table__corporate[data-corporate=true] .table__corporate-btn.open {
    border-color: var(--accent);
    background-color: var(--accent);
    color: var(--main-bgnd)
}

.table__corporate[data-corporate=true] .table__corporate-btn.open:hover {
    border-color: rgba(var(--accent-rgb), .9);
    background-color: rgba(var(--accent-rgb), .9)
}

.table__dropdown-inner {
    display: none;
    border-top: .0625rem solid var(--second-bgnd)
}

.table__dropdown-list {
    margin-bottom: 2.1875rem
}

.table__dropdown-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.25rem;
    padding-left: 1.25rem;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s
}

.table__dropdown-item:hover {
    background-color: var(--second-bgnd)
}

.table__dropdown-item:hover .table__delete {
    color: var(--accent)
}

.table__user-avatar {
    display: block;
    width: 2.1875rem;
    height: 2.1875rem;
    margin-right: 1.25rem;
    background-color: #d1d6ec;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.table__dropdown-input {
    -ms-flex-preferred-size: 15rem;
    flex-basis: 15rem;
    margin-right: 1.25rem;
    padding: .75rem;
    color: var(--text-dark)
}

.table__delete {
    margin-left: auto;
    margin-right: -.3125rem;
    padding: .3125rem;
    border: none;
    line-height: 1;
    background-color: transparent;
    color: var(--second-bgnd);
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

.table__btn-group {
    margin-left: 1.25rem;
    margin-bottom: 2.1875rem
}

.notify {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 6.875rem 0 5rem;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    background-color: var(--second-bgnd);
    border-radius: .625rem;
    overflow: hidden
}

.notify__wrap {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

.notify__caption {
    margin-bottom: .15625em;
    font-size: 2rem;
    color: var(--text-bold)
}

.notify__icon {
    width: 100%;
    height: auto
}

.notify__icon--eye {
    padding: 1.875rem 0
}

.notify__icon--eye .eye-1 {
    -webkit-animation: eye 2.4s infinite;
    animation: eye 2.4s infinite
}

.notify__icon--eye .eye-2 {
    -webkit-animation: squeeze 2.4s infinite;
    animation: squeeze 2.4s infinite
}

@-webkit-keyframes eye {
    90% {
        -webkit-transform: none;
        transform: none;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    93% {
        -webkit-transform: translateY(15px) scaleY(0);
        transform: translateY(15px) scaleY(0)
    }

    100% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes eye {
    90% {
        -webkit-transform: none;
        transform: none;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    93% {
        -webkit-transform: translateY(15px) scaleY(0);
        transform: translateY(15px) scaleY(0)
    }

    100% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@-webkit-keyframes squeeze {
    90% {
        -webkit-transform: none;
        transform: none;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    93% {
        -webkit-transform: translateY(3px) scaleY(.8);
        transform: translateY(3px) scaleY(.8)
    }

    100% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes squeeze {
    90% {
        -webkit-transform: none;
        transform: none;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    93% {
        -webkit-transform: translateY(3px) scaleY(.8);
        transform: translateY(3px) scaleY(.8)
    }

    100% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

.notify__icon--send {
    display: block;
    -webkit-transform: translateX(8.5409252669%);
    -ms-transform: translateX(8.5409252669%);
    transform: translateX(8.5409252669%)
}

.notify__icon--send .send {
    -webkit-animation: send 3.5s cubic-bezier(1, -.47, .01, 1.37) infinite both;
    animation: send 3.5s cubic-bezier(1, -.47, .01, 1.37) infinite both
}

@-webkit-keyframes send {
    0% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0)
    }

    50% {
        -webkit-transform: translateY(-20px) translateX(20px);
        transform: translateY(-20px) translateX(20px)
    }

    51% {
        -webkit-transform: translateY(30px) translateX(-30px);
        transform: translateY(30px) translateX(-30px)
    }

    55% {
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0)
    }
}

@keyframes send {
    0% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0)
    }

    50% {
        -webkit-transform: translateY(-20px) translateX(20px);
        transform: translateY(-20px) translateX(20px)
    }

    51% {
        -webkit-transform: translateY(30px) translateX(-30px);
        transform: translateY(30px) translateX(-30px)
    }

    55% {
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0)
    }
}

.messages-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: .125rem solid var(--second-bgnd);
    border-radius: 1.25rem
}

.messages-list__item:not(:last-child) {
    margin-bottom: .9375rem
}

.messages-list__item:hover .messages-list__delete {
    color: var(--text-light)
}

.messages-list__item:not(.messages-list__item--readed) .text-small {
    color: var(--text-bold)
}

.messages-list__item .messages-list__delete:hover {
    color: var(--accent)
}

.messages-list__col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.125rem 1.25rem
}

.messages-list__col:first-child {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.messages-list__col:nth-child(2) {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 8.4375rem;
    -ms-flex-preferred-size: 8.4375rem;
    flex-basis: 8.4375rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.messages-list__col:nth-child(3) {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.messages-list__col:last-child {
    -ms-flex-preferred-size: 5rem;
    flex-basis: 5rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.messages-list__col:not(:last-child) {
    border-right: .0625rem solid var(--second-bgnd)
}

.messages-list__author {
    font-weight: 500
}

.messages-list__text {
    display: inline-block;
    max-width: 53.4375rem;
    line-height: 1.5
}

.messages-list__delete {
    width: 2.0625rem;
    height: 2.0625rem;
    padding: .3125rem;
    border: none;
    font-size: 0;
    color: var(--second-bgnd);
    background-color: transparent
}

.messages-list__delete-icon {
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

.just-validate-error-label {
    width: 100%;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.autoComplete_wrapper {
    position: relative;
    z-index: 100
}

.autoComplete_wrapper ul {
    position: absolute;
    top: calc(100% - 1px);
    left: 0;
    width: auto;
    min-width: 100%;
    max-width: 100%;
    padding: .625rem 0;
    border-bottom-left-radius: .625rem;
    border-bottom-right-radius: .625rem;
    background-color: var(--main-bgnd);
    -webkit-box-shadow: 0 3px 5px rgba(185, 185, 185, .13);
    box-shadow: 0 3px 5px rgba(185, 185, 185, .13);
    z-index: 5
}

.autoComplete_wrapper li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .3125rem .625rem;
    font-size: .875rem;
    cursor: pointer;
    -webkit-transition: background-color .3s, color .3s;
    -o-transition: background-color .3s, color .3s;
    transition: background-color .3s, color .3s
}

.autoComplete_wrapper li:hover,
.autoComplete_wrapper li[aria-selected=true] {
    background-color: rgba(var(--accent-rgb), .2);
    color: var(--text-bold)
}

.autoComplete_wrapper .no_result li {
    cursor: default
}

.autoComplete_wrapper .no_result li:hover {
    background-color: transparent
}

.autoComplete_wrapper span {
    margin-left: .625rem;
    text-align: сenter;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.autoComplete_wrapper span:last-child {
    min-width: 1.0625rem
}

.autoComplete_wrapper mark {
    color: var(--accent);
    background-color: transparent
}

.popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    background-color: rgba(255, 255, 255, .62);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    z-index: 100;
    overflow-y: auto;
    overflow-x: hidden;
    pointer-events: none
}

.popup._open {
    visibility: visible;
    opacity: 1;
    pointer-events: auto
}

.popup._open .popup__window {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.popup__wrap {
    width: 100%;
    min-height: 100%;
    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: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .9375rem;
    -webkit-transition: inherit;
    -o-transition: inherit;
    transition: inherit
}

.popup__window {
    position: relative;
    -webkit-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 620px;
    max-width: 100%;
    margin: auto 0;
    padding: 1.875rem;
    border: 1px solid #fff;
    border-radius: 30px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .1);
    box-shadow: 0 0 30px rgba(0, 0, 0, .1);
    opacity: 0;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    -o-transition: transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s, -webkit-transform .3s
}

.popup__window--add-balance {
    width: 350px
}

.popup__window--add-balance.user {
    width: 599px;
}

.popup__close {
    position: absolute;
    top: 20px;
    right: 20px;
    background-color: transparent;
    border: none;
    font-size: 25px;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

.popup__close:focus,
.popup__close:hover {
    color: var(--accent)
}

.popup__close--white {
    color: #fff
}

.popup__title {
    margin-bottom: 1.875rem
}

.popup__form-group {
    margin-bottom: .625rem
}

.popup__btn {
    max-width: 7.5rem;
    margin-top: 1.875rem
}

.header {
    padding: 2.1875rem 0;
    border-bottom: .0625rem solid var(--second-bgnd)
}

.header__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header__col:first-of-type {
    -ms-flex-preferred-size: 8.125rem;
    flex-basis: 8.125rem
}

.header__col:last-of-type {
    -ms-flex-preferred-size: 12.8125rem;
    flex-basis: 12.8125rem
}

.header__col--login {
    text-align: right
}

.header__logo {
    display: block
}

.header__menu {
    position: fixed;
    top: -100%;
    right: 0;
    left: 0;
    min-height: 100%;
    background-color: var(--main-bgnd);
    z-index: 110
}

.header__menu.open {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.header__menu-list {
    text-transform: uppercase;
    font-weight: 500;
    font-size: .75rem
}

.header__menu-item {
    padding-left: .625rem;
    padding-right: .625rem
}

.header__menu-link {
    display: block;
    position: relative;
    padding-top: .9375rem;
    padding-bottom: .9375rem;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

.header__menu-link:hover:not(.active) {
    color: var(--text-bold)
}

.header__menu-link.active {
    color: var(--text-bold)
}

.header__burger {
    display: none;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 2.8125rem;
    height: 2.8125rem;
    margin-left: 1.25rem;
    padding: 0;
    border: none;
    border-radius: 50%;
    background-color: var(--second-bgnd)
}

.header__burger:hover span {
    background-color: var(--accent)
}

.header__burger span {
    position: relative;
    display: block;
    width: 1.0625rem;
    height: .125rem;
    background-color: var(--accent);
    border-radius: .1875rem;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s
}

.header__burger span::after,
.header__burger span::before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: inherit;
    border-radius: inherit;
    background-color: inherit
}

.header__burger span::before {
    top: -.375rem
}

.header__burger span::after {
    bottom: -.375rem
}

.header__menu-close {
    position: absolute;
    top: 1.25rem;
    right: 1.25rem;
    display: none;
    padding: 0;
    background-color: transparent;
    border: none
}

.header__menu-close:hover {
    color: var(--accent)
}

.header__menu-close svg {
    pointer-events: none;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

.header__col--autorized {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.header__notice {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    display: block;
    margin-top: .3125rem;
    margin-right: 2.5rem;
    margin-right: 1.25rem;
    padding: .3125rem
}

.header__notice--active::after {
    content: attr(data-count);
    position: absolute;
    top: 0;
    right: .0625rem;
    display: block;
    width: .9375rem;
    height: .9375rem;
    border-radius: 50%;
    background-color: #f55d2d;
    text-align: center;
    color: var(--main-bgnd);
    font-size: .6875rem;
    font-weight: 500
}

.header__notice-icon {
    width: 1.1875rem;
    height: 1.3125rem
}

.header__user {
    -ms-flex-preferred-size: 11.875rem;
    flex-basis: 11.875rem
}

.user {
    position: relative
}

.user__wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 9.6875rem;
    margin-top: -.75rem;
    padding: .5625rem 1.25rem .2625rem .5625rem;
    border: 1px solid #f1f1fa;
    border-radius: 1.875rem;
    background-color: var(--main-bgnd);
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 100
}

.user__profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.user__profile-img {
    width: 2.8125rem;
    height: 2.8125rem;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.user__profile-label {
    display: block;
    font-size: .625rem;
    line-height: 1
}

.user__profile-value {
    display: block;
    font-size: .875rem;
    font-weight: 600;
    color: var(--text-bold);
    width: 90px;
    white-space: nowrap;
    overflow: hidden
}

.user__profile-arrow {
    margin-top: .5625rem;
    margin-left: auto
}

.user__menu {
    display: none;
    margin-bottom: .625rem;
    padding-left: 1.875rem
}

.user__menu.open {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.user__menu-item:first-child {
    margin-top: 1.25rem
}

.user__menu-link {
    display: inline-block;
    width: 100%;
    padding: .3125rem;
    border: none;
    background: 0 0;
    text-align: left;
    color: var(--text-light);
    line-height: 1.2;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

.user__menu-link:hover:not(.active) {
    color: var(--accent)
}

.user__menu-link.active {
    color: var(--text-bold);
    cursor: default;
    pointer-events: none
}

.check {
    background-color: var(--second-bgnd)
}

.check__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 3.75rem
}

.check__hidden-input:first-child {
    -ms-flex-preferred-size: 24.1992882562%;
    flex-basis: 24.1992882562%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-bottom: .625rem
}

.check__hidden-input:last-child {
    -ms-flex-preferred-size: 29.1814946619%;
    flex-basis: 29.1814946619%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.check__wrapper .check__checkbox:not(:last-child) {
    margin-right: 1.5625rem
}

.check__wrapper--bottom {
    margin-bottom: 2.8125rem
}

.check__fields {
    margin-bottom: 2.5rem
}

.check__input {
    width: 100%;
    border-radius: .9375rem
}

.check__hidden-input {
    position: relative;
    display: none
}

.check__btn {
    width: 100%
}

.about__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 4.375rem
}

.about__top-wrap {
    -ms-flex-preferred-size: 45rem;
    flex-basis: 45rem;
    margin-right: 1.875rem
}

.about__heading {
    margin-bottom: .5em
}

.about__description span {
    font-weight: 600;
    color: var(--accent)
}

.about__text {
    margin-bottom: 9.2857142857em
}

.about__statistics {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -.9375rem
}

.about__statistics-item {
    -ms-flex-preferred-size: 22.0640569395%;
    flex-basis: 22.0640569395%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 19.375rem;
    min-width: 15.625rem;
    padding: .9375rem
}

.about__statistics-value {
    position: relative;
    margin-bottom: .1470588235em;
    padding: .5882352941em 0;
    font-size: 4.25rem;
    font-weight: 700;
    line-height: 1;
    color: var(--accent)
}

.about__statistics-value::before {
    content: "";
    position: absolute;
    top: -1.5625rem;
    left: 0;
    display: block;
    width: 2.7941176471em;
    height: 2.7941176471em;
    background: url(../img/icons/fingerprint.svg) no-repeat -10px/contain;
    z-index: -1
}

.offers {
    background-color: var(--second-bgnd)
}

.offers__heading {
    margin-bottom: 2em;
    text-align: center
}

.offers__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -1.875rem
}

.offers__item {
    -ms-flex-preferred-size: 20.4982206406%;
    flex-basis: 20.4982206406%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 18rem;
    min-width: 16.625rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 1.875rem;
    margin-bottom: 1.875rem;
    padding: 1.875rem 1.5625rem;
    -webkit-box-shadow: 0 0 20px rgba(118, 146, 247, .25);
    box-shadow: 0 0 20px rgba(118, 146, 247, .25)
}

.offers__name {
    display: inline-block;
    margin-bottom: .2777777778em
}

.offers__description {
    margin-bottom: 1.7857142857em
}

.offers__report-count {
    margin-top: auto
}

.offers__report-count span {
    margin-right: .2142857143em;
    font-size: 3.5rem;
    font-weight: 700;
    line-height: .8;
    vertical-align: middle
}

.offers__separator {
    height: 1px;
    margin: 2.1875rem -1.5625rem;
    background-color: var(--second-bgnd)
}

.offers__price {
    display: block;
    margin-top: auto;
    margin-bottom: .25em;
    text-align: center;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: .8;
    color: var(--active)
}

.offers__price-details {
    text-align: center;
    margin-bottom: 1.5625rem
}

.offers__btn {
    display: block
}

.login {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    min-height: 100vh;
    background: url(../img/login-bgnd.jpg) no-repeat center/cover
}

.login__wrap {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 39.375rem;
    padding: 1.25rem .625rem
}

.login:not(.login--admin) .login__wrap {
    padding: 4.375rem .625rem 1.25rem
}

.login.login--admin .login__wrap {
    max-width: 21.25rem;
    margin: auto 0
}

.login__logo-link {
    display: inline-block;
    margin-bottom: 2.5rem;
    text-align: center
}

.login__logo {
    max-width: 90%
}

.login__inner {
    width: 100%;
    margin-bottom: 4.375rem;
    padding: 2.5rem 3.125rem;
    -webkit-box-shadow: 0 0 30px #2b179d;
    box-shadow: 0 0 30px #2b179d
}

.login.login--admin .login__inner {
    padding: 2.5rem
}

.login:not(.login--admin) .login__inner--recovery .login__caption {
    display: block
}

.login:not(.login--admin) .login__inner--recovery .login__tabs {
    display: none
}

.login__caption {
    margin-bottom: 1.875rem
}

.login:not(.login--admin) .login__caption {
    display: none;
    color: var(--accent);
    text-align: center
}

.login__tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 2.1875rem
}

.login__tab {
    background: 0 0;
    border: none;
    padding: .2777777778em 0;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.login__tab.active {
    color: var(--accent);
    pointer-events: none;
    cursor: auto
}

.login__tab:hover {
    color: var(--accent)
}

.login__separator {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: .0625rem;
    margin: 0 .8125rem;
    background-color: var(--second-bgnd)
}

.login__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.login__content {
    display: none
}

.login__content.active {
    display: block
}

.login__input-wrap {
    position: relative;
    margin-bottom: .9375rem
}

.login__input-wrap .just-validate-error-label {
    position: relative;
    bottom: -.3125rem
}

.login__label {
    margin-bottom: .3125rem
}

.login__input {
    width: 100%;
    padding: .8571428571em 1.2857142857em
}

.login__checkbox {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-bottom: 2.1875rem
}

.login__text button {
    color: var(--accent);
    font-size: inherit
}

.login__btn {
    margin-top: .9375rem;
    padding: 1.25em
}

.login:not(.login--admin) .login__btn {
    margin-top: 0;
    margin-bottom: 1.5625rem
}

.login__btns-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: .9375rem 0 1.5625rem
}

.login__btns-wrap .login__btn {
    margin-bottom: 0
}

.login__btns-wrap .button {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

.login__recovery-cancel {
    margin-right: 1.25rem;
    background-color: var(--second-bgnd)
}

.login__recovery-cancel:hover {
    color: var(--text-bold)
}

.result-message {
    position: fixed;
    visibility: hidden;
    width: 100%;
    height: 100%;
    padding-left: .625rem;
    padding-right: .625rem;
    -webkit-transition: background-color .4s, visibility .4s;
    -o-transition: background-color .4s, visibility .4s;
    transition: background-color .4s, visibility .4s
}

.result-message.show {
    visibility: visible;
    background-color: rgba(0, 0, 0, .6);
    z-index: 999;
}

.result-message__inner {
    margin-top: 1.25rem;
    margin-left: auto;
    -webkit-transform: translateY(-150%);
    -ms-transform: translateY(-150%);
    transform: translateY(-150%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 23.75rem;
    /* min-height: 9.6875rem; */
    margin-bottom: 1.25rem;
    padding: 1.875rem 3.75rem 1.875rem 1.875rem;
    border: .0625rem solid;
    border-radius: 1.25rem;
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    -o-transition: transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s
}

.result-message.show .result-message__inner {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.result-message__close {
    position: absolute;
    top: .625rem;
    right: .625rem;
    padding: .3125rem;
    background: 0 0;
    border: none
}

.result-message__close:hover .result-message__close-icon {
    opacity: .9
}

.result-message__close-icon {
    display: block;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.result-message__text {
    color: inherit
}

.result-message--success .result-message__inner {
    border-color: #38c546;
    color: #38c546;
    background-color: #daffe2
}

.result-message--success .result-message__inner .result-message__close-icon {
    color: #55ba6a
}

.result-message--error .result-message__inner {
    border-color: #f55d2d;
    color: #f55d2d;
    background-color: #ffe2d9
}

.result-message--error .result-message__inner .result-message__close-icon {
    color: #f55d2d
}

.sources__heading {
    margin-bottom: .5em
}

.sources__text {
    max-width: 30.3125rem;
    margin-bottom: 4.2857142857em
}

.sources__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -.9375rem
}

.sources__list-item {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    margin-bottom: 2.1875rem;
    padding: 0 .9375rem
}

.sources__item-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 19.6875rem;
    min-width: 18.4375rem
}

.sources__img-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 6.625rem;
    height: 6.625rem;
    padding: .9375rem;
    border-radius: .8125rem;
    background-color: var(--second-bgnd)
}

.sources__img {
    width: 100%
}

.sources__descr {
    max-width: 10.625rem;
    color: var(--text-bold)
}

.info {
    background: var(--second-bgnd)
}

.info__container {
    position: relative
}

.info__inner {
    position: relative;
    z-index: 1
}

.info__heading {
    max-width: 31.25rem;
    margin-bottom: .625em;
    line-height: 1.2
}

.info__descr {
    max-width: 30.3125rem;
    margin-bottom: 5em
}

.info__steps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 62.8125rem;
    margin-left: -1.875rem
}

.info__step {
    -ms-flex-preferred-size: 20.2846975089%;
    flex-basis: 20.2846975089%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 17.8125rem;
    min-width: 15.625rem;
    margin-left: 1.875rem;
    margin-bottom: 1.875rem;
    padding: 1.875rem 2.5rem;
    -webkit-box-shadow: 0 0 20px rgba(118, 146, 247, .25);
    box-shadow: 0 0 20px rgba(118, 146, 247, .25)
}

.info__step-icon {
    margin-bottom: 2.1875rem;
    fill: none
}

.info__step-icon--login {
    margin-left: -1.25rem
}

.info__step-icon--pencil {
    margin-top: -.3125rem;
    margin-left: -.875rem
}

.info__login-icon {
    -webkit-transform: scale(.9) translate(1px, 1.2px);
    -ms-transform: scale(.9) translate(1px, 1.2px);
    transform: scale(.9) translate(1px, 1.2px);
    -webkit-animation: login-right 1s cubic-bezier(1, -.17, .29, .99) infinite alternate both;
    animation: login-right 1s cubic-bezier(1, -.17, .29, .99) infinite alternate both
}

@-webkit-keyframes login-right {
    0% {
        -webkit-transform: scale(.9) translate(1px, 1.2px);
        transform: scale(.9) translate(1px, 1.2px)
    }

    100% {
        -webkit-transform: scale(.9) translate(4px, 1.2px);
        transform: scale(.9) translate(4px, 1.2px)
    }
}

@keyframes login-right {
    0% {
        -webkit-transform: scale(.9) translate(1px, 1.2px);
        transform: scale(.9) translate(1px, 1.2px)
    }

    100% {
        -webkit-transform: scale(.9) translate(4px, 1.2px);
        transform: scale(.9) translate(4px, 1.2px)
    }
}

.info__pen-icon {
    animation: rotate-right 1s cubic-bezier(1, -.01, .13, 1.15) infinite alternate-reverse both;
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center
}

@-webkit-keyframes rotate-right {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    25% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }

    50% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
}

@keyframes rotate-right {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    25% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }

    50% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
}

.prompt__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.prompt__heading {
    margin-bottom: .5em
}

.prompt__descr {
    max-width: 31.875rem
}

.prompt__sticker-icon {
    margin-left: .9375rem
}

.contacts__heading {
    margin-bottom: 2.125em
}

.contacts__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 60rem;
    margin-bottom: 4.375rem
}

.contacts__col:first-child {
    margin-right: 1.875rem;
    margin-bottom: 1.875rem
}

.contacts__info .article__paragraph {
    margin-bottom: 0
}

.contacts__title {
    margin-bottom: .625em
}

.contacts__link {
    display: inline-block;
    margin-bottom: .2857142857em;
    font-size: 2rem;
    color: var(--text-bold);
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

.contacts__link:hover {
    color: var(--accent)
}

.contacts__openinghours {
    color: var(--text-light)
}

.contacts__info {
    max-width: 41.875rem
}

.article__inner {
    max-width: 52.1875rem
}

.article__heading {
    margin-bottom: 3.75rem
}

.article h2 {
    margin-top: 3.75rem;
    margin-bottom: 1.25em;
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--text-light)
}

.article p {
    margin-bottom: 1.5625rem;
    font-size: 1rem;
    line-height: 1.75;
    color: var(--text-bold)
}

.user-section:not(:first-of-type) {
    display: none
}

.balance__left {
    -ms-flex-preferred-size: 69.7508896797%;
    flex-basis: 69.7508896797%
}

.balance__wrap {
    margin-bottom: 11.875rem
}

.balance__heading {
    margin-bottom: 1.125em
}

.balance__available {
    margin-bottom: 3.125em;
    color: var(--text-bold)
}

.balance__available span {
    margin-right: .9375rem;
    vertical-align: middle;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1
}

.balance__btns {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.balance__btn {
    width: 100%
}

.balance__btn:not(.button--fluid) {
    max-width: 12.5rem
}

.balance__btn.button--accent {
    padding: .9375rem
}

.balance__btn:not(:last-child) {
    margin-right: .9375rem
}

.balance__title {
    margin-bottom: 1.25em;
    color: var(--text-bold)
}

.balance__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.balance__offers {
    -ms-flex-preferred-size: 69.537366548%;
    flex-basis: 69.537366548%
}

.balance__right {
    -ms-flex-preferred-size: 24.9110320285%;
    flex-basis: 24.9110320285%;
    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: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.balance__individual,
.balance__info {
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 2.1875rem;
    border: .125rem solid var(--second-bgnd);
    border-radius: 1.25rem
}

.balance__individual::after,
.balance__info::after {
    content: "";
    display: block;
    margin-bottom: 1.25rem;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.balance__info {
    margin-bottom: 1.875rem
}

.balance__info :not(a) {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.balance__info::after {
    -ms-flex-preferred-size: 5rem;
    flex-basis: 5rem;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    width: 100%;
    max-width: 6.5625rem;
    background: url(../img/money.png) no-repeat center
}

.balance__info-tariff {
    margin-bottom: 1.25rem;
    color: var(--accent)
}

.balance__info-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 1.5625rem
}

.balance__info-price {
    color: var(--text-bold)
}

.balance__individual::after {
    -ms-flex-preferred-size: 10.5rem;
    flex-basis: 10.5rem;
    background: url(../img/calendar.png) no-repeat center/contain
}

.balance__individual .balance__title {
    margin-bottom: .9375rem;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.request__heading {
    margin-bottom: 3.4375rem
}

.request__table {
    min-width: 28.75rem
}

.request__table-wrap {
    margin-bottom: 3.75rem
}

.request__table .table__header .table__cell:nth-child(1) {
    width: 10.3202846975%
}

.request__table .table__header .table__cell:nth-child(2) {
    width: 27.7580071174%
}

.request__table .table__header .table__cell:nth-child(3) {
    width: 28.4697508897%
}

.request__table .table__header .table__cell:nth-child(4) {
    width: 35.5871886121%
}

.request__title {
    margin-bottom: .625em;
    color: var(--text-bold)
}

.request__dscr {
    max-width: 29.375rem;
    margin-bottom: 1.25rem
}

.messages__top {
    margin-bottom: 3.4375rem
}

.messages__tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 13.75rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.messages__tab {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    font-size: .625rem;
    background-color: transparent;
    border: .125rem solid #d2d2ff;
    padding: .7em;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

.messages__tab:first-child {
    border-right: none;
    border-top-left-radius: 1.25rem;
    border-bottom-left-radius: 1.25rem
}

.messages__tab:last-child {
    border-top-right-radius: 1.25rem;
    border-bottom-right-radius: 1.25rem
}

.messages__tab.active {
    color: var(--text-bold);
    pointer-events: none;
    cursor: default
}

.messages__tab:not(.active):hover {
    color: var(--accent)
}

.messages__list {
    margin-bottom: 3.75rem
}

.messages__list:not(:first-child) {
    display: none
}

.messages__more {
    display: block;
    max-width: 33.75rem;
    margin: 0 auto .625rem
}

.settings__left {
    -ms-flex-preferred-size: 28.8256227758%;
    flex-basis: 28.8256227758%;
    margin-bottom: 1.25rem
}

.settings__form--info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    padding: 1.875rem;
    border: .125rem solid var(--second-bgnd);
    border-radius: 1.25rem
}

.settings__form--info .settings__save {
    max-width: none;
    margin-top: auto
}

.settings__form--info .just-validate-error-label {
    position: relative;
    bottom: .3125rem;
    margin-bottom: .3125rem
}

.settings__dscr {
    margin-bottom: 2.1875rem
}

.settings__dscr span {
    color: var(--accent)
}

.settings__label {
    display: block;
    margin-bottom: .625rem;
    font-size: .875rem;
    font-weight: 500;
    color: var(--text-bold)
}

.settings__input,
.settings__textarea {
    width: 100%;
    margin-bottom: .625rem;
    padding: .8571428571em;
    font-size: .875rem;
    color: var(--text-light)
}

.settings__label--confirmed span {
    margin-left: .3125rem;
    /* color: #55ba6a */
}

.settings__textarea {
    resize: none;
    height: 100%;
    max-height: 4.6875rem;
    margin-bottom: 1.875rem
}

.settings__save {
    padding: 1rem;
    max-width: 7.5rem
}

.settings__right {
    -ms-flex-preferred-size: 69.3950177936%;
    flex-basis: 69.3950177936%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.settings__form--accaunt {
    margin-bottom: 1.25rem;
    padding: 1.875rem;
    border: .125rem solid var(--second-bgnd);
    border-radius: 1.25rem
}

.settings__form-group {
    margin-bottom: 2.5rem
}

.settings__form-col {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative
}

.settings__form-col .just-validate-error-label {
    position: relative;
    bottom: .3125rem;
    margin-bottom: .3125rem
}

.settings__text {
    max-width: 38.75rem;
    margin-bottom: 1.25rem;
    margin-right: 1.25rem;
    color: var(--text-light)
}

.settings__attention {
    color: #f44136
}

.settings__info {
    color: #55ba6a;
}

.settings__form--avatar {
    border: .125rem solid var(--second-bgnd);
    border-radius: 1.25rem
}

.settings__avatar-left {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 2.625rem;
    border-right: .125rem solid var(--second-bgnd)
}

.settings__avatar {
    display: block;
    width: 7.5rem;
    height: 7.5rem;
    -o-object-fit: cover;
    object-fit: cover;
    border: .125rem solid var(--second-bgnd);
    border-radius: 50%
}

.settings__avatar-right {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 1.5625rem 2.8125rem
}

.settings__avatar-wrap {
    position: relative
}

.settings__avatar-upload {
    margin-right: .625rem;
    cursor: pointer
}

.settings__avatar-upload .just-validate-error-label {
    position: absolute;
    left: 0;
    bottom: -1.4375rem
}

.footer {
    padding-top: 3.75rem;
    border-top: 1px solid var(--second-bgnd)
}

.footer__top {
    padding-bottom: 4.0625rem;
    border-bottom: 1px solid var(--second-bgnd)
}

.footer__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.footer__container:last-child {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer__logo {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 3.125rem
}

.footer__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    max-width: 644px;
    max-height: 4.375rem;
    margin-right: .9375rem
}

.footer__menu-item {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0 .3125rem
}

.footer__menu-link {
    padding: .3125rem 0;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

.footer__menu-link:hover {
    color: var(--accent)
}

.footer__mail {
    display: block;
    font-size: 1.25rem;
    line-height: 1.4;
    color: var(--text-bold);
    margin-bottom: .3125rem
}

.footer__openinghours {
    color: var(--accent);
    line-height: 1.4285714286
}

.footer__bottom {
    padding: 1.5625rem 0 1.875rem
}

.footer__dev-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 4.5rem
}

.footer__dev-logo {
    margin-right: .625rem
}

.admin {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100vh;
    overflow: hidden
}

.admin input,
.admin textarea {
    -webkit-transition: border-color .3s;
    -o-transition: border-color .3s;
    transition: border-color .3s
}

.admin input:focus,
.admin textarea:focus {
    border-color: var(--accent)
}

.admin__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
    padding-right: .625rem;
    padding-left: .625rem
}

.admin__header-logo {
    max-width: 9.375rem
}

.admin__logout {
    display: block;
    width: 2.8125rem;
    height: 2.8125rem;
    border-radius: 50%;
    background: var(--second-bgnd) url(../img/icons/login.svg) no-repeat center/50%
}

.admin__logout span {
    display: none
}

.admin__content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    overflow: hidden
}

.admin-tab-content:not(:first-child) {
    display: none
}

.admin-main {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 2.1875rem;
    border-top-left-radius: 2.8125rem;
    background-color: var(--second-bgnd);
    overflow-y: auto;
    overflow-x: auto
}

.admin-main::-webkit-scrollbar {
    width: 10px
}

.admin-main::-webkit-scrollbar-track {
    margin: -3px 0
}

.admin-main::-webkit-scrollbar-thumb {
    background: #888;
    border: 2px solid var(--second-bgnd)
}

.admin-main::-webkit-scrollbar-thumb:hover {
    background: #777
}

.admin-main section {
    min-width: 50rem
}

.admin-textarea {
    width: 100%;
    padding: 1.25rem .9375rem;
    resize: none
}

.input:disabled {
    background-color: var(--main-bgnd);
    color: var(--text-dark)
}

.admin-btn-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 15.625rem
}

.admin-btn-group .admin-button {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

.admin-button {
    padding: 16px
}

.admin-save-button {
    margin-left: .625rem;
    -webkit-transition: opacity .3s, visibility .3s, background-color .3s;
    -o-transition: opacity .3s, visibility .3s, background-color .3s;
    transition: opacity .3s, visibility .3s, background-color .3s
}

.admin-save-button:disabled {
    visibility: hidden;
    width: 0;
    margin: 0;
    padding: 0;
    opacity: 0
}

.admin-form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.admin-form-group__col {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.admin-form-group__col:not(:last-child) {
    margin-right: 1.5625rem
}

.admin-form-group__label {
    display: block;
    margin-bottom: .3125rem
}

.admin-form-group__input {
    width: 100%;
    padding: .625rem .75rem
}

.admin-site-editor-wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    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: 2.5rem;
    padding: 1.875rem;
    border: 1px solid var(--second-bgnd);
    border-radius: .3125rem
}

.admin-site-editor {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 42vh;
    min-height: 40.625rem;
    overflow: hidden;
    color: var(--text-dark)
}

.admin-site-editor.ql-disabled {
    color: var(--text-light)
}

.admin-site-editor.ql-disabled .ql-editor {
    overflow: auto
}

.admin-site-editor.ql-disabled .ql-editor::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 5px
}

.admin-site-editor .ql-editor {
    overflow: auto
}

.admin-site-editor h2,
.admin-site-editor h3 {
    margin-bottom: 1.2222222222em;
    font-size: 1.125rem;
    font-weight: 600
}

.admin-site-editor h3 {
    font-size: 1rem
}

.admin-site-editor p {
    margin-bottom: 1.5625rem;
    font-size: .875rem;
    line-height: 1.5714285714
}

.sources-list {
    margin-bottom: 1.875rem
}

.sources-list:not([data-disabled=true]) .sources-list__item:hover {
    border-color: var(--admin-source)
}

.sources-list:not([data-disabled=true]) .sources-list__item:hover .sources-list__delete {
    opacity: 1;
    cursor: pointer
}

.sources-list:not([data-disabled=true]) .sources-list__img-wrap:hover .sources-list__img-selection {
    opacity: 1;
    cursor: pointer
}

.sources-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.125rem .9375rem;
    border: 2px solid var(--second-bgnd);
    border-radius: 1.25rem;
    -webkit-transition: border-color .3s;
    -o-transition: border-color .3s;
    transition: border-color .3s
}

.sources-list__item:not(:last-child) {
    margin-bottom: .9375rem
}

.sources-list__img-wrap {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 3.125rem;
    height: 3.125rem;
    margin-right: 3.125rem;
    padding: .3125rem;
    border-radius: .8125rem;
    background-color: var(--second-bgnd)
}

.sources-list__img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.sources-list__img-selection {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/icons/edit.svg) no-repeat center/65%;
    opacity: 0;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.sources-list__name {
    margin-right: .9375rem;
    padding: .8125rem 1.25rem;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.sources-list__delete {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .3125rem;
    border: none;
    background-color: transparent;
    color: var(--admin-source);
    opacity: 0;
    -webkit-transition: opacity .3s, color .3s;
    -o-transition: opacity .3s, color .3s;
    transition: opacity .3s, color .3s;
    cursor: default
}

.sources-list__delete:hover {
    color: var(--accent)
}

.sources-list__add-source {
    padding: .5625rem 1.75rem;
    border: 2px solid var(--admin-source);
    border-radius: 1.25rem;
    background-color: transparent;
    font-size: .625rem;
    line-height: 1;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.sources-list__add-source:disabled {
    cursor: default
}

.sources-list__add-source:hover:not(:disabled) {
    border-color: var(--accent);
    background-color: var(--accent);
    color: var(--main-bgnd);
    outline: 0
}

.sources-list__add-source:focus:not(:hover) {
    border-color: var(--accent);
    color: var(--accent);
    outline: 0
}

.sources-list__add-source:focus:not(:focus-visible):not(:hover) {
    border-color: var(--admin-source);
    color: inherit
}

.sources-list__add-source:focus-visible:not(:hover) {
    border-color: var(--accent);
    color: var(--accent);
    outline: 0
}

.sources-list__state {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: .9375rem;
    height: .9375rem;
    margin-left: 2.1875rem;
    margin-right: 1.25rem;
    border-radius: 50%;
    background-color: var(--active)
}

.sources-list__state--inactive {
    background-color: var(--inactive)
}

.search {
    -ms-flex-preferred-size: 29.375rem;
    flex-basis: 29.375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.search__input {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: .875rem;
    font-size: .75rem;
    border-width: 2px;
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.search__input:focus+button {
    border-color: var(--accent)
}

.search__btn {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 3.125rem;
    border: 2px solid var(--second-bgnd);
    border-left: none;
    border-top-right-radius: .3125rem;
    border-bottom-right-radius: .3125rem;
    background: var(--second-bgnd) url(../img/icons/search.svg) no-repeat center;
    -webkit-transition: border-color .3s;
    -o-transition: border-color .3s;
    transition: border-color .3s
}

.search__btn:focus {
    border-color: var(--accent);
    outline: 0
}

.search__btn:focus:not(:focus-visible) {
    border-color: var(--second-bgnd)
}

.search__btn:focus-visible {
    width: 3.25rem;
    border-left: 2px solid var(--second-bgnd);
    border-color: var(--accent);
    outline: 0
}

.choices {
    margin: 0
}

.ql-bubble .ql-picker.ql-header .ql-picker-item::before,
.ql-bubble .ql-picker.ql-header .ql-picker-label::before {
    content: "Параграф"
}

.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="3"]::before {
    content: "Заголовок 3"
}

.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="2"]::before {
    content: "Заголовок 2"
}

.admin-sidebar {
    -ms-flex-preferred-size: 14.0625rem;
    flex-basis: 14.0625rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.admin-sidebar__top {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2.8125rem .625rem 4.0625rem
}

.admin-sidebar__top::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #ebebeb
}

.admin-sidebar__avatar {
    display: inline-block;
    width: 4.6875rem;
    height: 4.6875rem;
    margin-bottom: .9375rem;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.admin-sidebar__username {
    font-weight: 500;
    color: var(--text-bold)
}

.admin-sidebar__login {
    font-size: .875rem
}

.admin-sidebar__menu {
    padding-top: 3.4375rem
}

.admin-menu {
    padding-right: .625rem;
    padding-left: .625rem
}

.admin-menu__item {
    margin-bottom: .9375rem
}

.admin-menu__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .3125rem 0;
    font-size: .875rem;
    color: var(--text-dark);
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.admin-menu__link:hover {
    color: var(--accent)
}

.admin-menu__link:hover .admin-menu__icon-wrap {
    color: var(--accent)
}

.admin-menu__link.active {
    color: var(--text-bold);
    cursor: default;
    pointer-events: none
}

.admin-menu__link.active .admin-menu__icon-wrap {
    color: var(--accent)
}

.admin-menu__icon-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 1.5rem;
    margin-right: .9375rem;
    color: var(--text-light);
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

.admin-site {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100%
}

.admin-site__menu {
    padding-top: .6875rem;
    padding-bottom: .6875rem
}

.admin-site__menu-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -.3125rem
}

.admin-site__menu-item:not(:last-child) {
    margin-right: .9375rem
}

.admin-site__menu-link {
    padding: .3125rem;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

.admin-site__menu-link.active {
    color: var(--text-bold);
    pointer-events: none
}

.admin-site__menu-link:hover {
    color: var(--accent)
}

.admin-site__content {
    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-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.admin-site__content-section--h100 {
    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-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.admin-site__content-section:not(:first-child) {
    display: none
}

.admin-site__title {
    margin-bottom: 1.0714285714em
}

.admin-site__title:nth-of-type(2) {
    margin-bottom: 1.25em
}

.admin-site__textarea {
    min-height: 5.9375rem;
    margin-bottom: 3.75rem
}

.admin-site__footer-form-group {
    max-width: 42.5rem;
    margin-bottom: 3.125rem
}

.admin-site__footer-form-group .admin-form-group__col:nth-child(2) {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    -ms-flex-preferred-size: 16.875rem;
    flex-basis: 16.875rem
}

.admin-site__footer-form-group .admin-form-group__col:nth-child(3) {
    -ms-flex-preferred-size: 8.75rem;
    flex-basis: 8.75rem
}

.admin-site__about-descr {
    min-height: 5.9375rem;
    margin-bottom: .625rem
}

.advantages {
    max-width: 56.5625rem;
    margin-bottom: 4.6875rem
}

.advantages__label:first-child {
    -ms-flex-preferred-size: 8.75rem;
    flex-basis: 8.75rem;
    margin-right: 1.25rem
}

.advantages__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: .9375rem
}

.advantages__value {
    width: 100%;
    -ms-flex-preferred-size: 8.75rem;
    flex-basis: 8.75rem;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    margin-right: 1.25rem;
    text-align: center;
    line-height: .83
}

.advantages__descr {
    -ms-flex-preferred-size: 46.875rem;
    flex-basis: 46.875rem;
    max-height: 4.0625rem;
    padding-top: 1.5rem
}

.admin-site__sources-inner {
    max-width: 49.375rem;
    margin-bottom: 3.4375rem
}

.admin-site__sources-label {
    display: inline-block;
    margin-bottom: .9375rem
}

.admin-site__sources-descr {
    max-height: 3.5rem;
    margin-bottom: 1.5625rem;
    padding-top: .625rem;
    padding-bottom: .625rem
}

.admin-site__sources-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.admin-site__sources-wrap .admin-site__sources-label:first-child {
    margin-right: 1.25rem
}

.admin-site__info-label {
    margin-bottom: .625rem
}

.admin-site__info-descr {
    height: 4.0625rem;
    margin-bottom: .3125rem
}

.admin-site__info-wrap {
    margin-bottom: 3.4375rem
}

.admin-site__info-form-group {
    max-width: 63.4375rem;
    margin-bottom: 3.125rem
}

.admin-site__info-form-group .admin-form-group__label {
    margin-bottom: .625rem
}

.admin-site__info-form-group .admin-form-group__input {
    height: 5rem
}

.admin-site__contacts-wrap {
    margin-bottom: 2.1875rem
}

.admin-site__contacts-form-group .admin-form-group__input {
    height: 5rem
}

.admin-site__contacts-form-group:not(:last-child) {
    margin-bottom: 1.875rem
}

.admin-site__offer {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.admin-site__offer-form {
    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-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.admin-tariffs__title {
    margin-bottom: 2.5rem
}

.admin-tariffs__offers .offers-hrzntl__item {
    padding: 1.25rem
}

.admin-tariffs__offers .offers-hrzntl__col:not(:last-child) {
    margin-right: 3.3333333333%
}

.admin-tariffs__offers .offers-hrzntl__col:last-child {
    margin-left: auto
}

.admin-tariffs__offers .offers-hrzntl__col:first-child .offers-hrzntl__value {
    max-width: 8.75rem
}

.admin-tariffs__offers .offers-hrzntl__value {
    max-width: 5rem;
    padding: .3125rem;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.admin-tariffs__offers .offers-hrzntl__value:disabled {
    color: var(--text-bold);
    border-color: transparent;
    padding-left: 0
}

.admin-integration__title {
    margin-bottom: 3.125rem
}

.admin-integration__sources-list .sources-list__button {
    margin-left: auto;
    padding: .625rem .9375rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.admin-notice__title {
    margin-bottom: 3.75rem
}

.admin-notice__newmessage {
    margin-bottom: 1.875rem;
    padding: 1.5625rem 1.875rem 2.5rem;
    border: 2px solid var(--second-bgnd);
    border-radius: 1.25rem
}

.admin-notice__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 2.5rem
}

.admin-notice__caption {
    margin-bottom: .3125rem
}

.admin-notice__checkbox {
    font-size: .75rem;
    --active: #6e55ff
}

.admin-notice__checkbox .checkbox__text {
    color: var(--text-dark)
}

.admin-notice__form-group {
    max-width: 32.5rem;
    margin-bottom: 1.25rem;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.admin-notice__form-group.disabled {
    opacity: .4;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.admin-notice__label {
    margin-bottom: .3125rem
}

.admin-notice__message {
    height: 11.875rem;
    margin-bottom: 1.25rem
}

.admin-notice__send {
    max-width: 7.5rem
}

.admin-notice__sent-caption {
    margin-bottom: 1.5625rem
}

.admin-notice__list {
    margin-bottom: 3.4375rem
}

.admin-notice__more {
    display: block;
    max-width: 13.75rem;
    margin: 0 auto 1.25rem
}

.admin-users__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 3.4375rem
}

.admin-users__title {
    width: 100%;
    margin-right: auto;
    margin-bottom: 1.875rem
}

.admin-users .choices,
.admin-users__add-user {
    margin-left: .9375rem
}

.admin-users .choices:nth-child(3) {
    margin-left: auto
}

.admin-users__search {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-bottom: 1.25rem
}

.admin-users .choices {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 12.4555160142%;
    flex: 0 1 12.4555160142%;
    min-width: 10rem
}

.admin-users__add-user {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 2.8125rem;
    height: 2.8125rem;
    border: none;
    border-radius: 50%;
    background: var(--accent) url(../img/icons/add-user.svg) no-repeat 60% center;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s
}

.admin-users__add-user:hover {
    background-color: rgba(var(--accent-rgb), .9)
}

.admin-users__table .table__cell--head:nth-child(1) {
    width: 9.2526690391%
}

.admin-users__table .table__cell--head:nth-child(4) {
    width: 17.793594306%
}

.admin-users__table .table__cell--head:nth-child(5) {
    width: 15.6583629893%
}

.admin-users__table .table__cell--head:nth-child(6) {
    width: 13.5231316726%
}

@media (min-width:20em) {
    .container {
        padding-left: calc(.625rem + 20 * (100vw - 20rem)/ 1085);
        padding-right: calc(.625rem + 20 * (100vw - 20rem)/ 1085)
    }

    .container-fluid {
        padding-left: calc(.625rem + 20 * (100vw - 20rem)/ 1085);
        padding-right: calc(.625rem + 20 * (100vw - 20rem)/ 1085)
    }

    .heading {
        font-size: 1.375rem
    }

    .popup__wrap {
        padding: calc(.9375rem + 15 * (100vw - 20rem)/ 1085)
    }

    .result-message {
        padding-left: calc(.625rem + 20 * (100vw - 20rem)/ 1085);
        padding-right: calc(.625rem + 20 * (100vw - 20rem)/ 1085)
    }

    .admin__header {
        padding-right: calc(.625rem + 25 * (100vw - 20rem)/ 1085)
    }

    .admin__header {
        padding-left: calc(.625rem + 45 * (100vw - 20rem)/ 1085)
    }

    .admin-menu {
        padding-right: calc(.625rem + 25 * (100vw - 20rem)/ 1085)
    }

    .admin-menu {
        padding-left: calc(.625rem + 40 * (100vw - 20rem)/ 1085)
    }
}

@media (min-width:25em) {
    .messages__top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width:26.5625em) {
    .check__btn {
        max-width: 12.5rem
    }

    .login__footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .settings__avatar-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width:30em) {
    .heading {
        font-size: 1.875rem
    }

    .notify__wrap {
        margin-right: 1.25rem
    }
}

@media (min-width:33.75em) {
    .settings__form--avatar {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width:36em) {
    .container--bgndfinger::after {
        width: calc(18.75rem + 266 * (100vw - 36rem)/ 424)
    }

    .notify {
        padding-right: calc(1.25rem + 90 * (100vw - 36rem)/ 624)
    }

    .notify {
        padding-left: calc(1.25rem + 60 * (100vw - 36rem)/ 624)
    }

    .notify__wrap {
        padding-top: calc(1.25rem + 10 * (100vw - 36rem)/ 624)
    }

    .notify__wrap {
        padding-bottom: calc(1.25rem + 20 * (100vw - 36rem)/ 624)
    }
}

@media (min-width:40.625em) {
    .popup__window {
        padding: calc(1.875rem + 15 * (100vw - 40.625rem)/ 350)
    }
}

@media (min-width:41.5625em) {
    .input-group {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .input-group__wrapper:not(:first-child)::before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        display: block;
        width: .0625rem;
        height: 80%;
        background-color: var(--second-bgnd);
        z-index: 101
    }

    .just-validate-error-label {
        position: absolute;
        left: 0;
        bottom: -1.4375rem
    }

    .autoComplete_wrapper ul {
        border: 1px solid var(--second-bgnd);
        border-top: none;
        max-width: 170%
    }

    .check__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .check__input-group--main .input-group__wrapper.input-group__wrapper--dropdown.open input {
        border-bottom-left-radius: 0
    }

    .check__hidden-input:first-child {
        max-width: 21.25rem;
        margin-right: .9375rem;
        margin-bottom: 0
    }

    .check__hidden-input:last-child {
        max-width: 25.625rem
    }

    .check__input-group.input-group--fill {
        margin-bottom: 1.5625rem
    }
}

@media (min-width:41.5625em) and (max-width:62em) {
    .check__input-group--main .input-group__wrapper:nth-child(3n) {
        margin-bottom: 1.5625rem
    }
}

@media (min-width:43.75em) {
    .offers-hrzntl__col:first-child {
        -ms-flex-preferred-size: 8.125rem;
        flex-basis: 8.125rem
    }

    .table__cell {
        padding-top: calc(.625rem + 4 * (100vw - 43.75rem)/ 300);
        padding-bottom: calc(.625rem + 4 * (100vw - 43.75rem)/ 300)
    }

    .table__cell {
        padding-left: calc(.625rem + 4 * (100vw - 43.75rem)/ 300);
        padding-right: calc(.625rem + 4 * (100vw - 43.75rem)/ 300)
    }

    .settings__form-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .settings__form-col:not(:last-child) {
        margin-right: 1.25rem
    }

    .settings__wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media (min-width:43.75em) and (max-width:61.9375em) {
    .settings__form--info .settings__save {
        max-width: 7.5rem;
        margin-left: auto
    }

    .settings__inputs-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 1.25rem
    }

    .settings__inputs-wrap .settings__input-wrap {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .settings__inputs-wrap .settings__input-wrap:not(:last-child) {
        margin-right: 1.25rem
    }
}

@media (min-width:43.8125em) and (max-width:65.625em) {
    .balance__right {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .balance__info {
        margin-right: .625rem;
        margin-bottom: 0
    }

    .balance__individual {
        margin-left: .625rem
    }
}

@media (min-width:47.9375em) {
    section:not(.admin-tab-content) {
        padding: 5rem 0 5.625rem
    }

    .button {
        font-size: .75rem
    }

    .button--bold {
        font-size: .875rem
    }

    .check__btn {
        max-width: 15rem
    }
}

@media (min-width:48em) {
    .header__menu {
        position: initial;
        height: auto
    }

    .header__menu-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .header__menu-link.active::after {
        content: "";
        position: absolute;
        bottom: .4375rem;
        left: 0;
        display: block;
        width: 100%;
        height: .125rem;
        border-radius: .1875rem;
        background-color: var(--accent)
    }

    .user__profile-img {
        margin-right: .75rem
    }

    .info__container::after {
        content: "";
        position: absolute;
        top: -1.5625rem;
        right: -7.1174377224%;
        display: block;
        width: 38.6348122867%;
        padding-top: 34.3344709898%;
        background: url(../img/info-bgnd.png) no-repeat right center/contain
    }

    .prompt__wrap {
        margin-right: 1.875rem
    }
}

@media (min-width:48.0625em) {
    .heading {
        font-size: 2.5rem
    }

    .input {
        padding-left: calc(1.25rem + 10 * (100vw - 48.0625rem)/ 636);
        padding-right: calc(1.25rem + 10 * (100vw - 48.0625rem)/ 636)
    }

    .messages-list__col:first-child {
        -ms-flex-preferred-size: 6.875rem;
        flex-basis: 6.875rem
    }
}

@media (min-width:50em) {
    .header__col:first-of-type {
        -ms-flex-preferred-size: calc(8.125rem + 120 * (100vw - 50rem)/ 200);
        flex-basis: calc(8.125rem + 120 * (100vw - 50rem)/ 200)
    }

    .header__col:last-of-type {
        -ms-flex-preferred-size: calc(12.8125rem + 45 * (100vw - 50rem)/ 200);
        flex-basis: calc(12.8125rem + 45 * (100vw - 50rem)/ 200)
    }
}

@media (min-width:56.25em) {
    .header__menu-item {
        padding-left: calc(.625rem + 25 * (100vw - 56.25rem)/ 300);
        padding-right: calc(.625rem + 25 * (100vw - 56.25rem)/ 300)
    }

    .header__notice {
        margin-right: calc(1.25rem + 20 * (100vw - 56.25rem)/ 100)
    }
}

@media (min-width:59.6875em) {
    .check__heading {
        margin-right: 1.25rem
    }
}

@media (min-width:62em) {
    .settings__container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .settings__left {
        min-width: 19.375rem;
        margin-right: 1.25rem;
        margin-bottom: 0
    }
}

@media (min-width:62.5em) {
    .container--bgndfinger::after {
        width: 35.375rem
    }

    .table__cell {
        padding-top: .875rem;
        padding-bottom: .875rem
    }

    .table__cell {
        padding-left: .875rem;
        padding-right: .875rem
    }

    .popup__window {
        padding: 2.8125rem
    }

    .header__col:first-of-type {
        -ms-flex-preferred-size: 15.625rem;
        flex-basis: 15.625rem
    }

    .header__col:last-of-type {
        -ms-flex-preferred-size: 15.625rem;
        flex-basis: 15.625rem
    }

    .header__notice {
        margin-right: 2.5rem
    }
}

@media (min-width:65.625em) {
    .balance__container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .balance__left {
        margin-right: 1.875rem
    }

    .footer__menu {
        max-height: calc(4.375rem + -18 * (100vw - 65.625rem)/ 50)
    }
}

@media (min-width:68.75em) {
    .offers-hrzntl__item {
        padding-right: calc(1.25rem + 25 * (100vw - 68.75rem)/ 100)
    }

    .footer__menu {
        max-height: 3.25rem
    }

    .admin-site__menu-item:not(:last-child) {
        margin-right: calc(.9375rem + 25 * (100vw - 68.75rem)/ 820)
    }
}

@media (min-width:70em) {
    .admin-users .choices:nth-child(3) {
        margin-left: .9375rem
    }

    .admin-users__search {
        -ms-flex-preferred-size: 42.7046263345%;
        flex-basis: 42.7046263345%;
        margin-bottom: 0
    }
}

@media (min-width:75em) {
    .offers-hrzntl__item {
        padding-right: 2.8125rem
    }

    .table__dropdown-item {
        padding-left: calc(1.25rem + 20 * (100vw - 75rem)/ 200)
    }

    .table__btn-group {
        margin-left: calc(1.25rem + 20 * (100vw - 75rem)/ 200)
    }

    .notify {
        padding-right: 6.875rem
    }

    .notify {
        padding-left: 5rem
    }

    .notify__wrap {
        padding-top: 1.875rem
    }

    .notify__wrap {
        padding-bottom: 2.5rem
    }

    .header__menu-item {
        padding-left: 2.1875rem;
        padding-right: 2.1875rem
    }

    .admin-sidebar {
        -ms-flex-preferred-size: calc(14.0625rem + 90 * (100vw - 75rem)/ 240);
        flex-basis: calc(14.0625rem + 90 * (100vw - 75rem)/ 240)
    }
}

@media (min-width:87.5em) {
    .table__dropdown-item {
        padding-left: 2.5rem
    }

    .table__btn-group {
        margin-left: 2.5rem
    }

    .admin-users__header {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .admin-users__title {
        width: auto;
        margin-bottom: 0
    }

    .admin-users__search {
        -ms-flex-preferred-size: 34.8754448399%;
        flex-basis: 34.8754448399%;
        margin-left: 1.5625rem;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0
    }
}

@media (min-width:87.8125em) {
    .container {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }

    .container-fluid {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }

    .input {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }

    .popup__wrap {
        padding: 1.875rem
    }

    .result-message {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }

    .admin__header {
        padding-right: 2.1875rem
    }

    .admin__header {
        padding-left: 3.4375rem
    }

    .admin-menu {
        padding-right: 2.1875rem
    }

    .admin-menu {
        padding-left: 3.125rem
    }
}

@media (min-width:90em) {
    .admin-sidebar {
        -ms-flex-preferred-size: 19.6875rem;
        flex-basis: 19.6875rem
    }
}

@media (min-width:120em) {
    .admin-site__menu-item:not(:last-child) {
        margin-right: 2.5rem
    }
}

@media (max-width:82.9375em) {
    .sources__list-item {
        -ms-flex-preferred-size: 33%;
        flex-basis: 33%
    }
}

@media (max-width:81.25em) {
    .offers__report-count span {
        font-size: 2.5rem
    }

    .offers__separator {
        margin: 1.5625rem -1.5625rem
    }

    .offers__price {
        font-size: 2.1875rem
    }

    .offers__btn {
        padding: 1.25em
    }
}

@media (max-width:75em) {
    .sticker {
        -ms-flex-preferred-size: 18.75rem;
        flex-basis: 18.75rem;
        padding: .625rem .625rem
    }

    .sticker__icon {
        width: 5rem;
        height: 4.375rem;
        margin-right: .9375rem
    }

    .sticker__text {
        font-size: .75rem
    }
}

@media (max-width:65.5625em) {
    .balance__left {
        margin-bottom: 1.875rem
    }

    .balance__wrap {
        margin-bottom: 6.25rem
    }

    .balance__individual,
    .balance__info {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }

    .balance__individual::after {
        -ms-flex-preferred-size: 8.125rem;
        flex-basis: 8.125rem
    }
}

@media (max-width:62em) {
    .caption {
        font-size: 1rem
    }

    .check__input-group--main {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .check__input-group--main .input-group__wrapper:nth-child(3) input {
        border-top-right-radius: .9375rem;
        border-bottom-right-radius: .9375rem
    }

    .check__input-group--main .input-group__wrapper:nth-child(4) input {
        border-top-left-radius: .9375rem;
        border-bottom-left-radius: .9375rem
    }

    .check__input-group--main .input-group__wrapper:nth-child(4),
    .check__input-group--main .input-group__wrapper:nth-child(5) {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }

    .offers__item {
        -ms-flex-preferred-size: calc(50% - 1.875rem);
        flex-basis: calc(50% - 1.875rem);
        max-width: none
    }

    .sources__item-inner {
        max-width: 17.5rem;
        min-width: 15.9375rem
    }

    .sources__img-wrap {
        width: 4.375rem;
        height: 4.375rem
    }

    .info__step-icon {
        width: 4.0625rem;
        height: 4.375rem;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .info__step-icon--pencil {
        width: 4.0625rem;
        min-width: 3.4375rem;
        height: 4.375rem
    }

    .request__table .table__header .table__cell:nth-child(2) {
        width: 42.3387096774%
    }

    .request__table .table__header .table__cell:nth-child(3) {
        width: 6.25rem
    }

    .request__table .table__header .table__cell:nth-child(4) {
        width: 8.75rem
    }
}

@media (max-width:61.0625em) {
    .check__heading {
        margin-bottom: 1.25rem
    }
}

@media (max-width:59.375em) {
    .footer__container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .footer__menu {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        max-width: none;
        max-height: 6.875rem;
        -ms-flex-line-pack: justify;
        align-content: space-between;
        margin-top: 3.125rem;
        margin-right: 0
    }

    .footer__menu-item:nth-last-child(-n+2) {
        min-width: 15.5625rem
    }
}

@media (max-width:59.375em) and (min-width:36em) {
    .footer__menu {
        max-height: calc(6.875rem + -50 * (100vw - 36rem)/ 24)
    }
}

@media (max-width:59.375em) and (min-width:37.5em) {
    .footer__menu {
        max-height: 3.75rem
    }
}

@media (max-width:56.25em) {
    .contacts__link {
        font-size: 1.5rem
    }
}

@media (max-width:53.6875em) {
    .info__steps {
        display: block
    }

    .info__step {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        max-width: 30rem;
        min-height: 6.25rem;
        padding: .9375rem 1.5625rem;
        border-radius: 1.25rem
    }

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

    .info__step-icon {
        margin-bottom: 0;
        margin-right: 1.25rem
    }

    .info__step-icon--login {
        margin-left: -.625rem;
        margin-right: 1.875rem
    }

    .info__step-icon--pencil {
        margin-left: -.3125rem
    }
}

@media (max-width:48em) {
    .description {
        font-size: .875rem
    }

    .sticker {
        display: none
    }

    .notify__caption {
        font-size: 1.5rem
    }

    .notify__description {
        font-size: .875rem
    }

    .messages-list__item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .messages-list__col:nth-child(2) {
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .messages-list__col:nth-child(2) span {
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

    .messages-list__col:nth-child(3) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding: 1.125rem .9375rem;
        border-top: .0625rem solid var(--second-bgnd);
        border-right: none
    }

    .messages-list__col:last-child {
        margin-left: auto;
        padding: .3125rem .625rem;
        -ms-flex-preferred-size: 2.5rem;
        flex-basis: 2.5rem
    }

    .messages-list__col:not(:nth-child(3)):not(:last-child) {
        padding: .3125rem .9375rem
    }

    .about__top {
        margin-bottom: 2.5rem
    }

    .about__top-wrap {
        margin-right: 0
    }

    .about__text {
        margin-bottom: 3.5714285714em
    }

    .about__statistics {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .about__statistics-item {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }

    .about__statistics-value {
        font-size: 3.125rem
    }

    .about__statistics-value::before {
        top: -.9375rem
    }

    .login:not(.login--admin) .login__wrap {
        padding-top: 2.5rem
    }

    .login__logo {
        max-width: 80%
    }

    .result-message__inner {
        padding: 1.875rem 3.125rem 1.875rem 1.25rem
    }

    .info__descr {
        margin-bottom: 2.5em
    }

    .info__caption {
        font-size: .875rem
    }

    .article__heading {
        margin-bottom: 1.875rem
    }

    .article h2 {
        margin-top: 1.875rem
    }

    .article p {
        font-size: .875rem
    }

    .footer__menu-item {
        padding: .1875rem .3125rem
    }
}

@media (max-width:47.9375em) {
    .header {
        padding: 1.25rem 0
    }

    .header__col:last-of-type {
        margin-left: auto
    }

    .header__menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: -webkit-transform .4s;
        transition: -webkit-transform .4s;
        -o-transition: transform .4s;
        transition: transform .4s;
        transition: transform .4s, -webkit-transform .4s
    }

    .header__menu-link.active {
        color: var(--accent)
    }

    .header__menu-link {
        text-align: center;
        font-size: 1.125rem
    }

    .header__burger {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .header__menu-close {
        display: block
    }

    .header__notice {
        margin-top: .5rem
    }

    .header__user {
        -ms-flex-preferred-size: 2.8125rem;
        flex-basis: 2.8125rem
    }

    .user__wrapper {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        min-width: auto;
        width: auto;
        margin-top: 0;
        padding: 0;
        border-radius: 50%;
        cursor: pointer
    }

    .user__profile-info {
        display: none
    }

    .user__profile-arrow {
        display: none
    }

    .user__menu {
        position: fixed;
        display: block;
        width: 50%;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        top: 0;
        right: 0;
        bottom: 0;
        margin-bottom: 0;
        background-color: var(--main-bgnd);
        -webkit-transition: -webkit-transform .4s;
        transition: -webkit-transform .4s;
        -o-transition: transform .4s;
        transition: transform .4s;
        transition: transform .4s, -webkit-transform .4s;
        -webkit-box-shadow: -3px 0 4px rgba(182, 182, 182, .2);
        box-shadow: -3px 0 4px rgba(182, 182, 182, .2)
    }

    .user__menu-link {
        padding: .625rem .3125rem;
        font-size: 1.125rem
    }

    .contacts__wrap {
        margin-bottom: 1.875rem
    }

    .contacts__info .article__title {
        margin-top: 0
    }
}

@media (max-width:43.75em) {
    .offers-hrzntl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -1.25rem
    }

    .offers-hrzntl__item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-preferred-size: calc(50% - 1.25rem);
        flex-basis: calc(50% - 1.25rem);
        margin-left: 1.25rem;
        margin-bottom: 1.25rem
    }

    .offers-hrzntl__col {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }

    .offers-hrzntl__col:nth-child(even) {
        -ms-flex-preferred-size: 6.5625rem;
        flex-basis: 6.5625rem
    }

    .offers-hrzntl__col:last-child {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .offers-hrzntl__col:not(:last-child) {
        margin-bottom: 1.875rem
    }

    .offers-hrzntl__btn {
        width: 100%
    }

    .balance__individual,
    .balance__info {
        padding: 1.25rem
    }

    .settings__form:not(.settings__form--avatar) {
        padding: 1.25rem
    }
}

@media (max-width:43.75em) and (min-width:20em) {
    .settings__form:not(.settings__form--avatar) {
        padding: calc(1.25rem + 10 * (100vw - 20rem)/ 380)
    }
}

@media (max-width:43.75em) and (min-width:43.75em) {
    .settings__form:not(.settings__form--avatar) {
        padding: 1.875rem
    }
}

@media (max-width:43.6875em) {
    .settings__wrap .settings__save {
        max-width: none
    }

    .settings__avatar-left {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .settings__avatar {
        width: 6.25rem;
        height: 6.25rem
    }

    .settings__avatar-right {
        padding: 1.25rem
    }
}

@media (max-width:43.6875em) and (min-width:20em) {
    .settings__avatar-left {
        padding-left: calc(1.25rem + 10 * (100vw - 20rem)/ 380);
        padding-right: calc(1.25rem + 10 * (100vw - 20rem)/ 380)
    }

    .settings__avatar-right {
        padding: calc(1.25rem + 10 * (100vw - 20rem)/ 380)
    }
}

@media (max-width:43.6875em) and (min-width:43.75em) {
    .settings__avatar-left {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }

    .settings__avatar-right {
        padding: 1.875rem
    }
}

@media (max-width:41.5625em) {
    .input-group__wrapper {
        margin-bottom: .625rem
    }

    .input-group__wrapper .input {
        border-radius: .9375rem
    }

    .check__top {
        margin-bottom: 1.875rem
    }

    .check__input-group--main .input-group__wrapper.input-group__wrapper--dropdown.open input {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }
}

@media (max-width:37.5em) {
    .offers-hrzntl__col {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .offers-hrzntl__col:not(:last-child) {
        margin-bottom: 1.25rem
    }

    .balance__btn:not(.button--fluid) {
        max-width: 8.75rem
    }
}

@media (max-width:36.9375em) {
    .offers__item:last-child {
        margin-bottom: 0
    }
}

@media (max-width:36em) {
    .container--bgndfinger::after {
        opacity: .7
    }

    .notify__caption {
        font-size: 1.25rem
    }

    .about__statistics-item {
        max-width: 25rem
    }

    .about__statistics-value {
        font-size: 2.5rem
    }

    .login__logo {
        max-width: 70%
    }

    .login__inner {
        padding: 1.25rem
    }

    .login__tabs {
        margin-bottom: 1.5625rem
    }

    .login__input {
        padding: .625rem
    }
}

@media (max-width:35.5625em) {
    .sources__text {
        margin-bottom: 2.8571428571em
    }

    .sources__list-item {
        margin-bottom: 1.25rem
    }

    .sources__list-item:last-child {
        margin-bottom: 0
    }
}

@media (max-width:33.75em) {

    .settings__form--avatar .settings__avatar-upload,
    .settings__form--avatar .settings__save {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: none
    }

    .settings__avatar-left {
        padding-top: 1.875rem
    }
}

@media (max-width:31.25em) {
    .header__col:last-of-type {
        -ms-flex-preferred-size: 9.375rem;
        flex-basis: 9.375rem
    }

    .header__login {
        display: block;
        width: 2.8125rem;
        height: 2.8125rem;
        margin-left: auto;
        border-radius: 50%;
        background: var(--second-bgnd) url(../img/icons/login.svg) no-repeat center/50%
    }

    .header__login span {
        display: none
    }
}

@media (max-width:30.6875em) {
    .footer__logo {
        margin-bottom: 1.875rem
    }
}

@media (max-width:30.3125em) {
    .request__table-wrap {
        margin-right: -.625rem
    }
}

@media (max-width:30em) {
    .checkbox {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .checkbox .checkbox__text {
        margin-right: 0;
        margin-left: .625rem
    }

    .checkbox svg {
        width: .9375rem;
        height: .9375rem
    }

    .notify {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .notify__icon {
        width: 80%
    }

    .notify__icon--eye {
        display: block;
        margin: 0 auto;
        -webkit-transform: translateX(-.3125rem);
        -ms-transform: translateX(-.3125rem);
        transform: translateX(-.3125rem);
        padding: 0 0 1.875rem
    }
}

@media (max-width:29.9375em) {
    .title--big {
        font-size: 1.5rem
    }

    .title {
        font-size: 1.25rem
    }

    .info__step-icon {
        width: 3.125rem;
        height: 3.75rem
    }

    .contacts__link {
        font-size: 1.125rem
    }

    .article h2 {
        font-size: 1.25rem
    }
}

@media (max-width:26.875em) {
    .footer__menu {
        display: block;
        max-height: none;
        margin-top: 1.875rem
    }

    .footer__dev-info {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .footer__copyright {
        margin-bottom: 1.25rem
    }
}

@media (max-width:26.5625em) {
    .offers-hrzntl__item {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .offers-hrzntl__col {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }

    .offers-hrzntl__col:not(:last-child) {
        margin-bottom: 1.875rem
    }

    .settings__form--avatar .settings__avatar-upload {
        width: 100%;
        margin-bottom: .625rem
    }

    .settings__avatar-upload .just-validate-error-label {
        top: -1.5625rem;
        bottom: auto
    }
}

@media (max-width:24.9375em) {
    .messages__top {
        margin-bottom: 1.875rem
    }

    .messages__heading {
        margin-bottom: 1.25rem
    }
}

.paginate_button {
    font-family: Rubik, sans-serif;
    font-size: 12px;
    margin-right: 5px;
    cursor: pointer;
}

.paginate_button:hover,
.paginate_button:active,
.paginate_button:focus {
    color: var(--accent);
}

.dataTables_paginate {
    padding: 15px 0;
}

.sources__item-inner {
    justify-content: start;
}

.sources__descr {
    margin-left: 15px;
}

/* костыль на ширину таблицы с запросами при переходе с другой страницы после ее обновления */
#request_table {
    width: 100% !important;
}

/* костыль на ширину таблицы с отправленными сообщениями в панеле управления при переходе с другой страницы после ее обновления */
#request_table_admin {
    width: 100% !important;
} 


#driverslicenseInputs {
    margin-left: 10px;
}

.dataTables_paginate.paging_simple_numbers {
    text-align: center;
}
.dataTables_paginate.paging_simple_numbers .ellipsis {
    margin-right: 5px;
}

.paginate_button {
    border: 1px solid #d2d2ff;
    padding: 3px;
    text-align: center;
    border-radius: 3px;
    min-width: 22px;
    display: inline-block;
}

.paginate_button:hover {
    background-color: #f1f1fa;
}

.paginate_button.current {
    background-color: #f1f1fa;
}

.paginate_button.previous.disabled,
.paginate_button.next.disabled {
     display:none;
}
.paginate_button.previous,
.paginate_button.next {
     display:none;
}
.ql-align-center {
    text-align: center;
}