*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: "Instrument Sans", sans-serif;
}

.wrapper{
  background-color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* header{
  height: 20%;
} */
main{
  height: 60%;

}
/*footer{
  height: 10%;
}*/


#block_loader{
  /* display: none; */
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: white;
}

.loader_img_wrap{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}


.loader_img_wrap img{
  width: 50%;
}


#block_mobile{
  position: relative;
  width: 100%;
  height: 100vh;
  padding: 10px;

}

.main_menu_wrap{
  height: 100%;
  /* display: none; */
}

.main_menu{
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px;
  border-radius: 30px;
  background-color: #FCFDFF;
  box-shadow: 0 0 5px 5px #dddddd75;
}

.head_logo{
  display: flex;
  align-items: center;
  justify-content: center;
}
.head_logo h1{
  margin-left: 20px;
  font-size: 40px;
}

.head_block_info{
  margin-top: 25px;
  width: 100%;
  background-color: #79B1FE;
  height: 60px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 700;
  color: #FFFFFF;
}

.head_block_info_wrap{
  margin-top: 25px;
  width: 100%;
  background-color: #79B1FE;
  height: 60px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 700;
  color: #FFFFFF;
}

.head_block_info_wrap_moneytag{
  margin-top: 25px;
  width: 100%;
  background-color: #79B1FE;
  height: 60px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 700;
  color: #FFFFFF;
}

.head_block_info_wrap_onclika{
  margin-top: 25px;
  width: 100%;
  background-color: #79B1FE;
  height: 60px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 700;
  color: #FFFFFF;
}

.head_block_info_wrap_giga{
  margin-top: 25px;
  width: 100%;
  background-color: #79B1FE;
  height: 60px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 700;
  color: #FFFFFF;
}

.balanceBlock {
  margin: 15px 0 0 0;
  background-color: #FEFEFE;
  border-radius: 18px;
  box-shadow: 0 0 10px 3px #F1F1F1;
  display: flex;
  align-items: center;

  padding: 20px;
}
.textBalanceBlock {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 20px;
}
.textBalanceBlock h2{
  color: #3C4951;
  font-size: 20px;
}
.balanceWrapCount {
  font-size: 24px;
  color: #01080E;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
}

#balance{
  margin-right: 5px;
}


.ref_and_tasks_wrap{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.referalButton{
  background-color: #FEFEFE;
  border-radius: 18px;
  box-shadow: 0 0 10px 3px #F1F1F1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: calc(33% - 5px);
  height: 100px;
  margin: 10px 0 0 0;
  text-align: center;
  padding: 22px 19px;
}
.referalButton img{
  width: 30px;
}
.referalButton h2{
  font-size: 14px;
  margin-top: 5px
  text-align: center;
}

.tasksButton{
  background-color: #FEFEFE;
  border-radius: 18px;
  box-shadow: 0 0 10px 3px #F1F1F1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: calc(33% - 5px);
  height: 100px;
  margin: 10px 0 0 0;
  text-align: center;
  padding: 22px 19px;
}
.tasksButton img{
  width: 25px;
}
.tasksButton h2{
  font-size: 14px;
  margin-top: 5px;
  text-align: center;
}

.leadersTableButton{
  background-color: #FEFEFE;
  border-radius: 18px;
  box-shadow: 0 0 10px 3px #F1F1F1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: calc(33% - 5px);
  height: 100px;
  margin: 10px 0 0 0;
  text-align: center;
  padding: 22px 19px;
}
.leadersTableButton h2{
  font-size: 14px;
  margin-top: 5px;
  text-align:center;
}

footer{
  color: #FFFFFF;
  font-size: 15px;
  background-color: #5690F4;
  padding: 14px 0;
  border-radius: 15px;
  text-align: center;
}

.footer-arrow{
  color: #FFFFFF;
  font-size: 15px;
  background-color: #5690F4;
  padding: 14px 0;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;

}
.footer-arrow h2{
  margin-left: 10px;
}




.tasks_menu_wrap{
  height: 100%;
  display: none;
}
.tasks_menu{
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 25px 20px 20px 20px;
  border-radius: 30px;
  background-color: #FCFDFF;
  box-shadow: 0 0 5px 5px #dddddd75;
}


.task_block{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 22px 20px;
  border-radius: 18px;
  background-color: #FEFEFE;
  box-shadow: 0 0 10px 3px #F1F1F1;
  margin: 10px 0;
}

.dayly_tasks_menu_wrap{
  height: 100%;
  display: none;
}


.dayly_tasks_menu{
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 25px 20px 20px 20px;
  border-radius: 30px;
  background-color: #FCFDFF;
  box-shadow: 0 0 5px 5px #dddddd75;
}
.daylyTasksContentWrap{
  margin: 10px 0;
  padding: 20px;
  border-radius: 18px;
  background-color: #FEFEFE;
  box-shadow: 0 0 10px 3px #F1F1F1;
}

.daylyTasksContentBlock {
  background-color: #F2F2F2;
  padding: 8px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px ;
  border-radius: 10px;

}

.daylyTasksContentBlock h2{
  font-size: 14px;
  color: #3C4951;
}

.logoTasksContentBlock {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FFFFFF;
  width: 40px;
  height: 40px;
  border-radius: 5px;
}
.logoTasksContentBlock img{
  width: 30px;
}
.checkerTasksIndicate {
}

.daylyTasksContentText{
  margin-left: 10px;
  width: calc(80% - 20px);
  display: flex;
  justify-content: left;
}
.noDaylyTasksIndicate {
  width: 25px;
  height: 25px;
  background-color: #FFFFFF;
  border-radius: 50px;
}

.daylyButtonCheck{
  border: none;
  width: 100%;
  height: 40px;
  background-color: #79B1FE;
  color: #FFFFFF;
  border-radius: 10px;
  font-weight: 800;
}



.ispt_tasks_menu_wrap{
  height: 100%;
  display: none;
}

.ispt_tasks_menu{
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 25px 20px 20px 20px;
  border-radius: 30px;
  background-color: #FCFDFF;
  box-shadow: 0 0 5px 5px #dddddd75;
}

.tasks_wrap_block{
  padding: 10px;
  overflow-y: scroll;
  height: 320px;
  margin: 10px 0;
}



.task_block_isp{
  padding: 15px;
  border-radius: 18px;
  background-color: #FEFEFE;
  box-shadow: 0 0 10px 3px #F1F1F1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 5px 0;
}

.task_block_isp_adsgram{
  padding: 15px;
  border-radius: 18px;
  background-color: #FEFEFE;
  box-shadow: 0 0 10px 3px #F1F1F1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 5px 0;
}

.task_block_progress{
  padding: 15px;
  border-radius: 18px;
  background-color: #FEFEFE;
  box-shadow: 0 0 10px 3px #F1F1F1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 5px 0;
}


.task_block_img{
  width: 30px;
  height: 30px;
}

.task_block_img img{
  width: 100%;
  height: 100%;
}

.task_button{
  background-color: #79B1FE;
  padding: 9px 14px;
  border-radius: 10px;
  border: none;
  color: #FFFFFF;
}


.progress_tasks_menu_wrap{
  height: 100%;
  display: none;
}
.progress_tasks_menu_wrap_main{
  height: 100%;
  display: none;
}
.progress_isp_menu_wrap{
  height: 100%;
  display: none;
}
.progress_tasks_menu{
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 25px 20px 20px 20px;
  border-radius: 30px;
  background-color: #FCFDFF;
  box-shadow: 0 0 5px 5px #dddddd75;
}

.task_block_info h3{
  color: #3C4951;
  font-size: 13px;
}

.task_block_info p{
  color: #3C4951;
  font-size: 12px;
}




.leader_menu_wrap{
  height: 100%;
  display: none;
}
.leader_menu{
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 25px 20px 20px 20px;
  border-radius: 30px;
  background-color: #FCFDFF;
  box-shadow: 0 0 5px 5px #dddddd75;
}

.leaderboard_balance{
  height: 80px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  border-radius: 18px;
  background-color: #FCFDFF;
  box-shadow: 0 0 5px 5px #dddddd75;
}

.leaderboard_referals{
  height: 80px;
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  border-radius: 18px;
  background-color: #FCFDFF;
  box-shadow: 0 0 5px 5px #dddddd75;
}


.leader_balance_menu_wrap{
  height: 100%;
  display: none;
}
.leader_balance_menu{
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 25px 20px 20px 20px;
  border-radius: 30px;
  background-color: #FCFDFF;
  box-shadow: 0 0 5px 5px #dddddd75;
}


.leaderboard_balance_text{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.leaderboard_balance_text h2{
  font-size: 14px;
  color: #10171C;
}

.leaderboard_balance_wrap{
  display: flex;
  flex-direction: column;
  width: 100%;

}

.leaderboard_referals_wrap{
  display: flex;
  flex-direction: column;
  width: 100%;

}

.leaderboard_balance_block{
  margin: 5px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.leaderboard_balance_block h2{
  font-size: 12px;
  color: #3C4951;
}


.leader_referals_block{
  margin: 5px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.leader_referals_block h2{
  font-size: 12px;
  color: #3C4951;
}


.leader_referals_menu_wrap{
  height: 100%;
  display: none;
}
.leader_referals_menu{
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 25px 20px 20px 20px;
  border-radius: 30px;
  background-color: #FCFDFF;
  box-shadow: 0 0 5px 5px #dddddd75;
}



.withdraw_menu_wrap{
  height: 100%;
  display: none;
}
.withdraw_menu{
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 25px 20px 20px 20px;
  border-radius: 30px;
  background-color: #FCFDFF;
  box-shadow: 0 0 5px 5px #dddddd75;
}


.withdraw_int_wrap{
  display: flex;
  flex-direction: column;

}

.withdraw_int_wrap h2{
  font-size: 14px;
  color: #808080;  
}
.withdraw_int_wrap input{
  margin: 5px 0;
  padding: 15px;
  outline: none;
  border: 3px solid #79B1FE;
  border-radius: 18px;
  height: 60px;
  color: #16222B;
  font-size: 24px;
  font-weight: 800;
}
.withdraw_int_wrap button{
  margin-top: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  border:none;
  padding: 15px;
  outline: none;
  background-color: #79B1FE;
  border-radius: 12px;
  height: 50px;
  color: #FEFEFE;
  font-size: 20px;
  font-weight: 800;
}





.referals_menu_first_wrap{
  height: 100%;
  display: none;
}
.referals_menu_first{
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 25px 20px 20px 20px;
  border-radius: 30px;
  background-color: #FCFDFF;
  box-shadow: 0 0 5px 5px #dddddd75;
}



.referals_link_first_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  border-radius: 18px;
  background-color: #FCFDFF;
  box-shadow: 0 0 5px 5px #dddddd75;
}
.referals_link_first_wrap h2{
  font-size: 18px;
  color: #16222B;
}

.referals_persons_first_wrap {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  border-radius: 18px;
  background-color: #FCFDFF;
  box-shadow: 0 0 5px 5px #dddddd75;
}
.referals_persons_first_wrap h2{
  font-size: 18px;
  color: #16222B;
}



.referals_link_menu_wrap{
  height: 100%;
  display: none;
}
.referals_link_menu{
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 25px 20px 20px 20px;
  border-radius: 30px;
  background-color: #FCFDFF;
  box-shadow: 0 0 5px 5px #dddddd75;
}

.referals_link_wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 15px;
  border-radius: 18px;
  background-color: #FCFDFF;
  box-shadow: 0 0 5px 5px #dddddd75;
}
.referals_link_wrap h2{
  font-size: 18px;
  color: #10171C;
  margin-bottom: 5px;
}

.referals_link_wrap p{
  font-size: 12px;
  color: #3C4951;
  font-weight: 600;
}

#linkCopy{
  margin-top: 10px;
  width: 100%;
  background-color: #79B1FE;
  color: #FEFEFE;
  border: none;
  border-radius: 12px;
  padding: 13px;
  font-size: 20px;
  font-weight: 600;
}


.referals_persons_menu_first_wrap{
  height: 100%;
  display: none;
}
.referals_persons_menu_first{
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 25px 20px 20px 20px;
  border-radius: 30px;
  background-color: #FCFDFF;
  box-shadow: 0 0 5px 5px #dddddd75;
}




.ref_level_one_menu_wrap{
  height: 100%;
  display: none;
}
.ref_level_one_menu{
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 25px 20px 20px 20px;
  border-radius: 30px;
  background-color: #FCFDFF;
  box-shadow: 0 0 5px 5px #dddddd75;
}

.referals_1_lvl_wrap{
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;

}
.referals_1_lvl_block{
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.referals_1_lvl_block h2{
  color: #3C4951;
  font-size: 14px;
  margin: 5px 0;
}

.referals_1_lvl{
  height: 100%;
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
  padding: 15px;
  border-radius: 18px;
  background-color: #FCFDFF;
  box-shadow: 0 0 5px 5px #dddddd75;
}


.ref_level_two_menu_wrap{
  height: 100%;
  display: none;
}
.ref_level_two_menu{
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 25px 20px 20px 20px;
  border-radius: 30px;
  background-color: #FCFDFF;
  box-shadow: 0 0 5px 5px #dddddd75;
}

.referals_2_lvl_wrap{
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;

}
.referals_2_lvl_block{
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.referals_2_lvl_block h2{
  color: #3C4951;
  font-size: 14px;
  margin: 5px 0;
}

.referals_2_lvl{
  height: 100%;
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
  padding: 15px;
  border-radius: 18px;
  background-color: #FCFDFF;
  box-shadow: 0 0 5px 5px #dddddd75;
}



.modal_window_wrap{
  display: none;
}
.modal_window{
  backdrop-filter: blur(5px);
  background-color: #ffffff79;
  height: 100vh;
  width: calc(100% - 40px);
  position: absolute;
  top: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}

.block_modal{
  position: relative;
  width: 90%;
  height: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  background-color: #FCFDFF;
  border: 2px dashed #16222B;
  box-shadow: 0 0 10px 3px #F1F1F1;
  color: #16222B;

  padding: 20px;
  border-radius: 10px;
  text-align: center;
}
.block_modal_text{
  text-align: center;
}
.exit{
  position: absolute;
  top: 10%;
  right: 7%;
  z-index: 3;
}

.exit img{
  width: 25px;
}





#adsgram_task{
  display: flex;
  align-items: center;
}

.task__reward {
  margin: 5px 0 0 0;
  font-size: 12px;
  width: 10%;
}

.task__button {
  width: max-content;
  background-color: #79B1FE;
  padding: 9px;
  border-radius: 10px;
  border: none;
  color: #FFFFFF;
}

.task__button_done {
  background-color: #79B1FE;
  color: #FFFFFF;
  text-align: center;
  box-sizing: content-box;
}
.bannerMenu video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bannerMenu{
  width: 100%;
  height: 170px;
}
.bannerMenu img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.timeradsGramTasks{
  display: flex;
  flex-direction: column;
  align-items: center;

}

.timeradsGramTasks h2{
  font-size: 14px;
}

.adsgramCountdown{
  margin-top: 5px;
  width: 100%;
  background-color: #79B1FE;
  padding: 10px;
  text-align: center;
  color: #FFFFFF;
  border-radius: 10px;
}