@font-face {
  font-family: 'Rubik';
  src: url('/fonts/Rubik.ttf') format("truetype-variations");
  font-style: normal;
}
@font-face {
  font-family: 'Rubik';
  src: url('/fonts/Rubik-Italic.ttf') format("truetype-variations");
  font-style: italic;
}
@font-face {
  font-family: 'Neucha';
  src: url('/fonts/Neucha.ttf') format("truetype");
}

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

@font-face {
  font-family: 'Beeline Sans';
  src: url('/fonts/BeelineSans-Black.eot');
  src: local('Beeline Sans Black'), local('BeelineSans-Black'),
    url('/fonts/BeelineSans-Black.eot?#iefix') format('embedded-opentype'),
    url('/fonts/BeelineSans-Black.woff2') format('woff2'),
    url('/fonts/BeelineSans-Black.woff') format('woff'),
    url('/fonts/BeelineSans-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Beeline Sans';
  src: url('/fonts/BeelineSans-Bold.eot');
  src: local('Beeline Sans Bold'), local('BeelineSans-Bold'),
    url('/fonts/BeelineSans-Bold.eot?#iefix') format('embedded-opentype'),
    url('/fonts/BeelineSans-Bold.woff2') format('woff2'),
    url('/fonts/BeelineSans-Bold.woff') format('woff'),
    url('/fonts/BeelineSans-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

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

:root {
  --background-primary: #F0F3F5;
  --brand-primary: rgba(255, 200, 0, 1);
  --content-primary: #28303F;
  --content-primary-invert: #FFFFFF;
  --content-secondary: rgba(119, 132, 157, 1);
  --content-tertiary: rgba(142, 153, 175, 1);
  --elements-primary: #FFFFFF;
  --elements-secondary: #F0F3F5;
  --elements-active: #202632;
}

.white_wrap {
  --main-color: #26192A;
}

.p-0 {padding: 0px !important}
.p-22 {padding: 22px !important;}
.p-25 {padding: 25px !important}
.pt-10 {padding-top: 10px !important;}
.pt-22 {padding-top: 22px !important;}
.pt-55 {padding-top: 55px !important}
.pt-120 {padding-top: 120px !important;}
.pt-150 {padding-top: 150px !important;}
.pb-30 {padding-bottom: 30px !important}
.mt-5 {margin-top: 5px !important}
.mt-10 {margin-top: 10px !important}
.mt-20 {margin-top: 20px !important}
.mt-30 {margin-top: 30px !important}
.mt-35 {margin-top: 35px !important}
.mt-50 {margin-top: 50px !important}
.mt-55 {margin-top: 55px !important}
.o-h {overflow: hidden !important;}
.fs-10 {font-size: 10px !important}
.fs-12 {font-size: 12px !important}
.fs-14 {font-size: 14px !important}
.fs-16 {font-size: 16px !important}
.fs-18 {font-size: 18px !important}
.fs-20 {font-size: 20px !important}
.fs-23 {font-size: 23px !important}
.fw-500 {font-weight: 500 !important}
.fw-600 {font-weight: 600 !important}
.lh-28 {line-height: 28px !important}
.ta-l {text-align: left}
.hide {display: none !important}
.main-color {color: var(--main-color) !important}
.h100 {height: 100% !important}
.pt-10 {padding-top: 10px !important;}
.fd-c {flex-direction: column !important;}
.jc-sa {justify-content: space-around !important;}
.jc-sb {justify-content: space-between !important;}
.jc-se {justify-content: space-evenly !important;}
.w-22 {width: 22px !important;}
.w-44 {width: 44px;}
.td-u {text-decoration: underline !important;}
.w-100p {width: 100% !important}
.block {display: block}
.pre {white-space: pre-wrap !important;}

.metrika_gif {position:absolute; left:-9999px;}
.about_terms {display: inline-block; font-size: 13px; text-align: center; text-decoration: none; background: var(--elements-primary); border-radius: 50px; padding: 4px 12px 5px;}
.details-link {color: var(--details-link-color); text-align: center; display: block; margin-top: 5px; text-decoration: underline;}
.details_more_info_table {border-collapse: collapse;border: none;font-size: 14px;}
.details_more_info_table .border {border-bottom: 1px solid #DDD;}
.details_more_info_table .border td:nth-child(2) {min-width: 60px;}
.details_more_info_table .delim {height: 15px;}
.details_more_info_table .hidable {display: none;}
.details_more_info_table .hidable.show {display: table-row;}
a#subpage_more_history {text-align: center; display: block; color: #000000; padding-top: 10px;}
.mb-buttons_wrap {padding: 0 50px}
.mb-buttons_wrap .terms {text-decoration: underline; margin: 25px auto 0; display: block; text-align: center; color: var(--main-color);}

.input_wrap input[type="text"] {border: none; border-bottom: 1px solid var(--content-primary); color: var(--content-primary); background-color: #FFFFFF00; display: block; font-size: 18px; width: 100%; -webkit-appearance: none; appearance: none; outline: none; padding: 7px 0;}
.input_wrap input[type="text"]:focus {border-bottom-color: var(--content-primary);}
.bank_search_results {margin-top: 0px; border: 1px solid var(--content-primary); border-top: none; overflow-y: scroll; max-height: 40vh;}
ul#results {padding: 5px;}
ul#results li {padding: 10px 5px; color: var(--content-primary); border-top: 1px solid #28303f77; cursor: pointer}
ul#results li:hover {background: linear-gradient(0deg, #ffffff1c, #ffffff4a, #ffffff1c);}
ul#results li:nth-child(1){border-top: 0;}
.transparent-border {border-color: #FFFFFF00 !important;}
.page_head {display: flex; justify-content: space-between; align-items: center; margin-top: 0;}
.page_head .new_page_title {padding:0}

html, .top_page_part, .page_wrap.with_menu, .page_wrap.flex.middle.with_menu, .scrollable {
  scrollbar-width: none; /* For Firefox */
  -ms-overflow-style: none; /* For Internet Explorer and Edge */
}

html::-webkit-scrollbar, .top_page_part::-webkit-scrollbar, .page_wrap.with_menu::-webkit-scrollbar, .page_wrap.flex.middle.with_menu::-webkit-scrollbar, .scrollable::-webkit-scrollbar {
  width: 0px; /* For Chrome, Safari, and Opera */
}
html, body {margin: 0; padding: 0; height: 100%;}
body {background: #F0F3F5;}
body.onboard_second {background: #F0F3F5 url(/img/sub/onboard2.png) right top no-repeat; background-size: cover;}
body.onboard_second .page_wrap.onboard {justify-content: space-between;}
body.onboard_fourth {background: #F0F3F5 url(/img/sub/white_ellipses2.png) center center no-repeat; background-size: 100%;}
body.result {background: #F0F3F5 url(/img/sub/result.png) center -3% no-repeat; background-size: 337px;}
body.wheel {background: var(--background-primary) url(/img/wheel/wheel_background.png) center center no-repeat; background-size: cover;}
a {text-decoration: none; color: #000;}
ul {list-style:none;}
div {width: 100%;}
.flex {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
* {box-sizing: border-box; margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; font-family: 'Beeline Sans';}
h1.onboard_title {text-align: center; background: #E65E22; color: white; font-weight: normal; font-size: 25px; padding: 9px 0;}
.bold {font-weight: bold!important;}
.white_wrap {background: white;border-radius: 30px;padding: 22px;}
.white_wrap.padding-50-22 {padding: 50px 22px;}
.white_wrap.result {display: flex; padding: 0; justify-content: space-between; overflow: hidden;}
.onboard .retry_price_wrap .retry_price {color: #FFFFFF; font-size: 30px;}
.onboard .retry_price_wrap {width: 105px;}
.align_left {text-align: left !important;}
.no-margin-top {margin-top: 0 !important;}
.margin-top_small {margin-top: 12px;}
.no-border {border: 0 !important;}
.padding-left-right {padding-left: 22px !important; padding-right: 22px !important;}
.padding-top-7 {padding-top: 7vh !important;}
.center {text-align: center !important;}
.margin-top {margin-top: 22px !important;}
.margin-top_double {margin-top: 50px !important; }
.margin-top-20 {margin-top: 20px !important;}
.full-height {height: 100% !important;}
.white {color: #FFFFFF !important;}
input.white::-webkit-input-placeholder { /* Chrome */ color: rgba(255,255,255,.7) !important;}
input.white:-ms-input-placeholder { /* IE 10+ */ color: rgba(255,255,255,.7) !important;}
input.white::-moz-placeholder { /* Firefox 19+ */ color: rgba(255,255,255,.7) !important; opacity: 1;}
input.white:-moz-placeholder { /* Firefox 4 - 18 */ color: rgba(255,255,255,.7) !important; opacity: 1;}
input.white::placeholder { /* Chrome */ color: rgba(255,255,255,.7) !important;}

.button.full {width: 100%!important; max-width: 100%!important;}
.button.short {max-width: 140px;}

.relative {position: relative !important;}
p.form_error {color: red;text-align: center;}
p.form_error.green {color: green;}
input.error {border-color: red!important;}
.simple_text {font-size: 16px;text-align: center;margin-top: 22px;font-weight: 400; color: var(--content-primary);}
.simple_text.high {font-size: 16px;}
.page_wrap.subpage .simple_text>a {color: var(--content-primary)}
.justify {text-align: justify !important;}
.page_wrap {padding: 0; max-width: 540px; margin: auto;}
.page_wrap.onboard {height: 100%;display: flex;flex-direction: column;justify-content: space-around;padding: 15px 30px;}
.onboard_fourth .page_wrap.onboard {justify-content: space-around; padding: 0;}
.onboard_fourth .f-button {padding: 0 30px 15px;}
.page_wrap.flex.middle, {flex-direction: column; justify-content: center; height: 100%;}
.page_wrap.with_menu, .page_wrap.flex.middle.with_menu {height: calc(100% - 55px); overflow-y: auto;}
.page_wrap.details {display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 15px 20px 30px; overflow-y: auto;}
.page_wrap.details .simple_text {margin: 0;}
.page_wrap.start {display: flex; flex-direction: column; justify-content: space-around; align-items: center; padding: 30px;}
.page_wrap.start .button {margin: 0;}
.page_wrap.profile {padding: 15px 20px 35px; display: flex; flex-direction: column;}
.page_wrap.retry {display: flex;flex-direction: column;justify-content: space-around;align-items: center;padding: 30px;}
.page_wrap.retry .simple_text {margin: 0;}
.page_wrap.result {flex-direction: column; justify-content: space-between; padding: 20px 20px;}
.page_wrap.rating {display: flex;flex-direction: column; justify-content: space-between; padding: 20px 30px 20vh;}
.page_wrap.rating .button {font-size: 14px;padding: 14px 10px;background: #FCF4E5;}
.buttons_rating {display: flex;flex-direction: column;justify-content: space-between; gap: 7px; z-index: 3;}
.buttons_rating .rating_button {
  display: block;
  width: 100%;
}

.buttons_rating .rating_button img {
  display: block;
  width: 100%;
}

.rating_button_text {
  text-align: center;
  position: absolute;
  top: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  padding: 10px 0;
}

.rating_button_text span:nth-child(1) {
  font-size: 32px;
  line-height: 36px;
  font-weight: 400;
  color: var(--content-primary);
}

.rating_button_text span:nth-child(2) {
  font-size: 16px;
  line-height: 20px;
  color: #767c87;
}
.page_wrap.index {display: flex;flex-direction: column;justify-content: space-between;padding: 22px;height: 100%;}
.page_wrap.index.action_gift {height: calc(100% - 98px);}
.page_wrap.balance {padding: 22px 22px 27px; display: flex; flex-direction: column; justify-content: space-between; height: 100%;}
.page_wrap.agreement {padding: 15px 22px 22px;}
.page_wrap.agreement .simple_text {font-weight: 400; font-size: 16px; line-height: 20px;}
.page_wrap.agreement .new_page_title {position: sticky; top: 28px; background: var(--background-primary); font-size: 24px; line-height: 24px; font-weight: 400px; color: var(--content-primary); padding-bottom: 5px;}
.page_wrap.agreement .agreement_back_button_wrap {position: sticky; top: 0; background: var(--background-primary);}
.page_wrap.index a.terms {color: #FCF4E5; display: block; text-align: center; margin-top: 35px; text-decoration: underline;}

.index_sub_back {
  position: fixed;
  width: 100%;
  max-width: 540px;
  height: 100%;
  z-index: -1;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}

.index_sub_back img.bee_sub_back {
  display: block;
  width: 75%;
  position: absolute;
  bottom: -2.5vh;
  right: 0;
}

.bee_sub_back_ellipses img {
  display: block;
  width: 100%;
}

.simple_text.shadow,
.new_page_title.shadow {text-shadow: 1px 1px 1px #3d3d3d;}
.page_wrap.history {padding: 0 22px 22px; height: calc(100% - 36px - 55px); overflow-y: scroll;}
.page_wrap.winners {padding: 0 22px 22px; height: calc(100% - 36px); overflow-y: scroll;}
.page_wrap.debt {padding: 33px; display: flex; flex-direction: column; height: 100%; justify-content: center;}
.page_wrap.shop {display: flex; flex-direction: column; justify-content: space-between; padding: 15px 30px;}
.page_wrap.faq {padding: 12px 22px;}
.bottom_page_part.profile {width: 100%;display: flex;justify-content: center;flex-wrap: wrap;}
.bottom_page_part.profile .button.second {width: 45%;margin: 0;background: #E4E4E4;color: black;font-weight: 400; box-shadow: none;}
/*.bottom_page_part.profile .button.second:nth-child(3) {padding-right: 40px; background: rgba(0, 119, 255, 0.23) url(/img/icons/login.png) no-repeat 80% center; background-size: 23px;}*/
.button {display: block; width: 100%; height: auto; margin: 0 auto; text-align: center; font-size: 16px; text-decoration: none; border-radius: 100px; background: var(--elements-active); padding: 16px 8px; font-weight: 500; line-height: 20px; color: var(--content-primary-invert); text-transform: lowercase;}
input.button {border: 0; -webkit-appearance: none; appearance: none;}
.button img {display: block;width: 22px;margin: 0 auto;}
.button.right_answer_button {margin-top: 55px;}
.button.inversal {background: white; color: #333;}
.button.simple {background: none; text-decoration: underline; color: #FFFFFF; font-weight: 400; box-shadow: none; padding: 10px 0;}
.button.yellow {background: #FFC849;}
.button.redbg {background: rgba(255, 168, 157, 0.5); box-shadow: none;}
.button.greenbg {background: #00D267;box-shadow: none;border-radius: 19px;color: #FFF;}
.button.wt {color: var(--content-primary); background: var(--content-primary-invert);}
.no-padding {padding: 0!important;}
.top_page_part {height: 90%; overflow-y: scroll;}
.top_page_part.flex.start {flex-wrap: nowrap; justify-content: space-around; align-items: center; align-content: center; flex-direction: column;}
.profile .top_page_part {height: 80%;}
.profile_main_img {width: 150px;}
.onboard .top_page_part {padding-top: 40px;}
.flex.middle {justify-content: space-around;align-items: center;flex-direction: column;}
.bottom_menu {height: 55px;max-width: 540px;margin: 0 auto;background: #FFFFFF;border-radius: 30px 30px 0 0;}
.bottom_menu_items {width: 250px; margin: auto; align-items: center; justify-content: space-around; height: 100%;}
.menu_item {width: 35px;height: 40px;justify-content: center;align-items: center;display: block;}
/*.menu_item:nth-child(1) {background: url(/img/sub/fire.png) center no-repeat;background-size: 52%;}
.menu_item:nth-child(2) {background: url(/img/sub/rating.png) 50% 50% no-repeat;background-size: 56%;}
.menu_item:nth-child(3) {background: url(/img/sub/cart.png) 50% 50% no-repeat;background-size: 60%;}
.menu_item:nth-child(4) {background: url(/img/sub/profile.png) 50% 50% no-repeat;background-size: 50%;}*/
.bottom_menu_items .menu_item img {width: 24px;}
.bottom_menu_items .menu_item {display: flex; flex-direction: column; width: auto;}
.bottom_menu_items .menu_item span {font-size: 13px; line-height: 16px; color: var(--content-tertiary); font-weight: 500;}
p.quiz_page_title, p.title {text-align: center; font-weight: bold; font-size: 8.5vw;}
#question_reload p.quiz_page_title {color: #28303f99; padding: 0;font-family: 'Beeline Sans';font-size: 16px;font-weight: 400;text-transform: lowercase;line-height: 20px;}
.question {
  font-size: 24px;
  line-height: 24px;
  text-align: center;
  color: var(--content-primary);
}
.question video {width: 100%; display: block; margin-top: 10px}
.question_wrap>img {
  width: 100%;
  display: block;
}

.question_wrap, .question_result_wrap {
  position: relative;
  display: block;
  width: 90%;
  margin: 22px auto;
}

.question_rotate {
  position: absolute;
  top: 0;
  width: 100%;
  padding: 42px;
  transform: rotate(-3deg);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 12px;
}

.question_time_left {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: var(--content-primary);
  margin-top: 6px;
  display: block;
  text-align: center;
}

.bee_countdown_container {
  width: 100%;
  height: 2px;
  background: #e2e6ed;
}

.bee_countdown_progress {
  width: 0;
  height: 2px;
  background: #202632;
  animation: animateBeeCountdown 15s linear;
}

@keyframes animateBeeCountdown {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}

img.quiz_result_image {
    width: 100%;
}

p.question_result_text {
  text-align: center;
  font-size: 24px;
  line-height: 28px;
  color: var(--content-primary-invert);
  margin-top: 11px;
}

.question_result_button {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: var(--content-primary);
  background: rgba(240, 243, 245, 0.5);
  display: inline-block;
  padding: 7px 16px;
  border-radius: 50px;
  margin-top: 12px;
}

.fail_wrap #success_button,
.success_wrap #success_button {width: 138px;}
.flex.column {flex-direction: column;}
.success_wrap {margin-top: 55px;}
#reload_content {flex-direction: column; justify-content: space-between; align-items: center;}

ul.answers {margin-top: 40px; margin-left: 22px; margin-right: 22px;}
li.answer {list-style: none;padding: 14px 18px;margin-bottom: 16px;text-align: center;font-size: 15px;font-weight: 500; background: #FFFFFF;
  border-radius: 50px;color: #26192A;}
p.time_left {text-align: center; font-size: 6vw; margin-top: 40px;}
ul.ul_links {text-align: center;list-style: none;width: 100%;}
ul.ul_links li {margin-top: 7px;}
/*ul.ul_links li:nth-child(1) {margin-top: 0;}*/
ul.details_phones {width: 100%; display: flex; flex-direction: column; gap: 9px;}
ul.details_phones .simple_text {margin-top: 5px; display: flex; justify-content: space-between;}
.details_phones li.hide {display: none;}
ul.winners_list.close {display: none;}
ul.winners_list .simple_text {display: flex; justify-content: space-around;}
.result_first_button {
  position: relative;
}
a[href^="tel"] {
  color: inherit; /* Inherit text color of parent element. */
  text-decoration: none; /* Remove underline. */
  /* Additional css `propery: value;` pairs here */
}

.result_first_button img {position: absolute;top: 50%;transform: translateY(-50%);left: 22px;filter: invert(1);}
.result_second_button {position: relative;}
.result_second_button img {position: absolute;top: 50%;transform: translateY(-50%);left: 22px;}
.result_second_button .button {padding-left: 44px;}

.start_star_wrap {width: 100%;}
.start_star_wrap img {display: block;width: 90%;margin: 0 auto;}
h1.start_page_h1 {font-family: 'Neucha';font-size: 24px;text-align: center;color: #FCF4E5;font-weight: 600;text-transform: uppercase;}
.onboard_img_wrap {width: 70px;position: relative;}
.onboard_img_wrap img {display: block; width: 100%;}
.onboard_img_wrap span {
  font-size: 15px;
  font-weight: 700;
  position: absolute;
  top: 17px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  text-align: center;
  color: #FFFFFF;
  text-shadow:  1px 1px #F09C46, 
        -1px -1px #F09C46, 
        -1px 1px #F09C46, 
        1px -1px #F09C46,
        0px 1px #F09C46,
        1px 0px #F09C46,
        -1px 0px #F09C46,
        0px -1px #F09C46;
}
.onboard_second_image {position: relative;width: 250px;display: flex;justify-content: space-around;margin: 0 auto;}
.onboard_second_image img {width: 40%;display: block;}
.onboard_second_image span {position: absolute; top: 26px; left: 50%; transform: translateX(-50%); font-size: 20px; font-weight: 700; width: 100%; text-align: center; color: #FCF4E5;
  text-shadow:  1px 1px #F09C46, 
        -1px -1px #F09C46, 
        -1px 1px #F09C46, 
        1px -1px #F09C46,
        0px 1px #F09C46,
        1px 0px #F09C46,
        -1px 0px #F09C46,
        0px -1px #F09C46;}
.two-elems {align-items: center;width: 100%;margin: 22px auto 0;justify-content: space-around;}
.two-elems:nth-child(1) {margin-top: 0;border-top: none;padding-top: 0;}
.two-elems .simple_text {width: calc(100% - 95px);}
.onboard_item_title {color: inherit; font-size: 15px; font-weight: 700; text-align: left; display: inline-block; width: 100%; text-transform: uppercase;}
.onboard_small {font-size: 14px;}
a.onboard_button {display: block; width: 40%; background: #1C636F; text-align: center; border-radius: 10px; margin: 0 auto; padding: 10px 0;}
.onboard_button img {height: 27px; display: block; margin: auto;}
.onboard_icon_1000 {display: block; width: 65%; margin: 22px auto;}
.onboard_third_img {width: 45%; margin: 50px auto 50px; display: block;}
.fail_image {display: block;width: 62%;position: absolute;top: -67%;left: 50%;transform: translateX(-50%);}
.success_image {display: block; width: 52%; margin: 50px auto 0;}
.new_text {text-align: center; font-size: 18px;}
.new_text.success_background {background: #E65E22; color: white; padding: 13.5px 14px; width: 90%; margin: 22px auto; border-radius: 9px; font-size: 5.5vw;}
.new_text.margin_top {margin-top: 40px;}
.onboard_button.margin_top {margin-top: 80px;}
.new_page_title {font-family: 'Beeline Sans'; color: var(--content-primary); margin: 0; text-align: center; font-size: 32px; font-weight: 400; line-height: 36px;}
.new_page_title>* {font-family: 'Neucha';}
.new_page_title.lh {line-height: 30px;}
.new_page_title.high {font-size: 25px;}
.new_page_title span {font-size: 32px;line-height: 36px;display: block;font-family: 'Beeline Sans'; font-weight: 400;}
.page_wrap.details .new_page_title span {font-size: 16px; line-height: 20px; color: var(--content-secondary);}
.page_wrap.rating .new_page_title, .page_wrap.details .new_page_title, .page_wrap.profile .new_page_title, .page_wrap.subpage .new_page_title, .page_wrap.shop .new_page_title, .page_wrap.wheel .new_page_title {font-size: 24px; line-height: 24px; color: var(--content-primary)}
.page_wrap.details .new_page_title, .page_wrap.profile .new_page_title, .page_wrap.shop .new_page_title {margin-top: 25px;}
.page_wrap.result .new_page_title {color: var(--content-secondary); font-size: 24px; line-height: 24px; text-transform: lowercase;}
.small_secondary {font-size: 16px; color: var(--content-secondary); line-height: 18px;}
.onboard_fourth .small_secondary {font-size: 13px; line-height: 16px;}
.new_page_wrap {height: 100%}
.new_page_middle-with_new_page_title {height: calc(100% - 62px);}
.new_button_text {display: inline-block; color: black; font-size: 20px; text-align: center; padding: 18px 15px; border-radius: 33px; background: #EEA9FF;}
.new_button_text.full {width: 100%;}
.new_button_text.new_color {background: #1C636F; color: white;}
.new_button_text.detail {background: #1C636F; color: white; width: 90%; font-size: 18px; display: block; margin: 30px auto 0;}
.points_now {background: url(/img/icons/points_now.png) center center no-repeat; background-size: cover; width: 250px; margin: 40px auto 0; height: 179.7px; align-items: center; padding: 0 35px;}
.next_time {border: 8px solid #E65E22; background: white; border-radius: 100%; width: 200px; height: 200px; padding: 10px 10px 0; font-size: 22px !important; margin: 50px auto 0;}
.new_button_text.half {padding-left: 45px; padding-right: 45px;}
.new_button_text.with_icon {position: relative;}
.details_cup {position: absolute;width: 75px;left: 9px;bottom: 0px;}
.details_cup img {width: 100%; display: block;}
.details_cup span {z-index: 2;position: absolute;top: 19px;left: 50%;transform: translateX(-50%);font-size: 16px;display: inline-block;width: 100%;text-align: center;font-weight: 400;color: #FFFFFF;
  text-shadow:  1px 1px #F09C46, 
        -1px -1px #F09C46, 
        -1px 1px #F09C46, 
        1px -1px #F09C46,
        0px 1px #F09C46,
        1px 0px #F09C46,
        -1px 0px #F09C46,
        0px -1px #F09C46;
        }
.new_button_text.with_icon.terms:before {background: url(/img/icons/terms.png) center center no-repeat; background-size: cover;}
.new_button_text.with_icon.winners:before {background: url(/img/icons/winners.png) center center no-repeat; background-size: cover;}
.new_button_text.with_icon.week:before {content: "3 000₽"}
.new_button_text.with_icon.month:before {content: "15 000₽"}
.new_button_text.with_icon.day,
.new_button_text.with_icon.week,
.new_button_text.with_icon.month {padding: 14px 60px; margin-top: 30px; font-size: 14px; font-weight: 500;}
.new_button_text.with_icon.large_icon:before {width: 70px; height: 68px; left: -25px; top: -35px;}
.retry_button_wrap {position: relative;}
.retry_button_wrap img {left: 19px;top: 50%;position: absolute;transform: translateY(-50%);width: 20px;}
.button.retry {font-size: 14px; padding-left: 43px;}
div#reload_content {height: calc(100% - 49px);}
.rating_wrap {height: calc(100% - 56px);}
.rating_main_page {display: block;width: 41%;margin: 0 auto;}
.simple_icon_text {font-size: 20px; margin-top: 25px; position: relative; padding-left: 53px; width: 100%;}
.simple_icon_text:before {content: ""; display: inline-block; width: 40px; height: 40px; position: absolute; top: -8px; left: 0;}
.simple_icon_text.points:before {background: url(/img/icons/2/points.png) center center no-repeat; background-size: cover;}
.simple_icon_text.place:before {background: url(/img/icons/2/place.png) center center no-repeat; background-size: cover;}
.simple_icon_text.top:before {background: url(/img/icons/2/top.png) center center no-repeat; background-size: cover;}
.simple_icon_text.get_winners {color: #1C636F;}
.get_winners img {transform: scaleY(-1); transition: transform .3s linear; filter: invert(1);}
.get_winners.close img {transform: scaleY(1);}
.details_wrap {padding-top: 25px; padding-bottom: 25px;}
.new_padding {padding-top: 45px;}
.sub_title {width: 90%; margin: auto; border-top: 1px solid white;}
.index_image {width: 80%;margin: 35px auto 0;display: block;}
.index_bee_logo {display: block; margin: 0 auto;}
.new_button_text.index {margin-top: 40px;}
.footer_text {position: fixed;width: 100%;max-width: 540px;left: 50%;transform: translateX(-50%);text-align: center;bottom: 0;padding: 10px 22px;color: #000000;line-height: 22px;font-size: 12px;background: transparent;}
.footer_text .mail {color: inherit;}
.footer_text .terms {color: inherit; text-decoration: underline;}
.index_wrap .flex.middle.index {height: calc(100% - 148px);}
.access_text {text-align: center; margin-top: 7px; font-size: 18px;}
.rating_detail_head_image {display: block;width: 80px;position: relative;}
.rating_detail_head_image img {display: block; width: 100%;}
.rating_detail_head_image span {position: absolute;top: 22px;right: 50%;font-size: 16px;font-weight: 700;transform: translateX(50%);width: 100%;text-align: center;color: #FCF4E5;
  text-shadow:  1px 1px #F09C46, 
        -1px -1px #F09C46, 
        -1px 1px #F09C46, 
        1px -1px #F09C46,
        0px 1px #F09C46,
        1px 0px #F09C46,
        -1px 0px #F09C46,
        0px -1px #F09C46;}
.rating_detail_head_info {width: calc(100% - 80px);}
.rating_detail_head {justify-content: space-between;}
.rating_detail_head_info .simple_text {text-align: left; align-items: center;}
.rating_detail_head_info .simple_text img {width: 20px; margin-right: 3px;}
.rating_detail_head_info a.popup_right_open {text-decoration: none;}
.ovh {overflow: hidden;padding-bottom: 5px;border-radius: 15px;margin-top: 12px;}
.auth_wrap.flex {/* height: calc(100% - 65px); *//* justify-content: center; *//* align-items: center; */}
.auth_form label {display: block;width: 100%;text-align: left;font-size: 20px;}
.auth_form input[type="tel"],
.auth_form input[type="text"],
.auth_form input[type="password"] {display: block;text-align: left;border: none;background-color: #FFFFFF;font-size: 18px;padding: 7px 10px;margin: 22px auto 0;-webkit-appearance: none;border-radius: 5px;width: 100%;}
.auth_form input[type="tel"]:focus,
.auth_form input[type="text"]:focus,
.auth_form input[type="password"]:focus {outline: none; border-bottom-color: #000;}
.auth_form input[type="tel"]::placeholder,
.auth_form input[type="text"]::placeholder {color: #FFFFFF;}
.auth_form input.submit {margin: auto;display: block; color: white; font-size: 20px; text-align: center; padding: 15px 25px; border-radius: 13px; background: #1C636F;border: none;margin-top: 42px;-webkit-appearance: none;}
.simple_link {display: block;text-decoration: underline;padding: 10px 0;font-size: 18px;}
.modal_back {background: #00000099;position: fixed;width: 100%;height: 100%;top: 0;left: 0; transition: opacity 250ms linear; opacity: 0; pointer-events: none;}
.modal_back.show {opacity: 1; pointer-events: auto;}
.modal {width: 100%;bottom: 0;left: 50%;position: fixed;padding: 22px;background: #5ED1BA url(/img/paws.png) top center repeat-y; background-size: 100%; border-radius: 30px 30px 0px 0px;transition: transform 250ms linear;transform: translate(-50%, 101%);max-width: 500px;}
.modal.open {transform: translate(-50%, 0);}
.modal .phone {margin: 22px auto 0;display: block;text-align: center;font-size: 20px;border: 0;border-bottom: 1px solid #CCC;padding: 10px 0;background: rgba(255,255,255,0);-webkit-appearance: none;}
.modal .simple_text {margin: 0; font-size: 20px;}
.modal input[type="button"] {margin: 22px auto 0;display: block;padding: 12px 15px;font-size: 16px;border-radius: 10px;border: 0;color: white;background-color: #1C636F;-webkit-appearance: none;}
.modal a.close {display: block; text-align: center; margin-top: 10px; font-size: 16px; line-height: 18px; color: var(--content-primary);}
.modal .auth_sub_button {background: #1C636F; font-size: 5vw; text-transform: none; border: 0; width: 100%; padding: 12px 0; display: block; height: auto; margin: 25px auto 0; text-align: center; text-decoration: none; color: white; border-radius: 10px;}
.modal .modal_veer {display: block; width: 100%; margin: 20px 0;}
.modal .new_page_title {color: #880135}
.modal .modal_title {text-align: center; padding: 0px 20px; font-size: 20px; color: #FFFFFF;}
.modal .button {background: #FCF4E5;color: #000000;}
.modal_window {position: fixed; background: white; width: 80%; max-width: 450px; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 20px; border-radius: 30px;}
.modal_window .simple_text {color: #000000;font-size: 18px;}
.modal_window .close {width: 22px; height: 22px; position: absolute; right: 15px; top: 15px; background: url(/img/icons/close.png) no-repeat center; background-size: cover;}
.modal_window .phone {margin: 22px auto 0;display: block;text-align: center;font-size: 20px;border: 0;border-bottom: 1px solid #CCC;padding: 10px 0;background: rgba(255,255,255,0);-webkit-appearance: none;}
.down_modal_back {background: #00000099;position: fixed;width: 100%;height: 100%;top: 0;left: 0;opacity:0;pointer-events:none;transition: opacity .25s linear; z-index: 99;}
.down_modal_back.show {opacity: 1; pointer-events: initial;}
.down_modal {position: fixed; background: #F0F3F5; bottom: -90%; border-radius: 24px 24px 0 0; left: 0; padding: 60px 0; transition: bottom .3s linear, opacity .3s linear; z-index: 100; opacity: 0; pointer-events: none;}
.down_modal.shadow {box-shadow: 0px 0px 8px 0px #5ED1BA6b;}
.down_modal.orange {background: #FFC000;}
@media screen and (min-width: 550px) {
  .down_modal {width: 550px; left: 50%; transform: translateX(-50%);}
}
.down_modal.show {bottom: 0; opacity: 1; pointer-events: auto}
.down_modal .down_modal_close {display: block; color: var(--content-primary); margin-top: 20px; text-align: center;}
.down_modal img.modal_veer {display: block; width: 80%; margin: 22px auto 0;}
.down_modal[data-modal="otherquiz"] .new_page_title {font-size: 32px; font-weight: 400; line-height: 36px; color: var(--content-primary);}
.down_modal[data-modal="otherquiz"] .button {margin: 0px auto; width: 90%; background: var(--brand-primary); color: var(--content-primary);}
img.bee_other_quiz {display: block; width: 100%; margin: 90px 0;}
.retry_price_wrap {position: relative;width: 130px;margin: 10px auto 0;}
.retry_price_wrap img {display: block; width: 100%;}
.retry_price_wrap img:nth-child(2) {width: 65%; margin: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.retry_price_wrap .retry_price {color: white;font-size: 40px;font-weight: 700;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;text-align: center;}
.success_image {display: block;margin: 0 auto;width: 65%;position: absolute;top: -60%;left: 50%;transform: translateX(-50%);}
.page_wrap.result .simple_text.your_result {color: black;font-size: 15px;font-weight: 400;line-height: 36px;background: #B8F0E7;padding: 0 30px;display: flex;flex-direction: column;justify-content: center;}
.result_points {display: block;font-weight: 700;font-size: 30px;}
.page_wrap.result .result_image {display: block;width: 140px;margin: 20px;}
.back_button {padding: 11px; display: block; transform: rotate(180deg); width: 40px;}
.back_button img {width: 100%; display: block;}
.rating_image {display: block;width: 60%;margin: 0 auto;}

.popup_right_open {color: inherit; text-decoration: underline;}
.popup_right {position: fixed; top: 0; right: -100%; width: 100%; height: 100%; transition: right 250ms linear; background: #5ED1BA url(/img/paws.png) top center repeat-y;background-size: 100%;
  padding: 22px; z-index: 10; display: flex; flex-direction: column; justify-content: space-around;}
.popup_right.open {right: 0;}
.popup_right .simple_text {color: var(--main-color);}

.flex.list-item {justify-content: left;align-items: center;}
.flex.list-item img {width: 45px;}
.flex.list-item p {margin: 0 0 0 7px;}

.popup_right.otp input[type="tel"] {text-align: center;border: none;border-bottom: 1px solid #FCF4E599;background-color: #FFFFFF00;font-size: 18px;padding: 7px 0;-webkit-appearance: none;appearance: none;outline: none;display: block;margin: 22px auto 0;color: #FCF4E5;}
.popup_right.otp input[type="tel"]:focus {border-bottom-color: #FCF4E5;}
.popup_right.otp input[type="tel"]::placeholder {color: #FCF4E5 !important;}
.popup_right.otp .button {display: block;max-width: 200px;margin: 50px auto 0;}
.popup_right.otp .otp_code_wrap {justify-content: space-around; margin: 22px 0;}
.popup_right.otp .popup_right_close {position: absolute;right: 20px;top: 15px;transform: scaleY(0.9);color: #FCF4E5;}

.page_wrap.thx {padding: 100px 22px; display: flex; height: 100%; flex-direction: column; justify-content: space-around;}
.thx .simple_text {font-size: 22px; margin: 0;}

.checkbox {display: inline-block; position: relative; padding-left: 22px; color: var(--checkbox-color)}
.checkbox>a {color: var(--checkbox-color); text-decoration: underline;}
.checkbox:before {content: " ";display: block;border: 1px solid var(--checkbox-color);width: 12px;height: 12px;position: absolute;left: 0;top: 52%;transform: translateY(-50%);border-radius: 3px;}
.checkbox.check:after {content: "";display: block;border-left: 1px solid var(--checkbox-color);border-top: 1px solid var(--checkbox-color);width: 5px;height: 4px;transform: skew(6deg, 311deg) rotate(241deg);position: absolute;left: 4px;top: 30%;}

.otp .canwin .onboard_second_image {width: 250px;margin: 0 auto;}
.otp .canwin .onboard_second_image span {top: 24px;font-size: 20px;bottom: 23%;
  text-shadow:  1px 1px #F09C46, 
        -1px -1px #F09C46, 
        -1px 1px #F09C46, 
        1px -1px #F09C46,
        0px 1px #F09C46,
        1px 0px #F09C46,
        -1px 0px #F09C46,
        0px -1px #F09C46;}
.otp .canwin .simple_text {font-size: 20px; margin: 0; padding: 0 22px; font-weight: bold;}

.img_text_wrap {display: flex; justify-content: space-around; padding: 0 22px; align-items: center; margin-top: 22px;}
.phone_verify_form {margin-top: 35px;}
.phone_verify_form .label, .create_password_form .label {display: block; text-align: center; font-weight: bold; font-size: 18px;}
.phone_verify_form input[type="tel"],
.phone_verify_form input[type="text"],
.create_password_form input[type="password"] {display: block;text-align: left;border: none;background-color: #FFFFFF;font-size: 18px;padding: 7px 10px;margin: 22px auto 0;-webkit-appearance: none;border-radius: 5px;}
.phone_verify_form input[type="tel"]:focus,
.phone_verify_form input[type="text"]:focus,
.create_password_form input[type="password"]:focus {outline: none; border-bottom-color: #000;}
.phone_verify_form input[type="tel"]::placeholder,
.phone_verify_form input[type="text"]::placeholder {color: #FFFFFF;}
.phone_verify_form a.button {width: 75%; margin: 45px auto 0;}
.first_step {}
.second_step {display: none;}
p.sub_info {text-align: center; font-size: 14px; color: #666666; margin-top: 15px;}

.top_10_list {max-width: 250px; margin: 0 auto;}
.top_10_list li {margin-top: 5px;}
.top_10_list li>p:nth-child(1) {display: flex; justify-content: space-between;}

.code_wrap {margin: 22px auto 0; display: flex; justify-content: center;}
.code_wrap .code_part {border: none;margin-left: 10px;font-size: 20px;border-radius: 5px;color: #000000;-webkit-appearance: none;appearance: none;text-align: center;height: 35px;width: 35px;line-height: 35px;}
.code_wrap .code_part:nth-child(1) {margin-left: 0}
.code_wrap .code_part:focus {border: none; outline: none;}
.code_wrap .code_part::-webkit-outer-spin-button,
.code_wrap .code_part::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.subpage_buttons .button {flex: calc(50% - 10px); max-width: calc(50% - 10px);}
.new_page_title.with_buttons {display: flex; justify-content: space-between; align-items: center; padding: 5px 0px;}
.new_page_title.with_buttons>a.back_button {padding: 0; width: auto;}
.close_subpage {transform: scaleY(0.7); font-size: 24px; color: var(--main-color)}
.to_subpage_arrow {transform: scaleY(1) rotate(-90deg); margin-left: 22px; pointer-events: none;}
.page_wrap.subpage {height: 100%; overflow-y: scroll; padding: 22px;}


.about_prize_list {display: flex; width: 100%; flex-wrap: wrap; gap: 16px; overflow-y: auto; padding-bottom: 10px; max-height: 60%;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE и Edge */
}
.about_prize_list::-webkit-scrollbar {display: none;}
.about_prize_list li {display: flex;justify-content: space-evenly;align-items: center;color: white;width: calc(50% - 8px);position: relative;flex-direction: column;background: #FFFFFF;border-radius: 30px;margin-bottom: 15px;padding: 10px 10px 24px;}
.about_prize_list li>div {display: flex;justify-content: left;align-items: center;width: 70%;}
.about_prize_list li .prize_price {font-size: 13px; text-wrap: nowrap; background: var(--elements-active); position: absolute; z-index: 2; bottom: -9px; padding: 4px 11px; border-radius: 12px; color: var(--content-primary-invert); font-weight: 400;}
.about_prize_list li .prize_title {font-size: 16px;color: var(--content-primary);text-transform: lowercase;text-align: center;margin-top: 10px;}
.about_prize_list li img {width: 100%;z-index: 1;border-radius: 10px;}
.about_prize_head {display: flex; justify-content: space-between; align-items: center; color: white; padding-left: 22px;}
.about_prize_head .prize_price {font-size: 14px; width: 60px; font-weight: bold;}
.about_prize_head .prize {width: 40px; font-size: 14px; font-weight: bold;}
.about_prize_head .space {width: 150px; color: #00000000; margin-left: 20px;}
.about_prize_head div {display: flex; justify-content: right; align-items: center;}
.my_prize_list {display: flex; width: 100%; flex-wrap: wrap; gap: 16px; overflow-y: auto; padding-bottom: 10px; max-height: 80%; margin-top: 35px;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE и Edge */
}
.my_prize_list::-webkit-scrollbar {display: none;}
.my_prize_list li {display: flex;justify-content: space-evenly;align-items: center;color: white;width: calc(50% - 8px);position: relative;flex-direction: column;border-radius: 30px;padding-bottom: 17px;}
.my_prize_list li>a {display: flex; width: 100%; height: 100%; justify-content: space-evenly; align-items: center; color: white; position: relative; flex-direction: column; background: #FFFFFF; border-radius: 30px; padding-bottom: 17px;}
.my_prize_list li>div {display: flex;justify-content: left;align-items: center;width: 70%;}
.my_prize_list li .prize_price {font-size: 13px; text-wrap: nowrap; background: var(--elements-active); position: absolute; z-index: 2; bottom: -9px; padding: 4px 11px; border-radius: 12px; color: var(--content-primary-invert); font-weight: 400;}
.my_prize_list li .prize_title {font-size: 16px;color: var(--content-primary);text-transform: lowercase;margin-top: 12px;text-align: center;}
.my_prize_list img {width: 100%;z-index: 1;border-radius: 10px;}
.my_prize_list .prize_info {border: 1px solid #EEE;border-radius: 21px;background: #FFFFFF;padding: 10px 10px 26px;}
/*.my_prize_list .prize_info img {width: 14px;}*/
/*.my_prize_list .prize_info.disabled {background: #FFFFFF00;}*/
/*.my_prize_list .prize_info.disabled img {opacity: .4;}*/
.page_wrap.prize {padding: 22px;}
.page_wrap.prize .new_page_title {padding: 0; font-size: 24px; line-height: 24px; font-weight: 400;}
.page_wrap.prize .simple_text {font-size: 14px; text-align: left; font-weight: normal; margin-top: 0;}
.page_wrap.prize .simple_text.prize_description {color: #000000; font-size: 13px;}
.page_wrap.prize .simple_text.bold {font-weight: bold;}
ol.how-to-get-prize {font-size: 13px; list-style-position: inside; font-weight: 400; margin-top: 10px;}
.how-to-get-prize li {margin-top: 10px;}
.how-to-get-prize li:nth-child(1) {margin-top: 0;}
.back_button.prize {padding: 0; display: inline-block; width: auto; }
.prize_image {display: block; width: 100%;}
.my_prize_head {display: flex; justify-content: space-between; align-items: center; color: white; padding-left: 22px;}
.my_prize_head .prize_price {font-size: 14px; width: 60px; font-weight: bold;}
.my_prize_head .prize {width: 40px; font-size: 14px; font-weight: bold;}
.my_prize_head .space {width: 150px; color: #00000000; margin-left: 20px;}
.my_prize_head div {display: flex; justify-content: right; align-items: center;}
.my_prize_available {color: var(--content-secondary); font-size: 16px; margin-top: 10px; text-align: center; font-weight: 400; line-height: 20px;}
.new_page_title.with_buttons {display: flex; justify-content: space-between; align-items: center;}
.new_page_title.with_buttons.duo:after {content: ""; display: inline-block; width: 24px;}
.page_wrap.resultprize {padding: 16px 22px 22px; display: flex; flex-direction: column; justify-content: space-between;}
.gift_banner_index {display: flex; justify-content: space-between; background: #FFC000; position: relative;}
.gift_banner_index.otp_page {position: fixed; width: 100%; max-width: 540px; left: 150%; transform: translateX(-50%); top: 22px; transition: left 250ms linear;}
.popup_right.open .gift_banner_index.otp_page {left: 50%;}
p.gift_banner_text {color: white; width: calc(100% - 130px); padding: 15px;}
span.gift_banner_welcome {display: block; text-transform: uppercase; font-weight: 600; font-size: 25px; font-family: 'Neucha';}
.gift_banner_image {width: 120px; border-radius: 100%; overflow: hidden; height: 120px; border: 8px solid #ffc000; background: #FFFFFF url(/upload/uf/d3b/q7cxjohgpfmrok0rtb32s7rdl4n8qbsd.png); background-size: cover; background-position: 44% center; background-repeat: no-repeat; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); box-shadow: 0px 0px 6px 0px #0000001a;}
.down_modal.orange .gift_banner_image {position: relative; top: 0; transform: none; margin: -70px auto 0; right: 0;}
.new_span {background: linear-gradient(96deg, #FED301 7.18%, #FF8500 48.58%, #FED301 93.59%); border-radius: 100px; padding: 2px 15px; color: white; font-size: 12px; position: absolute; top: -9px; right: 30px;}
.terms_page_table {color: var(--content-primary); border-collapse: collapse; border-color: var(--content-primary);}
.terms_page_table td {padding: 5px;}
.subpage .subpage-table {border: none; border-collapse: collapse; margin: 0 auto;}
.subpage .subpage-table .border-bottom {border-bottom: 1px solid #DDD;}
.subpage .subpage-table td {border: none; padding: 2px 7px;}
.subpage .subpage-table tr td:nth-child(1) {border-right: 1px solid #DDD;}
.subpage .subpage-table .space {height: 15px;}

.message_back {position: fixed; width: 100%; height: 100%; z-index: 1000; top: 0; left: 50%; transform:translateX(-50%); padding: 30px 22px; display: flex; flex-direction: column; justify-content: center; 
  align-items: center; background: #F0F3F5; max-width: 540px;}
.shop_image_fail {width: 25%; max-width: 260px;}
.shop_image_success {width: 25%; max-width: 260px;}
.shop_image_style {margin: 0 auto;}
.shop_image_style img {width: 100%; display: block;}

.message_back .simple_text {
  font-size: 18px;
}

.low_text_description {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: var(--content-secondary);
  text-align: left;
  margin-top: 4px;
  text-transform: lowercase;
}

ul.faq_questions {
  color: var(--content-primary);
  margin-top: 25px;
}

ul.faq_questions li {
  margin-top: 45px;
}

ul.faq_questions li:nth-child(1) {
  margin-top: 0;
}

ul.faq_questions p.faq_q {
  font-weight: bold;
  font-size: 18px;    
  text-align: center;
}

ul.faq_questions p.faq_a {
  font-size: 15px;
  margin-top: 25px;
  text-align: justify;
}

ul.faq_questions p.faq_a a {
  color: var(--content-primary);
  font-size: 15px;
  text-decoration: underline;
}

.new_page_title.with_buttons {display: flex; justify-content: space-between; align-items: center; width: 100%;}

@media screen and (min-width: 540px) {
  h1.onboard_title {font-size: 46px}
  .simple_text.atp, .question, .new_text.success_background {font-size: 30px}
  .button.simple {font-size: 30px}
  p.quiz_page_title, p.title {font-size: 45px}
  li.answer {font-size: 27px;}
  p.time_left {font-size: 32px;}
}

@media screen and (max-height: 760px) {
  .onboard .top_page_part {padding-top: 0;}
  .simple_text.atp {font-size: 5.5vw;}
  .onboard .onboard_icon_1000 {margin: 22px auto 0; width: 55%}
  .points_now {width: 208px; margin: 20px auto 0; height: 150px;}
  .flex.middle.new_page_middle-with_new_page_title {height: 100%}
  .result_wrap.padding-top-7,
  .top_page_part.padding-top-7 {padding-top: 0 !important;}
  .result_wrap .margin-top_double {margin-top: 30px !important;}
  .rating_wrap {height: calc(100% - 56px);}
  .next_time {width: 180px; height: 180px; border-width: 7px;}
  .start .top_page_part,
  .profile .top_page_part {height: 80%;}
  .new_padding {padding-top: 0;}

}

@media screen and (max-height: 627px) {
  .onboard_icon_1000 {display: none;}
}
/*
@media screen and (max-width: 385px) {
  .footer_text {}
}*/

img.yandex_plus_icon {
  display: block;
  width: 65%;
  margin: 10px auto 0;
}

p.ya_title {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2em;
  text-align: center;
  margin-top: 13px;
}

p.ya_subtitle {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.1em;
  margin-top: 10px;
  text-align: center;
}

.modal_block ol {
  padding-left: 22px;
  line-height: 1.2em;
  font-size: 14px;
}

.links_block a {
  display: block;
  cursor: pointer;
  text-decoration: underline;
  text-align: center;
}

p.promotion_description {
  font-size: 14px;
  margin-top: 10px;
}

.links_block {
  margin-top: 10px;
  font-size: 14px;
}

.links_block a {
  display: block;
  cursor: pointer;
  text-decoration: underline;
  text-align: center;
}

.modal_block.terms {
  line-height: 1.2em;
  font-size: 8px;
}

.modal_block {
  margin-top: 10px;
}

.links_block .two {
  display: flex;
  justify-content: space-around;
}

.yab_back {position: fixed; z-index: 101; width: 100%; height: 100%; top: 0; left: 0; background: #00000077;}
.yab_wrap {position: fixed; width: 80%; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 17px 12px; background: #FCF4E5; z-index: 102; max-width: 300px; display: flex; align-items: center; justify-content: center; text-align: center; border-radius: 7px;}
.yab_text {pointer-events: none;}

.copy_to_cp {
  position: relative;
  z-index: 0;
  cursor: pointer;
}

.copy_to_cp:after {
  content: 'Скопировано';
  position: absolute;
  top: 50%;
  left: 50%;
  background: #ababab;
  border-radius: 3px;
  padding: 3px 10px;
  transform: translate(-50%, -50%);
  z-index: 1;
  display: none;
}

.copy_to_cp.show:after {
  display: initial;
}

.copy_img {
  width: 16px;
  height: 16px;
  position: absolute;
  right: 0px;
  top: calc(50% - 8px);
  opacity: 0.6;
  pointer-events: none;
}

.about_prize_slider_wrap {
  width: 100%;
  overflow-x: auto;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE и Edge */
}

.about_prize_slider_wrap::-webkit-scrollbar {
  display: none;
}

.about_prize_slider_wrap .about_prize_slider_track {
  display: flex;
  gap: 8px;
  min-width: max-content;
}

.about_prize_slider_wrap .about_prize_slider_track .about_prize_item {
  display: flex;
  flex-direction: column;
  width: 230px;
  height: 357px;
  background: url(/img/sub/about_prize_item.png) center center no-repeat;
  background-size: cover;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  text-align: center;
}

p.about_prize_summ {
  font-size: 32px;
  line-height: 36px;
  font-weight: 400;
  color: var(--content-primary);
  margin-top: 40px;
}

p.about_prize_description {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: var(--content-primary);
  margin-top: 15px;
}

.title_font {
  color: var(--content-primary);
  font-size: 32px;
  font-weight: 400;
  line-height: 36px;
}

.answer_back_rot {
  position: relative;
}

.answer_back_rot img {
  width: 100%; 
}

.answer_back_rot p {
  font-size: 24px;
  line-height: 24px;
  font-weight: 400;
  position: absolute;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-5.18deg);
}

.bee_buy_title {
  font-size: 24px;
  line-height: 24px;
  font-weight: 400;
  color: var(--content-primary);
}

.bee_buy_desc {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: var(--content-secondary);
  margin-top: 10px;
  display: block;
}

.bee_buy_result_close {
  display: block;
  width: 42px;
}

.bee_buy_result_close img {
  display: block;
  width: 100%;
}

.bee_buy_result_return, .bee_buy_result_balance, .bee_buy_result_play {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
}

.bee_buy_result_return a {
  display: block;
  width: 56px;
  aspect-ratio: 1 / 1;
  background: url(/img/sub/return_to_quizes.png) center center no-repeat;
  background-size: cover;
}

.bee_buy_result_balance a {
  display: block;
  width: 56px;
  aspect-ratio: 1 / 1;
  background: url(/img/sub/top_up_your_balance.png) center center no-repeat;
  background-size: cover;
}

.bee_buy_result_play a {
  display: block;
  width: 56px;
  aspect-ratio: 1 / 1;
  background: url(/img/sub/play.png) center center no-repeat;
  background-size: cover;
}

.bee_buy_result_buttons {
  display: flex;
  margin: 0 auto;
  width: 100%;
  justify-content: center;
  align-items: center;
  gap: 31px;
}

.bee_buy_result_buttons span {
  color: var(--content-primary);
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  text-align: center;
  margin-top: 5px;
}

a.bee_back_button {
  display: block;
  width: 42px;
}

a.bee_back_button img {
  display: block;
  width: 100%;
  pointer-events: none;
}

.bee_result_sub_back {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: 540px;
  pointer-events: none;
}

.bee_result_sub_back:nth-child(1) {
  z-index: 2;
}
.bee_result_sub_back:nth-child(2) {
  z-index: 1;
}

.bee_points {
  font-size: 48px;
  line-height: 66px;
  text-align: center;
  color: var(--content-primary);
}

.bee_points span {
  font-size: 24px;
  line-height: 24px;
  display: block;
}

.bee_subdetails {
  font-size: 20px;
  line-height: 26px;
  color: var(--content-secondary);
  text-align: center;
  margin-top: 8px;
}

.page_wrap.details .top_players {
  font-size: 24px;
  line-height: 24px;
  color: var(--content-primary);
  text-align: center;
}

.page_wrap.details .button.secondary {
  background: rgba(119, 132, 157, 0.12);
  color: var(--content-primary);
  width: 60%;
  padding: 12px 0;
  margin-top: 22px;
}

.bee_details_info {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.bee_details_info_wrap {
  position: relative;
}

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

.bee_profile_menu>li>a {
    display: block;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    gap: 13px;
}

.bee_profile_menu>li>a span.promotion {
  background: var(--brand-primary);
  color: var(--content-primary);
  font-size: 13px;
  line-height: 16px;
  font-weight: 400;
  position: absolute;
  right: 0;
  border-radius: 30px;
  padding: 4px 10px;
}

.bee_profile_menu>li>a>img {
  width: 44px;
  aspect-ratio: 1 / 1;
}

ul.bee_profile_menu {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.bee_profile_menu>li>a>p {
  font-size: 16px;
  line-height: 20px;
  color: var(--content-primary);
  position: relative;
  width: 100%;
}

.bee_profile_menu>li>a>p:after {
  content: '';
  border-top: 1px solid var(--elements-secondary);
  position: absolute;
  bottom: -20px;
  width: 100%;
  left: 0;
}

.bee_profile_menu>li:last-child>a>p:after {
  display: none;
}

img.shop_main {
  display: block;
  width: 100%;
  margin-top: 25px;
}

p.bee_result_points_text {
  font-size: 20px;
  line-height: 26px;
  color: var(--content-secondary);
  font-weight: 400;
  text-align: center;
  padding-top: 22px;
}

span.bee_result_points {
  font-size: 56px;
  line-height: 66px;
  color: var(--content-primary);
  display: block;
}

.bee_result_value {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  text-align: center;
  color: var(--content-secondary);
}

.bee_result_value span {
  font-size: 24px;
  line-height: 24px;
  color: var(--content-primary);
  display: block;
  margin-bottom: 4px;
}

.bee_details_place {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(240, 243, 245, 1);
  padding-bottom: 10px;
}

.bee_details_place:last-child {
  border-bottom: none;
}

.bee_details_place .bee_details_place_phone {
  min-width: 135px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: var(--content-primary);
  opacity: 0.5;
}

.bee_details_place .bee_details_place_image {
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: var(--content-primary);
}

.bee_details_place:nth-child(1) .bee_details_place_image {
  background: url(/img/rating/1.png) center center no-repeat;
  background-size: cover;
}

.bee_details_place:nth-child(2) .bee_details_place_image {
  background: url(/img/rating/2.png) center center no-repeat;
  background-size: cover;
}

.bee_details_place:nth-child(3) .bee_details_place_image {
  background: url(/img/rating/3.png) center center no-repeat;
  background-size: cover;
}

.bee_details_place .bee_details_place_points {
  display: block;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: var(--content-primary);
}

.bee_details_place>div {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 8px;
}

.modal[data-modal="promo"] {
  height: 80%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #F0F3F5;
}

.modal[data-modal="promo"] .modal_title {
  color: var(--content-primary);
  text-transform: lowercase;
  text-align: left;
  padding: 0;
  font-size: 32px;
  line-height: 36px;
  padding-top: 43%;
}

.modal[data-modal="promo"] .input_wrap input[type="text"] {
  text-align: left;
  border-bottom-color: rgba(226, 230, 237, 1);
  font-size: 24px;
  line-height: 28px;
  font-weight: 400;
}

.modal[data-modal="promo"] .input_wrap input[type="text"]::placeholder {
  color: rgba(142, 153, 175, 1);
}

.modal[data-modal="promo"] .button {
  background: var(--content-primary);
  color: var(--content-primary-invert);
}

.free_try_note {
  font-size: 13px;
  line-height: 16px;
  font-weight: 400;
  background: #FFFFFF;
  padding: 8px 15px;
  border-radius: 50px;
}

.center .free_try_note {
  display: inline-block;
}

ul.wheel_history {
    display: flex;
    flex-direction: column;
    gap: 35px;
    margin-top: 35px;
}

ul.wheel_history .simple_text {
    text-align: left;
    margin: 0;
}

ul.wheel_history li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

ul.wheel_history .date {
  color: var(--content-secondary);
}

ul.wheel_history .copy_to_cp {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 7px;
}

ul.wheel_history p.copy_to_cp {
  width: 100%;
}

ul.wheel_history .copy_to_cp .copy_img {
  position: initial;
  top: initial;
  right: initial;
}