input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}
.db {
    display: block;
}
.bf-title {
    color: #0092bc;
    font-size: 36px;
    font-weight: 400;
    font-family: "Circe-Bold", sans-serif;
    line-height: 120%;
    margin: 0;
}

.bf-title span {
    color: #f35740;
}

.bf-container {
    width: 1210px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}
.bf-win {
    padding: 55px 0;
}
.bf-win__list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}
.bf-win__block {
    width: 25%;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 32px;
}
.bf-win__item-top {
    display: inline-flex;
    align-items: center;
    min-height: 91px;
    position: relative;
}
.bf-win__item-top span {
    bottom: 0;
    right: -34px;
    width: 45px;
    height: 45px;
    border-radius: 100%;
    position: absolute;
    z-index: 2;
    background: #f35740;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 130%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bf-win__item-title {
    margin: 14px 0 8px;
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 130%;
    font-family: "Circe-Bold", sans-serif;
}
.bf-win__item-text {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
}
.bf-win__item-text b,
.bf-win__item-text strong {
    color: #008ab7;
    font-weight: 400;
    font-family: "Circe-Bold", sans-serif;
}

.bf-rules {
    padding: 65px 0;
    overflow: hidden;
}
.bf-rules__wrapper {
    position: relative;
    width: 908px;
    max-width: 100%;
    padding: 40px 35px;
    border-radius: 40px;
    background: #f0fbfe;
    margin-top: 25px;
}
.bf-rules__text {
    max-height: 290px;
    overflow: hidden;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 130%;
    padding-right: 45px;
    overflow-y: scroll !important;
}
.bf-rules__text a {
    color: #000;
    text-decoration: underline;
}
.bf-rules__img {
    position: absolute;
    left: 100%;
    bottom: -40px;
    user-select: none;
}

.bf-rules__text::-webkit-scrollbar {
    width: 15px;
}
.bf-rules__text::-webkit-scrollbar-track {
    background: #caeeff;
    border-radius: 26px;
}
.bf-rules__text::-webkit-scrollbar-thumb {
    background: linear-gradient(245deg, #008ab7 8.49%, #00cee2 91.51%);
    border-radius: 26px;
}

.bf-view {
    display: flex;
}
.bf-view__left-btn {
    margin-top: 14px;
    width: 100%;
    border-radius: 14px;
    background: #f35740;
    height: 70px;
    text-decoration: none;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s;
    color: #fff;
    font-size: 18px;
    font-family: "Circe-Bold", sans-serif;
    font-weight: 400;
    line-height: 120%;
}
.bf-view__left-btn:hover {
    background: #bc3520;
}
.bf-view__left-title {
    color: #fff;
    font-size: 34px;
    font-weight: 400;
    line-height: 120%;
    font-family: "Circe-Bold", sans-serif;
}
.bf-view__left-text {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
    margin: 4px 0 19px;
}
.bf-view__left {
    width: 379px;
    min-width: 379px;
    margin-right: 20px;
    border-radius: 40px;
    background: #008ab7;
    padding: 40px 36px 44px;
}
.bf-view__left-icon {
    width: 70px;
    min-width: 70px;
    height: 70px;
    margin-right: 10px;
    border-radius: 14px;
    background: #caeeff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bf-view__left-icon svg {
    fill: #008ab7;
    width: 32px;
    height: 32px;
}
.bf-view__left-right {
    height: 70px;
    width: 100%;
    padding: 13px 23px;
    border-radius: 14px;
    background: #caeeff;
    color: #008ab7;
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
}
.bf-view__left-time {
    color: #008ab7;
    font-family: "Circe-Bold";
    font-size: 20px;
    font-weight: 400;
    line-height: 120%;
}
.bf-view__vk {
    width: 60px;
    height: 60px;
    transform: rotate(15.562deg);
    right: 6px;
    top: -44px;
    z-index: 3;
    transition: all 0.4s;
    display: block;
    background-image: url("/templates/annamariya/img/lottery/vk.svg");
    background-repeat: no-repeat;
    position: absolute;
}
.bf-view__vk:hover {
    opacity: 0.8;
}
.bf-view__list {
    display: flex;
}
.bf-view__left-wrapper {
    display: flex;
    position: relative;
    z-index: 2;
}

.fancybox-bg {
    background: #002f3f;
    opacity: 0.75;
}

.fancybox-slide--html .bf-modal .fancybox-close-small {
    padding: 0;
    right: 28px;
    top: 28px;
    width: 17px;
    height: 17px;
    background: url("/templates/annamariya/img/lottery/close.svg");
    opacity: 1;
    transition: all 0.4s;
}
.bf-modal .fancybox-close-small:hover {
    opacity: 0.8;
}
.bf-modal .fancybox-close-small svg {
    display: none;
}
.bf-modal {
    background: #fff;
    border-radius: 40px;
    padding: 45px;
    width: 470px;
    max-width: 100%;
}
.bf-modal__title {
    color: #000;
    font-family: "Circe-Bold";
    font-size: 30px;
    font-weight: 400;
    line-height: 120%;
}
.bf-modal__text {
    color: #000;
    font-family: "Circe-Regular";
    font-size: 20px;
    font-weight: 400;
    line-height: 130%;
    margin: 2px 0 15px;
}
.bf-modal__text span {
    color: #f35740;
}
.bf-modal__input-title {
    margin-bottom: 11px;
    color: #008ab7;
    font-size: 18px;
    font-weight: 400;
    line-height: 120%;
    font-family: "Circe-Bold";
}
.bf-modal__input-title span {
    color: #f35740;
}
.bf-modal__form {
    display: block;
}
.bf-modal__btn {
    margin-top: 20px;
    width: 100%;
    border: none;
    cursor: pointer;
    border-radius: 14px;
    background: #f35740;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s;
    color: #fff;
    font-family: "Circe-Bold";
    font-size: 18px;
    font-weight: 400;
    line-height: 120%;
    text-decoration: none;
    outline: none;
    height: 67px;
}
.bf-modal__btn:hover {
    background: #df4e38;
}
.bf-modal__input-item {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 10px;
    border: 2px solid #caeeff;
    background: #caeeff;
    transition: all 0.4s;
    color: #000;
    font-family: "Circe-Regular";
    font-size: 20px;
    font-weight: 400;
    line-height: 120%;
    padding-left: 19px;
    width: 100%;
    height: 58px;
    outline: none;
    text-align: left;
}
.bf-modal__input-item.left {
    justify-content: left;
}
.bf-modal__input-item:focus {
    border-color: #008ab7;
}
.bf-modal__input-item.input-code {
    width: 83px;
    height: 85px;
    justify-content: center;
    padding: 0;
    font-size: 32px;
    text-align: center;
}
.bf-modal__input-item::placeholder {
    color: rgba(0, 0, 0, 0.5);
}
.bf-modal__input-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.bf-modal__bottom {
    color: #000;
    text-align: center;
    font-family: "Circe-Regular";
    font-size: 18px;
    font-weight: 400;
    line-height: 120%;
    margin-top: 15px;
}
.bf-modal__bottom > span {
    color: #008ab7;
}
.bf-modal__bold {
    margin-bottom: 15px;
    color: #000;
    font-family: "Circe-Bold";
    font-size: 24px;
    font-weight: 400;
    line-height: 120%;
}
.bf-modal__label {
    margin-top: 20px;
    user-select: none;
    display: flex;
    align-items: flex-start;
    position: relative;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    cursor: pointer;
}
.bf-modal__label small {
    font-size: 16px;
}
.bf-modal__label p {
    margin: 0;
}
.bf-modal__label span {
    display: block;
    color: #008ab7;
    font-family: "Circe-Bold";
    font-size: 18px;
    font-weight: 400;
    line-height: 120%;
}
.bf-modal__label a {
    text-decoration: underline;
    color: #008ab7;
}
.bf-modal__label input {
    opacity: 0;
    width: 1px;
    height: 1px;
    left: 12px;
    top: 32px;
    position: absolute;
}
.bf-modal__label b {
    display: block;
    width: 32px;
    height: 32px;
    min-width: 32px;
    margin-right: 14px;
    border-radius: 6px;
    background: #caeeff;
    border: 1px solid #008ab7;
    position: relative;
}
.bf-modal__label b::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url("/templates/annamariya/img/lottery/check.svg");
    transition: all 0.4s;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
}
.bf-modal__label:first-child {
    margin-top: 0;
}
.bf-modal__label input:checked + b {
    background: #008ab7;
}
.bf-modal__label input:checked + b::before {
    opacity: 1;
}

.bf-profile {
    position: relative;
    overflow: hidden;
    padding: 37px 0 94px;
}
.bf-profile__title {
    margin-bottom: 18px;
    color: #008ab7;
    font-family: "Circe-ExtraBold";
    font-size: 40px;
    font-weight: 400;
    line-height: 65px;
    text-transform: uppercase;
    margin-top: 0;
}
.bf-profile__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.bf-profile__right {
    width: 280px;
}
.bf-profile__left {
    width: calc(100% - 300px);
    padding: 28px 31px 31px;
    border-radius: 40px;
    border: 2px solid #caeeff;
    background: #fff;
}
.bf-profile__tabs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 23px;
}
.bf-profile__mobile {
    display: none;
}
.bf-profile__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    border-radius: 50px;
}
.bf-profile__container {
    position: relative;
    z-index: 3;
}
.bf-profile__tab {
    user-select: none;
    display: inline-flex;
    align-items: center;
    padding: 0 23px;
    height: 70px;
    margin-right: 10px;
    border-radius: 14px;
    background: #caeeff;
    color: #008ab7;
    font-size: 18px;
    cursor: pointer;
    text-decoration: none;
    font-weight: 400;
    padding-top: 2px;
    line-height: 120%;
}
.bf-profile__tab:last-child {
	 margin-right: 0;
}
.bf-profile__tab.active {
    font-family: "Circe-Bold";
    color: #fff;
    background: #f35740;
}

.bf-modals {
    display: none;
}
.bf-profile__blue {
    border-radius: 40px;
    background: #f0fbfe;
    border: 2px solid #caeeff;
}
.bf-profile__right {
    padding: 33px 21px;
    border-radius: 40px;
    background: #008ab7;
}
.bf-profile__right-title {
    color: #fff;
    font-size: 20px;
    font-weight: 800;
    line-height: 23px;
    text-transform: uppercase;
    font-family: "Circe-ExtraBold";
}
.bf-profile__right-text {
    margin: 11px 0 148px;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    line-height: 125%;
}
.bf-profile__right-title span {
    font-size: 36px;
    line-height: 32px;
}
.bf-profile__right-btn {
    margin-top: 23px;
}
.bf-profile__right-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.bg-profile__right-icon {
    width: 59px;
    min-width: 59px;
    height: 59px;
    border-radius: 14px;
    background: #f0fbfe;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 6px;
}

.bg-profile__right-icon svg {
    width: 31px;
    min-width: 31px;
    height: 31px;
    fill: #008ab7;
}
.bf-profile__right-content {
    padding: 11px 17px;
    background: #f0fbfe;
    border-radius: 14px;
    flex-grow: 1;
}
.bf-profile__right-content span {
    display: block;
    color: #008ab7;
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
}
.bf-profile__right-content b {
    display: block;
    color: #008ab7;
    font-family: "Circe-Bold";
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
}
.bf-profile__right-redImg {
    top: -172px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none;
    user-select: none;
}
.bf-profile__right-red {
    text-align: center;
    margin-bottom: 20px;
    position: relative;
}
.bf-profile__right-redText {
    height: 34px;
    padding: 0 18px;
    border-radius: 17px;
    background: #f35740;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    text-decoration: none;
    outline: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.bf-user {
    padding: 37px 36px 53px;
}
.bf-user__img {
    width: 100px;
    min-width: 100px;
    height: 100px;
    margin-right: 12px;
}
.bf-user__content {
    padding-top: 4px;
}
.bf-user__gray {
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 120%;
    opacity: 0.5;
}
.bf-user__name {
    color: #000;
    font-size: 36px;
    font-weight: 400;
    line-height: 120%;
    font-family: "Circe-Bold";
}
.bf-user__small {
    opacity: 0.5;
    color: #000;
    font-size: 13px;
    font-weight: 400;
    line-height: 120%;
}
.bf-user__top {
    display: flex;
    align-items: flex-start;
}

.bf-user__btn {
    margin-top: 31px;
    height: 70px;
    max-width: 100%;
    padding: 27px;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    border-radius: 14px;
    border: 1px solid #f35740;
    background: #fff;
    color: #f35740;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    transition: all 0.4s;
}
.bf-user__btn svg {
    width: 18px;
    height: 18px;
    margin-right: 10px;
    fill: #f35740;
    transition: all 0.4s;
}
.bf-user__btn:hover {
    background: #f35740;
    color: #fff;
}
.bf-user__btn:hover svg {
    fill: #fff;
}

.bf-user__block {
    width: 374px;
    margin-top: 25px;
}
.bf-user__block:last-child {
    width: 248px;
    margin-right: 0;
    margin-top: 20px;
}
.bf-user__input {
    position: relative;
}
.bf-user__input.checked-active::before {
    content: "";
    position: absolute;
    right: 17px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 2;
    width: 24px;
    height: 24px;
    background-image: url("/templates/annamariya/img/lottery/checked.svg");
    background-repeat: no-repeat;
}
.bf-pays__item {
    margin-top: 15px;
    width: calc(50% - 8px);
    background: #f8feff;
    box-shadow: 0px 2px 6px 0px rgba(0, 206, 226, 0.1);
    display: flex;
}
.bf-pays__item-left {
    padding: 18px 14px 7px;
    border-right: 2px solid #f0fbfe;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    flex-grow: 1;
}
.bf-pays__item-user {
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url("/templates/annamariya/img/lottery/user.svg");
    padding-left: 16px;
}
.bf-pays__item-blue {
    margin-top: 7px;
    color: #008ab7;
}
.bf-pays__item-right {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #008ab7;
    font-family: "Circe-Bold";
    font-size: 29px;
    font-weight: 400;
    line-height: 18px;
    width: 125px;
    min-width: 125px;
}
.bf-pays__list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: -15px;
}
.bf-pays {
    padding: 24px 20px;
}
.bf-profile__tab.notification-active {
    position: relative;
}
.bf-profile__tab.notification-active::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 28px;
    height: 28px;
    background-image: url("/templates/annamariya/img/lottery/notification.svg");
}

.bf-chat {
    padding: 37px 37px 41px;
    position: relative;
}
.bf-chat__wrapper {
    border-radius: 10px;
    background: #fff;
}
.bf-chat__bottom {
    border-radius: 10px;
    height: 58px;
    border: 1px solid #caeeff;
    background: #fff;
    display: flex;
}
.bf-chat__send {
    width: 70px;
    min-width: 70px;
    height: 58px;
    border-radius: 10px;
    background: #008ab7;
    border: none;
    cursor: pointer;
    user-select: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s;
    margin-top: -1px;
    margin-right: -1px;
}
.bf-chat__send svg {
    width: 24px;
    height: 24px;
}
.bf-chat__send:hover {
    background: #027ea7;
}
.bf-chat__file {
    width: 58px;
    height: 50px;
    min-width: 58px;
    border-radius: 10px;
    background: #caeeff;
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: center;
    margin-left: 3px;
    margin-top: 3px;
    transition: all 0.4s;
}
.bf-chat__file:hover {
    background: #badeee;
}
.bf-chat__file input {
    display: none;
}
.bf-chat__file svg {
    width: 14px;
    height: 22px;
}
.bf-chat__input-wrap {
    padding: 10px;
    flex-grow: 1;
}
.bf-chat__input {
    border: none;
    background: #fff;
    height: 36px;
    padding: 0;
    font-size: 15px;
    color: #000;
    outline: none;
    font-family: "Circe-Regular";
    width: 100%;
}
.bf-chat__input::placeholder {
    color: rgba(0, 0, 0, 0.5);
}

.bf-chat__scroll {
    height: 560px;
    overflow-y: auto;
}
.bf-chat__scroll::-webkit-scrollbar,
.bf-chat__input::-webkit-scrollbar {
    width: 10px;
    border-radius: 10px;
}
.bf-chat__scroll::-webkit-scrollbar-track,
.bf-chat__input::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}
.bf-chat__scroll::-webkit-scrollbar-thumb,
.bf-chat__input::-webkit-scrollbar-thumb {
    background: #f35740;
    border-radius: 10px;
}
.bf-chat__messages-date {
    margin: 29px 0 21px;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    text-align: center;
    opacity: 0.5;
}
.bf-chat__messages-item {
    max-width: 90%;
    min-width: 250px;
    display: inline-flex;
    flex-direction: column;
    margin-top: 8px;
}
.bf-chat__messages-message {
    padding: 12px 19px;
    border-radius: 10px;
    background: #caeeff;
    text-align: left;
    position: relative;
}
.bf-chat__messages-text {
    margin-bottom: 6px;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
}
.bf-chat__messages-bottom {
    width: calc(100% - 28px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #777c85;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
}
.bf-chat__check {
    position: absolute;
    right: 19px;
    bottom: 17px;
    display: flex;
}
.post-not-readed .bf-chat__check svg.readed {
    display: none;
}
.bf-chat__messages-block {
    text-align: right;
    width: 100%;
}
.bf-chat__messages-block.answer-item {
    text-align: left;
}
.answer-item .bf-chat__messages-message {
    background: #ffeae7;
}
.bf-chat__messages {
    padding: 18px 21px;
    display: flex;
    flex-wrap: wrap;
    min-height: 100%;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
}
.bf-chat__messages-files {
    display: flex;
    flex-wrap: wrap;
    margin-left: -3px;
    margin-right: -3px;
    justify-content: flex-end;
}
.answer-item .bf-chat__messages-files {
    justify-content: flex-start;
}
.bf-chat__messages-file {
    position: relative;
    width: 65px;
    height: 50px;
    border-radius: 10px;
    font-size: 14px;
    color: #001e34;
    display: inline-flex;
    flex-direction: column;
    text-align: left;
    padding: 10px 6px 6px;
    margin: 3px;
    background: #9cd7f3;
}
.answer-item .bf-chat__messages-file {
    background: #f7bcaf;
}
.bf-chat__messages-item .bf-chat__messages-file {
    height: 40px;
    padding: 5px;
    line-height: 1.2;
    justify-content: center;
}
.bf-chat__messages-file-type {
    text-transform: uppercase;
}
.bf-chat__messages-item .bf-chat__messages-file-type {
    text-align: center;
}
.bf-chat__messages-file-name {
    font-size: 10px;
    color: #00000080;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.bf-chat #spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-100px, -100px);
}

.bf-numbers {
    padding: 37px 37px 46px;
}
.bf-numbers__tabs {
    display: inline-flex;
    padding: 3px 0 3px 3px;
    border-radius: 10px;
    border: 1px solid #caeeff;
    background: #fff;
}
.bf-numbers__tab {
    cursor: pointer;
    user-select: none;
    display: inline-flex;
    align-items: center;
    height: 50px;
    padding: 0 22px;
    border-radius: 10px;
    background: #caeeff;
    color: #008ab7;
    font-size: 20px;
    font-weight: 400;
    line-height: 120%;
	margin-right: 3px;
}
.bf-numbers__tab.active {
    color: #fff;
    background: linear-gradient(245deg, #008ab7 8.49%, #00cee2 91.51%);
}

.bf-numbers__content {
    display: none;
}
.bf-numbers__content:first-child {
    display: block;
}

.bf-numbers__item {
    display: flex;
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
    margin-top: 18px;
    width: calc(50% - 9px);
    height: 112px;
}
.bf-numbers__item-img {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}
.bf-numbers__item-left {
    position: relative;
    width: 154px;
    padding: 17px 10px 17px 20px;
    position: relative;
    background: #008ab7;
    border-radius: 10px 0 0 10px;
}
.bf-numbers__item-left span {
    color: #fff;
    font-family: "Circe-Bold";
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    display: block;
    position: relative;
    z-index: 2;
}
.bf-numbers__item-left p {
    opacity: 0.75;
    margin: 0 0 1px;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    line-height: 120%;
    position: relative;
    z-index: 2;
}

.bf-numbers__item-right {
    padding: 17px 19px;
    position: relative;
    width: calc(100% - 154px);
}
.bf-numbers__item-right span {
    display: block;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    opacity: 0.5;
}
.bf-numbers__item-right p {
    margin: 2px 0 6px;
    color: #000;
    font-family: "Circe-Bold";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}
.bf-numbers__item-right small {
    display: block;
    color: #008ab7;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.bf-numbers__item-left::after {
    content: "";
    width: 14px;
    height: 114px;
    position: absolute;
    right: -7px;
    top: 0;
    z-index: 2;
    background-image: url("/templates/annamariya/img/lottery/circles.svg");
}
.bf-numbers__item-link {
    right: 20px;
    bottom: 20px;
    z-index: 3;
    position: absolute;
    text-decoration: none;
    outline: none;
    display: inline-flex;
    background-image: url("/templates/annamariya/img/lottery/arrow-blue.svg");
    width: 14px;
    height: 12px;
}
.bf-numbers__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 2px;
}

.green-color .bf-numbers__item-left {
    background: #3fa600;
}
.green-color .bf-numbers__item-right small {
    color: #3fa600;
}
.red-color .bf-numbers__item-left {
    background: #f35740;
}
.red-color .bf-numbers__item-right small {
    color: #f35740;
}
.lilac-color .bf-numbers__item-left {
    background: #da40f3;
}
.lilac-color .bf-numbers__item-right small {
    color: #da40f3;
}
.gray-color .bf-numbers__item-left {
    background: #929292;
}
.gray-color .bf-numbers__item-right p {
    margin-bottom: 0;
}
.gray-color .bf-numbers__item-right small {
    color: #929292;
    margin-top: 21px;
}
.bf-numbers__item-right small {
    font-family: "Circe-Bold";
}
.bf-numbers__item-right small span {
    font-family: "Circe";
    font-size: 13px;
}

.bf-form {
    position: relative;
    z-index: 3;
}

.bf-form__list {
    display: flex;
    border-radius: 40px;
    background: #f0fbfe;
    overflow: hidden;
}
.bf-form__wrapper {
    border-radius: 40px;
    border: 2px solid #caeeff;
    background: #fff;
    padding: 31px;
}

.bf-form__left {
    width: calc(100% - 266px);
}
.bf-form__right::before {
    content: "";
    position: absolute;
    left: -17px;
    top: 0;
    width: 34px;
    height: 277px;
    background-image: url("/templates/annamariya/img/lottery/bf-form__before.svg");
    z-index: 2;
}
.bf-form__right {
    background: #008ab7;
    width: 266px;
    padding: 29px 30px;
    position: relative;
}
.bf-form__right-btn {
    width: 100%;
    height: 60px;
    padding: 0;
    font-size: 18px;
    margin-top: 34px;
    border-radius: 14px;
}
.bf-form__right-item {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    justify-content: space-between;
    display: flex;
    align-items: flex-end;
    position: relative;
    margin-top: 14px;
    overflow: hidden;
}
.bf-form__right-title,
.bf-form__right-item b {
    color: #fff;
    font-family: "Circe-Bold";
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}
.bf-form__right-item b {
    position: relative;
    padding-left: 9px;
    white-space: nowrap;
    z-index: 2;
    background: #008ab7;
    bottom: -8px;
}
.bf-form__right-item > span {
    padding-right: 9px;
    white-space: nowrap;
    position: relative;
    z-index: 2;
    background: #008ab7;
}
.bf-form__right-item small {
    font-size: 16px;
    white-space: nowrap;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}
.bf-pl {
    padding-left: 9px;
    padding-right: 0;
}
.bf-form__bold {
    margin-bottom: 10px;
    color: #000;
    font-family: "Circe-Bold";
    font-size: 20px;
    font-weight: 400;
    line-height: 120%;
}
.bf-form__label {
    margin-right: 18px;
    width: calc(25% - 18px);
    cursor: pointer;
    user-select: none;
    display: flex;
    align-items: center;
    height: 70px;
    padding: 0 12px;
    position: relative;
}
.bf-form__label b {
    display: block;
    width: 20px;
    height: 20px;
    min-width: 20px;
    border-radius: 100%;
    margin-right: 9px;
    border: 1px solid #c8c8c8;
    transition: all 0.4s;
    position: relative;
    z-index: 2;
}
.bf-form__label b::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    border-radius: 100%;
    transition: all 0.4s;
    background: #c8c8c8;
}
.bf-form__label input {
    display: none;
}
.bf-form__label svg {
    display: block;
    max-width: 100%;
    max-height: 30px;
    height: auto;
    position: relative;
    z-index: 2;
}
.bf-form__label span {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all 0.4s;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #c8c8c8;
}
.bf-form__label input:checked + b {
    border-color: #f35740;
}
.bf-form__label input:checked + b::before {
    background: #f35740;
}
.bf-form__label input:checked + b + span {
    border-color: #f35740;
}
.bf-form__left {
    padding: 30px 77px 33px 36px;
}
.bf-form__labels {
    display: flex;
    flex-wrap: wrap;
    margin-right: -18px;
}
.bf-form .bf-modal__input-item {
    margin: 0;
    height: 58px;
    padding-left: 15px;
    font-size: 20px;
    font-family: "Circe-Regular";
    font-weight: 400;
}
.bf-form__blocks {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.bf-form__block {
    margin-top: 18px;
}
.bf-form__block:nth-child(1) {
    width: 295px;
}
.bf-form__block:nth-child(2) {
    width: 162px;
}
.bf-form__block:nth-child(3) {
    width: 217px;
}
.bf-form__numbers {
    display: flex;
    border-radius: 10px;
    border: 1px solid #caeeff;
    background: #fff;
    padding: 3px;
    justify-content: space-between;
}
.bf-form__number {
    width: 55px;
    height: 50px;
}
.bf-form__number input {
    display: none;
}
.bf-form__number span {
    display: flex;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: #caeeff;
    color: #008ab7;
    font-size: 20px;
    font-style: normal;
    font-family: "Circe-Bold";
    font-weight: 400;
    line-height: 120%;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    user-select: none;
}
.bf-form__number input:checked + span {
    background: linear-gradient(245deg, #008ab7 8.49%, #00cee2 91.51%);
    color: #fff;
}
.bf-form__right {
    z-index: 2;
}
.bf-form__right-decor {
    display: none;
}

.bf-main {
    padding: 37px 0 127px;
    position: relative;
    overflow: hidden;
    border-radius: 50px;
    background: #f0fbfe;
}
.bf-main__title {
    color: #008ab7;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    font-family: "Circe-ExtraBold";
    line-height: 65px;
    text-transform: uppercase;
}
.bf-main__title h1 {
    font-size: 40px;
    font-weight: 400;
    font-family: "Circe-ExtraBold";
    line-height: 65px;
}
.bf-main__text {
    margin-bottom: 23px;
    width: 723px;
    max-width: 100%;
    color: #008ab7;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
}
.bf-main__prices {
    display: flex;
    align-items: flex-start;
}
.bf-main__price {
    display: flex;
    align-items: center;
    margin-right: 20px;
}
.bf-main__price img {
    margin-right: 9px;
}
.bf-main__price p {
    background: linear-gradient(245deg, #008ab7 8.49%, #00cee2 91.51%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    margin: 0;
}
.bf-main__price span {
    display: block;
    font-family: "Circe-Bold";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
}

.bf-main__bottom {
    margin-top: 33px;
    display: flex;
    align-items: flex-end;
}
.bf-main__btn {
    height: 70px;
    display: inline-flex;
    padding: 0px 44px;
    width: auto;
    font-size: 18px;
    font-weight: 400;
    margin: 0 15px 0 0;
}
.bf-main__btn.blue-color {
    background: #008ab7;
    color: #fff;
    font-family: "Circe-Regular";
    margin: 0;
    padding: 0 27px;
	margin-right: 220px;
}
.bf-main__btn.blue-color span {
    margin-top: 3px;
    display: block;
}
.bf-main__buttons {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 5;
}
.bf-main__btn.blue-color svg {
    width: 14px;
    margin-right: 10px;
    height: 16px;
    fill: #fff;
}
.bf-main__btn.blue-color:hover {
    background: rgb(170, 208, 225);
}
.bf-main .bf-profile__right-flex {
    margin: 0 0 0 auto;
}
.bf-main .bg-profile__right-icon {
    background: #008ab7;
    width: 70px;
    height: 70px;
    min-width: 70px;
    margin-right: 10px;
}
.bf-main .bg-profile__right-icon svg {
    fill: #caeeff;
    width: 32px;
    height: 32px;
}
.bf-main .bf-profile__right-content span {
    color: #caeeff;
    width: 100%;
}
.bf-main .bf-profile__right-content {
    background: #008ab7;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    height: 70px;
}
.bf-main .bf-profile__right-content span {
    font-size: 14px;
}
.bf-main .bf-profile__right-content b {
    font-size: 22px;
}

.bf-main__red {
    padding: 0 19px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    border-radius: 22px;
    background: #f35740;
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    white-space: nowrap;
    font-weight: 400;
    line-height: 120%;
    position: relative;
    z-index: 3;
}

.bf-form {
    position: relative;
    margin-top: -113px;
    z-index: 3;
}
.bf-main__left {
    position: absolute;
    left: 0;
    bottom: 0;
    user-select: none;
    pointer-events: none;
}
.bf-main__right {
    position: absolute;
    right: 0;
    bottom: 0;
    user-select: none;
    pointer-events: none;
}
.bf-main .bf-container {
    position: relative;
    z-index: 3;
}
.bf-main__center {
    position: relative;
    z-index: 1;
    margin-left: 110px;
    margin-right: auto;
}
.bf-main .bf-profile__right-flex {
    margin: 0;
    position: relative;
    z-index: 3;
}
.bf-main__smile {
    position: absolute;
    right: -350px;
    bottom: 6px;
    z-index: 2;
    pointer-events: none;
    user-select: none;
}
.bf-main__change-bottom {
    bottom: -53px;
    left: -27px;
    position: absolute;
    z-index: 1;
    animation: linear 5s infinite slidein;
}
.bf-main__change-top {
    left: calc(100% + 55px);
    bottom: calc(100% + 12px);
    position: absolute;
    z-index: 1;
    animation: linear 5s infinite slideto;
}
.bf-main__decor {
    position: absolute;
    z-index: 0;
    bottom: calc(100% + 80px);
    right: -265px;
    user-select: none;
    pointer-events: none;
}

@keyframes slidein {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-30px);
    }
    100% {
        transform: translateY(0px);
    }
}
@keyframes slideto {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(20px);
    }
    100% {
        transform: translateY(0px);
    }
}

.bf-main__title,
.bf-main__text,
.bf-main__prices {
    position: relative;
    z-index: 3;
}

.bf-view__item {
    border-radius: 40px;
    overflow: hidden;
    background: #f0fbfe;
}
.bf-view__slide {
    padding-right: 20px;
}
.bf-view__item-img {
    height: 205px;
    width: 100%;
    object-fit: cover;
}

.bf-view__item-wrapper {
    padding: 15px 25px 24px;
}
.bf-view__item-bold {
    margin-bottom: 2px;
    color: #008ab7;
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
}
.bf-view__item-icon svg {
    width: 17px;
    height: 17px;
    fill: #008ab7;
}
.bf-view__item-icon {
    width: 37px;
    min-width: 37px;
    height: 37px;
    border-radius: 8px;
    background: #caeeff;
    margin-right: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bf-view__item-time {
    height: 37px;
    width: 100%;
    display: flex;
    align-items: center;
    padding-left: 12px;
    color: #008ab7;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    white-space: nowrap;
    background: #caeeff;
    border-radius: 8px;
    padding-top: 2px;
}
.bf-view__item-date {
    display: flex;
}
.bf-view__item-blue {
    height: 37px;
    width: 100%;
    display: flex;
    align-items: center;
    padding-left: 12px;
    padding-right: 12px;
    color: #008ab7;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    white-space: nowrap;
    background: #caeeff;
    border-radius: 8px;
    padding-top: 2px;
}
.bf-view__item-block {
    margin-right: 8px;
}
.bf-view__item-list {
    display: flex;
}
.bf-view__item-wrapper {
    position: relative;
}
.bf-view__item-play {
    right: 15px;
    bottom: 15px;
    position: absolute;
    filter: blur(6.5px);
    transform: rotate(16.858deg);
}
.bf-view__right {
    width: calc(100% - 400px);
}
.bf-view__slider {
    width: 1580px;
    min-width: 1580px;
}
.bf-view {
    overflow: hidden;
}
.bf-view__item-list {
    margin-top: 9px;
}

.bf-raffles .bf-main__text {
    margin: -7px auto 20px !important;
    width: 700px;
    max-width: 100%;
}
.bf-raffles .bf-main__title {
    color: #008ab7;
    margin: 0 !important;
}
.bf-raffles {
    overflow: hidden;
    position: relative;
    padding: 37px 0 211px;
    border-radius: 50px;
    background: #f0fbfe;
    text-align: center;
}

.bf-raffles__btn {
    padding: 0 27px;
    height: 70px;
    border-radius: 14px;
    background: #008ab7;
    text-decoration: none;
    outline: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: all 0.4s;
    color: #fff;
    font-family: "Circe-Bold";
    font-size: 18px;
    font-weight: 400;
    line-height: 120%;
    border: none;
    cursor: pointer;
}
.bf-raffles__btn:hover {
    background: #02789f;
}
.bf-raffles .bf-container {
    position: relative;
    z-index: 2;
}
.bf-raffles__btn svg {
    margin-right: 10px;
    width: 14px;
    height: 16px;
}
.bf-raffles__btn span {
    margin-top: 3px;
    display: block;
}
.bf-raffles__img {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    display: block;
}

.bf-raffles {
    background: #f0fbfe;
}

.bf-bonus {
    position: relative;
    z-index: 3;
    margin-top: -186px;
}
.bf-bonus__item {
    background: #fff;
    border-radius: 40px;
    border: 2px solid #caeeff;
    padding: 31px;
    display: flex;
    margin-top: 20px;
}
.bf-bonus__item:first-child {
    margin-top: 0;
}
.bf-bonus__item-left {
    border-radius: 40px;
    background: #008ab7;
    padding: 28px 35px 35px;
    width: 267px;
    min-width: 267px;
    flex-direction: column;
    display: flex;
    justify-content: center;
    align-content: center;
}
.bf-bonus__item-center img {
    border-radius: 40px 0 0 40px;
    object-fit: cover;
    display: block;
    width: 100%;
    height: 100%;
}
.bf-medal {
    margin-top: 12px;
    display: flex;
    align-items: center;
}
.bf-medal__img {
    width: 42px;
    min-width: 42px;
    margin-right: 9px;
}
.bf-medal__title {
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    line-height: 125%;
}
.bf-medal__price {
    color: #fff;
    font-family: "Circe-Bold";
    font-size: 20px;
    font-weight: 400;
    line-height: 125%;
}
.bf-bonus__item-title {
    color: #fff;
    font-family: "Circe-Bold";
    font-size: 32px;
    font-weight: 400;
    line-height: 120%;
}
.text-center {
    text-align: center;
}
.bf-bonus__item-link {
    color: #84e1ff;
    font-size: 12px;
    font-weight: 400;
    line-height: 120%;
    text-decoration-line: underline;
}
.bf-bonus__item-btn {
    height: 60px;
    width: 100%;
    font-size: 18px;
    margin: 17px 0 12px;
}
.bf-bonus__item-text {
    margin-bottom: 17px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
}
.bf-bonus__date-title {
    color: #008ab7;
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
}
.bf-bonus__date-content {
    color: #008ab7;
    font-family: "Circe-Bold";
    font-size: 18px;
    font-weight: 400;
    line-height: 120%;
}
.bf-bonus__item-right {
    position: relative;
    border-radius: 0 40px 40px 0;
    background: #008ab7;
    padding: 20px 28px 20px 35px;
    width: 266px;
    min-width: 266px;
}
.bf-bonus__date {
    padding: 14px;
    border-radius: 14px;
    background: #caeeff;
}
.bf-bonus__decor {
    position: absolute;
    left: 0;
    pointer-events: none;
    z-index: 2;
    top: 0;
    height: 100%;
}
.bf-bonus__decor-desktop {
    height: 100%;
    width: auto;
    position: relative;
    right: 50%;
}
.bf-bonus__decor-mobile {
    display: none;
}
.bf-bonus__item-center {
    width: calc(100% - 267px - 266px);
    position: relative;
}
.bf-bonus__item-number {
    top: 28px;
    left: 27px;
    position: absolute;
    z-index: 3;
    height: 33px;
    padding: 0 15px;
    border-radius: 55px;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(9.25px);
    color: #008ab7;
    font-size: 12px;
    font-weight: 400;
    line-height: 125%;
    display: inline-flex;
    align-items: center;
}
.color-red .bf-bonus__item-left,
.color-red .bf-bonus__item-right {
    background: #f2563f;
}
.color-blue .bf-bonus__item-left,
.color-blue .bf-bonus__item-right {
    background: #4266e3;
}
.color-dark-red .bf-bonus__item-left,
.color-dark-red .bf-bonus__item-right {
    background: #f03b3b;
}
.color-dark-pink .bf-bonus__item-left,
.color-dark-pink .bf-bonus__item-right {
    background: #99276c;
}
.color-red .bf-bonus__item-btn,
.color-dark-red .bf-bonus__item-btn {
    background: #008ab7;
}
.color-red .bf-bonus__item-btn:hover,
.color-dark-red .bf-bonus__item-btn:hover {
    background: #04779e;
}
.color-red .bf-bonus__item-link,
.color-dark-red .bf-bonus__item-link {
    color: #ffdcd7;
}
.bf-view__item-btn {
    margin-top: 10px;
    width: 100%;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    outline: none;
    transition: all 0.4s;
    border-radius: 8px;
    background: #008ab7;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 120%;
}
.bf-view__item-btn:hover {
    background: #057ba3;
}
.bf-select {
    margin-top: 20px;
    display: flex;
    align-items: center;
}
.bf-select__title {
    margin-right: 14px;
    color: #808080;
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
}
.bf-select__block::before {
    content: "";
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background-image: url("/templates/annamariya/img/lottery/select.svg");
    background-repeat: no-repeat;
    z-index: 3;
    pointer-events: none;
}
.bf-select__block {
    position: relative;
    width: 263px;
}
.bf-select__block select {
    padding-left: 15px;
    width: 100%;
    border-radius: 10px;
    background: #caeeff;
    height: 50px;
    color: #008ab7;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    border: none;
    cursor: pointer;
    outline: none;
    appearance: none;
}

.bf-main .bf-main__title {
    display: inline-flex;
    position: relative;
}
.bf-bonus__item-number {
    white-space: nowrap;
}
.bf-main .bf-bonus__item-number {
    top: 13px;
    left: calc(100% + 6px);
    border-radius: 55px;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(9.25px);
    font-weight: 400;
    font-family: "Circe-Regular";
}
.bf-main__title h1 {
    margin: 0;
}
.slick-track {
    margin-left: unset;
    margin-right: unset;
}
.input-error .form-error {
    position: absolute;
    font-size: 12px;
    color: red;
}
.bf-modal .input-error .form-error {
    position: relative;
    line-height: 1.1;
    padding-top: 5px;
}
.bf-profile__logout-btn {
    font-weight: 700;
    font-size: 18px;
    color: #f35740;
    padding: 0 27px;
    height: 70px;
    background: #ffffff;
    border: 1px solid #f35740;
    border-radius: 14px;
    text-decoration: none;
    outline: none;
    cursor: pointer;
}

.bf-chat__form-images {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    z-index: 10;
    background: white;
    border: 1px solid #caeeff;
    border-radius: 10px;
}
.bf-chat__delete-file {
    position: absolute;
    background: none;
    border: none;
    padding: 0;
    display: block;
    width: 20px;
    height: 20px;
    right: 0;
    top: 0;
}
.bf-chat__delete-file svg {
    width: 20px;
    height: 20px;
}
.nr-alert > h3 {
    margin: 0;
    color: #008ab7;
}
.nr-alert.alert-error > h3 {
    color: red;
}
.nr-alert.alert-success > h3 {
    color: green;
}
.nr-alert.alert-warning > h3 {
    color: darkorange;
}
.nr-alert .text {
    margin-top: 10px;
}
.bf-profile__right-content b.light {
    color: #caeeff;
}

.bonus .bf-form__right-item {
    line-height: 100%;
    margin-top: 10px;
}
.bonus .bf-form__right-btn {
    margin-top: 20px;
}
.hidden {
    display: none;
}
.lot-info {
    background: #f0fbfe;
    border-radius: 40px;
    padding: 37px;
}
.lot-info__item {
    background: #ffffff;
    border: 1px solid #caeeff;
    padding: 18px 24px;
    border-radius: 10px;
    margin-left: -1px;
}
.lot-info__icon {
    width: 48px;
    min-width: 48px;
    height: 48px;
    background: url("../../img/lottery/info_1.png");
    margin-right: 8px;
}
.lot-info__icon.fin2 {
    background: url("../../img/lottery/info_2.png");
}
.lot-info__icon.promo1 {
    background: url("../../img/lottery/info_3.png");
}
.lot-info__icon.promo2 {
    background: url("../../img/lottery/info_4.png");
}
.lot-info__icon.partner1 {
    background: url("../../img/lottery/info_5.png");
}
.lot-info__icon.partner2 {
    background: url("../../img/lottery/info_6.png");
}
.lot-info__title {
    font-size: 14px;
    font-weight: 700;
    line-height: 16.8px;
    color: #f35740;
}
.lot-info__text {
    font-size: 13px;
    font-weight: 400;
    line-height: 15.6px;
}
.step-app > .step-steps {
    margin: 0;
    padding: 0;
    overflow: hidden;
    margin-bottom: 20px;
}
.step-app > .step-steps > li {
    display: block;
    font-size: 15px;
    font-weight: 700;
    list-style: none;
    padding: 6px 15px;
    border-radius: 15.5px;
    background: #a7e3ff;
    color: #008ab7;
    margin-right: 10px;
    opacity: 0.5;
    cursor: pointer;
}
.step-app > .step-steps > li.active,
.step-app > .step-steps > li.done {
    opacity: 1;
}
.step-app > .step-steps > li.error {
    background-color: #e7505a;
    opacity: 1;
}
.step-app > .step-content > .step-tab-panel {
    display: none;
}
.step-app > .step-content > .step-tab-panel.active {
    display: block;
}
.step-content {
    margin-bottom: 33px;
}
.bf-finance {
    padding: 37px;
}
.bf-finance__title {
    font-size: 18px;
    font-weight: 700;
    line-height: 21.6px;
    margin-bottom: 10px;
}
.btn-square {
    width: 200px;
    font-size: 18px;
    font-weight: 700;
    line-height: 21.6px;
    color: #fff;
    background: #f35740;
    padding: 23px 27px;
    border: none;
    border-radius: 14px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
}
a.btn-square {
    display: inline-block;
}
.btn-blue {
    background: #008ab7;
}
.btn-green {
    background: #3fa600;
}
.step-footer > button {
    margin-right: 10px;
}
.form-block {
    width: calc(50% + 10px);
    padding: 0 10px;
    margin: 0 -5px;
}
.bf-modal__input {
    width: calc(100% + 5px);
    padding: 0 5px;
}
.form-row {
    width: calc(100% + 10px);
    margin: 0 -5px;
    margin-bottom: 20px;
}

.input-file {
    position: relative;
    display: inline-block;
}
.input-file__text {
    font-size: 16px;
    font-weight: 400;
    line-height: 58px;
    width: 210px;
    height: 58px;
    border-radius: 10px;
    padding: 0 16px;
    border: 1px solid #caeeff;
    background: #caeeff;
    opacity: 0.5;
    overflow: hidden;
    position: relative;
}
.is-file .input-file__text {
    opacity: 1;
}
.input-file__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.input-file__item span {
    text-overflow: ellipsis;
    margin-right: 5px;
    display: block;
    overflow: hidden;
	white-space: nowrap;
}
.input-file__item a {
    display: block;
    flex-shrink: 1;
}
.input-file__item img {
    display: block;
}
.input-file__btn {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #008ab7;
    padding: 18px 27px;
    border-radius: 14px;
    border: 1px solid #008ab7;
    background: #fff;
    margin-left: 5px;
    cursor: pointer;
}
.input-btn__red {
    color: #f35740;
    border: 1px solid #f35740;
    margin-left: 5px;
}
.input-file input[type="file"] {
    position: absolute;
    z-index: -1;
    opacity: 0;
    display: block;
    width: 0;
    height: 0;
}
.form-70 {
    width: 70%;
}
.form-30 {
    width: 30%;
}
.form-red .bf-modal__input-title {
    color: #f35740;
}
.form-red .bf-modal__input-item {
    font-weight: 700;
    background: #ffe8e4;
    border: 1px solid #ffe8e4;
}
.form-text {
    font-size: 12px;
    font-weight: 400;
    line-height: 14.4px;
    color: #5a5a5a;
    margin-left: 6px;
    margin-bottom: 8px;
}
.form-text span {
    color: #f35740;
}
.form-text p {
    margin: 0;
}
.step-successfully-verified {
    width: 70%;
    background: #fff;
    padding: 9px 14px;
    border-radius: 10px;
    margin-bottom: 20px;
}
.step-successfully-verified__text {
    margin-left: 10px;
}
.step-successfully-verified__text span {
    color: #3ec029;
}
.step-successfully-verified__text p {
    margin: 0;
}
.step-info {
    max-width: 480px;
    text-align: center;
    margin: auto;
}
.step-info__text p {
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
    margin-top: 6px;
}
.step-info__text strong {
    font-size: 24px;
    font-family: "Circe-Bold";
    line-height: 29px;
    color: #008ab7;
}
.step-info img {
    margin-bottom: 10px;
}
.step-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.screen-img {
    display: block;
    margin: 20px auto 10px;
}
.order-screen-title {
    font-family: "Circe-Bold";
    font-size: 24px;
    line-height: 1.2;
    text-align: center;
    margin: 0 auto 6px;
    max-width: 465px;
    color: #008ab7;
}
.order-screen-title.error {
    color: #f35740;
}
.order-screen-title.promo {
    max-width: 440px;
}
.order-screen-description {
    font-size: 20px;
    line-height: 1.2;
    text-align: center;
    color: #000;
    margin: 0 auto 20px;
    max-width: 490px;
}
.custom-message h3 {
    font-family: "Circe-Bold";
    font-size: 30px;
    line-height: 1.2;
    text-align: center;
    margin: 0;
    color: #008ab7;
}
.custom-message.error h3 {
    color: #f35740;
}
.custom-message p {
    font-size: 20px;
    line-height: 1.3;
    text-align: center;
    margin: 0 0 9px;
}
.modal-img {
    display: block;
    margin: 0 auto;
}
.custom-message .bf-modal__btn {
    margin-top: 0;
}
.promo-targets {
    align-items: flex-start;
}
.promo-targets__left {
    width: calc(100% - 164px);
    background: #ffffff;
    border: 1px solid #caeeff;
    border-radius: 25px;
    padding: 25px;
    line-height: 1.2;
    font-size: 14px;
}
.promo-targets__header {
    height: 38px;
    border: 1px solid #caeeff;
    background: #f0fbfe;
    border-radius: 6px;
}
.promo-targets__header > div {
    padding: 0 10px;
}
.promo-target > div {
    padding: 10px;
}
.promo-targets__header > div:nth-child(1),
.promo-target > div:nth-child(1) {
    width: 63px;
}
.promo-targets__header > div:nth-child(2),
.promo-target > div:nth-child(2) {
    width: 90px;
}
.promo-targets__header > div:nth-child(3),
.promo-target > div:nth-child(3) {
    width: calc(100% - 243px);
}
.promo-targets__header > div:nth-child(4),
.promo-target > div:nth-child(4) {
    width: 90px;
}
.promo-target {
    background: #fefefe;
    border: 1px solid #caeeff;
    border-radius: 6px;
}
.promo-target__title {
    font-size: 13px;
}
.promo-target__title .action {
    color: #f35740;
    font-size: 14px;
    font-family: "Circe-Bold";
}
.checkbox > input[type="checkbox"] + i:before {
    left: 0;
    right: auto;
}
.checkbox > input[type="checkbox"] + i:after {
    left: 1px;
    right: auto;
}
.checkbox > input[type="checkbox"]:checked + i:after {
    left: 23px;
    right: auto;
}
.promo-targets__right {
    width: 140px;
    background: #008ab7;
    border: 2px solid #caeeff;
    border-radius: 40px;
    padding: 16px;
    margin-left: 24px;
    flex-shrink: 0;
}
.input-buttons-block button {
    width: 20px;
    height: 20px;
    padding: 0;
}
.input-buttons-block input {
    width: 30px;
    height: 20px;
    background: #ffffff;
    border: 1px solid #caeeff;
    border-radius: 6px;
    color: #a7e3ff;
    text-align: center;
}
.input-buttons-block.active input {
    color: black;
}
.promo-targets__counter {
}
.promo-targets__counter .label {
    font-size: 16px;
    line-height: 1.2;
    color: #caeeff;
    margin-bottom: 2px;
}
.promo-targets__counter .value {
    padding: 3px 6px;
    background: #caeeff;
    border-radius: 11px;
    font-size: 14px;
    line-height: 1.2;
    color: #008ab7;
    margin-bottom: 11px;
}
.promo-targets__counter .value span {
    color: #f35740;
}
.promo-targets__counter.total .label {
    font-family: "Circe-Bold";
    font-size: 16px;
    color: #ffffff;
}
.promo-targets__counter.total .value {
    background: #f0fbfe;
    color: #f35740;
    margin-bottom: 0;
}
.modal-buttons-group button:not(:last-child) {
    margin-bottom: 7px;
}
.screen_buttons {
    text-align: center;
    margin-bottom: -30px;
}
.slots-counter {
    text-align: center;
}
.slots-counter__counter {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 6px 17px;
    gap: 10px;
    height: 34px;
    background: #caeeff;
    border-radius: 26px;
    /* margin: 0 auto 10px; */
}
.slots-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.bf-modal__btn.btn-short {
    width: calc(50% - 3.5px);
    margin-bottom: 7px;
}
.slots-wrap {
    position: relative;
}
.slots-wrap__background {
    margin-right: -33px;
    margin-left: -16px;
}
.slots-wrap__background img {
    width: 100%;
}
.slots-wrap__inputs,
.slots-wrap__reels {
    position: absolute;
    top: 74px;
    left: 27px;
    right: 44px;
    height: 59px;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}
.slots-wrap__inputs.disabled,
.slots-wrap__reels.disabled {
    display: none;
}
.slots-wrap__inputs input {
    font-family: Circe-Regular, sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 59px;
    color: #825707;
    text-align: center;
    padding: 0;
    width: 26px;
    background: none;
    border: none;
}
.slots-wrap__reels ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 26px;
    height: 59px;
    line-height: 59px;
    text-align: center;
    font-size: 40px;
    color: #825707;
    font-weight: 700;
}
.slots-wrap__reels li {
    margin: 0;
    padding: 0;
}
.slots-wrap__message {
    padding: 0 15px 0 0;
    position: absolute;
    height: 34px;
    background: #f35740;
    border-radius: 26px;
    display: none;
    font-size: 16px;
    color: white;
    left: 50%;
    bottom: 39px;
    transform: translateX(-50%);
}
.slots-wrap__message.visible {
    display: flex;
    align-items: center;
    gap: 5px;
}
.slots-note {
    font-size: 13px;
    line-height: 1.3;
    text-align: center;
    color: #f35740;
    margin-top: 10px;
}
.partner-link-title {
	font-weight: 700;
	font-size: 18px;
	line-height: 1.2;
	color: #000000;
	margin-bottom: 12px;
}
.partner-link {
    height: 58px;
    padding: 10px 40px 10px 17px;
    background: #CAEEFF;
    border: 1px solid #CAEEFF;
    border-radius: 10px;
    font-size: 15px;
    line-height: 1.2;
    color: #000000;
    position: relative;
}
.partner-link button {
    width: 28px;
    height: 28px;
    position: absolute;
    padding: 0;
    border: none;
    top: 50%;
    margin-top: -14px;
    background: none;
    right: 17px;
}
.partner-stat {
    line-height: 1.2;
    width: 100%;
    margin-top: 23px;
	margin-bottom: 20px;
}
.partner-stat__left {
	font-size: 13px;
	color: #000000;
}
.partner-stat__block {
	height: 80px;
	background: #FFFFFF;
	border: 1px solid #CAEEFF;
	border-radius: 10px;
	padding: 5px 18px;
	-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.partner-stat__data {
	font-weight: 700;
	font-size: 24px;
	
	color: #F35740;
}
.block2 .partner-stat__data{
	color: #008AB7;
}
.partner-stat__right {
    padding-left: 15px;
    flex-grow: 1;
	min-width: 180px;
}
.btn-square.full {
    width: 100%;
    font-size: 15px;
    height: 55px;
    padding: 0 15px;
	margin-bottom: 7px;
	line-height: 1.1;
}
.partner-stat__taxes {
    color: #008AB7;
    text-align: center;
    margin: 0;
    font-size: 12px;
    line-height: 13px;
}
.partner-stat__taxes a {
    display: inline-block;
    vertical-align: middle;
}
.partner__contents {
    margin-top: 20px;
}

.table-responsive {
	border: 1px solid #CAEEFF;
	border-radius: 10px;
	overflow: hidden;
	border-collapse: separate;
}
.table-responsive label {
	display: none;
}
.table-responsive tr, .table-responsive tr:nth-child(odd) {
	background: white;
}
.table-responsive th {
    background: #CAEEFF;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2;
    padding: 12px 17px;
}
.table-responsive th:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.table-responsive th:last-child {
	border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.table-responsive td {
	border-bottom: 1px solid #CAEEFF;
}
.table-responsive tr:last-child td {
	border-bottom: none;
}
.table-responsive td {
    padding: 13px 17px;
    line-height: 1;
}
.table-responsive td:first-child {
	width: 8%;
}
.table-responsive td:last-child {
	width: 10%;
	white-space: nowrap;
}
.table-responsive .red {
	color: #F35740;
}
.pagination {
	display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
	list-style: none;
	font-size: 19px;
}
.pagination li {
	display: block;
}
.pagination a, .pagination span {
	min-width: 26px;
    height: 26px;
	text-decoration: none;
	padding: 0 3px;
}
.pagination .current {
    background: #F35740;
    color: #FFFFFF;
    border-radius: 14px;
}
.pagination li .dots {
    display: block;
    text-align: center;
}
.pagination .page-backward a:after {
	content: '<';
	color: black;
}
.pagination .page-forward a:after {
	content: '>';
	color: black;
}
.withdraw-modal {
	width: 820px;
    max-width: 100%;
    padding: 45px 40px 40px;
    background: #fff;
    border-radius: 40px;
}
.bf-modal__input-title.red {
	color: #F35740;
}
.btn-square.btn-full {
	width: 100%;
    margin: 0;
}
.withdraw-modal__title {
	font-weight: 700;
	font-size: 30px;
	line-height: 1.2;
	text-align: center;
	color: #008AB7;
	margin-bottom: 26px;
}
.c-success.success-white {
	background: white;
}
.fancybox-container .c-success.success-white .fancybox-button.fancybox-close-small {
	filter: none;
}
.fancybox-container .success-white .c-success__title {
    color: #008AB7;
	text-align: center;
}
.fancybox-container .success-white .c-success__subtitle {
	text-align: center;
	margin-bottom: 20px;
	color: black;
}
.success__img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.status-0 {
	color: #FFA000;
}
.status-1 {
	color: #3FA600;
}
.status-2 {
	color: #F35740;
}


@media (max-width: 1700px) {
    .bf-main__right {
        right: auto;
        left: calc(50% + 550px);
    }
    .bf-main__left {
        left: auto;
        right: calc(50% - 230px);
    }
}
@media (max-width: 1400px) {
    .bf-rules__wrapper {
        width: 700px;
    }
}
@media (max-width: 1200px) {
    .bf-profile__tab {
        margin-right: 10px;
        padding: 0px 24px;
    }
    .bf-numbers__item {
        width: 100%;
    }
    .bf-profile__tabs {
        margin-right: -10px;
    }
    .bf-user__block,
    .bf-user__block:last-child {
        width: calc(50% - 10px);
        margin-right: 0;
    }
    .bf-user__list {
        justify-content: space-between;
    }
    .bf-user__input .bf-modal__input-item {
        font-size: 16px;
    }
    .bf-user__input.checked-active::before {
        right: 8px;
    }
    .bf-pays__item-right {
        width: 100px;
        min-width: 100px;
    }
    .bf-form__right::before {
        display: none;
    }
    .bf-form__list {
        display: block;
    }
    .bf-form__left {
        width: 100%;
    }
    .bf-form__wrapper {
        padding: 13px;
        border-radius: 20px;
    }
    .bf-form__right {
        width: 290px;
        max-width: 100%;
        margin: 0 auto;
        border-radius: 0 0 20px 20px;
        width: 100%;
    }
    .bf-form__list {
        border-radius: 20px;
        background: transparent;
    }
    .bf-form__left {
        padding: 18px 15px 25px;
        background: #f0fbfe;
    }
    .bf-form__right-title,
    .bf-form__right-item,
    .bf-form__right-btn {
        width: 240px;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .bf-form__block:nth-child(2),
    .bf-form__block:nth-child(3) {
        flex-grow: 1;
        margin-left: 18px;
    }
    .bf-main {
        padding: 23px 0 50px;
        border-radius: 0;
    }
    .bf-form {
        margin-top: -30px;
    }
    .bf-main__red {
        height: 44px;
        padding: 0 18px;
        font-size: 20px;
    }
    .bf-main .bg-profile__right-icon {
        width: 50px;
        min-width: 50px;
        height: 50px;
        border-radius: 10px;
        margin-right: 7px;
    }
    .bf-main .bg-profile__right-icon svg {
        width: 26px;
        height: 26px;
    }
    .bf-main .bf-profile__right-content {
        height: 50px;
        padding: 6px 15px;
    }
    .bf-main .bf-profile__right-content span {
        font-size: 13px;
    }
    .bf-main .bf-profile__right-content b {
        font-size: 18px;
    }
    .bf-main__btn {
        height: 50px;
        padding: 0 10px;
        border-radius: 10px;
        font-size: 13px;
        margin-right: 8px;
    }
    .bf-main__center {
        margin: 0 50px 0 auto;
    }
    .lot_prize_img_2 {
        display: none;
    }
    .lot_prize_img_1 {
        left: 80%;
    }
    .bf-main__change-top {
        display: none;
    }
    .bf-main__change-bottom {
        left: 80%;
    }
	.bf-main__btn.blue-color {
		margin-right: 0;
	}
}
@media (max-width: 992px) {
    .bf-win__block {
        width: 50%;
    }
    .bf-profile__tab.notification-active::before {
        width: 22px;
        height: 22px;
        background-size: 22px;
    }
    .bf-title {
        font-size: 24px;
        line-height: 120%;
    }
    .bf-rules__wrapper {
        width: 100%;
        padding: 24px 15px;
        border-radius: 20px;
        margin-top: 15px;
    }
    .bf-rules__text {
        padding-right: 27px;
        font-size: 12px;
        line-height: 130%;
        max-height: 325px;
    }
    .bf-rules__img {
        display: none;
    }
    .bf-rules {
        padding: 35px 0;
    }
    .bf-rules__text::-webkit-scrollbar {
        width: 10px;
    }
    .bf-profile__bg {
        display: none;
    }
    .bf-profile::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #f0fbfe;
        height: 250px;
    }
    .bf-profile__mobile {
        display: block;
        min-width: 100%;
        width: auto;
        left: 50%;
        transform: translateX(-50%);
        user-select: none;
        position: absolute;
        top: 0;
        z-index: 1;
    }
    .bf-profile__tab {
        width: calc(50% - 5px);
        margin: 10px 0 0 0;
        text-align: center;
        justify-content: center;
        height: 50px;
        font-size: 13px;
    }
    .bf-profile__left {
        padding: 10px 14px 14px;
        border-radius: 20px;
		width: 100%;
    }
    .bf-profile__right {
        border-radius: 20px;
        padding: 33px 15px 28px;
		margin: 21px auto 0;
        max-width: 100%;
    }
    .bf-profile__tabs {
        margin: -10px 0 0 0;
        justify-content: space-between;
    }
    .bf-profile {
        padding: 26px 0 30px;
    }
    .bf-user__block,
    .bf-user__block:last-child {
        width: 100%;
        margin-top: 15px;
    }
    .bf-user__btn {
        font-size: 16px;
        margin-top: 20px;
        height: 65px;
        padding: 0;
        width: 100%;
        justify-content: center;
    }
    .bf-profile__blue {
        border-radius: 20px;
        padding: 14px;
    }
    .bf-user {
        padding: 0;
    }
    .bf-user__img {
        width: 70px;
        height: 70px;
        min-width: 70px;
        margin-right: 5px;
    }
    .bf-user__gray {
        font-size: 14px;
        line-height: 120%;
    }
    .bf-user__name {
        font-size: 22px;
        line-height: 120%;
    }
    .bf-user__small {
        font-size: 12px;
        line-height: 120%;
    }
    .bf-pays__item-right {
        width: 93px;
        min-width: 93px;
        font-size: 24px;
        line-height: 24px;
    }
    .bf-pays__item-left {
        padding: 10px 8px 10px 12px;
        font-size: 12px;
        line-height: 18px;
        flex-grow: 0;
        width: calc(100% - 93px);
    }
    .bf-pays__item-user {
        padding-left: 16px;
        margin: 2px 0;
    }
    .bf-pays__item-blue {
        margin: 0;
    }
    .bf-pays {
        padding: 0;
    }
    .bf-pays__list {
        margin-top: -8px;
    }
    .bf-pays__item {
        margin-top: 8px;
        width: 100%;
    }
    .bf-profile__title {
        margin-bottom: 10px;
        font-size: 24px;
        line-height: 120%;
    }
    .bf-chat {
        padding: 0;
    }
    .bf-chat__messages-date {
        margin: 15px 0 0;
        font-size: 14px;
    }
    .bf-chat__messages-item {
        margin: 15px 0 0 0;
    }
    .bf-chat__messages {
        padding: 0 6px 29px;
    }
    .bf-chat__messages-item {
        padding: 11px;
    }
    .bf-chat__messages-text {
        font-size: 13px;
        margin-bottom: 4px;
    }
    .bf-chat__messages-bottom {
        width: calc(100% - 22px);
    }
    .bf-chat__send {
        width: 42px;
        min-width: 42px;
        height: 42px;
        border-radius: 8px;
    }
    .bf-chat__send svg {
        width: 20px;
        min-width: 20px;
        height: 20px;
    }
    .bf-chat__file {
        margin-left: 2px;
        margin-top: 2px;
        width: 37px;
        height: 36px;
        min-width: 37px;
        border-radius: 8px;
    }
    .bf-chat__file svg {
        width: 10px;
        height: 16px;
    }
    .bf-chat__bottom {
        height: 42px;
    }
    .bf-chat__input {
        height: 40px;
        padding-left: 6px;
        font-size: 14px;
    }
    .bf-numbers {
        padding: 0;
    }
    .bf-numbers__tab {
        height: 42px;
        font-size: 13px;
        margin-right: 3px;
        line-height: 93%;
        border-radius: 8px;
        justify-content: center;
        text-align: center;
        width: calc(33.333% - 3px);
    }
	.bf-numbers__tab.partner {
		width: 50%;
	}
    .bf-numbers__tabs {
        border-width: 1px;
        border-radius: 8px;
        display: flex;
        width: 100%;
    }
    .bf-numbers__item {
        margin-top: 10px;
    }
    .bf-numbers__list {
        padding: 0;
        margin: 0;
    }
    .bf-form__bold {
        margin-bottom: 6px;
        font-size: 15px;
    }
    .bf-form .bf-modal__input-item {
        height: 52px;
        padding-left: 13px;
        font-size: 16px;
    }
    .bf-form__block:nth-child(2),
    .bf-form__block:nth-child(3) {
        margin-left: 0;
        width: 100%;
    }
    .bf-form__number {
        width: 46px;
        height: 42px;
    }
    .bf-form__number span {
        font-size: 18px;
        padding-top: 2px;
    }
    .bf-form__numbers {
        padding: 4px;
        width: 260px;
    }
    .bf-form__label {
        height: 50px;
        padding-left: 9px;
    }
    .bf-form__label span {
        border-radius: 8px;
        border-width: 1px;
    }
    .bf-form__label b {
        width: 18px;
        min-width: 18px;
        height: 18px;
        margin-right: 8px;
    }
    .bf-form__label b::before {
        width: 10px;
        height: 10px;
    }
    .bf-form__label img {
        height: 22px;
        width: auto;
    }
    .bf-main__center {
        margin: 0;
        order: -1;
    }
    .bf-main__buttons {
        margin: 10px 0;
    }
    .bf-main__bottom {
        flex-direction: column;
        align-items: flex-start;
        margin-top: 181px;
    }
    .bf-main__title {
        font-size: 24px;
        line-height: 120%;
    }
    .bf-main__title h1 {
        font-size: 24px;
        line-height: 120%;
    }
    .bf-main__text {
        margin: 6px 0 10px;
        font-size: 15px;
        line-height: 125%;
    }
    .bf-wrapper {
        width: 400px;
        max-width: 100%;
        margin: 0 auto;
    }
    .bf-main__right {
        width: 160px;
        right: 0;
        bottom: 0;
        left: auto;
    }
    .bf-main__left {
        display: none;
    }
    .bf-main__price {
        display: block;
        width: 33.333%;
        margin: 0;
    }
    .bf-main__price p {
        margin-top: 4px;
        font-size: 12px;
        line-height: 125%;
    }
    .bf-main__price p span {
        font-size: 15px;
        line-height: 125%;
    }
    .lot_prize_img_1 {
        left: -50px;
    }
    .bf-main__smile {
        width: 750px;
        bottom: 0;
        top: auto;
        left: 50%;
        transform: translateX(-65%);
    }
    .bf-main__decor {
        width: 200px;
        top: -190px;
        right: 0;
    }
    .bf-main__title {
        margin: 0;
    }
    .bf-view__left {
        padding: 20px 15px 25px;
        border-radius: 20px;
        width: 290px;
        min-width: 290px;
    }
    .bf-view__left-title {
        font-size: 24px;
        line-height: 120%;
    }
    .bf-view__left-text {
        margin: 2px 0 12px;
        font-size: 15px;
        line-height: 130%;
    }
    .bf-view__vk {
        width: 46px;
        height: 46px;
        background-size: 46px;
        right: -6px;
        top: -30px;
    }
    .bf-view__left-icon {
        width: 50px;
        min-width: 50px;
        height: 50px;
        border-radius: 10px;
        margin-right: 7px;
    }
    .bf-view__left-icon svg {
        width: 26px;
        height: 26px;
    }
    .bf-view__left-right {
        height: 50px;
        padding: 6px 15px;
        border-radius: 10px;
        font-size: 13px;
        line-height: 120%;
    }
    .bf-view__left-time {
        font-size: 18px;
        line-height: 120%;
    }
    .bf-view__left-btn {
        margin-top: 12px;
        height: 60px;
        font-size: 18px;
    }
    .bf-view__item {
        border-radius: 20px;
    }
    .bf-view__item-img {
        height: 139px;
    }
    .bf-view__item-wrapper {
        padding: 9px 20px 11px;
    }
    .bf-view__item-play {
        width: 63px;
        height: 63px;
        background-size: 63px;
        right: -10px;
        bottom: -10px;
    }
    .bf-view__item-bold {
        margin-bottom: 3px;
        font-size: 11px;
    }
    .bf-view__item-blue,
    .bf-view__item-time {
        padding: 6px 8px;
        border-radius: 6px;
        font-size: 11px;
        height: 26px;
    }
    .bf-view__item-icon {
        width: 26px;
        min-width: 26px;
        height: 26px;
        margin-right: 3px;
    }
    .bf-view__item-icon svg {
        width: 12px;
        height: 12px;
    }
    .bf-view__slider {
        width: 1050px;
        min-width: 1050px;
    }
    .bf-raffles {
        padding: 23px 0 117px;
        border-radius: 0;
    }
    .bf-raffles__btn {
        width: 210px;
        height: 50px;
        padding: 0;
        display: flex;
        font-size: 13px;
        margin: 20px auto 0;
    }
    .bf-raffles__img {
        min-width: 100%;
        width: 670px;
        top: 100px;
        left: 50%;
        transform: translateX(-50%);
        bottom: auto;
    }
    .bf-raffles .bf-main__title {
        margin: 0 auto 6px !important;
        width: 300px;
        max-width: 100%;
    }
    .bf-raffles .bf-main__text {
        margin: 0 auto !important;
        width: 300px;
        max-width: 100%;
    }
    .bf-bonus__decor {
        display: none;
    }
    .bf-bonus__item {
        border-radius: 20px;
        padding: 13px;
    }
    .bf-bonus__item-left,
    .bf-bonus__item-right {
        min-width: auto;
        width: 100%;
    }
    .bf-bonus__item {
        display: block;
    }
    .bf-bonus__item-left {
        border-radius: 20px;
        padding: 15px 15px 18px;
    }
    .bf-bonus__item-center {
        width: 100%;
    }
    .bf-bonus__item-number {
        left: 10px;
        top: 12px;
    }
    .bf-bonus__item-center img {
        width: 100%;
        border-radius: 20px 20px 0 0;
    }
    .bf-bonus__item-right {
        border-radius: 0 0 20px 20px;
        padding: 24px 15px 15px;
    }
    .bf-bonus__item-title {
        font-size: 21px;
        line-height: 120%;
    }
    .bf-medal__img {
        width: 38px;
        min-width: 38px;
    }
    .bf-medal__price {
        font-size: 15px;
    }
    .bf-medal__title {
        font-size: 12px;
    }
    .bf-bonus__date-title {
        font-size: 14px;
    }
    .bf-bonus__date-content {
        font-size: 16px;
    }
    .bf-bonus__date {
        padding: 10px 12px;
        border-radius: 10px;
    }
    .bf-bonus__item-text {
        margin-bottom: 10px;
        font-size: 13px;
    }
    .bf-bonus__item-link {
        font-size: 12px;
    }
    .bf-bonus {
        margin-top: -87px;
    }
    .bf-bonus__item-btn {
        margin: 10px 0 8px;
        font-size: 18px;
    }
    .bf-main__bottom {
        margin-top: 15px;
    }
    .bf-main__buttons {
        margin-bottom: 170px;
    }
    .bf-main__smile {
        bottom: -260px;
    }
    .lot_prize_img_1 {
        bottom: -320px;
    }
    .bf-main__decor {
        top: 70px;
    }
    .bf-view__item-btn {
        margin-top: 6px;
        height: 42px;
        font-size: 13px;
    }
    .bf-view__item-time {
        font-size: 10px;
    }
    .bf-select__block::before {
        width: 15px;
        height: 15px;
        background-size: 15px;
        right: 11px;
    }
    .bf-select__block select {
        height: 42px;
        padding-left: 10px;
        font-size: 13px;
    }
    .bg-main .bf-main__title {
        width: 100%;
    }
    .bf-main .bf-bonus__item-number {
        top: 25px;
        left: 149px;
    }
    .bf-main__change-bottom {
        bottom: -320px;
        left: -50px;
    }
    .order-screen-description {
        margin-bottom: 15px;
        font-size: 15px;
        line-height: 120%;
    }
    .order-screen-title {
        font-size: 18px;
        margin-bottom: 5px;
        line-height: 120%;
    }
    .promo-success-screen {
        padding-bottom: 25px;
    }
	
}

@media (max-width: 767px) {
	.lot-info__wrap {
        flex-wrap: wrap;
    }
    .bf-profile__left {
        width: 100%;
    }
    .bf-view__list {
        display: block;
    }
    .bf-view__right {
        width: 100%;
        margin-top: 20px;
    }
    .bf-profile__list {
        display: block;
    }
    .bf-profile__right {
        width: 290px;
        margin: 21px auto 0;
        max-width: 100%;
    }
    .bf-form__label {
        width: calc(50% - 5px);
        margin: 10px 0 0 0;
    }
    .bf-form__labels {
        margin: -10px 0 0 0;
        justify-content: space-between;
    }
	.table-responsive td {
		padding: 13px 12px;
	}
	.table-responsive th {
		padding: 12px 12px;
	}
	.withdraw-modal .form-70, .withdraw-modal .form-30 {
		width: 100%;
	}
	.withdraw-modal .row1 {
		display: block !important;
	}
	.withdraw-modal .row1 .form-70 {
		margin-bottom: 20px;
	}
	.withdraw-modal__title {
		font-size: 24px;
	}
}
@media (max-width: 576px) {
    .bf-win__block {
        padding-left: 5px;
        padding-right: 5px;
        margin-top: 16px;
    }
    .bf-select {
        margin-top: 10px;
    }
    .bf-select__title {
        font-size: 13px;
        margin-right: 8px;
    }
    .bf-select__block {
        width: auto;
        flex-grow: 1;
    }
    .bf-main__buttons {
        width: 100%;
        justify-content: space-between;
    }
    .bf-main__btn {
        margin: 0 !important;
        width: calc(50% - 5px) !important;
        padding: 0 !important;
    }
    .bf-raffles__img {
        left: 46%;
        top: 70px;
        min-width: 100%;
        width: 650px;
    }
    .bf-view__left {
        padding: 20px 15px 25px;
        border-radius: 20px;
        width: 100%;
        min-width: 190px;
    }
    .bf-form__right-decor {
        left: 0;
        width: 100%;
        position: absolute;
        display: block;
        top: 0;
    }
    .bf-form__right-decor img {
        width: 100%;
        height: auto;
        transform: translateY(-50%);
    }
    .gray-color .bf-numbers__item-right small {
        margin-top: 17px;
    }
    .bf-user__small {
        font-size: 9px;
        line-height: 120%;
    }
    .bf-win__list {
        margin-left: -5px;
        margin-right: -5px;
    }
    .bf-win__item-top {
        min-height: 65px;
    }
    .bf-win__item-top img {
        width: auto;
        height: 65px;
    }
    .bf-win__item-top span {
        right: -21px;
        width: 36px;
        height: 36px;
        font-size: 16px;
        padding-top: 2px;
    }
    .bf-win__item-title {
        margin: 10px 0 7px;
        font-size: 16px;
        line-height: 115%;
    }
    .bf-win__item-text {
        font-size: 14px;
        line-height: 120%;
    }
    .bf-modal {
        padding: 37px 15px 30px;
        border-radius: 20px;
    }
    .bf-modal__text {
        margin-top: 3px;
        font-size: 16px;
        margin-bottom: 10px;
    }
    .bf-modal__title {
        font-size: 24px;
        line-height: 120%;
    }
    .bf-modal__bold {
        font-size: 20px;
        line-height: 120%;
    }
    .bf-modal__input-title {
        font-size: 16px;
        margin-bottom: 6px;
    }
    .bf-modal__input-item {
        height: 52px;
        padding-left: 14px;
        font-size: 16px;
    }
    .bf-modal__input-item.input-code {
        width: calc(25% - 12px);
        margin-right: 12px;
        min-width: auto;
        height: auto;
        font-size: 25px;
        aspect-ratio: 1 / 1;
    }
    .bf-modal__input-list {
        margin-right: -12px;
    }
    .bf-modal .fancybox-close-small {
        top: 22px;
        right: 15px;
        width: 15px;
        height: 15px;
        background-size: 15px;
    }
    .bf-modal__label b {
        margin-right: 10px;
    }
    .bf-modal__label small {
        font-size: 14px;
    }
    .bf-modal__label span {
        font-size: 16px;
    }
    .bf-modal__label {
        margin-top: 20px;
    }
    .bf-pays__item-left {
        font-size: 11px;
        width: calc(100% - 83px);
    }
    .bf-pays__item-right {
        width: 83px;
        min-width: 83px;
        font-size: 21px;
    }
    .bf-profile__left {
        margin-left: -15px;
        width: calc(100% + 30px);
    }
    .bf-chat__scroll {
        max-height: 360px;
    }
    .bf-numbers__item-img {
        display: none;
    }
    .bf-numbers__item-left p {
        font-size: 16px;
        line-height: 120%;
        margin-bottom: 2px;
    }
    .bf-numbers__item-left {
        width: 94px;
        min-width: 94px;
        border-radius: 8px 0 0 8px;
        padding: 22px 14px;
    }
    .bf-numbers__item-left span {
        font-size: 20px;
        line-height: 120%;
    }
    .bf-numbers__item-right {
        width: calc(100% - 94px);
        padding: 9px;
    }
    .bf-numbers__item-left::after {
        width: 11px;
        height: 89px;
        right: -6px;
        background-size: 11px 89px;
    }
    .bf-numbers__item-right span {
        font-size: 13px;
        line-height: 120%;
    }
    .bf-numbers__item-right p {
        margin: 3px 0 2px;
        font-size: 14px;
        line-height: 120%;
    }
    .bf-numbers__item-right small {
        font-size: 13px;
        line-height: 120%;
    }
    .bf-numbers__item-link {
        right: 13px;
        bottom: 10px;
    }
    .bf-form__right {
        padding: 31px 15px 21px;
    }
    .bf-form__right-title {
        font-size: 28px;
    }
    .bf-form__right-item {
        margin-top: 11px;
        font-size: 15px;
    }
    .bf-form__right-item b {
        font-size: 28px;
        bottom: -4px;
    }
    .bf-form__right-btn {
        height: 60px;
        width: 100%;
        font-size: 18px;
        margin-top: 11px;
    }
    .bf-form__wrapper {
        margin-left: -15px;
        width: calc(100% + 30px);
    }
    .bf-bonus__item {
        margin-left: -15px;
        width: calc(100% + 30px);
    }
    .bf-bonus__decor {
        height: auto;
        width: 100%;
        display: block;
    }
    .bf-bonus__decor-desktop {
        display: none;
    }
    .bf-bonus__decor-mobile {
        display: block;
        transform: translateY(-50%);
        width: 100%;
        height: auto;
    }
    .lot_prize_img_1 {
        left: calc(50% - 134px);
    }
    .bf-main__smile {
        transform: translateX(-60%);
    }
    .bf-main__change-bottom {
        left: calc(50% - 134px);
    }
	.partner-stat {
		flex-wrap: wrap;
	}
	.partner-stat__left {
		width: 100%;
	}
	.partner-stat__block {
		width: 50%;
	}
	.partner-stat__right {
		padding: 0;
		margin-top: 15px;
	}
	.table-responsive {
		display: block;
		border: none;
		border-radius: initial;
	}
	.table-responsive thead {
		display: none;
	}
	.table-responsive tbody, .table-responsive tr {
		display: block;
	}
	.table-responsive tr {
		margin-bottom: 12px;
		border: 1px solid #CAEEFF;
		border-radius: 6px;
		overflow: hidden;
	}
	.table-responsive td {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		width: 100% !important;
		font-size: 13px;
		line-height: 1.1;
		padding: 0;
		border-bottom: none;
	}
	.table-responsive td span {
		padding: 7px 10px;
	}
	.table-responsive label {
		display: block;
		width: 40%;
		min-width: 125px;
		background: #CAEEFF;
		padding: 7px 10px;
	}
	.table-responsive tr td:first-child label {
		border-top-right-radius: 6px;
		padding-top: 14px;
	}
	.table-responsive tr td:last-child label {
		border-bottom-right-radius: 6px;
		padding-bottom: 14px;
	}
	.table-responsive tr td:first-child span {
		padding-top: 14px;
	}
	.table-responsive tr td:last-child span {
		padding-bottom: 14px;
	}
	.withdraw-modal.fancybox-content {
		padding: 37px 15px 26px;
		border-radius: 20px;
	}
	.withdraw-modal .row1 .form-70, .withdraw-modal .form-row {
		margin-bottom: 15px;
	}
	.withdraw-modal .form-70 {
		display: block !important;
	}
	.withdraw-modal__title {
		font-size: 20px;
		margin-bottom: 15px;
	}
}

@media (max-width: 440px) {
    .bf-raffles__img {
        width: 500px;
        top: 130px;
    }
	.partner-link button {
		right: 10px;
	}
}

@media (max-width: 350px) {
    .bf-form__number {
        width: calc(20% - 4px);
        aspect-ratio: 1 / 1;
        height: auto;
    }
    .bf-form__numbers {
        width: 100%;
    }
    .bf-form__label img {
        height: 18px;
    }
	.partner-stat__left {
		display: block !important;
	}
	.partner-stat__block {
		width: 100%;
		height: 60px;
	}
	.bf-profile__blue.partners {
		padding: 14px 6px;
	}
}
@media (max-width: 1080px) {
    .bf-profile__tabs {
        display: flex;
        flex-wrap: wrap;
        margin-right: -10px;
        justify-content: space-between;
    }
    .bf-profile__tab {
        width: calc(33.333% - 10px);
        margin-right: 10px;
    }
    .bf-profile__tab:nth-child(1),
    .bf-profile__tab:nth-child(2) {
        width: calc(50% - 10px);
    }
    .bf-profile__tabs {
        margin-bottom: 15px;
    }
    .bf-profile__tab {
        margin-top: 10px;
        justify-content: center;
    }
}

/*new profile styles*/
@media (max-width: 992px) {
    .lot-info__item {
        margin-top: -1px;
        border-radius: 10px;
        width: 100%;
    }
    .lot-info {
        padding: 11px 14px 14px;
        border-radius: 20px;
    }
    .bf-finance {
        padding: 0;
    }
    .bf-profile__list .form-row {
        flex-wrap: wrap;
        margin-bottom: 0;
    }
    .bf-profile__list .form-block {
        width: calc(100% + 10px);
        padding-left: 5px;
        padding-right: 5px;
    }
    .bf-modal__input {
        margin-bottom: 10px;
        width: 100%;
    }
    .step-app > .step-steps > li {
        display: inline-flex;
        height: 27px;
        padding: 0 15px;
        align-items: center;
        margin-right: 5px;
        font-size: 13px;
        line-height: 120%;
        border-radius: 16px;
    }
    .bf-profile__list .step-content {
        margin-bottom: 10px;
    }
    .promo-targets__right {
        position: fixed;
        border-radius: 14px;
        padding: 12px 0 12px 12px;
        z-index: 20;
        bottom: 21px;
        width: 410px;
    }
    .promo-targets__counters {
        display: flex;
        align-items: center;
    }
    .promo-targets__counter .value {
        margin: 0;
    }
    .promo-targets__counter {
        width: calc(33.333% - 12px);
        margin-right: 12px;
    }
    .promo-targets__left {
        width: 100%;
    }
    .bf-profile__list .btn-square {
        padding-top: 19px;
        padding-bottom: 19px;
    }
    .bf-profile__list .step-footer {
        justify-content: space-between;
    }
    .bf-profile__list .step-footer .btn-square {
        width: calc(50% - 5px);
        margin: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .bf-profile {
        z-index: 5;
    }
    .bf-profile__blue .input-file__btn {
        width: 52px;
        min-width: 52px;
        height: 52px;
        padding: 0;
        font-size: 0;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url("../../img/file-1.svg");
    }
    .bf-profile__blue .input-btn__red {
        background-image: url("../../img/file-2.svg");
    }
    .bf-profile__blue .input-file__text {
        width: 260px;
    }
    .bf-profile__blue .input-file__item span {
        white-space: nowrap;
    }
    .bf-profile__blue .form-30,
    .bf-profile__blue .form-70 {
        width: 100%;
    }
    .bf-profile__blue .form-70.df {
        flex-wrap: wrap;
    }
    .screen-img {
        max-width: 100%;
    }
	.hide-992 {
		display: none !important;
	}
}

@media (max-width: 767px) {
    .promo-targets__right {
        width: 79%;
    }
    .bf-profile__blue .input-file__text {
        width: 370px;
    }
}
@media (max-width: 576px) {
    .bf-profile__list .step-footer > button {
        width: 100%;
        margin-right: 0;
    }
    .bf-profile__blue .input-file__text {
        width: calc(100vw - 174px);
    }
    .bf-modal.fancybox-content {
        padding: 37px 15px 19px;
        border-radius: 20px;
    }
    .bf-modal .custom-message h3 {
        font-size: 24px;
        line-height: 120%;
        margin: 0;
    }
    .bf-modal .custom-message p {
        margin: 3px 0 9px;
        font-size: 16px;
        line-height: 130%;
    }
    .fancybox-slide--html .bf-modal .fancybox-close-small {
        right: 15px;
        top: 22px;
    }
    .bf-modal .modal-img {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    .promo-target {
        width: 100%;
        display: block !important;
        margin-top: 10px;
        position: relative;
        overflow: hidden;
        padding: 9px 0 0 116px;
    }
    .promo-target::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 105px;
        background: #f0fbfe;
        border-right: 1px solid #caeeff;
    }
    .promo-target > div {
        padding: 0 9px 9px;
        width: 100% !important;
        position: relative;
    }
    .promo-target > div::after {
        content: "";
        position: absolute;
        left: -108px;
        top: 2px;
        color: #000;
        font-size: 13px;
        font-weight: 400;
        line-height: 120%;
    }
    .promo-target > div:first-child {
        height: 28px;
        padding: 9px 0;
    }
    .promo-target > div:nth-child(1)::after {
        content: "Выбор";
    }
    .promo-target > div:nth-child(2)::after {
        content: "Дата";
    }
    .promo-target > div:nth-child(3)::after {
        content: "Наименование";
    }
    .promo-target > div:nth-child(4)::after {
        content: "Номерки";
    }
    .promo-targets__right {
        width: calc(100% - 62px);
        margin: 0;
    }
    .promo-targets__left {
        padding: 0;
        border: none;
        margin: 0;
        background: transparent;
    }
    .promo-targets__header {
        display: none !important;
    }
    .promo-targets__counter .label {
        font-size: 14px;
        line-height: 120%;
    }
    .promo-targets__counter .value {
        padding: 4px 6px;
        font-size: 12px;
        line-height: 120%;
    }
    #slots {
        width: 310px;
    }
    .slots-wrap__inputs input {
        font-size: 28px;
    }
    .slots-wrap__reels,
    .slots-wrap__inputs {
        top: 58px;
        left: 14px;
        right: 20px;
        height: 40px;
    }
    .slots-wrap__inputs {
        top: 61px;
        left: 13px;
        right: 21px;
    }
    .slots-wrap__reels {
        top: 61px;
    }
    .slots-wrap__reels ul {
        height: 40px;
        line-height: 40px;
    }
    .slots-wrap__inputs input {
        width: 29px;
    }
    .slots-note {
        margin-top: 9px;
        font-size: 11px;
        line-height: 130%;
    }
    .slots-counter__counter {
        font-size: 15px;
    }
    .slots-wrap__reels ul {
        font-size: 28px;
    }
    .bf-numbers__item {
        height: 89px;
    }
    .bf-numbers__item:first-child {
        margin-top: 0;
    }
    .bf-numbers__item:last-child {
        margin-bottom: 15px;
    }
    .bf-profile__blue {
        border: none;
    }
    .lot-info__item {
        padding: 9px;
    }
}