@font-face {
  font-family: "Montserrat";
  src: local("Montserrat"), url(/fonts/Montserrat-Medium.ttf);
  font-weight: medium;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: local("Montserrat"), url(/fonts/Montserrat-MediumItalic.ttf);
  font-weight: medium;
  font-style: italic;
}
@font-face {
  font-family: "Montserrat";
  src: local("Montserrat"), url(/fonts/Montserrat-SemiBold.ttf);
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: local("Montserrat"), url(/fonts/Montserrat-SemiBoldItalic.ttf);
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Montserrat";
  src: local("Montserrat"), url(/fonts/Montserrat-Bold.ttf);
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: local("Montserrat"), url(/fonts/Montserrat-BoldItalic.ttf);
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Montserrat";
  src: local("Montserrat"), url(/fonts/Montserrat-Regular.ttf);
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: local("Montserrat"), url(/fonts/Montserrat-Italic.ttf);
  font-weight: normal;
  font-style: italic;
}

:root {
  --main-color: #FFFFFF;
  --checkbox-color: #EEEEEE;
}

.mt-10 {margin-top: 10px !important}
.mt-20 {margin-top: 20px !important}
.mt-55 {margin-top: 55px !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}
.td-u {text-decoration: underline !important}
.td-n {text-decoration: none !important;}
.hide {display: none !important}
.p-25 {padding: 25px !important}
.p-30 {padding: 30px !important}
.jc-sa {justify-content: space-around !important;}
.jc-sb {justify-content: space-between !important;}
.h100 {height: 100% !important}
.w-44 {width: 44px !important}
.pt-10 {padding-top: 10px !important}
.fd-c {flex-direction: column !important;}
.p-22 {padding: 22px !important;}
.w80 {width: 80% !important;}

.input_wrap input[type="text"] {border: none; border-bottom: 1px solid #CCC; background-color: #FFFFFF00; display: block; font-size: 18px; width: 100%; -webkit-appearance: none; appearance: none; outline: none; padding: 7px 0; color: var(--main-color)}
.input_wrap input[type="text"]:focus {border-bottom-color: #FFFFFF;}
.bank_search_results {margin-top: 0px; border: 1px solid var(--main-color); border-top: none; overflow-y: scroll; max-height: 40vh;}
ul#results {padding: 5px;}
ul#results li {padding: 10px 5px; color: var(--main-color); border-top: 1px solid #00000077; cursor: pointer}
ul#results li:hover {background: linear-gradient(0deg, #0077FF1c, #0077FF4a, #0077FF1c);}
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; font-size: 22px;}

html, .top_page_part, .page_wrap.with_menu, .page_wrap.flex.middle.with_menu {
  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 {
  width: 0px; /* For Chrome, Safari, and Opera */
}
html, body {margin: 0; padding: 0; height: 100%;}
body {background-color: #000000;}
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: 'Arial';}
h1.onboard_title {text-align: center; background: #E65E22; color: white; font-weight: normal; font-size: 25px; padding: 9px 0;}
.white_wrap {/* margin: 22px; *//* width: auto; */background: white;border-radius: 30px;box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.25);padding: 22px;}
.onboard .white_wrap {/* margin-top: 40px; */}
.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;}
.auth_image {display: block; width: 30%; margin: 0 auto;}
.auth_form .white::-webkit-input-placeholder { /* Chrome */ color: rgba(255,255,255,.7) !important;}
.auth_form .white:-ms-input-placeholder { /* IE 10+ */ color: rgba(255,255,255,.7) !important;}
.auth_form .white::-moz-placeholder { /* Firefox 19+ */ color: rgba(255,255,255,.7) !important; opacity: 1;}
.auth_form .white:-moz-placeholder { /* Firefox 4 - 18 */ color: rgba(255,255,255,.7) !important; opacity: 1;}
.auth_form .white::placeholder { /* Chrome */ color: rgba(255,255,255,.7) !important;}

.page_wrap.subpage {height: 100%; overflow-y: scroll; padding: 22px;}
.history_item .simple_text {margin-top: 0;}
.history_item {margin-top: 5px;}
.history_item:nth-child(1) {margin-top: 0}
.details_more_info_table {border-collapse: collapse;border: none;font-size: 14px;color:#000000;}
.details_more_info_table .border {border-bottom: 1px solid #DDD;}
.details_more_info_table .border td:nth-child(1) {width: 95px;}
.details_more_info_table .border td:nth-child(2) {min-width: 60px;}
.details_more_info_table .border td:nth-child(3) {min-width: 115px;}
.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;}
.white_wrap .simple_text {color: #000000;}
.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;}
.new_page_title.with_buttons>a.back_button {padding: 0;}
.close_subpage {transform: scaleY(0.7); font-size: 24px;}
.to_subpage_arrow {transform: scaleY(1) rotate(-90deg); margin-left: 22px; pointer-events: none;}
.subpage_table {border-collapse: collapse;border: none;font-size: 14px;width:100%;color:#000000;text-align: center;}
.subpage_table .bordered {border-bottom: 1px solid #000000;}
.subpage_table .bordered td:nth-child(1) {width: 37%;}
.subpage_table .bordered td:nth-child(2) {min-width: 65px;}
.subpage_table .table_delimiter {height: 15px;}

.relative {position: relative !important;}
p.form_error {color: #FFC849;text-align: center;}
input.error {border-color: #FFC849!important;}
.simple_text {font-size: 14px; text-align: center; margin-top: 22px; font-weight: 400; color: #FFFFFF;}
.simple_text.high {font-size: 16px;}
.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;}
.fail_wrap #success_button,
.success_wrap #success_button,
.page_wrap.onboard .button {width: 138px;}
.flex.column {flex-direction: column;}
.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-around; align-items: center; padding: 30px;}
.page_wrap.details .simple_text {margin: 0;}
ul.details_phones.winners_list {width: 100%;}
.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: 30px; 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-around; padding: 30px;}
.page_wrap.rating {display: flex;flex-direction: column;justify-content: flex-start;padding: 20px 30px 30px;}
.page_wrap.rating .button {font-size: 14px; padding: 14px 10px;}
.page_wrap.index {display: flex; flex-direction: column; justify-content: space-around; padding: 30px; height: calc(100% - 86px);}
.page_wrap.simple {display: flex; flex-direction: column; justify-content: space-around; padding: 10px 30px; height: 100%;}
.page_wrap.tb {display: flex; flex-direction: column; height: 100%; justify-content: center; align-items: center; padding: 30px 0;}
.page_wrap.tb .simple_text {height: 100%; display: flex; justify-content: center; align-items: center; padding: 0 22px; font-size: 23px; margin: 0; color: #FF7A00}
.bottom_page_part.profile {width: 100%; display: flex; justify-content: center;}
.bottom_page_part.profile .button.second {background: rgba(255, 122, 0, .6); width: 45%;margin: 0;}
.button {display: block; width: 100%; height: auto; margin: 0 auto; text-align: center; font-size: 15px; text-decoration: none; color: #000000; border-radius: 100px; background: #FF7A00; padding: 22px 10px; font-weight: 700;}
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 {height: auto; font-size: 5.5vw; width: 95%; padding: 13px 0; margin-top: 22px;}
.button.yellow {background: #FFC849;}
.button.whitebg {background: #FFFFFF;}
.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%;}
.onboard .top_page_part {padding-top: 40px;}
.flex.middle {justify-content: center; align-items: center; flex-direction: column;}
.bottom_menu {height: 55px; max-width: 540px; margin: 0 auto; background: #FF7A00; border-radius: 30px 30px 0px 0px;}
.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/icons/back.png) center no-repeat;background-size: 52%; filter: invert(1);}
.menu_item:nth-child(2) {background: url(/img/icons/rating.png) 50% 50% no-repeat;background-size: 56%; filter: invert(1);}
.menu_item:nth-child(3) {background: url(/img/icons/profile.png) 50% 50% no-repeat;background-size: 50%; filter: invert(1);}
p.quiz_page_title, p.title {text-align: center; font-weight: bold; font-size: 8.5vw;}
#question_reload p.quiz_page_title {color: white;padding: 10px 0;font-family: 'Arial';font-size: 20px;font-weight: 700;text-transform: uppercase;}
.question {width: 100%;padding: 50px 25px;border-radius: 30px;background: #FFFFFF;box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.25);font-size: 16px;text-align: center; font-weight: 500;}
.question video {width: 100%; display: block; margin-top: 10px}
ul.answers {margin-top: 40px; margin-left: 22px; margin-right: 22px; width: 100%}
li.answer {list-style: none;background: #FF7A00;padding: 22px 14px;border-radius: 30px;margin-bottom: 16px;text-align: center;font-size: 15px;box-shadow: 1px 1px 4px 0px #0000002e;font-weight: 700;}
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: 22px;}
ul.ul_links li:nth-child(1) {margin-top: 0;}
ul.ul_links li .button.terms {text-decoration: underline; background: #FFFFFF00; border: none; height: auto; width: 100%; color: #FF7A00}
ul.details_phones .simple_text {margin-top: 5px;}
.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;}
.result_first_button .button {padding-left: 44px}
.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: 40%; margin: 0 auto;}
h1.start_page_h1 {font-family: 'Arial'; font-size: 20px; color: white; text-align: center; font-weight: 700; text-transform: uppercase;}
.onboard_img_wrap {width: 60px; position: relative;}
.onboard_img_wrap img {display: block; width: 100%;}
.onboard_img_wrap span {font-size: 10px; font-weight: 700; position: absolute; top: 35px; left: 50%; transform: translateX(-50%); width: 100%; text-align: center;}
.onboard_second_image {position: relative;margin: 0 auto;width: 105px;}
.onboard_second_image img {width: 100%; display: block;}
.onboard_second_image span {position: absolute;top: 60px;left: 50%;transform: translateX(-50%);font-size: 15px;font-weight: 700;width: 100%;text-align: center;}
.two-elems {align-items: center; width: 100%; margin: 30px auto 0; justify-content: space-around; padding-top: 30px; border-top: 1px solid rgba(255, 255, 255, 0.2)}
.two-elems:nth-child(1) {margin-top: 0;border-top: none;padding-top: 0;}
.two-elems .simple_text {width: calc(65% - 10px);}
.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;}
.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: 'Arial'; padding: 5px 0; color: white; margin: 0; text-align: center; font-size: 20px; font-weight: 700; text-transform: uppercase;}
.new_page_title.lh {line-height: 30px;}
.new_page_title.high {font-size: 25px;}
.page_wrap.tb .new_page_title {color: #FF7A00;}
.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: 60px;left: 1px;bottom: 27px;}
.details_cup img {width: 100%; display: block;}
.details_cup span {z-index: 2;position: absolute;top: 36px;left: 50%;transform: translateX(-50%);font-size: 8px;display: inline-block;width: 100%;text-align: center;font-weight: 700;}
.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: 177px;margin: 15px auto -30px;}
.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;}
.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: 35%; margin: 0 auto; display: block;}
.index_image_wrap {position: relative;}
.index_image_wrap span {position: absolute; display: inline-block; color: #FFFFFF; border: 2px solid #FFFFFF; border-radius: 50%; width: 60px; height: 60px; line-height: 60px; text-align: center; right: 20px; top: 30px; font-size: 22px;}
.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: #ff7a00;}
.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: 89px;position: relative;}
.rating_detail_head_image img {display: block; width: 100%;}
.rating_detail_head_image span {position: absolute;top: 52px;right: 50%;font-size: 12px;font-weight: 700;transform: translateX(50%);width: 100%;text-align: center;}
.auth_wrap.flex {justify-content: center;align-items: center;}
.auth_form label {display: block; width: 100%; text-align: center; font-size: 20px;}
.auth_form input[type="tel"],
.auth_form input[type="text"] {display: block;text-align: center;border: none;border-bottom: 1px solid #999;background-color: #FFFFFF00;font-size: 18px;padding: 7px 0;margin: 22px auto 0;-webkit-appearance: none;}
.auth_form input[type="tel"]:focus,
.auth_form input[type="text"]:focus {outline: none; border-bottom-color: #FFF;}
.auth_form input[type="tel"]::placeholder,
.auth_form input[type="text"]::placeholder {color: black;}
.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;}
.modal {width: 80%;top: 50%;left: 50%;position: fixed;padding: 22px;background: url(/img/background.jpg) center center no-repeat;border-radius: 10px;transform: translate(-50%, -50%);border: 1px solid #ff7a00;background: black;}
.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;color: white;}
.modal .phone::placeholder {color: #FFFFFFBB;}
.modal .simple_text {margin: 0; font-size: 20px;}
.modal a.close {display: block;position: absolute;top: 10px;right: 10px;color: #ff7a00;transform: scaleY(0.8);}
.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;}
.retry_price_wrap {position: relative;width: 130px;margin: 10px auto 0;}
.retry_price_wrap img {display: block; width: 100%;}
.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;}
.fail_images {position: relative; width: 150px; margin: 0 auto;}
.fail_images img:nth-child(1) {display: block; width: 100%;}
.fail_images img:nth-child(2) {position: absolute; right: -12px; top: -9px;}
.success_images {position: relative; width: 118px; margin: 0 auto;}
.success_images img:nth-child(1) {display: block; width: 100%;}
.success_images img:nth-child(2) {position: absolute;top: -7px;left: -1px;z-index: -1;width: 100%;}
.page_wrap.result .simple_text.your_result {display: inline-block;padding: 14px 57px;background: white;border-radius: 20px;color: black;font-size: 15px;font-weight: 400;}
.result_points {display: block; font-weight: 700; font-size: 36px;}
.page_wrap.result .result_image {display: block; width: 157px; height: 147px; margin: 0 auto -57px; position: relative;}

.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: black;
  padding: 22px; z-index: 10; display: flex; flex-direction: column; justify-content: space-between;}
.popup_right.open {right: 0;}
.popup_right .simple_text {color: #FFFFFF;}

.popup_right.otp input[type="tel"] {text-align: center;border: none;color: var(--main-color); border-bottom: 1px solid #B0B0B0;background-color: #FFFFFF00;font-size: 18px;padding: 7px 0;-webkit-appearance: none;appearance: none;outline: none;display: block;margin: 22px auto 0;}
.popup_right.otp input[type="tel"]:focus {border-bottom-color: #000;}
.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: #FFFFFF;}
.popup_right.otp .simple_text.sub {margin-top: 50px; font-size: 14px; color: var(--checkbox-color);}

.back_button {display: inline-block; transform: rotate(180deg); filter: invert(1);}
.back_button.terms {padding: 11px;}
.back_button img {display: block; width: 100%;}
a.close_style {
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    top: 20px;
    right: 20px;
    color: #FF7A00;
    transform: scaleY(0.9);
}

.circles_wrap {width: 30%; justify-content: space-around; margin: 15px auto 0;}
.circles_wrap span.circle {width: 12px; height: 12px; display: inline-block; border: 1px solid #FF7A00; border-radius: 100%;}
.circles_wrap span.circle.active {background-color: #FF7A00;}

.down_modal_back {background: #00000099;position: fixed;width: 100%;height: 100%;top: 0;left: 0;opacity:0;pointer-events:none;transition: opacity .25s linear;}
.down_modal_back.show {opacity: 1; pointer-events: initial;}
.down_modal {position: fixed; background: #FFF; bottom: -90%; border-radius: 24px 24px 0 0; left: 0; padding: 15px; transition: bottom .3s linear; z-index: 100;}
@media screen and (min-width: 550px) {
  .down_modal {width: 550px; left: 50%; transform: translateX(-50%);}
}
.down_modal.show {bottom: 0;}
.down_modal .down_modal_close {display: block; position: absolute; width: 10px; height: 10px; top: 12px; right: 20px; color: black;transform: scaleY(0.9);}
.down_modal img.modal_veer {display: block; width: 80%; margin: 22px auto 0;}
.down_modal[data-modal="otherquiz"] .new_page_title {font-size: 20px; font-weight: 600;}
.down_modal[data-modal="otherquiz"] .button {margin: 22px auto 10px; width: 90%;}
.down_modal .simple_text {color: #000000;}

/*@media screen and (max-height: 700px) {
  #question_reload {padding-top: 0;}
}*/

@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;}
  .onboard .white_wrap {margin-top: 12px;}
  .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 {}
}*/



.return_page_text span.timer {
    font-size: 37px;
}

.return_page_text .simple_text {
    font-size: 16px;
    margin-top: 0;
}