/* ======================================== COMMON */
html {
  height: 100%;
  width: 100%;
}

body {
  font-family: 'chakra_petchbold';
  position: relative;
  color: #ffffff;
  height: 100%;
  width: 100%;
}

.page_bg {
  background: url(/images/page-bg.jpg) center no-repeat;
  background-size: cover;
  flex-direction: column;
  padding: 0 4.063rem;
  align-items: center;
  position: relative;
  overflow: hidden;
  min-height: 100%;
  display: flex;
}

.page_content {
  flex-direction: column;
  max-width: 48.125rem;
  display: flex;
  width: 100%;
}

.page_arrows {
  position: relative;
}

.page_arrow_left,
.page_arrow_right {
  transform: translateY(-50%);
  position: absolute;
  height: 2.875rem;
  cursor: pointer;
  width: 2.5rem;
  content: "";
  top: 50%;
}

.page_arrow_left {
  background: url(/images/red-arrow-left.svg) center no-repeat;
  background-size: contain;
  margin-left: 1.25rem;
  left: 100%;
}

.page_arrow_right {
  background: url(/images/red-arrow-right.svg) center no-repeat;
  background-size: contain;
  margin-right: 1.25rem;
  right: 100%;
}

/* ============================== MAIN */
#main {
  background: #C41E1F;
  background: linear-gradient(180deg, rgba(196, 30, 31, 1) 0%, rgba(0, 0, 0, 1) 100%);
  position: relative;
  flex-grow: 1;
}

#main::after {
  background-color: #000000;
  position: absolute;
  content: "";
  right: 1.125rem;
  left: 1.125rem;
  top: 1.125rem;
  bottom: 0;
}

/* ==================== */
.main_content {
  position: relative;
  z-index: 2;
}

.main_content::after,
.main_content::before {
  position: absolute;
  height: 4.563rem;
  width: 4.063rem;
  top: 1.938rem;
  content: "";
}

.main_content::after {
  background: url(/images/horn-right.svg) top center no-repeat;
  background-size: cover;
  left: 100%;
}

.main_content::before {
  background: url(/images/horn-left.svg) top center no-repeat;
  background-size: cover;
  right: 100%;
}

a {
  transition: all 0.25s ease-in-out;
}

/* ============================== MAIN END */



/* ============================== FOOTER */
#footer {
  padding: 1.875rem 2.188rem 1.25rem;
  background-color: #111111;
  font-size: 1.563rem;
  line-height: 1;
}

/* ==================== */
a.site_link {
  font-family: 'chakra_petchsemibold';
  margin-bottom: 1.25rem;
  color: #7c7c7c;
}

a.site_link:hover {
  text-decoration: none;
  color: #565656;
}

/* ==================== */
.sponsor_id {
  font-family: 'chakra_petchsemibold';
  margin-bottom: 1.25rem;
  color: #7c7c7c;
}

/* ==================== */
#footer p {
  font-family: 'chakra_petchmedium';
  margin-bottom: 1.25rem;
  letter-spacing: -0.03em;
  line-height: 1.5rem;
  font-size: 1.25rem;
  padding: 1.25rem 0;
  color: #565656;
}

/* ==================== */
.footer_nav {
  font-family: 'chakra_petchmedium';
  justify-content: space-between;
  margin-bottom: 0;
  display: flex;
}

.footer_nav a {
  text-decoration: none;
  color: #565656;
}

.footer_nav a:hover {
  color: #7c7c7c;
}

/* ============================== FOOTER END */



/* ============================== FONTS */

.chakra_lig {
  font-family: 'chakra_petchlight';
}

.chakra_reg {
  font-family: 'chakra_petchregular';
}

.chakra_med {
  font-family: 'chakra_petchmedium';
}

.chakra_sem {
  font-family: 'chakra_petchsemibold';
}

.chakra_bol {
  font-family: 'chakra_petchbold';
}

/* ==================== */
.font_26 {
  font-size: 1.625rem;
}

.font_29 {
  font-size: 1.813rem;
}

.font_31 {
  font-size: 1.938rem;
}

.font_36 {
  font-size: 2.25rem;
}

.font_40 {
  font-size: 2.5rem;
}

.font_42 {
  font-size: 2.625rem;
}

.font_51 {
  font-size: 3.188rem;
}

.font_53 {
  font-size: 3.313rem;
}

.font_70 {
  font-size: 4.375rem;
}

.font_74 {
  font-size: 4.625rem;
}

.font_85 {
  font-size: 5.313rem;
}

.font_89 {
  font-size: 5.563rem;
}

.font_101 {
  font-size: 6.313rem;
}

.font_131 {
  font-size: 8.188rem;
}

/* ============================== FONTS END */



/* ============================== COLOR */
.color_r {
  color: #c41e1f;
}

.color_g_deepdark {
  color: #323232;
}

.color_g_dark {
  color: #565656;
}

.color_g_regular {
  color: #7c7c7c;
}

/* ============================== COLOR END */



/* ============================== HOME PAGE */
#home_page {
  font-family: 'chakra_petchbold';
  padding: 1.875rem 0 0;
  text-align: center;
}

/* ==================== */
.home_promo_message {
  padding: 0 2.125rem;
}

.home_promo_message h1 {
  font-size: 11.75rem;
  line-height: 9rem;
  margin: 0;
}

.home_promo_message p {
  line-height: 1;
  margin: 0;
}

.home_promo_message .font_29 {
  margin-bottom: 1.063rem;
}

.home_promo_message .font_31 {
  margin-bottom: 1.813rem;
}

.home_promo_message .font_31 span {
  border-bottom: 0.125rem solid #7c7c7c;
  display: inline-block;
}

.home_promo_message .font_101 {
  line-height: 4.438rem;
}

.home_promo_message .font_85 {
  margin-bottom: 0.188rem;
}

.home_promo_message .font_51 {
  margin-bottom: 3.438rem;
}

.home_promo_message .pays_daily {
  letter-spacing: 0.065em;
  line-height: 3.75rem;
}

.home_promo_message .pays_daily .font_131 {
  padding: 0 1rem;
}

.home_promo_message .font_74 {
  margin-bottom: 1.063rem;
  line-height: 2.563rem;
}

/* ==================== */
.input_block {
  padding-top: 4.125rem;
}

.input_block label {
  margin-bottom: 0.938rem;
  font-size: 2rem;
}

.input_block .form-control {
  border: 1.125rem solid #c41e1f;
  background-color: #000000;
  line-height: 2.875rem;
  font-size: 2.063rem;
  padding: 0 1.25rem;
  text-align: center;
  border-radius: 0;
  color: #ffffff;
  height: 8rem;
}

.input_block .form-control:focus {
  box-shadow: none;
}

/* ==================== */
.btn_block {
  padding-bottom: 5.063rem;
  padding-top: 1.563rem;
  text-align: center;
}

.btn_block .btn_label {
  margin-bottom: 0.438rem;
  font-size: 2rem;
}

.btn_block .btn {
  border: 1.125rem solid transparent;
  background-color: #000000;
  justify-content: center;
  padding: 0.5rem 0 0;
  align-items: center;
  position: relative;
  font-size: 4.5rem;
  border-radius: 0;
  color: #ffffff;
  line-height: 1;
  display: flex;
  height: 8rem;
  width: 100%;
}

.btn_block .btn::after,
.btn_block .btn::before {
  transform: translateY(-50%);
  transition: all 0.25s ease-in-out;
  position: absolute;
  height: 2.875rem;
  width: 2.5rem;
  content: "";
  top: 50%;
}

.btn_block .btn::after {
  background: url(/images/white-arrow-left.svg) center no-repeat;
  background-size: contain;
  left: 2.5rem;
}

.btn_block .btn:hover::after {
  left: 3.75rem;
}

.btn_block .btn::before {
  background: url(/images/white-arrow-right.svg) center no-repeat;
  background-size: contain;
  right: 2.5rem;
}

.btn_block .btn:hover::before {
  right: 3.75rem;
}

.btn_block .btn_white {
  border-color: #ffffff;
}

.btn_block .btn_red {
  border-color: #c41e1f;
}

/* ==================== */
.home_last_message {
  padding: 0 2.125rem;
  text-align: left;
  line-height: 1;
}

.home_last_message .font_36 {
  margin-bottom: 0.375rem;
}

.home_last_message .font_40 {
  margin-bottom: 0.375rem;
}

.home_last_message .font_70 {
  letter-spacing: -0.001em;
  margin-left: -0.125rem;
  margin-bottom: 0.188rem;
}

.home_last_message .font_26 {
  margin-bottom: 2.313rem;
  text-align: center;
}

.home_last_message .font_53 {
  letter-spacing: -0.003em;
  margin-bottom: 2.313rem;
  text-align: center;
}

/* ============================== HOME PAGE END */



/* ============================== ACCOUNT PAGE */
#account_page {
  font-family: 'chakra_petchbold';
  padding: 1.875rem 0 0;
}

#account_page h1 {
  margin: 0 0 2.813rem;
  font-size: 3.125rem;
  line-height: 1;
}

#account_page .page_arrow_left {
  margin-left: 3.25rem;
}

#account_page .page_arrow_right {
  margin-right: 3.25rem;
}

/* ==================== */
.account_content {
  padding: 0 2rem;
}

/* ==================== */
.account_info {
  font-family: 'chakra_petchsemibold';
  margin-bottom: 1rem;
  font-size: 1.875rem;
  line-height: 1;
}

.account_info .info {
  margin-bottom: 0.813rem;
}

.account_info .info a {
  border-bottom: 1px solid #ffffff;
  text-decoration: none;
  display: inline-block;
  font-size: 1.5625rem;
  color: #ffffff;
}

.account_info .info a:hover {
  border-bottom: 1px solid transparent;
  color: #7c7c7c;
}

/* ==================== */
.account_promo_link {
  border: 1.188rem solid #323232;
  padding: 1.688rem 0.875rem 0;
  margin-bottom: 1.125rem;
  min-height: 9.75rem;
}

/* ==================== */
.account_amount_info {
  padding-bottom: 0.938rem;
  font-size: 2.563rem;
}

.account_amount_info .label {
  margin-bottom: -2.75rem;
  font-size: 3.438rem;
  color: #c41e1f;
}

.account_amount_info .label .smaller {
  font-family: 'chakra_petchregular';
  font-size: 1.875rem;
  color: #7c7c7c;
}

.account_amount_info .amount {
  font-family: 'chakra_petchsemibold';
  margin-bottom: -2.25rem;
  font-size: 6.938rem;
}

.account_amount_info .amount .smaller {
  font-size: 2.75rem;
}

.account_amount_info .footnote {
  font-size: 2.563rem;
  line-height: 1;
}

.account_amount_footnote {
  font-family: 'chakra_petchregular';
  padding-top: 0.563rem;
  font-size: 1.875rem;
  color: #7c7c7c;
}

/* ==================== */
.calculator_block {
  padding-top: 0.688rem;
}

.calculator_block label {
  margin-bottom: 0.938rem;
  font-size: 2rem;
}

.calculator_block a.calculator_btn {
  border: 1.125rem solid #323232;
  background-color: #000000;
  text-decoration: none;
  line-height: 2.875rem;
  align-items: center;
  font-size: 2.063rem;
  padding: 0 1.25rem;
  border-radius: 0;
  color: #c41e1f;
  height: 7.125rem;
  display: flex;
}

.calculator_block .form-control:focus {
  box-shadow: none;
}

#account_page .btn_block {
  padding-bottom: 2.188rem;
}

/* ==================== */
.list_name {
  font-family: 'chakra_petchregular';
  text-transform: uppercase;
  margin-bottom: 0.625rem;
  font-size: 1.875rem;
  color: #7c7c7c;
}

.account_list .time {
  font-size: 1rem;
}

.account_list .amount {
  font-size: 1.875rem;
  color: #c41e1f;
}

/* ============================== ACCOUNT PAGE END */



/* ============================== SIGNUP PAGE */
#signup_page {
  font-family: 'chakra_petchregular';
  padding: 1.875rem 0 0;
}

#signup_page .page_arrow_left {
  margin-left: 1.25rem;
}

#signup_page .page_arrow_right {
  margin-right: 1.25rem;
}

#signup_page .signup_content {
  padding: 0 2.5rem;
}

/* ==================== */
#signup_page h1 {
  font-family: 'chakra_petchsemibold';
  margin: 0 0 4.25rem;
  font-size: 3.188rem;
  line-height: 1;
}

/* ==================== */
#signup_page .signed_message {
  font-family: 'chakra_petchbold';
  margin-bottom: 0.5rem;
  color: #7c7c7c;
  font-size: 2rem;
}

/* ==================== */
#signup_page .wallet {
  border: 1.125rem solid #c41e1f;
  padding: 1.25rem 1.625rem 0;
  margin-bottom: 1.75rem;
  font-size: 2.063rem;
  height: 8rem;
}

#signup_page .wallet a,
#signup_page .wallet span {
  border-bottom: 1px solid #ffffff;
  font-family: 'chakra_petchsemibold';
  text-decoration: none;
  display: inline-block;
  color: #ffffff;
  line-height: 1;
}

/* ==================== */
#signup_page .wallet_message {
  margin-bottom: 7.125rem;
  line-height: 2.188rem;
  font-size: 1.875rem;
}

/* ==================== */
#signup_page .save_message span {
  font-size: 3.438rem;
  line-height: 1;
}

#signup_page .save_message p {
  margin-bottom: 1.25rem;
  font-size: 1.875rem;
  margin-top: 0.25rem;
}

/* ==================== */
.control_words {
  font-family: 'chakra_petchsemibold';
  border: 1.125rem solid #323232;
  padding: 1.688rem 2.188rem 0;
  background-color: #000000;
  margin-bottom: 1.625rem;
  line-height: 3.313rem;
  min-height: 15.125rem;
  position: relative;
  font-size: 2.75rem;
  z-index: 2;
  color:#ffffff;
  display:block;
  width:100%;
  resize:none;
  outline:none;
}

/* ==================== */
#signup_page .control_message {
  margin-bottom: 4.875rem;
  line-height: 2.188rem;
  font-size: 1.875rem;
  color: #7c7c7c;
}

/* ==================== */
#signup_page .btn_block {
  padding-bottom: 10.125rem;
}

#signup_page .btn_block .btn_label {
  font-size: 1.875rem;
  padding-top: 1rem;
}

#signup_page .btn_block .btn_label a {
  border-bottom: 1px solid #7c7c7c;
  text-decoration: none;
  display: inline-block;
  color: #7c7c7c;
  line-height: 1;
}

#signup_page .btn_block .btn_label a:hover {
  border-bottom: 1px solid transparent;
  color: #565656;
}

#signup_page .btn_block .btn {
  font-family: 'chakra_petchsemibold';
  font-size: 3.063rem;
}

/* ============================== SIGNUP PAGE END */



/* ============================== MODAL PAGE */
#popup_bg {
  background: rgba(40, 40, 40, 0.9);
  position: fixed;
  z-index: 1000;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
}

#popup_bg:not(.active) {
  /* display: none; */
}

/* ==================== */
.popup {
  overflow-y: auto;
  position: fixed;
  display: block;
  z-index: 1000;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
}

.popup:not(.active) {
  /* display: none; */
}

/* ==================== */
.popup_window {
  padding: 1.25rem 0.938rem;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow-y: auto;
  min-height: 100%;
  display: flex;
  z-index: 1001;
  width: 100%;
}

/* ==================== */
.popup_body {
  font-family: 'chakra_petchregular';
  background-color: #c41e1f;
  max-width: 48.125rem;
  line-height: 2.25rem;
  font-size: 1.875rem;
  position: relative;
  overflow: hidden;
  color: #ffffff;
  width: 100%;
}

.popup_body::after {
  background-color: #300809;
  position: absolute;
  bottom: 1.125rem;
  right: 1.125rem;
  left: 1.125rem;
  top: 1.125rem;
  content: "";
}

/* ==================== */
.modal_main {
  position: relative;
  padding: 0 2.5rem;
  z-index: 2;
}

/* ==================== */
.popup_head {
  font-family: 'chakra_petchbold';
  padding: 2.5rem 0 4.688rem;
  text-transform: uppercase;
  font-size: 2.75rem;
  line-height: 1;
}

.close {
  background: url(/images/close.svg) center no-repeat;
  background-size: cover;
  position: absolute;
  height: 1.625rem;
  width: 1.625rem;
  cursor: pointer;
  right: 2.625rem;
  top: 2.625rem;
}

/* ==================== */
.popup_body .input_block {
  position: relative;
  z-index: 2;
}

.popup_body .input_block .form-control {
  border: 1.125rem solid #323232;
  font-family: 'chakra_petchbold';
  font-size: 2.75rem;
  text-align: left;
  line-height: 1;
}

/* ==================== */
.modal_btn {
  padding: 8.125rem 2.5rem 3.125rem;
  position: relative;
  text-align: center;
  z-index: 2;
}

.modal_btn a.close_modal_link {
  border-bottom: 1px solid transparent;
  font-family: 'chakra_petchbold';
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  font-size: 3.25rem;
  line-height: 1;
}

.modal_btn a.close_modal_link:hover {
  border-bottom: 1px solid transparent;
  opacity: 0.7;
}

.modal_btn a.modal_link_red {
  border-bottom: 1px solid #c41e1f;
  color: #c41e1f;
}

.modal_btn a.modal_link_white {
  border-bottom: 1px solid #ffffff;
  color: #ffffff;
}

/* ==================== */
#code_input.popup_body::after {
  background-color: #0e0203;
}

#code_input p {
  margin-bottom: 2.25rem;
}

#code_input.popup_body .input_block {
  padding: 0 0 3.5rem;
}

#code_input.popup_body .input_block .form-control {
  height: 7.125rem;
}

/* ==================== */
#yes_no_modal .close_modal_link+.close_modal_link {
  margin-left: 8.75rem;
}

/* ==================== */
#how_much {
  padding-bottom: 1.875rem;
}

#how_much.popup_body .input_block {
  padding: 1rem 0 2rem;
}

.calculator_list {
  margin-bottom: 0;
}

.calculator_list li {
  padding-bottom: 1.25rem;
}

.calculator_list .amount {
  font-family: 'chakra_petchbold';
  padding-top: 0.625rem;
  font-size: 2.75rem;
  color: #c41e1f;
  line-height: 1;
}

.calculator_list li:last-child .amount {
  color: #ffffff;
}

.subtitle {
  font-family: 'chakra_petchbold';
  padding-top: 2.5rem;
  font-size: 2.75rem;
  color: #c41e1f;
  line-height: 1;
}

/* ============================== MODAL PAGE END */

@media screen and (min-width: 900px) {
  html {
    font-size: 9px;
  }
}

@media (min-width: 890px) and (max-width: 899.9px) {
  html {
    font-size: 15.8px;
  }
}

@media (min-width: 880px) and (max-width: 889.9px) {
  html {
    font-size: 15.6px;
  }
}

@media (min-width: 870px) and (max-width: 879.9px) {
  html {
    font-size: 15.4px;
  }
}

@media (min-width: 860px) and (max-width: 869.9px) {
  html {
    font-size: 15.3px;
  }
}

@media (min-width: 850px) and (max-width: 859.9px) {
  html {
    font-size: 15.1px;
  }
}

@media (min-width: 840px) and (max-width: 849.9px) {
  html {
    font-size: 14.9px;
  }
}

@media (min-width: 830px) and (max-width: 839.9px) {
  html {
    font-size: 14.7px;
  }
}

@media (min-width: 820px) and (max-width: 829.9px) {
  html {
    font-size: 14.5px;
  }
}

@media (min-width: 810px) and (max-width: 819.9px) {
  html {
    font-size: 14.4px;
  }
}

@media (min-width: 800px) and (max-width: 809.9px) {
  html {
    font-size: 14.2px;
  }
}

@media (min-width: 790px) and (max-width: 799.9px) {
  html {
    font-size: 14px;
  }
}

@media (min-width: 780px) and (max-width: 789.9px) {
  html {
    font-size: 13.8px;
  }
}

@media (min-width: 770px) and (max-width: 779.9px) {
  html {
    font-size: 13.7px;
  }
}

@media (min-width: 760px) and (max-width: 769.9px) {
  html {
    font-size: 13.5px;
  }
}

@media (min-width: 750px) and (max-width: 759.9px) {
  html {
    font-size: 13.3px;
  }
}

@media (min-width: 740px) and (max-width: 749.9px) {
  html {
    font-size: 13.1px;
  }
}

@media (min-width: 730px) and (max-width: 739.9px) {
  html {
    font-size: 13px;
  }
}

@media (min-width: 720px) and (max-width: 729.9px) {
  html {
    font-size: 12.8px;
  }
}

@media (min-width: 710px) and (max-width: 719.9px) {
  html {
    font-size: 12.6px;
  }
}

@media (min-width: 700px) and (max-width: 709.9px) {
  html {
    font-size: 12.4px;
  }
}

@media (min-width: 690px) and (max-width: 699.9px) {
  html {
    font-size: 12.2px;
  }
}

@media (min-width: 680px) and (max-width: 689.9px) {
  html {
    font-size: 12.1px;
  }
}

@media (min-width: 670px) and (max-width: 679.9px) {
  html {
    font-size: 11.9px;
  }
}

@media (min-width: 660px) and (max-width: 669.9px) {
  html {
    font-size: 11.7px;
  }
}

@media (min-width: 650px) and (max-width: 659.9px) {
  html {
    font-size: 11.5px;
  }
}

@media (min-width: 640px) and (max-width: 649.9px) {
  html {
    font-size: 11.3px;
  }
}

@media (min-width: 630px) and (max-width: 639.9px) {
  html {
    font-size: 11.2px;
  }
}

@media (min-width: 620px) and (max-width: 629.9px) {
  html {
    font-size: 11px;
  }
}

@media (min-width: 610px) and (max-width: 619.9px) {
  html {
    font-size: 10.8px;
  }
}

@media (min-width: 600px) and (max-width: 609.9px) {
  html {
    font-size: 10.6px;
  }
}

@media (min-width: 590px) and (max-width: 599.9px) {
  html {
    font-size: 10.4px;
  }
}

@media (min-width: 580px) and (max-width: 589.9px) {
  html {
    font-size: 10.3px;
  }
}

@media (min-width: 570px) and (max-width: 579.9px) {
  html {
    font-size: 10px;
  }
}

@media (min-width: 560px) and (max-width: 569.9px) {
  html {
    font-size: 9.9px;
  }
}

@media (min-width: 550px) and (max-width: 559.9px) {
  html {
    font-size: 9.7px;
  }
}

@media (min-width: 540px) and (max-width: 549.9px) {
  html {
    font-size: 9.5px;
  }
}

@media (min-width: 530px) and (max-width: 539.9px) {
  html {
    font-size: 9.4px;
  }
}

@media (min-width: 520px) and (max-width: 529.9px) {
  html {
    font-size: 9.2px;
  }
}

@media (min-width: 510px) and (max-width: 519.9px) {
  html {
    font-size: 9px;
  }
}

@media (min-width: 500px) and (max-width: 509.9px) {
  html {
    font-size: 9.1px;
  }
}

@media (min-width: 500px) and (max-width: 509.9px) {
  html {
    font-size: 8.9px;
  }
}

@media (min-width: 490px) and (max-width: 499.9px) {
  html {
    font-size: 8.7px;
  }
}

@media (min-width: 480px) and (max-width: 489.9px) {
  html {
    font-size: 8.5px;
  }
}

@media (min-width: 470px) and (max-width: 479.9px) {
  html {
    font-size: 8.3px;
  }
}

@media (min-width: 460px) and (max-width: 469.9px) {
  html {
    font-size: 8.1px;
  }
}

@media (min-width: 450px) and (max-width: 459.9px) {
  html {
    font-size: 8px;
  }
}

@media (min-width: 440px) and (max-width: 449.9px) {
  html {
    font-size: 7.8px;
  }
}

@media (min-width: 430px) and (max-width: 439.9px) {
  html {
    font-size: 7.6px;
  }
}

@media (min-width: 420px) and (max-width: 429.9px) {
  html {
    font-size: 7.4px;
  }
}

@media (min-width: 410px) and (max-width: 419.9px) {
  html {
    font-size: 7.2px;
  }
}

@media (min-width: 400px) and (max-width: 409.9px) {
  html {
    font-size: 7px;
  }
}

@media (min-width: 390px) and (max-width: 399.9px) {
  html {
    font-size: 6.8px;
  }
}

@media (min-width: 380px) and (max-width: 389.9px) {
  html {
    font-size: 6.7px;
  }
}

@media (min-width: 370px) and (max-width: 379.9px) {
  html {
    font-size: 6.5px;
  }
}

@media (min-width: 360px) and (max-width: 369.9px) {
  html {
    font-size: 6.4px;
  }
}

@media (min-width: 350px) and (max-width: 359.9px) {
  html {
    font-size: 6.2px;
  }
}

@media (min-width: 340px) and (max-width: 349.9px) {
  html {
    font-size: 6px;
  }
}

@media (min-width: 330px) and (max-width: 339.9px) {
  html {
    font-size: 5.8px;
  }
}

@media screen and (max-width: 329.9px) {
  html {
    font-size: 5.6px;
  }
}

.deposit_info {
	font-family:chakra_petchbold;
	font-size:18px;
	color:#7c7c7c;
	width:100%;
}

.deposit_info.address {
	color:#ffffff;
}

#place_address_qr {
	width:100%;
	margin-top:20px;
}

#place_address_qr img {
	max-width:100px;
	max-height:100px;
}

#qr_wrap {
	width:100%;
}

.field_error {
	display:none;
	font-size:10px;
	color:red;
}

.field_error.active {
	display:block;
}

.copy-item {
	cursor:grab;
}

.tooltip {
	font-family: 'chakra_petchbold';
    background-color: #000000;
    color: #ffffff;
    text-align: center;
    padding: 10px 30px;
    position: fixed;
    z-index: 5;
    font-size: 24px;
	opacity:0;
    white-space: nowrap;
    max-width: 300px;
	border:1.125rem solid #c41e1f;
}
.tooltip::after{
    content: '';
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 30px;
    border-style: solid;
    border-color: #ffffff transparent transparent transparent;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    border-top: 20px solid #c41e1f;
    border-bottom: none;
}