/* Main structure */
html { height: 100dvh; overflow: hidden } 
body { height: 100%; overflow-y: auto}

body {
  line-height: 1 !important;
}

*{
    margin: 0;
    padding: 0;
}
  
/*html,
body{
    height: 100%;
}*/
  
.wrapper{
    display: flex;
    flex-direction: column;
    height: 100%;
}
  
.content{
    flex: 1 0 auto;
}
  
.footer{
    flex: 0 0 auto;
}

/* This is the project stylesheet */

:root {
  /* Colors */
  --aquamarine: rgba(109, 255, 194, 1);
  --black: rgba(0, 29, 35, 1);
  --black-10: rgba(0, 0, 0, 1);
  --blue: rgba(0, 71, 255, 1);
  --blue-3: rgba(5, 29, 255, 1);
  --cornflower-blue: rgba(74, 151, 255, 1);
  --dark-cyan: rgba(0, 181, 105, 1);
  --dark-slate-blue: rgba(56, 63, 143, 1);
  --dark-slate-blue-1: rgba(40, 48, 134, 1);
  --dark-turquoise: rgba(0, 155, 211, 1);
  --dark-turquoise-2: rgba(0, 170, 207, 1);
  --dark-violet: rgba(125, 1, 195, 1);
  --dark-violet-2: rgba(129, 0, 208, 1);
  --deep-sky-blue: rgba(0, 209, 255, 1);
  --deep-sky-blue-1: rgba(44, 217, 255, 1);
  --deep-sky-blue-2: rgba(0, 216, 255, 1);
  --deep-sky-blue-3: rgba(0, 208, 255, 1);
  --dim-gray: rgba(114, 114, 114, 1);
  --gainsboro: rgba(217, 217, 217, 1);
  --gainsboro-2: rgba(224, 219, 227, 1);
  --indigo: rgba(60, 0, 97, 1);
  --light-cyan: rgba(221, 249, 255, 1);
  --light-cyan-2: rgba(230, 251, 255, 1);
  --light-cyan-3: rgba(223, 249, 255, 1);
  --light-cyan-4: rgba(222, 250, 255, 1);
  --light-cyan-5: rgba(231, 251, 255, 1);
  --light-sky-blue: rgba(103, 228, 255, 1);
  --midnight-blue: rgba(20, 25, 74, 1);
  --midnight-blue-2: rgba(15, 59, 141, 1);
  --midnight-blue-3: rgba(21, 36, 74, 1);
  --midnight-blue-4: rgba(14, 19, 65, 1);
  --midnight-blue-5: rgba(39, 43, 83, 1);
  --orange: rgba(255, 159, 28, 1);
  --pale-turquoise: rgba(193, 244, 255, 1);
  --pale-turquoise-1: rgba(170, 240, 255, 1);
  --royal-blue: rgba(83, 94, 214, 1);
  --royal-blue-2: rgba(0, 90, 213, 1);
  --sandy-brown: rgba(255, 193, 107, 1);
  --sandy-brown-2: rgba(255, 210, 74, 1);
  --sea-green: rgba(56, 115, 128, 1);
  --slate-blue: rgba(84, 92, 171, 1);
  --teal: rgba(31, 111, 130, 1);
  --transparent-black: rgba(0, 0, 0, 0.5);
  --transparent-black-10: rgba(0, 0, 0, 0);
  --transparent-black-11: rgba(0, 0, 0, 0.35);
  --transparent-black-2: rgba(11, 4, 17, 0.44);
  --transparent-black-3: rgba(0, 0, 0, 0.43);
  --transparent-black-4: rgba(0, 0, 0, 0.37);
  --transparent-black-5: rgba(0, 0, 0, 0.65);
  --transparent-black-6: rgba(0, 0, 0, 0.95);
  --transparent-black-7: rgba(0, 0, 0, 0.36);
  --transparent-black-8: rgba(0, 0, 0, 0.19);
  --transparent-black-9: rgba(0, 0, 0, 0.25);
  --transparent-blue: rgba(26, 0, 255, 0.2);
  --transparent-dark-orange: rgba(255, 134, 28, 0);
  --transparent-dark-orange-2: rgba(255, 134, 28, 0.7);
  --transparent-dark-slate-blue: rgba(40, 49, 136, 0.85);
  --transparent-deep-sky-blue: rgba(0, 164, 255, 0.7);
  --transparent-deep-sky-blue-2: rgba(0, 209, 255, 0.05);
  --transparent-dodger-blue: rgba(7, 162, 248, 0);
  --transparent-gainsboro: rgba(217, 217, 217, 0);
  --transparent-pale-turquoise: rgba(168, 239, 255, 0.95);
  --transparent-white: rgba(255, 255, 255, 0.65);
  --transparent-white-2: rgba(255, 255, 255, 0.49);
  --turquoise: rgba(65, 255, 176, 1);
  --violet: rgba(205, 131, 255, 1);
  --white: rgba(255, 255, 255, 1);

  /* Typographies */
  /* kdam-thmor-15-regular */
  --kdam-thmor-15-regular-family: "Kdam Thmor";
  --kdam-thmor-15-regular-size: 15px;
  --kdam-thmor-15-regular-weight: 400;
  --kdam-thmor-15-regular-line-height: normal;

  /* kdam-thmor-18-regular */
  --kdam-thmor-18-regular-family: "Kdam Thmor";
  --kdam-thmor-18-regular-size: 18px;
  --kdam-thmor-18-regular-weight: 400;
  --kdam-thmor-18-regular-line-height: normal;

  /* kdam-thmor-19-regular */
  --kdam-thmor-19-regular-family: "Kdam Thmor";
  --kdam-thmor-19-regular-size: 19px;
  --kdam-thmor-19-regular-weight: 400;
  --kdam-thmor-19-regular-line-height: normal;

  /* kdam-thmor-20-regular */
  --kdam-thmor-20-regular-family: "Kdam Thmor";
  --kdam-thmor-20-regular-size: 20px;
  --kdam-thmor-20-regular-weight: 400;
  --kdam-thmor-20-regular-line-height: normal;

  /* kdam-thmor-22-regular */
  --kdam-thmor-22-regular-family: "Kdam Thmor";
  --kdam-thmor-22-regular-size: 22px;
  --kdam-thmor-22-regular-weight: 400;
  --kdam-thmor-22-regular-line-height: normal;

  /* kdam-thmor-27-regular */
  --kdam-thmor-27-regular-family: "Kdam Thmor";
  --kdam-thmor-27-regular-size: 27px;
  --kdam-thmor-27-regular-weight: 400;
  --kdam-thmor-27-regular-line-height: normal;

  /* kdam-thmor-63-regular */
  --kdam-thmor-63-regular-family: "Kdam Thmor";
  --kdam-thmor-63-regular-size: 63px;
  --kdam-thmor-63-regular-weight: 400;
  --kdam-thmor-63-regular-line-height: normal;

  /* kdam-thmor-67-regular */
  --kdam-thmor-67-regular-family: "Kdam Thmor";
  --kdam-thmor-67-regular-size: 67px;
  --kdam-thmor-67-regular-weight: 400;
  --kdam-thmor-67-regular-line-height: normal;

  /* lilita-one-15-regular */
  --lilita-one-15-regular-family: "Lilita One";
  --lilita-one-15-regular-size: 15px;
  --lilita-one-15-regular-weight: 400;
  --lilita-one-15-regular-line-height: normal;

  /* lilita-one-17-regular */
  --lilita-one-17-regular-family: "Lilita One";
  --lilita-one-17-regular-size: 17px;
  --lilita-one-17-regular-weight: 400;
  --lilita-one-17-regular-line-height: normal;

  /* lilita-one-25-regular */
  --lilita-one-25-regular-family: "Lilita One";
  --lilita-one-25-regular-size: 25px;
  --lilita-one-25-regular-weight: 400;
  --lilita-one-25-regular-line-height: normal;

  /* lilita-one-77-regular */
  --lilita-one-77-regular-family: "Lilita One";
  --lilita-one-77-regular-size: 77px;
  --lilita-one-77-regular-weight: 400;
  --lilita-one-77-regular-line-height: normal;

  /* lilita-one-89-regular */
  --lilita-one-89-regular-family: "Lilita One";
  --lilita-one-89-regular-size: 89px;
  --lilita-one-89-regular-weight: 400;
  --lilita-one-89-regular-line-height: normal;

  /* lilita-one-rus-112-regular */
  --lilita-one-rus-112-regular-family: "Lilita One Rus";
  --lilita-one-rus-112-regular-size: 112px;
  --lilita-one-rus-112-regular-weight: 400;
  --lilita-one-rus-112-regular-line-height: normal;

  /* lilita-one-rus-144-regular */
  --lilita-one-rus-144-regular-family: "Lilita One Rus";
  --lilita-one-rus-144-regular-size: 144px;
  --lilita-one-rus-144-regular-weight: 400;
  --lilita-one-rus-144-regular-line-height: normal;

  /* lilita-one-rus-19-regular */
  --lilita-one-rus-19-regular-family: "Lilita One Rus";
  --lilita-one-rus-19-regular-size: 19px;
  --lilita-one-rus-19-regular-weight: 400;
  --lilita-one-rus-19-regular-line-height: normal;

  /* lilita-one-rus-26-regular */
  --lilita-one-rus-26-regular-family: "Lilita One Rus";
  --lilita-one-rus-26-regular-size: 26px;
  --lilita-one-rus-26-regular-weight: 400;
  --lilita-one-rus-26-regular-line-height: 25px;

  /* lilita-one-rus-31-regular */
  --lilita-one-rus-31-regular-family: "Lilita One Rus";
  --lilita-one-rus-31-regular-size: 31px;
  --lilita-one-rus-31-regular-weight: 400;
  --lilita-one-rus-31-regular-line-height: 30px;

  /* lilita-one-rus-32-regular */
  --lilita-one-rus-32-regular-family: "Lilita One Rus";
  --lilita-one-rus-32-regular-size: 32px;
  --lilita-one-rus-32-regular-weight: 400;
  --lilita-one-rus-32-regular-line-height: normal;

  /* lilita-one-rus-50-regular */
  --lilita-one-rus-50-regular-family: "Lilita One Rus";
  --lilita-one-rus-50-regular-size: 50px;
  --lilita-one-rus-50-regular-weight: 400;
  --lilita-one-rus-50-regular-line-height: normal;

  /* sf-pro-display-12-bold */
  --sf-pro-display-12-bold-family: "SF Pro Display";
  --sf-pro-display-12-bold-size: 12px;
  --sf-pro-display-12-bold-weight: 700;
  --sf-pro-display-12-bold-line-height: normal;

  /* sf-pro-display-16-bold */
  --sf-pro-display-16-bold-family: "SF Pro Display";
  --sf-pro-display-16-bold-size: 16px;
  --sf-pro-display-16-bold-weight: 700;
  --sf-pro-display-16-bold-line-height: normal;

  /* sf-pro-display-18-bold */
  --sf-pro-display-18-bold-family: "SF Pro Display";
  --sf-pro-display-18-bold-size: 18px;
  --sf-pro-display-18-bold-weight: 700;
  --sf-pro-display-18-bold-line-height: normal;

  /* sf-pro-display-18-medium */
  --sf-pro-display-18-medium-family: "SF Pro Display";
  --sf-pro-display-18-medium-size: 18px;
  --sf-pro-display-18-medium-weight: 500;
  --sf-pro-display-18-medium-line-height: normal;

  /* sf-pro-display-19-bold */
  --sf-pro-display-19-bold-family: "SF Pro Display";
  --sf-pro-display-19-bold-size: 19px;
  --sf-pro-display-19-bold-weight: 700;
  --sf-pro-display-19-bold-line-height: normal;

  /* sf-pro-display-20-bold */
  --sf-pro-display-20-bold-family: "SF Pro Display";
  --sf-pro-display-20-bold-size: 20px;
  --sf-pro-display-20-bold-weight: 700;
  --sf-pro-display-20-bold-line-height: 24px;

  /* sf-pro-display-20-bold-2 */
  --sf-pro-display-20-bold-2-family: "SF Pro Display";
  --sf-pro-display-20-bold-2-size: 20px;
  --sf-pro-display-20-bold-2-weight: 700;
  --sf-pro-display-20-bold-2-line-height: normal;

  /* sf-pro-display-28-bold */
  --sf-pro-display-28-bold-family: "SF Pro Display";
  --sf-pro-display-28-bold-size: 28px;
  --sf-pro-display-28-bold-weight: 700;
  --sf-pro-display-28-bold-line-height: normal;

  /* sf-pro-display-36-bold */
  --sf-pro-display-36-bold-family: "SF Pro Display";
  --sf-pro-display-36-bold-size: 36px;
  --sf-pro-display-36-bold-weight: 700;
  --sf-pro-display-36-bold-line-height: normal;

  /* sf-pro-display-42-bold */
  --sf-pro-display-42-bold-family: "SF Pro Display";
  --sf-pro-display-42-bold-size: 42px;
  --sf-pro-display-42-bold-weight: 700;
  --sf-pro-display-42-bold-line-height: normal;

  /* sf-pro-display-63-bold */
  --sf-pro-display-63-bold-family: "SF Pro Display";
  --sf-pro-display-63-bold-size: 63px;
  --sf-pro-display-63-bold-weight: 700;
  --sf-pro-display-63-bold-line-height: normal;

  /* supersonic-rocketship-133-regular */
  --supersonic-rocketship-133-regular-family: "Supersonic Rocketship";
  --supersonic-rocketship-133-regular-size: 133px;
  --supersonic-rocketship-133-regular-weight: 400;
  --supersonic-rocketship-133-regular-line-height: 140px;
}



/* Background for page */


.background_img {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: calc(100vh - 90px);
    max-height: calc(100vh - 90px);
    overflow: hidden;
}

.background_img_basic {
    background: url("../game_data/crypto.png") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: calc(100vh - 90px);
    max-height: calc(100vh - 90px);
    overflow: hidden;
}

.background_img_new {
  background: url("../game_data/img/background/background2.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: calc(100vh - 90px);
  max-height: calc(100vh - 90px);
  overflow: hidden;
}

.background_img_play {
  /* "../game_data/rocket_v1.png" */
  background: url("../game_data/img/background/background2.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: calc(100vh - 90px);
  max-height: calc(100vh - 90px);
  overflow: hidden;
}

.background_img_earn {
    background: url("../game_data/background_earn.png") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: calc(100vh);
    max-height: calc(100vh);
    overflow: hidden;
}

.background_img_p2p {
    background: url("../game_data/background_p2p.png") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: calc(100vh);
    max-height: calc(100vh);
    overflow: hidden;
}

/* Footer */
.footer_box {
    display: flex;
    align-items: stretch;
}

/* Center img */
.center_element_img{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Text for play button */
.footer_play_btn_text {
    position: absolute;
    top: calc(100vh - 30px);
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Text for home button */
.footer_home_btn_text {
    position: absolute;
    top: calc(100vh - 50px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.footer_btn_text{
    color: #DFF9FF;
    font-weight: 900;
    text-align: center;
}

.footer_progress_bar_center{
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

.footer_btn_div_center{
    width: 65px;
    height: 44px;
    margin-left: auto;
    margin-right: auto;
}

.footer_btn_img{
    max-width: 65px;
}




/* Top info */
.top_info_transparent_block {
    background-color: rgba(11, 4, 17, 0.44);
    border-radius: 15px;
    padding: 10px 11px 10px 15px;
    display: flex;
    align-items: flex-start;
}

.top_info_photo_block {
    width: 55px;/*14.51%;*/
    min-width: 55px;
    height: 55px;/*83.4%;*/
    background-size: 100% 100%;
    background-position: center;
    background: url("../game_data/img/main_top/top_photo.svg"),
    rgba(217, 217, 217, 1);
    margin-right: 9px;
    border-radius: 50%;
}

.top_info_userdata_block {
    /*margin-top: 11px;*/
    position: relative;
    width: 100%;
}

.top_info_userdata_info_username_block {
    /*max-width: 90px;*/
    width: calc(50% - 0px);
    height: 61.87%;
    font-family: "Kdam Thmor";
    font-size: 19px;
    font-weight: 400;
    line-height: normal;
    color: rgba(255, 255, 255, 1);
    position: absolute;
    left: 0;
    /*top: -21px;*/
}

.top_info_userdata_info_xp_block {
    width: calc(50% - 0px);
    height: 38.22%;
    font-family: "SF Pro Display";
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    color: rgba(0, 209, 255, 1);
    position: absolute;
    right: 0px;
    padding-left:0px;
    /*top: -21px;*/
    text-align: right;
}

.top_info_userdata_coins_block {
    padding: 20px 0 9.95px;
    display: flex;
    align-items: center;
    position: relative;
}
.top_info_userdata_coins_rectangle_block {
    position: relative;
}
.top_info_userdata_coins_rectangle_block:not(:last-of-type) {
    margin-right: 7px;
}
.top_info_userdata_coins_flex_for_text_block {
    background-color: rgba(11, 4, 17, 0.44);
    border-radius: 83px;
    padding: 2px 15px 0 45px;
    position: relative;
}
.top_info_userdata_coin_text_block {
    /*max-width: 81px;
    width: 69px;*/

    /*margin-top: -4%;
    padding-top: 10%;
    padding-bottom: 7%;*/
    margin-top: 5px;
    text-align: left;

    font-family: "Kdam Thmor";
    font-size: 16px;
    font-weight: 800;
    line-height: normal;
    color: rgba(255, 255, 255, 1);
}

.kids_token_img_block {
    /*width: 76.8px;
    height: 55.2px;*/
    width: 31px;/* 34px 37  41 */
    height: 53.28px;
    position: absolute;
    left: 0px;
    top: -10px;
    /*margin-top: -10px;*/
}

/*
Kids image
*/
.kids_3d_image {
    width: 228px;
    height: 500px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*
Ship & arrows image
*/
.ship_3d_image {
    width: 229px;
    height: 383px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: calc(100vh - 90px - 72px - 15px - 30px - 383px);
    left: calc(50vw - 115px);
}

/*
Level & clans
*/
.group-75__GHTF4 {
    padding: 0 0 0 1px;
}
.rectangle-107__A6aUk {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 155, 211, 1);
    border-radius: 15px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5);
    position: relative;
}
.rectangle-106__tnIPi {
    width: 49.51%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}
.clans__crilF {
    width: 41.62%;
    height: 50.39%;/* 51.39%; */
    font-family: "Lilita One Rus";
    font-size: 23px;
    font-weight: 800;
    line-height: normal;
    color: rgba(221, 249, 255, 1);
    text-shadow: 0 2px 4px rgba(0, 170, 207, 1);
    position: absolute;
    right: 15px;
    bottom: 17px;
    text-align: center;
    top: 25px;
}
.rectangle-106-two__3Y58O {
    width: 49.51%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.level-3__EKxuT {
    width: 41.62%;
    height: 50.39%;/* 51.39%; */
    font-family: "Lilita One Rus";
    font-size: 23px;
    font-weight: 800;
    line-height: normal;
    color: rgba(221, 249, 255, 1);
    text-shadow: 0 2px 4px rgba(0, 170, 207, 1);
    position: absolute;
    left: 15px;
    bottom: 17px;
    text-align: center;
    top: 25px;
}



/* progress bar */
.progress2 {
    padding: 4px;
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.25);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25),
      0 1px rgba(255, 255, 255, 0.08);
}
  
.progress-bar {
    height: 8px;
    border-radius: 30px;
    background-image: linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0.3),
      rgba(255, 255, 255, 0.05)
    );
    transition: 0.4s linear;
    transition-property: width, background-color;
}

.progress-bar-xp-background {
    background-color: #727272;
    text-align: center; 
    margin-left: -10px; 
    border-color: #FFFFFF;
    border-style: solid; 
    padding: 0px;
}
  
.progress-moved-red .progress-bar-red {
    width: var(--progress-width);
    background-color: #FF1B1B;
    animation: progressAnimationRed 6s;
}
  
@keyframes progressAnimationRed {
    0% {
      width: 0%;
      background-color: #FF1B1B;
    }
    100% {
      width: var(--progress-width);
      background-color: #FF1B1B;
    }
}
  
.progress-moved-yellow .progress-bar-yellow {
    width: var(--progress-width);
    background-color: #D8DC00;
    animation: progressAnimationYellow 6s;
}
  
@keyframes progressAnimationYellow {
    0% {
      width: 0%;
      background-color: #D8DC00;
    }
    100% {
      width: var(--progress-width);
      background-color: #D8DC00;
    }
}
  
.progress-moved-green .progress-bar-green {
    width: var(--progress-width);
    background-color: #00DC30;
    animation: progressAnimationGreen 6s;
}
  
@keyframes progressAnimationGreen {
    0% {
      width: 0%;
      background-color: #00DC30;
    }
    100% {
      width: var(--progress-width);
      background-color: #00DC30;
    }
}

.progress-moved-blue .progress-bar-blue {
    width: var(--progress-width);
    background-color: #005AD5;
    animation: progressAnimationBlue 6s;
}
  
@keyframes progressAnimationBlue {
    0% {
      width: 0%;
      background-color: #005AD5;
    }
    100% {
      width: var(--progress-width);
      background-color: #005AD5;
    }
}
  

/*  */
.left {
    position: absolute;
    left: 0px;
}
  
.right {
    position: absolute;
    right: 0px;
}




/* Earn */
.earn_img {
    /*width: 49.51%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;*/
    width: 154px;
    height: 72px;
}
.earn_btn {
    width: 154px;
    height: 41px;
    font-family: "Lilita One Rus";
    font-size: 20px;
    font-weight: 800;
    line-height: normal;
    color: rgba(221, 249, 255, 1);
    text-shadow: 0 2px 4px rgba(0, 170, 207, 1);
    position: absolute;
    /*left: 15px;*/
    bottom: 17px;
    text-align: center;
    top: 40px;
}
.p2p_img {
    /*width: 49.51%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;*/
    width: 154px;
    height: 84px;
    left: calc(100vw - 154px);
    top: -12px;
    position: absolute;
    right: 0px;
}
.p2p_btn {
    width: 154px;
    height: 41px;
    font-family: "Lilita One Rus";
    font-size: 20px;
    font-weight: 800;
    line-height: normal;
    color: rgba(221, 249, 255, 1);
    text-shadow: 0 2px 4px rgba(0, 170, 207, 1);
    position: absolute;
    left: calc(100vw - 154px);
    right: 0px;
    bottom: 17px;
    text-align: center;
    top: 40px;
}


/* Collect coins */
.collect-all-the-coins-in-60-seconds {
    max-width: 1144.5px;
    color: #FFFFFF;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 14px 46px var(--transparent-black-6);
    font-family: var(
      --supersonic-rocketship-133-regular-family
    );
    font-size: 30px;
    font-weight: 900;
    line-height: normal;
    /*text-shadow: 5px 5px 15px #8100D0, 5px 5px 15px #8100D0;*/
   /* text-shadow: 8px 0 #8100D0, -8px 0 #8100D0, 0 8px #8100D0, 0 -8px #8100D0,
             4px 4px #8100D0, -4px -4px #8100D0, 4px -4px #8100D0, -4px 4px #8100D0;*/
    text-shadow: 2px 6px 4px #3C0061;
}

/* BTN Start for EARN */
.btn_start_img{
    width: 100%;
    /*height: 79px;*/
}
.btn_start_btn {
    width: 100%;
    /*height: 79px;*/
    font-family: "Lilita One Rus";
    font-size: 23px;
    font-weight: 800;
    line-height: normal;
    color: rgba(221, 249, 255, 1);
    text-shadow: 0 2px 4px #3C0061;
    position: absolute;
    /*left: 15px;*/
    bottom: 17px;
    text-align: center;
    top: 17px;
}

.text_earn_start{
    width: 100%;
    /*height: 79px;*/
    font-family: "Lilita One Rus";
    font-size: 23px;
    font-weight: 800;
    line-height: normal;
    color: #FF9B1C;
    /*text-shadow: 0 2px 4px #FFFFFF;*/
    position: absolute;
    /*left: 15px;*/
    bottom: 17px;
    text-align: center;
    top: 17px;
}

/* earn top menu*/
.top {
    background-color: var(--transparent-black-2);
    padding: 2px 2px 2px 2px;
    display: flex;
    align-items: flex-start;
}
.vector-2 {
    width: 3.11%;
    height: 95.63%;
    /*margin-right: 33.25px;*/
    margin-left: 10px;
    /*margin-top: 10px;*/
}
.back {
    width: 11.37%;
    height: 96.17%;
    color: var(--white);
    text-align: center;
    /*margin-right: 711.5px;*/
    padding-left: 10px;
    font-family: var(--lilita-one-22-regular-family);
    font-size: var(--lilita-one-22-regular-size);
    font-weight: var(--lilita-one-22-regular-weight);
    line-height: var(--lilita-one-22-regular-line-height);
    padding-top: 20px;
}
.earn-money {
    width: 32.61%;
    height: 96.17%;
    color: var(--white);
    font-family: var(--lilita-one-22-regular-family);
    font-size: var(--lilita-one-22-regular-size);
    font-weight: var(--lilita-one-22-regular-weight);
    line-height: var(--lilita-one-22-regular-line-height);
    padding-top: 20px;
    padding-left: calc(45vw);
}

/* p2p page */
.p2p-balance {
    background-color: var(--transparent-black-2);
    border-radius: 15px;
    padding: 8px 10px 5px 10px;
    display: flex;
    align-items: flex-start;
    margin-top: 10px;
    margin-left: 10px;
}
.num-1000-ton {
    color: var(--pale-turquoise);
    flex: 1;
    align-self: stretch;
    text-align: center;
    text-shadow: 0 2px 8px var(--black);
    font-family: var(--lilita-one-rus-32-regular-family);
    font-size: var(--lilita-one-rus-32-regular-size);
    font-weight: var(--lilita-one-rus-32-regular-weight);
    line-height: var(--lilita-one-rus-32-regular-line-height);
}

.num-010 {
    color: var(--deep-sky-blue-1);
    text-align: center;
    font-family: var(--lilita-one-rus-31-regular-family);
    font-size: var(--lilita-one-rus-31-regular-size);
    font-weight: var(--lilita-one-rus-31-regular-weight);
    line-height: var(--lilita-one-rus-31-regular-line-height);
    margin-top: 20px;
    margin-left: 15px;
}

.p2p {
    color: var(--blue);
    text-shadow: 0 4px 7px var(--transparent-black-7);
    font-family: var(--lilita-one-89-regular-family);
    font-size: var(--lilita-one-89-regular-size);
    font-weight: var(--lilita-one-89-regular-weight);
    line-height: var(--lilita-one-89-regular-line-height);
    text-align: center;
}

.bets {
    display: flex;
    align-items: flex-start;
    margin-top: 20px;
}
.flex-wrapper-one {
    background-color: var(--transparent-black-8);
    border-radius: 17px;
    padding: 11px 16px;
    display: flex;
    align-items: center;
}
.flex-wrapper-one:not(:last-of-type) {
    margin-right: 9px;
}
.num-1-ton {
    color: var(--pale-turquoise);
    flex: 1;
    align-self: stretch;
    text-shadow: 0 2px 8px var(--black);
    font-family: var(--lilita-one-rus-32-regular-family);
    font-size: 30px;
    font-weight: var(--lilita-one-rus-32-regular-weight);
    line-height: var(--lilita-one-rus-32-regular-line-height);
    cursor: pointer;
}

/* p2p_start */
.wins-text {
    background-color: var(--deep-sky-blue);
    border-radius: 23px;
    padding: 8px 25px 9px;
    box-shadow: 0 3px 9px -2px var(--blue-3),
      0 3px 6px 3px var(--transparent-pale-turquoise) inset;
    display: flex;
    align-items: center;
}
.num-0-3-win {
    color: var(--white);
    flex: 1;
    align-self: stretch;
    font-family: var(--sf-pro-display-36-bold-family);
    font-size: var(--sf-pro-display-36-bold-size);
    font-weight: var(--sf-pro-display-36-bold-weight);
    line-height: var(--sf-pro-display-36-bold-line-height);
    text-align: center;
}

.choose-text {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.flex-wrapper-one {
    margin-bottom: 19px;
    display: flex;
    align-items: flex-start;
}
.ellipse-70 {
    width: 28.93%;
    background-color: var(--white);
    border-radius: 50%;
    box-shadow: 0 4px 9px 2px var(--light-sky-blue);
    align-self: stretch;
}
.ellipse-70:not(:last-of-type) {
    margin-right: 24px;
}
.choose-combination {
    width: 61.93%;
    height: 16.22%;
    color: var(--white);
    text-align: center;
    text-shadow: 0 3px 3px var(--transparent-black-9);
    font-family: var(--sf-pro-display-20-bold-family);
    font-size: var(--sf-pro-display-20-bold-size);
    font-weight: var(--sf-pro-display-20-bold-weight);
    line-height: var(--sf-pro-display-20-bold-line-height);
}


/* money page */
.money-modal {
    padding: 0 0 9px;
  }
  .rectangle-62 {
    width: 100%;
    height: 100%;
    background: linear-gradient(
        rgba(26, 0, 255, 0.2),
        rgba(26, 0, 255, 0.2)
      ),
      linear-gradient(
        180deg,
        rgba(0, 216, 255, 1) 0%,
        rgba(15, 59, 141, 1) 13%,
        rgba(21, 36, 74, 1) 63%,
        rgba(14, 19, 65, 1) 100%
      );
    position: relative;
  }
  .rectangle-82 {
    width: 428px;
    height: 11px;
    background: linear-gradient(
      180deg,
      var(--black-10) 0%,
      var(--transparent-black-10) 100%
    );
    opacity: 0.3;
    position: absolute;
    left: 5px;
    top: 83px;
  }
  .rectangle-84 {
    width: 428px;
    height: 11px;
    background: linear-gradient(
      180deg,
      var(--black-10) 0%,
      var(--transparent-black-10) 100%
    );
    opacity: 0.3;
    position: absolute;
    left: 5px;
    bottom: 9px;
  }
  .rectangle-81 {
    width: 428px;
    height: 28px;
    background: linear-gradient(
      180deg,
      var(--black-10) 0%,
      var(--transparent-black-10) 100%
    );
    opacity: 0.3;
    position: absolute;
    left: 5px;
    top: 83px;
  }
  .money {
    height: 41.87px;
    /*width: 122.23px;*/
    color: var(--light-cyan);
    display: flex;
    text-shadow: 0 2px 4px var(--dark-turquoise-2);
    position: absolute;
    /*left: calc(50% - 122.23px / 2);*/
    top: 23px;
    font-family: var(--lilita-one-rus-32-regular-family);
    font-size: var(--lilita-one-rus-32-regular-size);
    font-weight: 900;
    line-height: var(--lilita-one-rus-32-regular-line-height);
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, 0%);
  }
  .subtract {
    width: 33px;
    height: 33px;
    position: absolute;
    right: 30px;
    top: 25px;
  }
  
  .group-73 {
    background-color: var(--transparent-dark-slate-blue);
    border-radius: 15px;
    padding: 6.02px 56px 2.98px 57px;
    box-shadow: 0 2px 9px 0 var(--transparent-black-11);
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    left: 27px;
    /*bottom: 31.02px;*/
  }


  /*.kids-token-2 {
    width: 72px;
    height: 77px;
    background-size: 100% 100%;
    background-position: center;
    background: url("https://static.overlay-tech.com/assets/4ea93a64-b235-4b6b-bc32-c6d6f1d96421.png"),
      url("https://static.overlay-tech.com/assets/2c0bdd90-ef8d-4959-adbb-91a5539eee96.png");
    box-shadow: 0 0 17px 0 var(--sandy-brown-2);
    position: relative;
  }*/
  .num-5000 {
    max-width: 63px;
    color: var(--violet);
    text-align: right;
    position: absolute;
    left: calc(50% - 63px / 2);
    bottom: -40px;
    font-family: var(--kdam-thmor-27-regular-family);
    font-size: var(--kdam-thmor-27-regular-size);
    font-weight: var(--kdam-thmor-27-regular-weight);
    line-height: var(--kdam-thmor-27-regular-line-height);
  }
  
  .num-5000-two {
    max-width: 47px;
    color: var(--white);
    text-align: right;
    margin-right: 3px;
    font-family: var(--kdam-thmor-20-regular-family);
    font-size: var(--kdam-thmor-20-regular-size);
    font-weight: var(--kdam-thmor-20-regular-weight);
    line-height: var(--kdam-thmor-20-regular-line-height);
  }
  .group-81 {
    width: 24px;
    height: 22.85px;
    /*margin-top: 4px;*/
  }
  .group-74 {
    background-color: var(--transparent-dark-slate-blue);
    border-radius: 15px;
    padding: 6.02px 50px 2.98px 51px;
    box-shadow: 0 2px 9px 0 var(--transparent-black-11);
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    right: 31px;
    /*bottom: 31.02px;*/
  }
  /*.kids-token-2-two {
    width: 72px;
    height: 77px;
    background-size: 100% 100%;
    background-position: center;
    background: url("https://static.overlay-tech.com/assets/aa89f5e8-c9e6-4c63-927b-1663e55dd6d8.png"),
      url("https://static.overlay-tech.com/assets/73070cdf-9a2e-4d3a-9d75-9c9908e0c3ff.png");
    box-shadow: 0 0 17px 0 var(--sandy-brown-2);
    position: relative;
  }*/
  .num-10000 {
    max-width: 79px;
    color: var(--violet);
    text-align: right;
    position: absolute;
    left: calc(50% - 79px / 2);
    bottom: -40px;
    font-family: var(--kdam-thmor-27-regular-family);
    font-size: var(--kdam-thmor-27-regular-size);
    font-weight: var(--kdam-thmor-27-regular-weight);
    line-height: var(--kdam-thmor-27-regular-line-height);
  }
  .num-10000-two {
    max-width: 59px;
    color: var(--white);
    text-align: right;
    margin-right: 3px;
    font-family: var(--kdam-thmor-20-regular-family);
    font-size: var(--kdam-thmor-20-regular-size);
    font-weight: var(--kdam-thmor-20-regular-weight);
    line-height: var(--kdam-thmor-20-regular-line-height);
  }
  .group-73-two {
    background-color: var(--transparent-dark-slate-blue);
    border-radius: 15px;
    padding: 5.51px 56px 3.49px 57px;
    box-shadow: 0 2px 9px 0 var(--transparent-black-11);
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    left: 27px;
    /*bottom: 206.51px;*/
  }
  /*.kids-token-2-three {
    width: 72px;
    height: 77px;
    background-size: 100% 100%;
    background-position: center;
    background: url("https://static.overlay-tech.com/assets/453dd67f-bb35-477f-b6d3-3fc453b0c37e.png"),
      url("https://static.overlay-tech.com/assets/80b25223-3d5c-4433-b496-6ca29cad3c61.png");
    box-shadow: 0 0 17px 0 var(--sandy-brown-2);
    position: relative;
  }*/
  .group-74-two {
    background-color: var(--transparent-dark-slate-blue);
    border-radius: 15px;
    padding: 5.51px 56px 3.49px 57px;
    box-shadow: 0 2px 9px 0 var(--transparent-black-11);
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    right: 31px;
    /*bottom: 206.51px;*/
  }
  /*.kids-token-2-four {
    width: 72px;
    height: 77px;
    background-size: 100% 100%;
    background-position: center;
    background: url("https://static.overlay-tech.com/assets/47e997f5-15b0-4f18-abc4-4ab31e929bb1.png"),
      url("https://static.overlay-tech.com/assets/246bf786-6290-4c79-9383-f240d2f126a2.png");
    box-shadow: 0 0 17px 0 var(--sandy-brown-2);
    position: relative;
  }*/

  /*.kids-token-2-five {
    width: 72px;
    height: 77px;
    background-size: 33% 33%;
    background-position: center;
    background: url("https://saa.tools/game_data/img/main_top/KIDS_TOKEN3_money.png");
    box-shadow: 0 0 17px 0 var(--sandy-brown-2);
    position: relative;
  }*/

.rectangle-39 {
    width: 405px;
    height: 582px;
    background-color: var(--transparent-black-2);
    border-radius: 15px;
    box-shadow: 0 0 10px 0 var(--transparent-black) inset;
    position: absolute;
    left: 17px;
    bottom: -18px;
    display: flex;
    align-items: flex-start;
    /*flex-direction: column;*/
    flex-wrap: wrap;
    /*align-items: center;*/
    overflow: auto;
}
.group-73-three {
    background-color: var(--transparent-dark-slate-blue);
    border-radius: 15px;
    /*padding: 6px 57px 3px 58px;*/
    box-shadow: 0 2px 9px 0 var(--transparent-black-11);
    /*display: flex;
    flex-direction: column;*/
    /*align-items: center;*/
    /*position: absolute;
    left: 27px;
    top: 162px;*/
    margin-top: 2.5%;
    width: 45%;
    margin-left: 3%;
    margin-right: 2%;
    /*flex: 1 1 auto;*/
}
.relative-wrapper-one {
  margin-bottom: 35px;
  position: relative;
  width: 100%;
}
.KIDS_TOKEN3_money{
  width: 72px;
  height: 77px;
  /*background-size: 33% 33%;*/
  background-position: center;

  background: url("https://saa.tools/game_data/img/main_top/KIDS_TOKEN3_money_v3.png");
  /*background: url("https://saa.tools/game_data/img/main_top/KIDS_TOKEN3_money.png"); */
  /* https://static.overlay-tech.com/assets/b0112a33-d398-42ca-832b-d0002148ea4f.png */
  /*box-shadow: 0 0 17px 0 var(--sandy-brown-2);*/
  position: relative;
  background-size: 100%;
  /*background-position: -15px, -15px;*/
  /*margin-top: -10px;*/
  margin: auto;
}
.money_countDM_text {
    /*max-width: 47px;*/
    color: var(--violet);
    text-align: right;
    /*position: absolute;*/
    /*left: calc(50% - 47px / 2);*/
    /*bottom: -25px;*/
    font-family: var(--kdam-thmor-27-regular-family);
    font-size: var(--kdam-thmor-27-regular-size);
    font-weight: var(--kdam-thmor-27-regular-weight);
    line-height: var(--kdam-thmor-27-regular-line-height);
    text-align: center;
    margin: auto;
    margin-top: -10px;
}
.money_count_line {
  width: 70%;
  height: 3px;
  /*position: absolute;*/
  /*left: calc(50% - 154px / 2);*/
  /*bottom: -10px;*/
  /*margin: auto;*/
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
}
.money_countDMprice_block {
  display: flex;
  align-items: center;
  justify-content: center;
  /*align-items: flex-start;*/
  /*margin: auto;*/
  margin-top: -30px;
  margin-bottom: 5px;
  /*align-items:stretch;*/
}
.money_countDMprice_text {
    /*max-width: 35px;*/
    color: var(--white);
    text-align: right;
    margin-right: 3px;
    font-family: var(--kdam-thmor-20-regular-family);
    font-size: var(--kdam-thmor-20-regular-size);
    font-weight: var(--kdam-thmor-20-regular-weight);
    line-height: var(--kdam-thmor-20-regular-line-height);
}

  .group-74-three {
    background-color: var(--transparent-dark-slate-blue);
    border-radius: 15px;
    padding: 6px 57px 3px 58px;
    box-shadow: 0 2px 9px 0 var(--transparent-black-11);
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    right: 31px;
    top: 162px;
  }
  /*.kids-token-2-six {
    width: 72px;
    height: 77px;
    background-size: 100% 100%;
    background-position: center;
    background: url("https://static.overlay-tech.com/assets/3da2af40-6cad-44c0-bf8c-3fb0c99e256b.png"),
      url("https://static.overlay-tech.com/assets/b0112a33-d398-42ca-832b-d0002148ea4f.png");
    box-shadow: 0 0 17px 0 var(--sandy-brown-2);
    position: relative;
  }*/
  .group-85 {
    /*padding: 14px 0;*/
    display: flex;
    align-items: center;
    position: absolute;
    left: 17px;
    top: 81px;
    width: 90%;
  }
  /*.relative-wrapper-seven {
    position: relative;
  }
  .relative-wrapper-seven:not(:last-of-type) {
    margin-right: 7px;
  }*/
  /*.flex-wrapper-one {
    background-color: var(--transparent-black-2);
    border-radius: 15px;
    padding: 7px 21px 3px 63px;
    position: relative;
  }*/
  /*.num-180000000 {
    max-width: 115px;
    color: var(--white);
    font-family: var(--kdam-thmor-22-regular-family);
    font-size: var(--kdam-thmor-22-regular-size);
    font-weight: var(--kdam-thmor-22-regular-weight);
    line-height: var(--kdam-thmor-22-regular-line-height);
  }*/
  /*.kids-token-2-seven {
    width: 44px;
    height: 78px;
    position: absolute;
    left: 9px;
    top: -14px;
  }*/


/* Shop */
.block-shop-item {
  background-color: var(--transparent-dark-slate-blue);
  border-radius: 15px;
  padding: 6px 10px 6px 5px;
  box-shadow: 0 2px 9px 0 var(--transparent-black-11);
  display: flex;
  /*align-items: flex-start;*/
  align-items: center;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 5px;
}
.block-shop-item-img {
  width: 25%;
  /*height: 73.68%;*/
  margin-top: 0px;
  margin-right: 0px;
}
.line-8 {
  width: 0.89%;
  background-color: var(--slate-blue);
  /*margin-right: 17px;*/
  align-self: stretch;
}
.block-shop-item-description {
  width: 59%;
  margin-right: 10px;
  padding: 7px 0 0 7px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.shorts {
  height: 54.72%;
  color: var(--white);
  align-self: stretch;
  margin-bottom: 10px;
  font-family: var(--lilita-one-25-regular-family);
  font-size: var(--lilita-one-25-regular-size);
  font-weight: 900;
  line-height: var(--lilita-one-25-regular-line-height);
}
.num-60-xp-h {
  /*width: 79.55%;*/
  height: 39.62%;
  color: var(--deep-sky-blue);
  font-family: var(--sf-pro-display-18-bold-family);
  font-size: var(--sf-pro-display-18-bold-size);
  font-weight: var(--sf-pro-display-18-bold-weight);
  line-height: var(--sf-pro-display-18-bold-line-height);
}
.flex-wrapper-one-shop {
  background-color: var(--deep-sky-blue-3);
  /*margin-top: 8px;*/
  border-radius: 13px;
  padding: 6px 5px 8px 5px;
  box-shadow: 0 0 11px 2px var(--deep-sky-blue),
    0 5px 7px 0 var(--transparent-white-2) inset;
  display: flex;
  align-items: center;
}
.flex-wrapper-one-shop-hide {
  /*background-color: var(--deep-sky-blue-3);*/
  /*margin-top: 8px;*/
  /*border-radius: 13px;*/
  padding: 6px 5px 8px 5px;
  /*box-shadow: 0 0 11px 2px var(--deep-sky-blue),
    0 5px 7px 0 var(--transparent-white-2) inset;*/
  display: flex;
  align-items: center;
}
.num-100 {
  /*max-width: 35px;*/
  width: 57.38%;
  /*height: 78.11%;*/
  color: var(--white);
  font-family: var(--kdam-thmor-20-regular-family);
  font-size: var(--kdam-thmor-20-regular-size);
  font-weight: var(--kdam-thmor-20-regular-weight);
  line-height: var(--kdam-thmor-20-regular-line-height);
}
.kids-token-1 {
  width: 42.62%;
  align-self: stretch;
  object-fit: cover;
}

/* lvl-cell */
.lvl-cell {
  background-color: var(--transparent-dark-slate-blue);
  border-radius: 15px;
  padding: 2px 26px 3px 20px;
  box-shadow: 0 2px 9px 0 var(--transparent-black-11);
  display: flex;
  align-items: flex-start;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 5px;
  width: 100%;
}
.num-1-lvl {
  /*width: 10%;*/
  height: 41.46%;
  color: var(--white);
  margin-top: 10px;
  /*margin-right: 93px;*/
  font-family: var(--lilita-one-15-regular-family);
  font-size: var(--lilita-one-15-regular-size);
  font-weight: 900;
  line-height: var(--lilita-one-15-regular-line-height);
}
.line-9 {
  width: 2px;
  height: 40px;
  background-color: var(--slate-blue);
  margin-top: 3px;
  margin-right: 10px;
}
.num-100-1 {
  /*width: 13.54%;*/
  height: 51.22%;
  color: var(--sandy-brown-2);
  margin-top: 10px;
  margin-right: 2px;
  font-family: var(--sf-pro-display-18-bold-family);
  font-size: var(--sf-pro-display-18-bold-size);
  font-weight: var(--sf-pro-display-18-bold-weight);
  line-height: var(--sf-pro-display-18-bold-line-height);
}
.kids-token-2 {
  /*width: 6.77%;*/
  height: 95.12%;
  margin-top: 1px;
  margin-right: 22px;
  margin-left: 10px;
}
.line-8-lvl {
  width: 2px;
  height: 40px;
  background-color: var(--slate-blue);
  margin-top: 3px;
  margin-right: 10px;
}
.num-2 {
  /*width: 7.08%;*/
  height: 51.22%;
  color: #00D1FF;
  margin-top: 10px;
  margin-right: 5px;
  font-family: var(--sf-pro-display-18-bold-family);
  font-size: var(--sf-pro-display-18-bold-size);
  font-weight: var(--sf-pro-display-18-bold-weight);
  line-height: var(--sf-pro-display-18-bold-line-height);
}
.xp-icon-4 {
  /*width: 6.77%;
  align-self: stretch;
  object-fit: cover;*/
  height: 95.12%;
  margin-top: 1px;
  margin-right: 22px;
  margin-left: 10px;
}

/* lvl-cell-current */
.lvl-cell-current {
  background: linear-gradient(
      rgba(0, 181, 105, 1),
      rgba(0, 181, 105, 1)
    ),
    rgba(40, 49, 136, 0.85);
  border-radius: 15px;
  padding: 1px 25px 2px 19px;
  box-shadow: 0 2px 9px 0 var(--transparent-black-11),
    0 0 4px 1px var(--turquoise);
  display: flex;
  align-items: flex-start;
  border: 1px solid var(--aquamarine);
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 5px;
  width: 100%;
}

/* invite */
.num-100-fren {
  color: var(--deep-sky-blue-1);
  text-shadow: 0 2px 4px var(--black-10);
  font-family: var(--lilita-one-rus-50-regular-family);
  font-size: 30px;
  font-weight: var(--lilita-one-rus-50-regular-weight);
  line-height: var(--lilita-one-rus-50-regular-line-height);
}

.invite-earn {
  display: flex;
  align-items: center;
}
.num-3000 {
  height: 53.33%;
  /*width: 73.23%;*/
  display: flex;
  margin-right: 1px;
  color: var(--sandy-brown-2);
  font-family: var(--sf-pro-display-28-bold-family);
  font-size: 20px;
  font-weight: var(--sf-pro-display-28-bold-weight);
  line-height: var(--sf-pro-display-28-bold-line-height);
}
/*.num-3000-emphasis-1 {
  color: var(--sandy-brown-2);
  letter-spacing: -1.4px;
  font-family: var(--sf-pro-display-28-bold-family);
  font-size: var(--sf-pro-display-28-bold-size);
  font-weight: var(--sf-pro-display-28-bold-weight);
  line-height: var(--sf-pro-display-28-bold-line-height);
}
.kids-token-2 {
  width: 25.98%;
  align-self: stretch;
  object-fit: cover;
}*/



.invitelvl {
  background-color: var(--transparent-dark-slate-blue);
  border-radius: 15px;
  padding: 3px 17px 4px 20px;
  box-shadow: 0 2px 9px 0 var(--transparent-black-11);
  display: flex;
  align-items: flex-start;
}
.num-1-10lvl {
  /*width: 15.87%;*/
  height: 43.59%;
  color: var(--white);
  margin-top: 10px;
  /*margin-right: 180px; 203 */
  font-family: var(--lilita-one-15-regular-family);
  font-size: var(--lilita-one-15-regular-size);
  font-weight: 900;
  line-height: var(--lilita-one-15-regular-line-height);
  width: 25%;
}
.num-3 {
  width: 55%;
  height: 53.85%;
  color: var(--sandy-brown-2);
  margin-top: 10px;
  /*margin-right: 14px;*/
  font-family: var(--sf-pro-display-18-bold-family);
  font-size: var(--sf-pro-display-18-bold-size);
  font-weight: var(--sf-pro-display-18-bold-weight);
  line-height: var(--sf-pro-display-18-bold-line-height);
  text-align: right;
}
/*.kids-token-1 {
  width: 6.59%;
  align-self: stretch;
  margin-right: 19px;
  object-fit: cover;
}*/
.vector {
  /*width: 2.99%;*/
  height: 46.15%;
  margin-top: 10px;
  margin-left: 10%;
}
















/* quests */
.quests-earn-more-money {
  display: flex;
  align-items: center;
}
.kids-token-2 {
  width: 14.29%;
  align-self: stretch;
  object-fit: cover;
}
.earn-more-money {
  width: 85.71%;
  height: 44.58%;
  color: var(--deep-sky-blue-1);
  text-shadow: 0 2px 4px var(--black-10);
  font-family: var(--lilita-one-rus-32-regular-family);
  font-size: var(--lilita-one-rus-32-regular-size);
  font-weight: var(--lilita-one-rus-32-regular-weight);
  line-height: var(--lilita-one-rus-32-regular-line-height);
}

/* quests youtube */
.youtube {
  background-color: var(--transparent-dark-slate-blue);
  border-radius: 15px;
  padding: 7px 14px 6px 20px;
  box-shadow: 0 2px 9px 0 var(--transparent-black-11);
  display: flex;
  align-items: flex-start;
  margin-top: 5px;
  margin-left: 10px;
  margin-right: 10px;
  width: 100%;
}
.flex-wrapper-two {
  background-size: 100% 100%;
  background-position: center;
  background-image: url("https://static.overlay-tech.com/assets/a5b85caa-1502-4a61-a383-7956d5118390.svg");
  margin-top: 25px;
  margin-right: 19px;
  padding: 25px 30px;
  display: flex;
  align-items: center;
}

/*.line-8 {
  width: 0.89%;
  background-color: var(--slate-blue);
  margin-right: 15px;
  align-self: stretch;
}*/
.flex-wrapper-three {
  padding: 9px 0 0 9px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
.subscribe-youtube {
  text-align: center;
  width: 100%;
  height: 28.81%;
  color: var(--white);
  margin-bottom: 12px;
  margin-left: 1px;
  font-family: var(--lilita-one-15-regular-family);
  font-size: var(--lilita-one-15-regular-size);
  font-weight: 900;
  line-height: var(--lilita-one-15-regular-line-height);
}
.flex-wrapper-four {
  display: flex;
  align-items: flex-start;
  width: 100%;
}
.num-20 {
  text-align: right;
  width: 80px;/*14.83%*/
  /*height: 53.85%;*/
  color: var(--sandy-brown-2);
  margin-top: 9px;
  /*margin-right: 4px;*/
  font-family: var(--sf-pro-display-18-bold-family);
  font-size: var(--sf-pro-display-18-bold-size);
  font-weight: var(--sf-pro-display-18-bold-weight);
  line-height: var(--sf-pro-display-18-bold-line-height);
}
.kids-token-1 {
  /*width: 25px;
  align-self: stretch;
  margin-right: 18px;
  object-fit: cover;*/
  width: 22px;
  height: 39px;
}
.kids-token-1-1 {
  /*width: 25px;
  align-self: stretch;
  margin-right: 18px;
  object-fit: cover;*/
  width: 26px;
  height: 46.09px;
  margin-top: -3.5px;
}
.flex-wrapper-one {
  background-color: var(--transparent-gainsboro);
  border-radius: 10px;
  /*padding: 7px 54px 7px 58px;*/
  box-shadow: 0 0 4px 1px var(--deep-sky-blue);
  display: flex;
  align-items: center;
  border: 1px solid var(--deep-sky-blue);
  width:100%;
  margin-left: 5px;
}
.flex-wrapper-one2 {
  background-color: var(--transparent-gainsboro);
  border-radius: 10px;
  /*padding: 7px 54px 7px 58px;*/
  box-shadow: 0 0 4px 1px var(--deep-sky-blue);
  display: flex;
  align-items: center;
  border: 1px solid var(--deep-sky-blue);
  margin-left: 5px;
  margin-bottom: 19px;
  padding: 11px 16px;
}
.claim {
  color: var(--deep-sky-blue);
  flex: 1;
  align-self: stretch;
  font-family: var(--lilita-one-15-regular-family);
  font-size: var(--lilita-one-15-regular-size);
  font-weight: var(--lilita-one-15-regular-weight);
  line-height: var(--lilita-one-15-regular-line-height);
  text-align: center;
}





/* Quests -> Everyday reward */
.days-reward {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-left: 10px;
  width: 93%;
}
.days-reward-row {
  display: flex;
  align-items: flex-start;
  width: 100%;
}
.days-reward-row:not(:last-of-type) {
  margin-bottom: 12px;
}
.days-reward-the-day {
  /*margin-right: 16px;*/
  padding: 0 0 6px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 21.25%;
  margin-right: 5%;
}
.days-reward-the-day-text {
  width: 100%;
  height: 25.33%;
  color: var(--white);
  margin-bottom: 9px;
  font-family: var(--lilita-one-17-regular-family);
  font-size: var(--lilita-one-17-regular-size);
  font-weight: 900;
  line-height: var(--lilita-one-17-regular-line-height);
  text-align: center;
}
.kids-token-1-v5 {
  width: 28.21%;
  height: 82.98%;
  /*position: absolute;*/
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: -10px;
  /*left: 28px;*/
  bottom: -6px;
}
.days-reward-the-day-reward {
  background-color: var(--dark-cyan);
  border-radius: 10px;
  /*padding: 4px 22px 20px 21px;*/
  box-shadow: 0 0 4px 1px var(--turquoise);
  position: relative;
  border: 1px solid var(--aquamarine);
  width:100%;
  height: 47px;
  margin-left: 5px;
  /*
  width:100%;
  margin-left: 5px;
  */
}
.days-reward-the-day-reward-current {
  background-color: var(--transparent-gainsboro);
  border-radius: 10px;
  /*padding: 4px 20px 20px 21px;*/
  box-shadow: 0 0 4px 1px var(--deep-sky-blue);
  position: relative;
  border: 1px solid var(--deep-sky-blue);
  width:100%;
  height: 47px;
  margin-left: 5px;
}
.days-reward-the-day-reward-dark {
  background-color: var(--midnight-blue-5);
  border-radius: 10px;
  /*padding: 4px 13px 20px 14px;*/
  box-shadow: 0 0 4px 1px var(--sea-green);
  position: relative;
  border: 1px solid var(--sea-green);
  width:100%;
  height: 47px;
  margin-left: 5px;
}

.num-100-center {
  width: 100%;
  height: 50%;
  color: var(--white);
  font-family: var(--sf-pro-display-18-bold-family);
  font-size: var(--sf-pro-display-18-bold-size);
  font-weight: var(--sf-pro-display-18-bold-weight);
  line-height: var(--sf-pro-display-18-bold-line-height);
  text-align: center;
}
.num-100-center-current {
  width: 100%;
  height: 50%;
  color: var(--sandy-brown-2);
  font-family: var(--sf-pro-display-18-bold-family);
  font-size: var(--sf-pro-display-18-bold-size);
  font-weight: var(--sf-pro-display-18-bold-weight);
  line-height: var(--sf-pro-display-18-bold-line-height);
  text-align: center;
}
.num-100-center-dark {
  width: 100%;
  height: 50%;
  color: var(--sea-green);
  font-family: var(--sf-pro-display-18-bold-family);
  font-size: var(--sf-pro-display-18-bold-size);
  font-weight: var(--sf-pro-display-18-bold-weight);
  line-height: var(--sf-pro-display-18-bold-line-height);
  text-align: center;
}

/* Clan list */
.search {
  margin-top: 10px;
  height: 37px;
  width: calc(100% - 40px);
  background-color: var(--transparent-deep-sky-blue-2);
  border-radius: 30px;
  /*padding: 5.1px 257px 5.9px 12px;*/
  box-shadow: 0 0 4px 1px var(--deep-sky-blue);
  border: 1px solid var(--deep-sky-blue);

  color: var(--white);
  align-self: stretch;
  font-family: var(--sf-pro-display-20-bold-2-family);
  font-size: var(--sf-pro-display-20-bold-2-size);
  font-weight: var(--sf-pro-display-20-bold-2-weight);
  line-height: var(--sf-pro-display-20-bold-2-line-height);

  padding-left: 40px;
  display: block;
}

.search-img {
  display: block;
  margin-top: -30px;
  margin-left: 15px;
}

.clan-row {
  /*padding: 0 0 11px;*/
  display: flex;
  align-items: flex-start;
  height: 64px;
  width: 100%;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
}
.clan-row-separator {
  width: 96%;
  height: 3px;
  background-color: var(--dark-slate-blue-1);
  /*position: absolute;*/
  /*left: -21px;
  bottom: -6px;*/
  margin-left: 2%;
}
.clan-row-img {
  width: 53px;
  height: 53px;
  align-self: stretch;
  /*margin-right: 17px;*/
  border-radius: 50%;
  object-fit: cover;
}
.clan-row-data {
  /*margin-right: 86px;*/
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-left: 10px;
  width: calc(100% - 53px - 100px);
  /*width: 70%;*/
}
.clan-row-data-block {
  width: 100%;
  height: 42.31%;
  margin-bottom: 7px;
  position: relative;
}
.clan-row-money-img {
  /*width: 24.3%;
  height: 209.09%;*/
  width: 26px;
  height: 46px;
  position: absolute;
  left: -6px;
  bottom: -42px;
}
.clan-row-name {
  width: 100%;
  height: 100%;
  color: var(--deep-sky-blue-1);
  text-shadow: 0 2px 4px var(--black-10);
  position: relative;
  font-family: var(--lilita-one-rus-19-regular-family);
  font-size: var(--lilita-one-rus-19-regular-size);
  font-weight: var(--lilita-one-rus-19-regular-weight);
  line-height: var(--lilita-one-rus-19-regular-line-height);
}
.clan-row-money-count {
  width: 84.5%;
  height: 44.23%;
  color: var(--white);
  margin-left: 20px;
  font-family: var(--sf-pro-display-19-bold-family);
  font-size: var(--sf-pro-display-19-bold-size);
  font-weight: var(--sf-pro-display-19-bold-weight);
  line-height: var(--sf-pro-display-19-bold-line-height);
}
.clan-row-btn {
  background-color: var(--transparent-gainsboro);
  margin-top: 14px;
  border-radius: 10px;
  /*padding: 2px 1px 2px 13px;*/
  box-shadow: 0 0 4px 1px var(--deep-sky-blue);
  display: flex;
  align-items: center;
  border: 1px solid var(--deep-sky-blue);
  width: 100px;
  height: 25px;
}
.clan-row-btn-text {
  color: var(--deep-sky-blue);
  /*flex: 1;
  align-self: stretch;
  display: flex;*/
  font-family: var(--sf-pro-display-16-bold-family);
  font-size: var(--sf-pro-display-16-bold-size);
  font-weight: var(--sf-pro-display-16-bold-weight);
  line-height: var(--sf-pro-display-16-bold-line-height);
  text-align: center;
  width: 100%;
}




/* Clan -> My */
.invite-link {
  padding: 0 3.38px 0 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.invite-link-title {
  /*width: 33.26%;*/
  height: 35.43%;
  color: var(--white);
  text-align: center;
  margin-bottom: 11.3px;
  text-shadow: 0 2px 2px var(--teal);
  font-family: var(--lilita-one-rus-26-regular-family);
  font-size: var(--lilita-one-rus-26-regular-size);
  font-weight: 900;
  line-height: var(--lilita-one-rus-26-regular-line-height);
}
.flex-wrapper-one-clan-my-link {
  margin-bottom: 4px;
  padding: 0 0 0 8px;
  display: flex;
  align-items: flex-start;
  width: 100%;
}
.invite-link-text {
  width: 100%;
  height: 70.23%;
  color: var(--deep-sky-blue);
  margin-top: 8.9px;
  /*margin-right: 121.63px;*/
  opacity: 0.5;
  font-family: var(--sf-pro-display-18-medium-family);
  font-size: var(--sf-pro-display-18-medium-size);
  font-weight: var(--sf-pro-display-18-medium-weight);
  line-height: var(--sf-pro-display-18-medium-line-height);
}
.invite-link-copy {
  width: 21.75px;
  height: 27.47px;
}
.invite-link-line {
  width: 97.83%;
  margin-left: 8px;
}
/*.rectangle-108 {
  width: 331px;
  height: 32.96px;
  position: absolute;
  left: -22px;
  bottom: -78.96px;
}
.rectangle-109 {
  width: 231px;
  height: 23px;
  position: absolute;
  left: 0;
  bottom: -42px;
}*/



/* switch toggle */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  margin-left: 5px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #10d413;
}

input:focus + .slider {
  box-shadow: 0 0 1px #10d413;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}