@font-face {
    font-family: 'Stolzl';
    src: url(../fonts/Stolzl-Regular.woff2);
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Stolzl';
    src: url(../fonts/Stolzl-Medium.woff2);
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

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

hr {
    -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: -0.25em
}

sup {
    top: -0.5em
}

img {
    border-style: none
}

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

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

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

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

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

fieldset {
    padding: 0.35em 0.75em 0.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
}

@font-face {
    font-family: 'Stolzl';
    src: url(../fonts/Stolzl-Regular.woff2);
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Stolzl';
    src: url(../fonts/Stolzl-Medium.woff2);
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
    outline: none;
    -webkit-tap-highlight-color: transparent
}

img {
    max-width: 100%
}

input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input {
    -webkit-border-radius: 0px;
    -webkit-appearance: none
}

ul {
    list-style: none
}

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

html, body {
    font-size: 62.5%
}

@media screen and (max-width: 1410px) {
    html, body {
        font-size: .70922vw
    }
}

@media screen and (max-width: 480px) {
    html, body {
        font-size: 2.63158vw
    }
}

body {
    font-family: "Stolzl", sans-serif;
    color: #021023;
    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;
    min-height: 100vh;
    font-size: 1.6rem;
    font-weight: 400;
    background: #F5F7FA
}

main {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.center-wrap {
    width: 100%;
    margin: 0px auto;
    padding: 0px 20px
}

h1, h2, h3, h4 {
    margin: 0px
}

.simple-title {
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 150%;
    color: #021023;
    text-align: center
}

.simple-title--left {
    text-align: left
}

.simple-title--small {
    font-size: 1.4rem;
    margin-bottom: 2rem
}

.simple-title--line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.simple-title--line span {
    margin: 0 0.8rem;
    height: 1.5rem;
    width: 2px;
    background: #FAB900
}

.img-wrap {
    width: 100%
}

.img-wrap > div {
    position: relative;
    padding-bottom: 100%
}

.img-wrap > div img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media screen and (min-width: 1025px) {
    .desktop--hide {
        display: none !important
    }
}

@media screen and (max-width: 1024px) {
    .mobile--hide {
        display: none !important
    }
}

img {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-crisp-edges
}

@font-face {
    font-family: 'Stolzl';
    src: url(../fonts/Stolzl-Regular.woff2);
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Stolzl';
    src: url(../fonts/Stolzl-Medium.woff2);
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

.preloader {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 9999;
    font-size: 2.5rem;
    line-height: 1.6;
    font-weight: 500;
    color: #fff;
    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;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
    -webkit-animation-fill-mode: forwards !important;
    animation-fill-mode: forwards !important;
    overflow: hidden;
    background-color: #fff
}

.preloader--none {
    display: none
}

.preloader-logo {
    max-width: 20rem;
    width: 30%;
    -webkit-animation: preloaderLogoOpacity 0.75s 0.5s ease-in-out forwards;
    animation: preloaderLogoOpacity 0.75s 0.5s ease-in-out forwards;
    opacity: 0
}

@-webkit-keyframes preloaderLogoOpacity {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes preloaderLogoOpacity {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.preloader-logo img {
    width: 100%
}

.preloader.preloader--hide {
    -webkit-animation: preloaderHide 1s 1s forwards;
    animation: preloaderHide 1s 1s forwards
}

@-webkit-keyframes preloaderHide {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes preloaderHide {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.preloader.preloader--hide .preloader-logo {
    -webkit-animation: preloaderLogoHide 1s forwards;
    animation: preloaderLogoHide 1s forwards
}

@-webkit-keyframes preloaderLogoHide {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes preloaderLogoHide {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@font-face {
    font-family: 'Stolzl';
    src: url(../fonts/Stolzl-Regular.woff2);
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Stolzl';
    src: url(../fonts/Stolzl-Medium.woff2);
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

body {
    opacity: 0;
    -webkit-animation: pageTransOn 0.25s forwards;
    animation: pageTransOn 0.25s forwards
}

@-webkit-keyframes pageTransOn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes pageTransOn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.body--opacity0 {
    -webkit-animation: pageTransOff 0.25s forwards;
    animation: pageTransOff 0.25s forwards
}

@-webkit-keyframes pageTransOff {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes pageTransOff {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@font-face {
    font-family: 'Stolzl';
    src: url(../fonts/Stolzl-Regular.woff2);
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Stolzl';
    src: url(../fonts/Stolzl-Medium.woff2);
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

.img-parallax {
    overflow: hidden
}

@font-face {
    font-family: 'Stolzl';
    src: url(../fonts/Stolzl-Regular.woff2);
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Stolzl';
    src: url(../fonts/Stolzl-Medium.woff2);
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@media screen and (max-width: 1024px) {
    #scrollbar {
        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;
        min-height: 100vh
    }
}

#scrollbar[data-scrollbar] {
    height: 100vh;
    z-index: 1;
    overflow: hidden !important
}

#scrollbar[data-scrollbar].scrollbar--footer {
    pointer-events: none
}

.scroll-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-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 100vh
}

@font-face {
    font-family: 'Stolzl';
    src: url(../fonts/Stolzl-Regular.woff2);
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Stolzl';
    src: url(../fonts/Stolzl-Medium.woff2);
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

.error {
    min-height: 100vh
}

.error .center-wrap {
    min-height: inherit;
    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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.error__wrap {
    text-align: center
}

.error__subtitle {
    font-size: 2.4rem;
    line-height: 140%;
    color: #ccc;
    margin-bottom: 2rem
}

.error__simple-title {
    font-size: 9.8rem;
    max-width: 105rem;
    width: 100%;
    margin: 0 auto 2.5rem
}

@media screen and (max-width: 1024px) {
    .error__simple-title {
        font-size: 6rem;
        max-width: 59rem
    }
}

@font-face {
    font-family: 'Stolzl';
    src: url(../fonts/Stolzl-Regular.woff2);
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Stolzl';
    src: url(../fonts/Stolzl-Medium.woff2);
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

.toogles:not(.toogles--mobile) .toogles__item-content {
    display: inherit;
    -webkit-box-orient: inherit;
    -webkit-box-direction: inherit;
    -ms-flex-direction: inherit;
    flex-direction: inherit;
    -webkit-box-pack: inherit;
    -ms-flex-pack: inherit;
    justify-content: inherit;
    display: none
}

.toogles:not(.toogles--mobile) .toogles__item-content[style*="display: block"] {
    display: inherit !important
}

.toogles:not(.toogles--mobile) .toogles__item-content > div {
    display: inherit;
    -webkit-box-orient: inherit;
    -webkit-box-direction: inherit;
    -ms-flex-direction: inherit;
    flex-direction: inherit;
    -ms-flex-wrap: inherit;
    flex-wrap: inherit;
    -webkit-box-pack: inherit;
    -ms-flex-pack: inherit;
    justify-content: inherit;
    -webkit-box-align: inherit;
    -ms-flex-align: inherit;
    align-items: inherit;
    width: 100%
}

@media screen and (max-width: 1024px) {
    .toogles--mobile .toogles__item-content {
        display: inherit;
        -webkit-box-orient: inherit;
        -webkit-box-direction: inherit;
        -ms-flex-direction: inherit;
        flex-direction: inherit;
        -webkit-box-pack: inherit;
        -ms-flex-pack: inherit;
        justify-content: inherit;
        display: none
    }

    .toogles--mobile .toogles__item-content[style*="display: block"] {
        display: inherit !important
    }

    .toogles--mobile .toogles__item-content > div {
        display: inherit;
        -webkit-box-orient: inherit;
        -webkit-box-direction: inherit;
        -ms-flex-direction: inherit;
        flex-direction: inherit;
        -ms-flex-wrap: inherit;
        flex-wrap: inherit;
        -webkit-box-pack: inherit;
        -ms-flex-pack: inherit;
        justify-content: inherit;
        -webkit-box-align: inherit;
        -ms-flex-align: inherit;
        align-items: inherit;
        width: 100%
    }
}

@font-face {
    font-family: 'Stolzl';
    src: url(../fonts/Stolzl-Regular.woff2);
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Stolzl';
    src: url(../fonts/Stolzl-Medium.woff2);
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

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

.socials__link {
    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: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.socials__link svg {
    fill: #ccc;
    -webkit-transition: fill .5s;
    -o-transition: fill .5s;
    transition: fill .5s;
    width: 3.8rem
}

.socials__link svg:hover {
    fill: #fff
}

.socials__link + .socials__link {
    margin: 0 0 0 5.5rem
}

.socials__link--faceb svg {
    width: 4.1rem
}

@font-face {
    font-family: 'Stolzl';
    src: url(../fonts/Stolzl-Regular.woff2);
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Stolzl';
    src: url(../fonts/Stolzl-Medium.woff2);
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

.btn {
    border: none;
    cursor: pointer;
    text-decoration: none;
    line-height: 3.6rem;
    display: inline-block;
    white-space: nowrap;
    text-align: center;
    font-weight: 500;
    color: #fff;
    font-size: 1.3rem;
    padding: 0 2rem;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    background: #1356C0;
    -webkit-box-shadow: 0px 10px 30px rgba(19, 86, 192, 0.15);
    box-shadow: 0px 10px 30px rgba(19, 86, 192, 0.15);
    border-radius: 14px
}

.btn:hover {
    color: #fff;
    background: #FAB900
}

.btn--hide {
    opacity: 0;
    visibility: hidden
}

.btn--empty {
    background: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: rgba(2, 16, 35, 0.4)
}

.btn--empty:hover {
    background: #1356C0;
    color: #fff;
    -webkit-box-shadow: 0px 10px 30px rgba(19, 86, 192, 0.15);
    box-shadow: 0px 10px 30px rgba(19, 86, 192, 0.15)
}

.btn--gray {
    background: #F6F7FA;
    color: #021023;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn--icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 1rem
}

.btn--icon svg {
    width: 1.7rem;
    stroke: #fff;
    margin-right: 0.7rem;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.btn--icon svg rect {
    width: 1.7rem;
    height: 1.7rem
}

.btn--border {
    background: inherit;
    border: 1px solid #fab900;
    color: #FAB900;
    -webkit-box-shadow: none;
    box-shadow: none;
    line-height: 3.4rem
}

@font-face {
    font-family: 'Stolzl';
    src: url(../fonts/Stolzl-Regular.woff2);
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Stolzl';
    src: url(../fonts/Stolzl-Medium.woff2);
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

.content p {
    font-size: 1.2rem;
    line-height: 150%
}

.content p + p {
    margin-top: 2rem
}

.content p + ul {
    margin: 3rem auto
}

.content p img {
    margin: 0 0.8rem;
    vertical-align: middle
}

.content p a {
    color: inherit;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    position: relative
}

.content p a::before {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 1px;
    background: #021023;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

.content p a:hover::before {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0)
}

.content strong {
    font-weight: 500
}

.content blockquote {
    padding: 4rem;
    background: #2F80ED;
    margin: 4rem 0
}

.content blockquote p {
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 216.5%;
    color: #FFFFFF
}

@media screen and (max-width: 1400px) {
    .content blockquote p {
        font-size: 1.9rem
    }
}

@media screen and (max-width: 1024px) {
    .content blockquote p {
        font-size: 1.6rem;
        line-height: 180%
    }
}

.content a {
    text-decoration: underline;
    -webkit-text-decoration-color: rgba(255, 255, 255, 0);
    text-decoration-color: rgba(255, 255, 255, 0);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.content a:hover {
    -webkit-text-decoration-color: #fff;
    text-decoration-color: #fff
}

.content a.btn {
    text-decoration: none
}

.content h2, .content h3, .content h4, .content h5, .content h6 {
    line-height: 115%;
    color: #021023;
    font-weight: 400
}

.content h2 {
    font-size: 6.2rem;
    margin: 6rem auto
}

.content h3 {
    font-size: 3.2rem;
    margin: 3rem auto
}

.content h4 {
    font-size: 2.6rem;
    margin: 3rem auto
}

@media screen and (max-width: 1024px) {
    .content h4 {
        font-size: 1.8rem
    }
}

.content h5 {
    font-size: 2.1rem;
    margin: 3rem auto
}

@media screen and (max-width: 1024px) {
    .content h5 {
        font-size: 1.6rem;
        line-height: 180%
    }
}

.content h6 {
    font-size: 3.4rem;
    margin-bottom: 2.5rem;
    margin: 7rem auto 2.5rem
}

.content ol {
    list-style: none;
    counter-reset: my-awesome-counter;
    margin: 2rem 0
}

.content ol li {
    counter-increment: my-awesome-counter;
    font-weight: 300;
    font-size: 1.8rem;
    line-height: 180%;
    color: #021023;
    position: relative;
    padding-left: 4.2rem;
    margin-bottom: 2.4rem
}

.content ol li:last-child {
    margin-bottom: 0px
}

.content ol li::before {
    content: counter(my-awesome-counter) ". ";
    position: absolute;
    left: 1rem;
    font-size: 1.8rem;
    line-height: 180%;
    color: #021023;
    font-weight: 400;
    margin-right: 2.2rem
}

@media screen and (max-width: 1400px) {
    .content ol li::before {
        font-size: 1.9rem
    }
}

@media screen and (max-width: 1024px) {
    .content ol li::before {
        font-size: 1.6rem
    }
}

.content ul {
    list-style: none;
    margin: 2rem 0
}

.content ul li {
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 180%;
    color: #021023;
    position: relative;
    padding-left: 1.4rem;
    margin-bottom: 0.5rem
}

.content ul li:last-child {
    margin-bottom: 0px
}

.content ul li::before {
    content: '';
    width: 4px;
    height: 4px;
    background: #FAB900;
    position: absolute;
    top: 1.1rem;
    left: 0rem;
    border-radius: 50%
}

.content li a {
    color: #FAB900;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.content li a:hover {
    color: gray
}

.content li:last-child {
    margin-bottom: 0px
}

.content img {
    height: auto;
    margin: 8.5rem auto
}

.content .img-wrap > div img {
    height: 100%;
    margin: 0
}

@font-face {
    font-family: 'Stolzl';
    src: url(../fonts/Stolzl-Regular.woff2);
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Stolzl';
    src: url(../fonts/Stolzl-Medium.woff2);
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

.inputs {
    width: 100%;
    position: relative;
    z-index: 2
}

.inputs--37 {
    max-width: 37rem
}

.inputs--45 {
    max-width: 45rem
}

.inputs--46 {
    max-width: 46rem
}

.inputs__search {
    border: none;
    background: inherit;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 150%;
    color: #021023;
    width: 100%;
    padding: 0.5rem 1rem;
    border-radius: 14px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.inputs__search:hover {
    background: #E2E8F5
}

.inputs__search::-webkit-input-placeholder {
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 150%;
    color: #021023
}

.inputs__search::-moz-placeholder {
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 150%;
    color: #021023
}

.inputs__search:-ms-input-placeholder {
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 150%;
    color: #021023
}

.inputs__search::-ms-input-placeholder {
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 150%;
    color: #021023
}

.inputs__search::placeholder {
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 150%;
    color: #021023
}

.inputs__search--strong {
    background: #FFFFFF;
    -webkit-box-shadow: 0px 10px 30px rgba(19, 86, 192, 0.15);
    box-shadow: 0px 10px 30px rgba(19, 86, 192, 0.15)
}

.inputs__search--strong::-webkit-input-placeholder {
    font-weight: 500
}

.inputs__search--strong::-moz-placeholder {
    font-weight: 500
}

.inputs__search--strong:-ms-input-placeholder {
    font-weight: 500
}

.inputs__search--strong::-ms-input-placeholder {
    font-weight: 500
}

.inputs__search--strong::placeholder {
    font-weight: 500
}

.inputs__captcha {
    border-radius: 14px;
    margin: 1.5rem 0
}

.inputs__captcha > div {
    padding-bottom: 18.75%
}

.inputs__captcha > div img {
    -o-object-fit: contain;
    object-fit: contain
}

.inputs__error {
    line-height: 3.6rem;
    padding: 0 2rem;
    color: #e56549;
    border: 1px solid #e56549;
    font-size: 1.2rem;
    margin-bottom: 3rem;
    display: none;
    border-radius: 14px
}

.inputs--error .inputs__error {
    display: block
}

.inputs__field {
    width: 100%;
    color: #021023;
    font-weight: 400;
    padding-right: 2rem;
    font-size: 1.2rem;
    border: none;
    background-color: inherit;
    line-height: 3.6rem;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    background: #F5F7FA;
    border-radius: 14px;
    padding-left: 2rem;
    margin-top: 0.5rem;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    caret-color: #FAB900
}

.inputs__field::-webkit-input-placeholder {
    color: rgba(2, 16, 35, 0.4);
    font-size: 1.2rem;
    -webkit-transition: all .5s;
    transition: all .5s
}

.inputs__field::-moz-placeholder {
    color: rgba(2, 16, 35, 0.4);
    font-size: 1.2rem;
    -moz-transition: all .5s;
    transition: all .5s
}

.inputs__field:-ms-input-placeholder {
    color: rgba(2, 16, 35, 0.4);
    font-size: 1.2rem;
    -ms-transition: all .5s;
    transition: all .5s
}

.inputs__field::-ms-input-placeholder {
    color: rgba(2, 16, 35, 0.4);
    font-size: 1.2rem;
    -ms-transition: all .5s;
    transition: all .5s
}

.inputs__field::placeholder {
    color: rgba(2, 16, 35, 0.4);
    font-size: 1.2rem;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.inputs__field:hover::-webkit-input-placeholder {
    color: #021023
}

.inputs__field:hover::-moz-placeholder {
    color: #021023
}

.inputs__field:hover:-ms-input-placeholder {
    color: #021023
}

.inputs__field:hover::-ms-input-placeholder {
    color: #021023
}

.inputs__field:hover::placeholder {
    color: #021023
}

.inputs__field:focus {
    background: #FFFFFF;
    -webkit-box-shadow: 0px 5px 20px rgba(19, 86, 192, 0.2);
    box-shadow: 0px 5px 20px rgba(19, 86, 192, 0.2)
}

.inputs__field--password {
    padding-right: 8rem
}

.inputs__field-error {
    display: block;
    font-size: 1.2rem;
    color: #e56549;
    padding-top: 0.5rem
}

.inputs__field-error--right {
    position: absolute;
    left: calc(100% + 1rem);
    max-width: 28rem;
    width: 100%;
    top: 0.5rem;
    padding-top: 0;
    border: 1px solid #E56549;
    border-radius: 14px;
    line-height: 3.4rem;
    text-align: center
}

.inputs__field-box {
    position: relative
}

.inputs__field-icon {
    position: absolute;
    top: 1.6rem;
    right: 4rem;
    display: inline-block;
    width: 1.6rem;
    height: 1.2rem;
    border-left: 1px solid #E9EBEF;
    padding-left: 2rem
}

.inputs__field-icon--text {
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 130%;
    right: 2rem;
    width: auto;
    height: auto
}

.inputs__field-icon--text::before {
    display: none
}

.inputs__field-eye::before {
    content: '';
    position: absolute;
    top: 65%;
    left: 2rem;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 1.6rem;
    height: 1px;
    background: #021023;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.inputs__field-eye svg {
    width: 1.6rem;
    stroke: rgba(2, 16, 35, 0.4);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    cursor: pointer
}

.inputs__field-eye svg:hover {
    stroke: #1356C0
}

.inputs__field-eye--close svg {
    stroke: #021023
}

.inputs__field-eye--close::before {
    opacity: 1;
    visibility: visible
}

.inputs__field-eye--close:hover::before {
    background: #1356C0
}

.inputs__field-wrap {
    width: 100%;
    position: relative;
    margin-bottom: 1.4rem
}

.inputs__field-wrap--mb2 {
    margin-bottom: 2rem
}

.inputs__field-wrap--calendar {
    z-index: 4
}

.inputs__field-wrap--calendar .inputs__field {
    padding-left: 4.7rem
}

.inputs__field-wrap--calendar .inputs__field:focus {
    -webkit-box-shadow: 0px 5px 20px rgba(19, 86, 192, 0.2);
    box-shadow: 0px 5px 20px rgba(19, 86, 192, 0.2);
    background: #FFFFFF
}

.inputs__field-wrap--calendar::before {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 2rem;
    width: 1.7rem;
    height: 1.7rem;
    background-image: url(../images/svg/calendar-icon.svg);
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none
}

.inputs__field-wrap .add-file__error {
    position: absolute;
    top: 0.5rem;
    left: 100%;
    width: 100%;
    max-width: 28rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.inputs__field-wrap--textarea.is-focused .inputs__content {
    top: 0;
    font-size: 1.2rem;
    border: none
}

.inputs__field-wrap--textarea.is-focused .inputs__content::before {
    opacity: 0
}

.inputs__field-wrap--textarea.inputs__field--invalid .inputs__content {
    top: 0;
    font-size: 1.6rem;
    color: #e56549
}

.inputs__field-wrap--textarea.inputs__field--invalid .inputs__content::before {
    opacity: 0
}

.inputs__field-wrap--textarea .inputs__field {
    resize: none;
    padding-top: 1rem;
    padding-bottom: 1rem;
    line-height: 1.2;
    min-height: 7rem
}

.inputs__field-wrap--textarea .inputs__field:invalid.inputs__field--invalid + .inputs__content {
    color: #e56549;
    top: 0;
    font-size: 1.2rem
}

.inputs__field-wrap--textarea .inputs__field:invalid.inputs__field--invalid + .inputs__content::before {
    opacity: 0
}

.inputs__field-wrap--textarea .inputs__field::-webkit-scrollbar-thumb {
    background: #ccc !important;
    border-radius: 10rem
}

.inputs__field-wrap--textarea .inputs__field::-webkit-scrollbar {
    width: 0.5rem
}

.inputs__field-wrap--textarea .inputs__field::-webkit-scrollbar-track {
    border-radius: 10rem;
    background: #021023
}

.inputs__field:focus {
    outline: none
}

.inputs__field:invalid.inputs__field--invalid + .inputs__label::after {
    right: 0;
    border-bottom-color: #e56549
}

.inputs__field:invalid.inputs__field--invalid {
    color: #e56549
}

.inputs__field:invalid.inputs__field--invalid + .inputs__field-error {
    display: block
}

.inputs__field:invalid.inputs__field--invalid + .inputs__label .inputs__content {
    color: #e56549
}

.inputs__field:invalid.inputs__field--invalid + .inputs__label .inputs__content::before {
    color: #e56549
}

.inputs__label {
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.14286;
    margin-bottom: 0.5rem;
    position: relative
}

.inputs__label::before {
    content: '';
    position: absolute;
    top: -0.2rem;
    left: calc(100% + 1rem);
    width: 1.7rem;
    height: 1.7rem;
    background-image: url(../images/svg/label-icon2.svg);
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.inputs__label--success::before {
    opacity: 1;
    visibility: visible
}

.inputs__checkbox {
    width: 100%;
    margin-bottom: 2rem
}

.inputs__checkbox-input {
    position: absolute;
    width: 0px;
    height: 0px;
    overflow: hidden;
    clip: rect(0 0 0 0)
}

.inputs__checkbox-input:checked + .inputs__checkbox-content {
    background: #1356C0;
    border: 1px solid rgba(2, 16, 35, 0)
}

.inputs__checkbox-input:checked + .inputs__checkbox-content::after {
    height: .7rem;
    -webkit-animation: dothabottomcheck .2s ease 0s forwards;
    animation: dothabottomcheck .2s ease 0s forwards
}

.inputs__checkbox-input:checked + .inputs__checkbox-content::before {
    height: 1.12rem;
    -webkit-animation: dothatopcheck .4s ease 0s forwards;
    animation: dothatopcheck .4s ease 0s forwards
}

.inputs__checkbox.inputs__field--invalid .inputs__field-error {
    display: block
}

.inputs__checkbox-text {
    color: #021023;
    font-weight: 400;
    font-size: 1.2rem
}

.inputs__checkbox-text a {
    position: relative
}

.inputs__checkbox-text a::before {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 1px;
    background: #021023;
    opacity: 1;
    -webkit-transition: opacity .5s, width .5s;
    -o-transition: opacity .5s, width .5s;
    transition: opacity .5s, width .5s
}

.inputs__checkbox-text a:hover::before {
    opacity: 0;
    width: 0%
}

.inputs__checkbox-label {
    position: relative;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #F5F7FA;
    border-radius: 14px;
    padding: 1rem 2rem
}

.inputs__checkbox-label--bg {
    background: inherit;
    padding: 0
}

.inputs__checkbox-label:hover .inputs__checkbox-content {
    border: 1px solid #1356C0
}

.inputs__checkbox-content {
    position: relative;
    height: 1.7rem;
    width: 1.7rem;
    margin-right: 1rem;
    border: 1px solid #021023;
    background: inherit;
    border-radius: 4px;
    display: inline-block;
    -webkit-transition: border-color ease .2s, border 0.5s, background 0.5s;
    -o-transition: border-color ease .2s, border 0.5s, background 0.5s;
    transition: border-color ease .2s, border 0.5s, background 0.5s;
    cursor: pointer
}

.inputs__checkbox-content::before, .inputs__checkbox-content::after {
    position: absolute;
    height: 0;
    width: 2px;
    background-color: #fff;
    display: inline-block;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    border-radius: 5px;
    content: ' ';
    -webkit-transition: opacity ease .5s;
    -o-transition: opacity ease .5s;
    transition: opacity ease .5s
}

.inputs__checkbox-content::before {
    top: 86%;
    left: 44%;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.inputs__checkbox-content::after {
    top: 47%;
    left: 8%;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.inputs__btn {
    margin-top: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.inputs__btn .btn + .btn {
    margin-left: 1rem
}

.inputs__info {
    margin-top: 2rem
}

.inputs__info--hide {
    opacity: 0;
    visibility: hidden
}

@-webkit-keyframes dothabottomcheck {
    0% {
        height: 0
    }
    100% {
        height: .7rem
    }
}

@keyframes dothabottomcheck {
    0% {
        height: 0
    }
    100% {
        height: .7rem
    }
}

@-webkit-keyframes dothatopcheck {
    0% {
        height: 0
    }
    50% {
        height: 0
    }
    100% {
        height: 1.12rem
    }
}

@keyframes dothatopcheck {
    0% {
        height: 0
    }
    50% {
        height: 0
    }
    100% {
        height: 1.12rem
    }
}

@font-face {
    font-family: 'Stolzl';
    src: url(../fonts/Stolzl-Regular.woff2);
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Stolzl';
    src: url(../fonts/Stolzl-Medium.woff2);
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

.mobile-menu {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 102;
    overflow: hidden;
    background: rgba(111, 111, 111, 0.75);
    display: none;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0;
    -ms-touch-action: none;
    touch-action: none
}

.mobile-menu--active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mobile-menu--opacity0 {
    opacity: 0
}

.mobile-menu--opacity1 {
    opacity: 1
}

.mobile-menu__wrap {
    background: #fff;
    width: 300px;
    height: 100%;
    position: absolute;
    left: -300px;
    -webkit-transition: left 0.5s;
    -o-transition: left 0.5s;
    transition: left 0.5s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: auto
}

.mobile-menu__wrap::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.5) !important;
    border-radius: 10rem
}

.mobile-menu__wrap::-webkit-scrollbar {
    width: 0.5rem
}

.mobile-menu__wrap::-webkit-scrollbar-track {
    border-radius: 10rem;
    background: color
}

.mobile-menu__wrap--left0 {
    left: 0px
}

.mobile-menu__wrap--left300 {
    left: -300px
}

.mobile-menu__schedule {
    text-align: center;
    width: 100%;
    font-size: 1.2rem;
    font-weight: 500;
    margin-bottom: 1rem
}

.mobile-menu__phones {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0.5rem 0px
}

.mobile-menu__phone {
    font-size: 1.8rem;
    text-align: center;
    width: 100%;
    display: block;
    font-weight: 500;
    margin-bottom: 0.5rem;
    position: relative
}

.mobile-menu__phone:last-child {
    margin-bottom: 0px
}

.mobile-menu__act {
    width: 5rem;
    height: 5rem;
    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
}

.mobile-menu__nav {
    position: relative
}

.mobile-menu__nav-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    list-style: none
}

.mobile-menu__nav-item {
    margin-bottom: 2rem
}

.mobile-menu__nav-item:last-child {
    margin-bottom: 0px
}

.mobile-menu__nav-link {
    text-decoration: none;
    font-size: 1.6rem;
    line-height: 2.5;
    display: block;
    position: relative
}

.mobile-menu .btn {
    margin-top: auto
}

@font-face {
    font-family: 'Stolzl';
    src: url(../fonts/Stolzl-Regular.woff2);
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Stolzl';
    src: url(../fonts/Stolzl-Medium.woff2);
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

.popup-wrap {
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    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;
    background: rgba(0, 0, 0, 0.7);
    z-index: 999;
    display: none;
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s
}

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

.popup-wrap--menu {
    -ms-touch-action: none;
    touch-action: none
}

.popup-wrap--opacity1 {
    opacity: 1
}

.popup-wrap .popup {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    opacity: 0;
    top: -15%;
    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;
    -webkit-transition: opacity 0.6s, top 0.6s;
    -o-transition: opacity 0.6s, top 0.6s;
    transition: opacity 0.6s, top 0.6s;
    max-height: 95%;
    max-width: calc(116rem + 3rem);
    width: 100%
}

@media screen and (max-width: 1024px) {
    .popup-wrap .popup {
        max-width: calc(70rem + 3rem)
    }
}

.popup-wrap .popup--menu {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent;
    padding: 0px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 100%;
    width: 100%;
    max-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.popup-wrap .popup--opacity1 {
    opacity: 1;
    top: 0px
}

.popup-wrap .popup__close {
    position: absolute;
    width: 5rem;
    height: 5rem;
    top: 0;
    right: 1.5rem;
    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;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 3
}

.popup-wrap .popup__close:hover > div {
    background: #ccc
}

.popup-wrap .popup__close div {
    -webkit-transition: background 0.2s;
    -o-transition: background 0.2s;
    transition: background 0.2s;
    width: 100%;
    height: 2px;
    width: 1.6rem;
    position: absolute;
    background: #000;
    z-index: 4
}

.popup-wrap .popup__close div:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.popup-wrap .popup__close div:nth-child(2) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.popup-wrap .popup__inner {
    -webkit-box-shadow: 0px 1px 36px 13px rgba(21, 21, 21, 0.03);
    box-shadow: 0px 1px 36px 13px rgba(21, 21, 21, 0.03);
    background: #fff;
    padding: 5rem 2rem;
    max-width: calc(100% - 3rem);
    width: 100%;
    max-height: 100%;
    overflow: auto;
    will-change: transform;
    text-align: center
}

.popup-wrap .popup__inner::-webkit-scrollbar {
    width: 5px
}

.popup-wrap .popup__inner::-webkit-scrollbar-track {
    border-radius: 100px;
    background: #021023
}

.popup-wrap .popup__inner::-webkit-scrollbar-thumb {
    border-radius: 100px
}

.popup-wrap .popup__inner::-webkit-scrollbar-thumb:hover {
    background: #ccc
}

.popup-wrap .popup__simple-title {
    margin-bottom: 3rem
}

@media screen and (max-width: 1024px) {
    .popup-wrap .popup__simple-title {
        margin-bottom: 1.5rem
    }
}

@font-face {
    font-family: 'Stolzl';
    src: url(../fonts/Stolzl-Regular.woff2);
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Stolzl';
    src: url(../fonts/Stolzl-Medium.woff2);
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

.header {
    padding-top: 1.5rem;
    position: absolute;
    top: 0px;
    width: 100%;
    opacity: 0;
    z-index: 2;
    -webkit-animation: header-opacity 1s;
    animation: header-opacity 1s;
    -webkit-animation-fill-mode: forwards !important;
    animation-fill-mode: forwards !important
}

.header--fixed {
    position: fixed;
    opacity: 1;
    width: 100%;
    top: 0px;
    left: 0px;
    background: #ffffff;
    -webkit-box-shadow: 0px 1px 36px 13px rgba(21, 21, 21, 0.03);
    box-shadow: 0px 1px 36px 13px rgba(21, 21, 21, 0.03);
    -webkit-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%);
    -webkit-animation: header-height 0.5s !important;
    animation: header-height 0.5s !important;
    -webkit-animation-fill-mode: forwards !important;
    animation-fill-mode: forwards !important;
    z-index: 98;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #021023
}

.header--fixed .header__logo img {
    max-height: 45px
}

.header--height0 {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-animation: header-height0 0.5s !important;
    animation: header-height0 0.5s !important
}

@-webkit-keyframes header-height {
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes header-height {
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-webkit-keyframes header-height0 {
    100% {
        -webkit-transform: translate(0, -100%);
        transform: translate(0, -100%)
    }
}

@keyframes header-height0 {
    100% {
        -webkit-transform: translate(0, -100%);
        transform: translate(0, -100%)
    }
}

@-webkit-keyframes header-opacity {
    100% {
        opacity: 1
    }
}

@keyframes header-opacity {
    100% {
        opacity: 1
    }
}

.header--cabinet {
    padding: 1.3rem 0
}

.header--cabinet .header__wrap {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.header__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.header__email {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: auto;
    cursor: pointer
}

.header__email-icon {
    width: 3.3rem;
    height: 3.3rem;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 10px 30px rgba(19, 86, 192, 0.15);
    box-shadow: 0px 10px 30px rgba(19, 86, 192, 0.15);
    border-radius: 14px;
    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: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, 0)
}

.header__email-prof {
    width: 1.5rem;
    fill: #FAB900;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.header__email p {
    margin-left: 1rem;
    font-size: 1.3rem
}

.header__email-drop {
    position: absolute;
    left: 0;
    top: calc(100% + 1px);
    width: 18rem;
    opacity: 0;
    visibility: hidden;
    background: #FAB900;
    padding: 2rem;
    -webkit-box-shadow: 0px 10px 30px rgba(19, 86, 192, 0.15);
    box-shadow: 0px 10px 30px rgba(19, 86, 192, 0.15);
    border-radius: 0px 14px 14px 14px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    pointer-events: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px)
}

.header__email-link {
    font-size: 1.3rem;
    margin-bottom: 1.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    line-height: 1.23077
}

.header__email-link svg {
    width: 1.7rem;
    margin-right: 0.8rem;
    stroke: #fff;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.header__email-link svg rect {
    width: 1.7rem;
    height: 1.7rem;
    fill: #fff;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.header__email-link:last-child {
    margin-bottom: 0px
}

.header__email-link:hover {
    color: #021023
}

.header__email-link:hover svg {
    stroke: #021023
}

.header__email:hover .header__email-icon {
    background: #FAB900;
    border-radius: 14px 14px 0px 0px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2)
}

.header__email:hover .header__email-prof {
    fill: #fff
}

.header__email:hover .header__email-drop {
    opacity: 1;
    visibility: visible;
    pointer-events: initial;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.header__balance {
    font-size: 1.3rem;
    color: rgba(2, 16, 35, 0.5);
    padding: 1rem;
    margin-right: 1rem;
    border-radius: 14px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    cursor: pointer
}

.header__balance strong {
    font-weight: 500;
    color: #021023;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.header__balance:hover {
    background: #FAB900;
    -webkit-box-shadow: 0px 10px 30px rgba(19, 86, 192, 0.15);
    box-shadow: 0px 10px 30px rgba(19, 86, 192, 0.15);
    color: rgba(255, 255, 255, 0.5)
}

.header__balance:hover strong {
    color: #fff
}

.header__btn {
    position: relative;
    margin-right: 1rem
}

.header__btn-drop {
    position: absolute;
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
    right: 0;
    top: 100%;
    width: 23rem;
    opacity: 0;
    visibility: hidden;
    background: #FAB900;
    padding: 2rem;
    -webkit-box-shadow: 0px 10px 30px rgba(19, 86, 192, 0.15);
    box-shadow: 0px 10px 30px rgba(19, 86, 192, 0.15);
    border-radius: 14px 0px 14px 14px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    pointer-events: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.header__btn:hover {
    border-radius: 14px 14px 0px 0px
}

.header__btn:hover .header__btn-drop {
    opacity: 1;
    visibility: visible;
    pointer-events: initial;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.header__wrap {
    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;
    position: relative
}

.header__logo {
    max-width: 15rem
}

.header__logo > div {
    padding-bottom: 22.97%
}

.header__logo > div img {
    -o-object-fit: contain;
    object-fit: contain
}

.header__lang {
    cursor: pointer;
    font-size: 1.3rem;
    padding: 1rem;
    position: relative;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    border-radius: 14px 14px 0px 0px;
    font-weight: 500
}

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

.header__lang-wrap p {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.header__lang-wrap svg {
    width: 0.8rem;
    margin-left: 0.5rem;
    stroke: #021023;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.header__lang:hover {
    background: #FAB900;
    -webkit-box-shadow: 0px 10px 30px rgba(19, 86, 192, 0.15);
    box-shadow: 0px 10px 30px rgba(19, 86, 192, 0.15)
}

.header__lang:hover .header__lang-wrap {
    color: #fff
}

.header__lang:hover .header__lang-wrap svg {
    stroke: #fff
}

.header__lang:hover .header__lang-drop {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    pointer-events: initial
}

.header__lang-drop {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-box-shadow: 0px 10px 30px rgba(19, 86, 192, 0.15);
    box-shadow: 0px 10px 30px rgba(19, 86, 192, 0.15);
    border-radius: 0px 0px 14px 14px;
    background: #FAB900;
    padding: 2rem 0;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    pointer-events: none;
    font-weight: 400
}

.header__lang-drop .header__lang-wrap svg {
    width: 0.6rem;
    stroke: #fff
}

.header__lang-drop .header__lang-wrap:hover {
    color: #021023
}

.header__lang-drop .header__lang-wrap:hover svg {
    stroke: #021023
}

.header__lang-drop .header__lang-wrap + .header__lang-wrap {
    margin-top: 1.6rem
}

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

.header__nav-item {
    margin-right: 2.5rem
}

.header__nav-item:last-child {
    margin-right: 0px
}

.header__nav-link {
    position: relative
}

.header__nav-link::before {
    content: "";
    position: absolute;
    left: 0px;
    bottom: -2px;
    width: 100%;
    height: 1px;
    background: #021023;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

.header__nav-link:hover::before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.header__burger {
    width: 3.3rem;
    height: 3.3rem;
    cursor: pointer;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 10px 30px rgba(19, 86, 192, 0.15);
    box-shadow: 0px 10px 30px rgba(19, 86, 192, 0.15);
    border-radius: 14px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    margin-right: 2rem;
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.header__burger-icon {
    width: 1.1rem;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    stroke: black;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.header__burger-icon:last-child {
    opacity: 0;
    visibility: hidden
}

.header__burger:hover {
    background: #FAB900;
    -webkit-box-shadow: 0px 10px 30px rgba(19, 86, 192, 0.15);
    box-shadow: 0px 10px 30px rgba(19, 86, 192, 0.15)
}

.header__burger:hover .header__burger-icon {
    stroke: #fff
}

.header__burger--active {
    margin-right: calc(28rem - 3.3rem)
}

.header__burger--active .header__burger-icon:first-child {
    opacity: 0;
    visibility: hidden
}

.header__burger--active .header__burger-icon:last-child {
    opacity: 1;
    visibility: visible
}

@font-face {
    font-family: 'Stolzl';
    src: url(../fonts/Stolzl-Regular.woff2);
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Stolzl';
    src: url(../fonts/Stolzl-Medium.woff2);
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@media screen and (min-width: 1024px) {
    .footer {
        position: absolute !important;
        bottom: 0px;
        left: 0px;
        width: 100%;
        z-index: 0
    }
}

.footer__space {
    margin-top: -1px;
    height: 1px;
    position: relative
}

.footer__space div {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%
}

@media screen and (max-width: 1024px) {
    .footer__space {
        display: none
    }
}

.footer__logo > div img {
    -o-object-fit: contain;
    object-fit: contain
}

@font-face {
    font-family: 'Stolzl';
    src: url(../fonts/Stolzl-Regular.woff2);
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Stolzl';
    src: url(../fonts/Stolzl-Medium.woff2);
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Stolzl';
    src: url(../fonts/Stolzl-Regular.woff2);
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Stolzl';
    src: url(../fonts/Stolzl-Medium.woff2);
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

.table {
    background: #F5F7FA;
    border-radius: 14px
}

.table + .table {
    margin-top: 2rem
}

.table--balance .table__title {
    max-width: 26rem;
    margin-right: 2rem
}

.table--balance .table__row {
    max-width: 71rem;
    width: 100%
}

.table__line {
    display: grid;
    grid-template-columns:repeat(7, 1fr);
    grid-gap: 2rem;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 150%;
    color: rgba(2, 16, 35, 0.4);
    padding: 0 2rem
}

.table__line:first-child {
    border-bottom: 1px solid #E2E8F5
}

.table__line-item {
    padding: 1.4rem 0
}

.table__line-body {
    padding: 1.4rem 0;
    color: #021023;
}

.table__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 1.4rem 2rem;
    border-bottom: 1px solid #E2E8F5;
    color: #021023;
    font-size: 1.3rem
}

.table__row:last-child {
    border: none
}

.table__row--title {
    color: rgba(2, 16, 35, 0.4);
    font-size: 1.2rem
}

.table__name {
    max-width: 46rem;
    width: 100%;
    margin-right: auto;
    font-size: 1.3rem
}

.table__date {
    max-width: 18rem;
    width: 100%;
    margin-right: 2rem;
    margin-left: 2rem
}

.table__status {
    max-width: 18rem;
    width: 100%
}

.table__status--error {
    color: #E66549
}

.table__status--active {
    color: #1356C0
}

.table__status--clear {
    color: #FAB900
}

.table__title {
    max-width: 14rem;
    width: 100%;
    margin-right: 1.4rem;
    font-size: 1.2rem;
    color: rgba(2, 16, 35, 0.4)
}

.table__value {
    font-size: 1.3rem
}

.table__value--color {
    opacity: 0.4
}

.table__value p {
    display: inline-block;
    margin-left: 12rem;
    font-size: 1.2rem;
    color: rgba(2, 16, 35, 0.4)
}

.table__value p strong {
    font-size: 1.3rem;
    color: #021023
}

@font-face {
    font-family: 'Stolzl';
    src: url(../fonts/Stolzl-Regular.woff2);
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Stolzl';
    src: url(../fonts/Stolzl-Medium.woff2);
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

.drp-buttons {
    display: none !important
}

.daterangepicker {
    background: #FFFFFF;
    -webkit-box-shadow: 0px 5px 20px rgba(19, 86, 192, 0.2);
    box-shadow: 0px 5px 20px rgba(19, 86, 192, 0.2);
    border-radius: 14px;
    margin-top: 0;
    border: none;
    z-index: 3;
    padding: 2.6rem 2rem 2rem;
    width: 45rem;
    font-family: "Stolzl", sans-serif
}

.daterangepicker::after, .daterangepicker::before {
    display: none
}

.daterangepicker .drp-calendar.left, .daterangepicker .drp-calendar.right {
    padding: 0;
    display: inline-block
}

.daterangepicker .drp-calendar.left {
    padding-right: 1.5rem
}

.daterangepicker .drp-calendar.right {
    padding-left: 1.5rem
}

.daterangepicker .drp-calendar {
    width: 50%
}

.daterangepicker .drp-calendar.left .calendar-table {
    padding: 0
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
    font-weight: 400;
    font-size: 1.3rem;
    line-height: 1.23077;
    color: #021023;
    min-width: 2rem;
    padding: 0.4rem;
    border: none;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.daterangepicker .calendar-table tbody th:hover, .daterangepicker .calendar-table tbody td:hover {
    background: #E2E8F5;
    font-weight: 500;
    border-radius: 14px
}

.daterangepicker .calendar-table tbody td.available.in-range {
    position: relative;
    z-index: 2
}

.daterangepicker .calendar-table tbody td.available.in-range::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    z-index: -1
}

.daterangepicker .calendar-table tbody td.available.in-range:hover {
    background: #1356C0;
    font-weight: 500;
    border-radius: 0;
    color: #021023
}

.daterangepicker .calendar-table tbody td.available.in-range:hover::before {
    background: #E2E8F5
}

.daterangepicker .calendar-table tr:nth-child(2) th {
    font-size: 1.2rem;
    color: rgba(2, 16, 35, 0.4)
}

.daterangepicker .calendar-table thead tr:first-child {
    position: relative;
    height: 5rem
}

.daterangepicker .calendar-table thead tr:last-child {
    padding-top: 2.6rem
}

.daterangepicker .calendar-table thead th.prev, .daterangepicker .calendar-table thead th.next {
    position: absolute;
    min-width: 4.3rem;
    height: 3.9rem;
    background: #F6F7FA;
    border-radius: 14px;
    border: none;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    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;
    top: calc((5rem - 3.9rem) / 2)
}

.daterangepicker .calendar-table thead th.prev:hover, .daterangepicker .calendar-table thead th.next:hover {
    background: #FAB900
}

.daterangepicker .calendar-table thead th.prev {
    left: 0
}

.daterangepicker .calendar-table thead th.next {
    right: 0
}

.daterangepicker .calendar-table .prev span, .daterangepicker .calendar-table .next span {
    padding: 2px
}

.daterangepicker td.in-range {
    background: #1356C0;
    color: #fff
}

.daterangepicker td.off.in-range {
    background: #1356C0;
    color: #fff
}

.daterangepicker .calendar-table tbody td.start-date {
    color: #fff;
    background: #FAB900;
    border-radius: 14px 0px 0px 14px;
    pointer-events: none
}

.daterangepicker .calendar-table tbody td.start-date::before {
    display: none
}

.daterangepicker .calendar-table tbody td.start-date:hover {
    background: #FAB900
}

.daterangepicker .calendar-table tbody td.end-date {
    color: #fff;
    background: #FAB900;
    border-radius: 0px 14px 14px 0px;
    pointer-events: none
}

.daterangepicker .calendar-table tbody td.end-date::before {
    display: none
}

.daterangepicker .calendar-table tbody td.end-date:hover {
    background: #FAB900
}

@font-face {
    font-family: 'Stolzl';
    src: url(../fonts/Stolzl-Regular.woff2);
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Stolzl';
    src: url(../fonts/Stolzl-Medium.woff2);
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

.form__wrap {
    height: 100vh;
    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
}

.form__wrap-box {
    max-width: 46rem;
    width: 100%;
    border-radius: 14px;
    overflow: hidden;
    -webkit-box-shadow: 0px 10px 30px rgba(19, 86, 192, 0.15);
    box-shadow: 0px 10px 30px rgba(19, 86, 192, 0.15)
}

.form__wrap-box--shadow .form__tab-item {
    -webkit-box-shadow: 0px 10px 30px rgba(19, 86, 192, 0.15);
    box-shadow: 0px 10px 30px rgba(19, 86, 192, 0.15)
}

.form__wrap-box--shadow .form__tab-body {
    -webkit-box-shadow: 0px 10px 30px rgba(19, 86, 192, 0.15);
    box-shadow: 0px 10px 30px rgba(19, 86, 192, 0.15)
}

.form__wrap-box--shadow .form__tab-body::before {
    display: none
}

.form__tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #E2E8F5
}

.form__tab-item {
    width: 100%;
    background: #fff;
    padding: 2rem 1rem;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    font-weight: 400
}

.form__tab-item.toogles__item-title {
    width: 50%;
    background: #E2E8F5;
    color: rgba(2, 16, 35, 0.4);
    cursor: pointer
}

.form__tab-item.toogles__item-title--active {
    color: #021023;
    -webkit-box-shadow: 0px 10px 30px rgba(19, 86, 192, 0.15);
    box-shadow: 0px 10px 30px rgba(19, 86, 192, 0.15);
    background: #fff
}

.form__tab-item:hover {
    color: #021023
}

.form__tab-item--left {
    text-align: left;
    padding-left: 3rem
}

.form__tab-body {
    background: #FFFFFF;
    padding: 3rem;
    position: relative;
    -webkit-box-shadow: 0px 10px 30px rgba(19, 86, 192, 0.15);
    box-shadow: 0px 10px 30px rgba(19, 86, 192, 0.15)
}

@font-face {
    font-family: 'Stolzl';
    src: url(../fonts/Stolzl-Regular.woff2);
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Stolzl';
    src: url(../fonts/Stolzl-Medium.woff2);
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

.request-sent .form__wrap-box, .successfully-registered .form__wrap-box {
    background: #FFFFFF;
    -webkit-box-shadow: 0px 10px 30px rgba(19, 86, 192, 0.15);
    box-shadow: 0px 10px 30px rgba(19, 86, 192, 0.15);
    border-radius: 14px;
    padding: 3rem
}

.request-sent .content, .successfully-registered .content {
    margin-bottom: 2rem
}

.request-sent .simple-title, .successfully-registered .simple-title {
    margin-bottom: 1.3rem;
    font-weight: 400
}

.request-sent__img-wrap, .successfully-registered__img-wrap {
    max-width: 3rem;
    margin-bottom: 1.3rem
}

.request-sent__img-wrap > div img, .successfully-registered__img-wrap > div img {
    -o-object-fit: contain;
    object-fit: contain
}

@font-face {
    font-family: 'Stolzl';
    src: url(../fonts/Stolzl-Regular.woff2);
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Stolzl';
    src: url(../fonts/Stolzl-Medium.woff2);
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

.cabinet {
    padding-top: 6rem;
    min-height: calc(100vh - 6rem);
    background: #F5F7FA
}

.cabinet .center-wrap {
    min-height: inherit;
    padding-right: 0
}

.cabinet__wrap {
    min-height: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cabinet__sidebar {
    margin-right: 2rem;
    max-width: 3.3rem;
    width: 100%;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.cabinet__sidebar.toogles {
    max-width: 26rem
}

.cabinet__sidebar.toogles .cabinet__sidebar-item {
    padding: 0rem 2rem 0rem 0.7rem;
    border: 1px solid rgba(226, 232, 245, 0)
}

.cabinet__sidebar.toogles .cabinet__sidebar-item:hover {
    background: #E2E8F5;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 14px
}

.cabinet__sidebar-row {
    margin-bottom: 0.5rem
}

.cabinet__sidebar-row--mt {
    margin-top: 1.4rem
}

.cabinet__sidebar-row:last-child {
    margin-bottom: 0px
}

.cabinet__sidebar-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    cursor: pointer;
    padding: 0 0.7rem;
    height: 3.3rem;
    border-radius: 14px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    border: 1px solid #e2e8f5;
    position: relative;
    z-index: 5
}

.cabinet__sidebar-item--active {
    background: #FFFFFF;
    -webkit-box-shadow: 0px 10px 30px rgba(19, 86, 192, 0.15);
    box-shadow: 0px 10px 30px rgba(19, 86, 192, 0.15)
}

.cabinet__sidebar-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0);
    border-radius: inherit;
    z-index: 5;
    pointer-events: none;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.cabinet__sidebar.toogles .cabinet__sidebar-item::before {
    display: none
}

.cabinet__sidebar-item.toogles__item-title--active {
    background: #FFFFFF;
    -webkit-box-shadow: 0px 10px 30px rgba(19, 86, 192, 0.15);
    box-shadow: 0px 10px 30px rgba(19, 86, 192, 0.15)
}

.cabinet__sidebar-item.toogles__item-title--active .cabinet__sidebar-arrow {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.cabinet__sidebar-item.toogles__item-title--active .cabinet__sidebar-arrow svg {
    opacity: 1;
    stroke: #1356C0
}

.cabinet__sidebar-item.toogles__item-title--active:hover {
    background: #FFFFFF
}

.cabinet__sidebar-item:hover {
    background: #FFFFFF;
    -webkit-box-shadow: 0px 10px 30px rgba(19, 86, 192, 0.15);
    box-shadow: 0px 10px 30px rgba(19, 86, 192, 0.15);
    border-radius: 14px 0px 0px 14px;
    border: 1px solid rgba(226, 232, 245, 0)
}

.cabinet__sidebar-item:hover:before {
    background: #fff
}

.cabinet__sidebar-item:hover .cabinet__sidebar-drop {
    opacity: 1;
    visibility: visible;
    pointer-events: initial;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.cabinet__sidebar-item--circle:hover {
    border-radius: 14px
}

.cabinet__sidebar-item:last-child {
    margin-bottom: 0px
}

.cabinet__sidebar-drop {
    position: absolute;
    left: 100%;
    top: -1px;
    width: 26rem;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 10px 30px rgba(19, 86, 192, 0.15);
    box-shadow: 0px 10px 30px rgba(19, 86, 192, 0.15);
    border-radius: 0px 14px 14px 14px;
    z-index: 2;
    padding: 1.6rem 1rem;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    transform: translateX(-5px);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.toogles .cabinet__sidebar-drop {
    display: none
}

.cabinet__sidebar-body {
    display: none
}

.toogles .cabinet__sidebar-body {
    display: block;
    border: 1px solid rgba(226, 232, 245, 0);
    border-top: none;
    border-radius: 0 0 14px 14px;
    margin-top: -1rem;
    padding: 2.6rem 1rem 1rem 1rem
}

.toogles__item--active .cabinet__sidebar-body {
    border: 1px solid #e2e8f5;
    border-top: none
}

.cabinet__sidebar-icon {
    max-width: 1.7rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    position: relative;
    z-index: 6
}

.cabinet__sidebar-icon .img-wrap > div img {
    -o-object-fit: contain;
    object-fit: contain
}

.cabinet__sidebar-title {
    opacity: 0;
    visibility: hidden;
    margin-left: 0;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s
}

.toogles .cabinet__sidebar-title {
    opacity: 1;
    visibility: visible;
    white-space: nowrap;
    font-size: 1.3rem;
    line-height: 1.23077;
    margin-left: 0.7rem;
    -webkit-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s
}

.cabinet__sidebar-arrow {
    display: none
}

.toogles .cabinet__sidebar-arrow {
    margin-left: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    display: block
}

.toogles .cabinet__sidebar-arrow svg {
    opacity: 0.2;
    width: 0.8rem;
    stroke: #021023;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.cabinet__sidebar-link {
    display: block;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 150%;
    color: #021023;
    padding: 0.5rem 1rem;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    border-radius: 14px
}

.cabinet__sidebar-link--active {
    background: #FFFFFF;
    font-weight: 500;
    -webkit-box-shadow: 0px 10px 30px rgba(19, 86, 192, 0.15);
    box-shadow: 0px 10px 30px rgba(19, 86, 192, 0.15)
}

.cabinet__sidebar-link:hover {
    background: #FFFFFF;
    -webkit-box-shadow: 0px 10px 30px rgba(19, 86, 192, 0.15);
    box-shadow: 0px 10px 30px rgba(19, 86, 192, 0.15)
}

.cabinet__body {
    width: calc(100% - 3.3rem - 2rem);
    padding: 1.7rem 20px 2rem 3rem;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 10px 30px rgba(19, 86, 192, 0.15);
    box-shadow: 0px 10px 30px rgba(19, 86, 192, 0.15);
    border-radius: 14px 0px 0px 0px;
    position: relative
}

.cabinet__body--pt {
    padding: 1.2rem 20px 2rem 3rem
}

.cabinet__body--pt .cabinet__simple-title {
    padding-bottom: 1.2rem
}

.toogles .cabinet__body {
    width: calc(100% - 26rem - 2rem)
}

.cabinet__body .cabinet__sidebar-icon {
    max-width: 2rem;
    margin-right: 1rem;
    z-index: 1
}

.cabinet__body .simple-title {
    text-align: left
}

.cabinet__body-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #E2E8F5;
    padding-top: 2rem;
    margin-top: 2rem
}

.cabinet__body-wrap--column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.cabinet__body-wrap--column .cabinet__left {
    width: 100%;
    padding-right: 0;
    border: none;
    padding-bottom: 2rem
}

.cabinet__body-wrap--column .cabinet__right {
    border-top: 1px solid #E2E8F5;
    width: 100%;
    padding-left: 0;
    padding-top: 2rem
}

.cabinet__simple-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 2rem;
    border-bottom: 1px solid #E2E8F5;
    margin-bottom: 2rem
}

.cabinet__simple-right {
    margin-left: auto
}

.cabinet__simple-right .btn {
    padding: 0 2rem
}

.cabinet__simple-right .btn--icon {
    background: #F6F7FA;
    color: #021023;
    -webkit-box-shadow: none;
    box-shadow: none
}

.cabinet__simple-right .btn--icon svg {
    stroke: #021023
}

.cabinet__simple-right .btn--icon:hover {
    background: #FAB900;
    color: #fff
}

.cabinet__simple-right .btn--icon:hover svg {
    stroke: #fff
}

.cabinet__simple-right .btn + .btn {
    margin-left: 1.2rem
}

.cabinet__content {
    max-width: 80rem;
    width: 100%;
    margin-bottom: 1rem
}

.cabinet__btn {
    margin-top: 1rem
}

.cabinet__detail {
    max-width: 82rem;
    width: 100%;
    margin-bottom: 2rem
}

.cabinet__detail-top {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cabinet__detail-top:hover .cabinet__detail-title::before {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.cabinet__detail-title {
    font-size: 1.4rem;
    line-height: 150%;
    position: relative
}

.cabinet__detail-title::before {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 2px;
    width: 100%;
    height: 1px;
    background: #021023;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

.cabinet__detail-content ul {
    margin: 0
}

.cabinet__detail-icon {
    width: 0.8rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 0.5rem;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.toogles__item-title--active .cabinet__detail-icon {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.cabinet__left {
    width: 40%;
    border-right: 1px solid #E2E8F5;
    padding-right: 3rem
}

.cabinet__right {
    width: 60%;
    padding-left: 3rem
}

.cabinet__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 3rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.cabinet__card-item {
    max-width: 6.5rem
}

.cabinet__card-item:first-child {
    max-width: 5.5rem
}

.cabinet__card-item + .cabinet__card-item {
    margin-left: 1rem;
    border-left: 1px solid #E9EBEF;
    padding-left: 1rem
}

.cabinet__card-item > div {
    padding-bottom: 30.9%
}

.cabinet__card-item > div img {
    -o-object-fit: contain;
    object-fit: contain
}

.cabinet__card-item--small {
    max-width: 5rem
}

.cabinet__card-item--small > div {
    padding-bottom: 42.5%
}

@font-face {
    font-family: 'Stolzl';
    src: url(../fonts/Stolzl-Regular.woff2);
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Stolzl';
    src: url(../fonts/Stolzl-Medium.woff2);
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

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

.select:hover .select__value {
    color: #021023
}

.select__input {
    width: 1px;
    height: 1px;
    display: inline-block;
    position: absolute;
    opacity: 0.01
}

.select--active {
    color: #021023;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 5px 20px rgba(19, 86, 192, 0.2);
    box-shadow: 0px 5px 20px rgba(19, 86, 192, 0.2)
}

.select--active .select__value::before {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.select__icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 1rem
}

.select__icon svg {
    fill: #021023;
    stroke: #021023;
    width: 0.6rem;
    -webkit-transition: fill .5s;
    -o-transition: fill .5s;
    transition: fill .5s
}

.select__value {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    cursor: pointer;
    -webkit-transition: color .5s;
    -o-transition: color .5s;
    transition: color .5s;
    position: relative;
    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;
    z-index: 3;
    color: rgba(2, 16, 35, 0.4)
}

.select__btn {
    margin-top: 2rem;
    text-align: center
}

.select__variants {
    border-radius: 14px;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 100%;
    width: calc(100% + 2px);
    margin-left: -1px;
    background: #fff;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 2rem 1rem;
    -webkit-box-shadow: 0px 4px 36px rgba(130, 150, 162, 0.13);
    box-shadow: 0px 4px 36px rgba(130, 150, 162, 0.13)
}

@media screen and (max-width: 1024px) {
    .select__variants {
        top: 100%
    }
}

.select__variant:last-child {
    margin-bottom: 0px
}

.select--active .select__variants {
    display: block
}

@font-face {
    font-family: 'Stolzl';
    src: url(../fonts/Stolzl-Regular.woff2);
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Stolzl';
    src: url(../fonts/Stolzl-Medium.woff2);
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

.radio {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.radio__input {
    position: absolute;
    width: 0px;
    height: 0px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    padding-left: 2rem
}

.radio__input:checked + .radio__content {
    background: red
}

.radio__input:checked + .radio__content::before {
    background: #fff
}

.radio__label {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 400;
    font-size: 1.3rem;
    color: #021023;
    position: relative;
    cursor: pointer;
    width: 100%;
    padding: 0.5rem;
    background: #FFFFFF;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    line-height: 1.2
}

.select .radio__label {
    font-size: 1.2rem;
    border-radius: 14px;
    padding: 0.7rem 1rem
}

.select .radio__label:hover {
    background: #E2E8F5
}

.radio__label--row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.radio__label--row .radio__content {
    margin-left: 0;
    margin-right: 1rem
}

.radio__label:hover {
    background: #FAFAFA
}

.radio__content {
    position: relative;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 6px solid rgba(255, 0, 0, 0);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 1rem;
    background: #EDEDED;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.radio__content::before {
    content: '';
    width: 4px;
    height: 4px;
    background: rgba(255, 255, 255, 0);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: inherit;
    -webkit-transition: background-color .5s;
    -o-transition: background-color .5s;
    transition: background-color .5s
}

@font-face {
    font-family: 'Stolzl';
    src: url(../fonts/Stolzl-Regular.woff2);
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Stolzl';
    src: url(../fonts/Stolzl-Medium.woff2);
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

.add-file {
    margin-bottom: 2rem
}

.add-file__wrap {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.add-file__error {
    border: 1px solid #E56549;
    border-radius: 14px;
    display: inline-block;
    line-height: 3.4rem;
    padding: 0 2rem;
    font-weight: 400;
    font-size: 1.2rem;
    color: #E56549;
    margin-left: 1rem
}

.add-file__error--hide {
    display: none
}

.add-file__error strong {
    font-weight: 500
}

.add-file__info {
    font-size: 1.3rem;
    line-height: 1.23077;
    color: #1356C0;
    margin-bottom: 1rem
}

.add-file__upload {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    font-size: 0;
    cursor: pointer;
    opacity: 0
}

.add-file__fileUpload {
    text-align: center;
    position: relative
}

.add-file__text {
    font-weight: 500;
    font-size: 1.6rem;
    color: #0000ff;
    position: relative
}

.add-file__input {
    border: none;
    width: 100%;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 150%;
    color: #1356C0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.add-file__input-wrap {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin-left: 1rem
}

.add-file__input-wrap p {
    opacity: 0;
    visibility: hidden;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 150%;
    color: rgba(2, 16, 35, 0.4)
}

.add-file__input-wrap--active p {
    opacity: 1;
    visibility: visible
}

.fileUpload {
    position: relative;
    overflow: hidden
}

.f-input {
    height: 42px;
    background-color: white;
    border: 1px solid gray;
    width: 100%;
    max-width: 400px;
    float: left;
    padding: 0 14px
}

.c-radio {
    border-radius: 25px;
}

.l-radio {
    padding-bottom: 5px;
}

.text-success {
    color: #1356C0;
    padding-bottom: 15px;
}

.table__row--title {
    font-family: "Stolzl", sans-serif;
    font-weight: bold;
}

.cabinet__content p {
    font-family: "Stolzl", sans-serif;
}

.content ul li {
    font-family: "Stolzl", sans-serif;
    font-size: 12px;
    line-height: 140%;
}

.content ul li:before {
    top: 0.8rem;
}

.content p + ul {
    margin: 2rem auto;
}

.alert_message {
    margin: 10px;
    text-align: center;
    color: #0a568c;
}

.numeric_content {
    list-style: none !important;
}

.numeric_content ul li::before {
    content: '';
    width: 0px;
    height: 0px;
    background: #FAB900;
    position: absolute;
    top: 1.1rem;
    left: 0rem;
    border-radius: 50%;
}

@media (max-width: 768px) {
    .header__burger--active {
        display: none;
    }

    .cabinet__sidebar.toogles {
        display: none;
    }
}

.ui-menu {
    position: absolute;
    z-index: 50;
    will-change: transform;
}