@font-face {
    font-family: 'Onest';
    src: url('/tariffs/fonts/Onest-Bold.eot');
    src: url('/tariffs/fonts/Onest-Bold.eot?#iefix') format('embedded-opentype'),
    url('/tariffs/fonts/Onest-Bold.woff2') format('woff2'),
    url('/tariffs/fonts/Onest-Bold.woff') format('woff'),
    url('/tariffs/fonts/Onest-Bold.ttf') format('truetype'),
    url('/tariffs/fonts/Onest-Bold.svg#Onest-SemiBold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Onest';
    src: url('/tariffs/fonts/Onest-SemiBold.eot');
    src: url('/tariffs/fonts/Onest-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('/tariffs/fonts/Onest-SemiBold.woff2') format('woff2'),
    url('/tariffs/fonts/Onest-SemiBold.woff') format('woff'),
    url('/tariffs/fonts/Onest-SemiBold.ttf') format('truetype'),
    url('/tariffs/fonts/Onest-SemiBold.svg#Onest-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Onest';
    src: url('/tariffs/fonts/Onest-Medium.eot');
    src: url('/tariffs/fonts/Onest-Medium.eot?#iefix') format('embedded-opentype'),
    url('/tariffs/fonts/Onest-Medium.woff2') format('woff2'),
    url('/tariffs/fonts/Onest-Medium.woff') format('woff'),
    url('/tariffs/fonts/Onest-Medium.ttf') format('truetype'),
    url('/tariffs/fonts/Onest-Medium.svg#Onest-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Onest';
    src: url('/tariffs/fonts/Onest-Light.eot');
    src: url('/tariffs/fonts/Onest-Light.eot?#iefix') format('embedded-opentype'),
    url('/tariffs/fonts/Onest-Light.woff2') format('woff2'),
    url('/tariffs/fonts/Onest-Light.woff') format('woff'),
    url('/tariffs/fonts/Onest-Light.ttf') format('truetype'),
    url('/tariffs/fonts/Onest-Light.svg#Onest-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Onest';
    src: url('/tariffs/fonts/Onest-Regular.eot');
    src: url('/tariffs/fonts/Onest-Regular.eot?#iefix') format('embedded-opentype'),
    url('/tariffs/fonts/Onest-Regular.woff2') format('woff2'),
    url('/tariffs/fonts/Onest-Regular.woff') format('woff'),
    url('/tariffs/fonts/Onest-Regular.ttf') format('truetype'),
    url('/tariffs/fonts/Onest-Regular.svg#Onest-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}


.hidden {
    display: none;
}

.modal-hidden {
    display: none
}

.fancybox-reglog {
}

.fancybox-reglog .fancybox-bg {
    background: #061329
}

.fancybox-reglog.fancybox-is-open .fancybox-bg {
    opacity: .7
}

.fancybox-reglog .fancybox-button {
    transition: .3s;
    top: 5px;
    right: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #2a364d
}

.fancybox-reglog .fancybox-button svg {
    width: 32px;
    height: 32px
}

.fancybox-reglog .fancybox-slide--html {
    padding: 20px
}

@media screen and (min-width: 1200px) {
    .fancybox-reglog .fancybox-button {
        display: none
    }
}

@media screen and (max-width: 575px) {
    .fancybox-reglog .fancybox-slide--html {
        padding: 0
    }

    .fancybox-reglog .fancybox-button {
        top: 0;
        right: 0
    }
}

.validation-error {
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    color: #fa5b29;
    font-size: 14px
}

.validation-input-error .reglog-input {
    border-color: #fa5b29
}

.validation-checkbox-error .reglog-checkbox__replace {
    border-color: #fa5b29
}

.validation-checkbox-error .validation-error {
    position: absolute;
    opacity: 0;
    pointer-events: none
}

.reglog {
    overflow: hidden;
    background: #fff;
    width: 100%;
    max-width: 1090px;
    height: 680px;
    margin: 0 auto;
    padding: 0;
    user-select: none;
    border-radius: 20px
}

.reglog-wrapper {
    display: flex;
    height: 100%
}

.reglog-welcome {
    position: relative;
    flex-shrink: 0;
    background: #97a9ce;
    color: #fff;
    width: 50%;
    padding: 100px 20px
}

.reglog-welcome::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    background: url('../img/reglog/welcome-app.webp') no-repeat center / cover
}

.reglog-welcome__title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center
}

.reglog-welcome__title__text {
    position: relative;
    z-index: 1;
    line-height: 1;
    margin-bottom: 10px;
    font-size: 27px;
    font-family: Onest, sans-serif;
    font-weight: 700;
    letter-spacing: .3px
}

.reglog-welcome__title__text::before {
    position: absolute;
    right: -5px;
    bottom: -5px;
    left: -5px;
    z-index: -1;
    content: '';
    background: #26e2e7;
    height: 15px;
    border-radius: 20px;
    opacity: .3
}

.reglog-welcome__info {
    position: relative;
    background: rgba(120, 175, 245, .6);
    margin: 0 -5px;
    padding: 24px 18px;
    border-radius: 20px
}

.reglog-welcome__info__title {
    margin-bottom: 5px;
    line-height: 1.3;
    font-size: 18px;
    font-family: Onest, sans-serif;
    font-weight: 400
}

.reglog-welcome__info__desc {
    line-height: 1.3;
    font-size: 14px;
    font-family: Onest, sans-serif;
    font-weight: 300;
    margin-top: 15px;
}

.reglog-welcome__info__list {
}

.reglog-welcome__info__list li {
    position: relative;
    line-height: 1.3;
    margin-bottom: 7px;
    padding-left: 18px;
    font-size: 16px;
    font-family: Onest, sans-serif;
    font-weight: 400
}

.reglog-welcome__info__list li:last-child {
    margin-bottom: 0
}

.reglog-welcome__info__list li::marker{
    display: none!important;
}

.reglog-welcome__info__list li::before {
    position: absolute;
    top: 6px;
    left: 0;
    content: '';
    background: #fff;
    width: 7px;
    height: 7px;
    border-radius: 50%
}

.reglog-main {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    color: #2a364d;
    flex-shrink: 0;
    width: 50%;
    padding: 50px 80px;
    text-align: center
}

.reglog-main__title {
    color: #2a364d;
    margin-bottom: 20px;
    font-size: 28px;
    font-family: Onest, sans-serif;
    font-weight: 700
}

.reglog-main__info {
    line-height: 1.3;
    margin-bottom: 34px
}

.reglog-main__info__text {
    font-size: 16px;
    font-family: Onest, sans-serif;
    font-weight: 500
}

.reglog-main__info__action {
    transition: .3s;
    color: #05c0cc;
    font-size: 16px;
    font-family: Onest, sans-serif;
    font-weight: 600;
    cursor: pointer
}

.reglog-main__info__action:hover {
    color: #06a6b0
}

.reglog-main__info-limit {
    display: none;
    margin-bottom: 25px
}

.reglog-main__info-limit__text {
    font-size: 16px;
    font-family: Onest, sans-serif;
    font-weight: 600
}

.reglog-main__info-limit__action {
    transition: .3s;
    color: #05c0cc;
    font-size: 16px;
    font-family: Onest, sans-serif;
    font-weight: 600;
    cursor: pointer
}

.reglog-main__info-limit__action:hover {
    color: #06a6b0
}

.reglog-form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 600px
}

.reglog-group {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 20px;
    text-align: left
}

.reglog-group:last-of-type {
    margin-bottom: 0
}

.reglog-group:hover .reglog-label {
    color: #2a364d
}

.reglog-group:focus-within .reglog-label {
    color: #2a364d
}

.reglog-label {
    transition: .3s;
    color: #2a364d;
    margin-bottom: 5px;
    font-size: 16px;
    font-family: Onest, sans-serif;
    font-weight: 700
}

.reglog-input {
    transition: .3s;
    background: 0;
    color: #2a364d;
    width: 100%;
    height: 40px;
    padding: 10px 60px 10px 10px;
    font-size: 16px;
    border: 1px solid #2a364d;
    border-radius: 5px
}

.reglog-input::placeholder {
    transition: .3s;
    color: #2a364d;
}

.reglog-input:hover {
    color: #2a364d;
    border-color: #2a364d
}

.reglog-input:focus {
    color: #2a364d;
    border-color: #2a364d
}

.reglog-input:hover::placeholder {
    color: #2a364d
}

.reglog-input:focus::placeholder {
    opacity: 0
}

.reglog-eye {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    cursor: pointer
}

.reglog-eye.is-active::before {
    opacity: 0
}

.reglog-eye.is-active::after {
    opacity: 1
}

.reglog-eye:hover::before, .reglog-eye:hover::after {
    filter: grayscale(1) brightness(120%) invert(1)
}

.reglog-eye::before {
    transition: .3s;
    opacity: 1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%238d95a3' d='M12,4.847c4.585,0,8.744,2.509,11.812,6.584c0.25,0.334,0.25,0.8,0,1.134 c-3.068,4.08-7.227,6.589-11.812,6.589c-4.585,0-8.744-2.509-11.812-6.584c-0.25-0.334-0.25-0.8,0-1.134 C3.256,7.356,7.415,4.847,12,4.847z M11.671,17.037c3.044,0.191,5.558-2.317,5.366-5.366c-0.157-2.514-2.195-4.551-4.708-4.708 C9.285,6.771,6.771,9.28,6.963,12.329C7.125,14.838,9.162,16.875,11.671,17.037z M11.823,14.71c1.64,0.103,2.995-1.247,2.887-2.887 c-0.083-1.355-1.183-2.45-2.538-2.538c-1.64-0.103-2.995,1.247-2.887,2.887C9.373,13.532,10.473,14.627,11.823,14.71z'/%3E%3C/svg%3E") no-repeat center / contain;
    width: 16px;
    height: 16px;
    margin: auto
}

.reglog-eye::after {
    transition: .3s;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%238d95a3' d='M23.81,10.92C20.74,6.84,16.59,4.33,12,4.33c-1.15,0-2.26,0.16-3.34,0.46l1.64,1.96 c0.63-0.24,1.31-0.34,2.03-0.3c2.51,0.16,4.55,2.19,4.71,4.71c0.07,1.05-0.19,2.03-0.68,2.86l2.29,2.75 c1.92-1.13,3.67-2.74,5.16-4.72C24.06,11.72,24.06,11.25,23.81,10.92z M18.65,16.77l-2.29-2.75l-1.69-2.03 c0.04-0.22,0.06-0.45,0.04-0.68c-0.08-1.36-1.18-2.45-2.54-2.54c-0.07,0-0.13-0.01-0.2-0.01L10.3,6.75L8.66,4.79L6.29,1.94 l-2.2,1.84l1.78,2.14c-2.13,1.12-4.06,2.84-5.68,5c-0.25,0.33-0.25,0.8,0,1.13c3.07,4.08,7.22,6.59,11.81,6.59 c1.36,0,2.68-0.22,3.95-0.64l2.45,2.94l2.2-1.83L18.65,16.77z M11.67,16.52c-2.51-0.16-4.55-2.2-4.71-4.71 c-0.08-1.26,0.31-2.44,1.02-3.36l1.56,1.87c-0.19,0.4-0.28,0.86-0.25,1.34c0.08,1.36,1.18,2.45,2.53,2.54 c0.31,0.02,0.61-0.01,0.89-0.09l1.56,1.88C13.49,16.38,12.61,16.58,11.67,16.52z'/%3E%3C/svg%3E") no-repeat center / contain;
    width: 16px;
    height: 16px;
    margin: auto
}

.reglog-checkbox {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.2;
    margin-top: 18px;
    text-align: left
}

.reglog-checkbox__input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.reglog-checkbox__input:checked ~ .reglog-checkbox__replace {
    background: #05c0cc;
    border-color: #05c0cc
}

.reglog-checkbox__input:checked ~ .reglog-checkbox__replace::before {
    opacity: 1
}

.reglog-checkbox__replace {
    transition: .3s;
    position: relative;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    border: 2px solid #848790;
    border-radius: 2px;
    cursor: pointer
}

.reglog-checkbox__replace:hover {
    border-color: #2a364d
}

.reglog-checkbox__replace::before {
    transition: .3s;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath fill='%23fff' d='M6.969,8.521c-0.512,0-1.024-0.195-1.414-0.585L0.294,2.675c-0.391-0.391-0.391-1.023,0-1.414 s1.023-0.391,1.414,0l5.261,5.261l5.261-5.261c0.391-0.391,1.023-0.391,1.414,0s0.391,1.023,0,1.414L8.383,7.936 C7.993,8.325,7.481,8.521,6.969,8.521z'/%3E%3C/svg%3E") no-repeat center / contain;
    width: 12px;
    height: 100%;
    margin: auto
}

.reglog-checkbox__replace::after {
    transition: .3s;
    opacity: 0;
    position: absolute;
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
    z-index: -1;
    content: '';
    background: #f0f0f0;
    border-radius: 4px
}

.reglog-checkbox__text {
    color: #2a364d;
    font-size: 12px
}

.reglog-checkbox__text a {
    transition: .3s;
    color: #05c0cc
}

.reglog-checkbox__text a:hover {
    color: #06a6b0
}

.reglog-button {
    transition: .3s;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #568FF0;
    color: #fff;
    height: 40px;
    margin-top: 18px;
    padding: 0 30px;
    font-size: 16px;
    font-family: Onest, sans-serif;
    font-weight: 500;
    border-radius: 5px
}

.reglog-button::before {
    transition: .3s;
    opacity: 1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    content: '';
    background: linear-gradient(90deg, #05C0CC 15%, #5833c2 90%);
    border-radius: inherit
}

.reglog-button::after {
    transition: .3s;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    content: '';
    background: #568ff0;
    border-radius: inherit
}

.reglog-button.is-disabled {
    background: #d6d6d6;
    color: #b9b9b9;
    pointer-events: none
}

.reglog-button.is-disabled::before {
    opacity: 0
}

.reglog-button:not(.is-disabled):hover::after {
    opacity: 1
}

.reglog-lost-password {
    transition: .3s;
    color: #05c0cc;
    margin-top: 18px;
    font-size: 16px;
    font-family: Onest, sans-serif;
    font-weight: 700;
    cursor: pointer
}

.reglog-lost-password:hover {
    color: #06a6b0
}

.lost-password {
    background: #fff;
    width: 100%;
    max-width: 470px;
    margin: 0 auto;
    padding: 0;
    user-select: none;
    border-radius: 10px
}

.lost-password-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    color: #2a364d;
    padding: 35px 30px;
    text-align: center
}

.lost-password-title {
    color: #2a364d;
    margin-bottom: 35px;
    font-size: 28px;
    font-family: Onest, sans-serif;
    font-weight: 700
}

.lost-password-desc {
    line-height: 1.3;
    margin-bottom: 30px;
    font-family: Onest, sans-serif;
    font-weight: 500
}

.lost-password-form {
    padding: 0 15px
}

.lost-password-form .reglog-button {
    width: 100%
}

.lost-password-info {
    margin-top: 30px
}

.lost-password-info__text {
    font-size: 16px;
    font-family: Onest, sans-serif;
    font-weight: 500
}

.lost-password-info__action {
    transition: .3s;
    color: #05c0cc;
    font-size: 16px;
    font-family: Onest, sans-serif;
    font-weight: 700;
    cursor: pointer
}

.lost-password-info__action:hover {
    color: #06a6b0
}

.ready {
    background: #fff;
    width: 100%;
    max-width: 360px;
    margin: 0 auto;
    padding: 0;
    user-select: none;
    border-radius: 10px
}

.ready-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    color: #2a364d;
    padding: 30px;
    text-align: center
}

.ready-icon {
    width: 54px;
    height: 54px;
    margin-bottom: 30px
}

.ready-title {
    color: #2a364d;
    margin-bottom: 20px;
    font-size: 28px;
    font-family: Onest, sans-serif;
    font-weight: 700
}

.ready-desc {
    color: #2a364d;
    line-height: 1.5;
    font-family: Onest, sans-serif;
    font-weight: 500
}

.change-password {
    background: #fff;
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
    padding: 0;
    user-select: none;
    border-radius: 10px
}

.change-password-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    color: #ced2dc;
    padding: 35px 30px;
    text-align: center
}

.change-password-icon {
    width: 54px;
    height: 54px;
    margin-bottom: 30px
}

.change-password-title {
    color: #2a364d;
    margin-bottom: 35px;
    font-size: 28px;
    font-family: Onest, sans-serif;
    font-weight: 700
}

.change-password-form {
    padding: 0 15px
}

.change-password-form .reglog-button {
    width: 100%
}

.reglog-welcome-limit {
    padding: 50px 45px
}

.reglog-welcome-limit::before {
    background: url('../img/reglog/welcome-app.webp') no-repeat center / cover
}

.reglog-welcome-register-save::before {
    background: url('../img/reglog/register_save.png') no-repeat center / cover
}

.reglog-welcome-login-color::before {
    background: url('../img/reglog/login_color.png') no-repeat center / cover
}

.reglog-welcome-login-filter::before {
    background: url('../img/reglog/login_filter.png') no-repeat center / cover
}

.reglog-welcome-login-ai::before {
    background: url('../img/reglog/login_ai.png') no-repeat center / cover
}

.reglog-welcome-limit .reglog-welcome__title {
    align-items: start;
    margin-bottom: 25px;
    text-align: left
}

.reglog-action-limit {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 10px
}

.reglog-action-limit .reglog-button {
    margin: 0
}

@media screen and (max-width: 1199px) {
    .reglog {
        max-width: 500px;
        height: auto
    }

    .reglog-main {
        padding: 40px 30px
    }

    .reglog-welcome:not(.reglog-welcome-limit) {
        display: none
    }

    .reglog-main {
        width: 100%
    }

    .lost-password-wrapper {
        padding: 40px 30px
    }

    .ready-wrapper {
        padding: 40px 30px
    }

    .change-password-wrapper {
        padding: 40px 30px
    }

    .reglog-limit {
        background: linear-gradient(115deg, #7679cf 40%, #319eef)
    }

    .reglog-limit .reglog-wrapper {
        flex-direction: column
    }

    .new-modal-func .reglog-welcome__info__title{
        display: none;
    }

    .new-modal-func .reglog-welcome__info__list{
        display: none;
    }

    .reglog-limit .reglog-welcome {
        background: 0;
        width: 100%;
        padding: 50px 30px
    }

    .reglog-limit .reglog-welcome::before {
        display: none
    }

    .reglog-limit .reglog-welcome__info {
        background: 0;
        padding: 0 30px
    }

    .reglog-limit .reglog-main {
        background: #fff;
        width: auto;
        margin: 0 30px 30px;
        padding: 25px 30px;
        border-radius: 20px
    }

    .fancybox-reglog .reglog-limit .fancybox-button {
        color: #fbfbfb
    }
}

@media screen and (max-width: 767px) {
    .reglog {
        max-width: 360px
    }

    .reglog-checkbox {
        margin-top: 30px
    }

    .reglog-checkbox__text {
        font-size: 13px
    }

    .reglog-button {
        margin-top: 30px;
        font-size: 14px
    }

    .reglog-main__title {
        margin-bottom: 15px;
        font-size: 24px
    }

    .reglog-main__warning {
        margin-bottom: 20px
    }

    .reglog-lost-password {
        margin-top: 20px
    }

    .change-password-title {
        font-size: 24px
    }

    .lost-password-title {
        font-size: 24px
    }

    .reglog-limit {
        max-width: 500px
    }
}

@media screen and (max-width: 575px) {
    .reglog {
        max-width: 100%;
        border-radius: 0
    }

    .reglog-main {
        padding: 40px 25px
    }

    .lost-password {
        max-width: 100%;
        border-radius: 0
    }

    .lost-password-form {
        padding: 0
    }

    .lost-password-wrapper {
        padding: 40px 25px
    }

    .ready {
        max-width: 100%;
        border-radius: 0
    }

    .ready-wrapper {
        padding: 40px 25px
    }

    .change-password {
        max-width: 100%;
        border-radius: 0
    }

    .change-password-form {
        padding: 0
    }

    .change-password-wrapper {
        padding: 40px 25px
    }

    .reglog-limit .reglog-welcome {
        padding: 40px 15px
    }

    .reglog-limit .reglog-welcome__info {
        padding: 0 15px
    }

    .reglog-limit .reglog-welcome__title {
        margin-bottom: 15px
    }

    .reglog-limit .reglog-welcome__title__text {
        font-size: 20px
    }

    .reglog-limit .reglog-welcome__title__text::before {
        bottom: 0;
        height: 10px
    }

    .reglog-limit .reglog-welcome__info__title {
        font-size: 16px
    }

    .reglog-limit .reglog-main {
        position: relative
    }

    .reglog-limit .reglog-main__title {
        /*display: none*/
    }

    .reglog-limit .reglog-main__info {
        /*display: none*/
    }

    .reglog-limit .reglog-main__info-limit {
        display: block
    }

    .reglog-limit .reglog-main {
        margin: 0 15px 40px;
        padding: 30px 15px;
        border-radius: 10px
    }

    .reglog-limit .reglog-button {
        margin-left: 0
    }

    .reglog-action-limit {
        flex-direction: row;
        margin-top: 0
    }

    .reglog-action-limit .reglog-lost-password {
        margin: 0 0 0 25px
    }
}

@media screen and (max-width: 375px) {
    .reglog {
        max-width: 100%
    }
}

@media screen and (max-width: 359px) {
    .reglog-limit .reglog-welcome__title__text {
        font-size: 18px
    }
}

/* page */

.page-reglog {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100%
}

@media screen and (max-width: 1199px) {
    .page-reglog {
        background: #fff
    }
}


.reglog-main-error {
    color: #fa5b29;
    font-size: 16px;
    font-family: Onest, sans-serif;
    font-weight: 500;
    margin-top: -20px;
    padding-bottom: 20px;
}

.header-user__menu_wrapper {
    display: none;
    padding: 10px;
    position: absolute;
    right: -14px;
}

.header-user__menu {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 6px;
    background-color: #2A364D;
    border-radius: 4px;
    border-width: 2px;
    border-color: #BEBEBE;
    border-style: solid;
    white-space: nowrap;
    font-size: 16px;
    font-family: Manrope;
    font-weight: 700;
}

.header-user__menu::before {
    position: absolute;
    top: -10px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -55;
    content: ''
}

.header-user__menu__link {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #D6D6D6;
    padding: 6px 10px;
    border-radius: 4px
}

.header-user__menu__link--red {
    stroke: #f14545;
    color: #f14545
}

.header-user__menu__link svg {
    color: #D6D6D6;
    fill: none;
}

.header-user__menu__link.header-user__menu__link--red svg {
    stroke: #f14545;
    color: #f14545;
    fill: none;
}

.header-user__menu__link:hover span {
    color: #00D4FF
}

.header-user__menu__link:hover svg {
    color: #00D4FF
}

.header-user:hover .header-user__menu_wrapper {
    pointer-events: all;
    display: block;
}

.reglog-welcome__title.limit {
    align-items: flex-start;
}