:root {
    --yellow: #f7c457;
    --darkyellow: #e2b349;
    --lightyellow: yellow;
    --boldgray: #1c1d21;
    --darkgray: #222328;
    --lightgray: #2d2e33;
    --gray: #9d9d9d;
    --textgray: #828282;
    --white: #fff;
    --darkbrown: #262321;
    --red: #ca5656;
    --aTime: all 0.2s ease-in-out;
    --content_width: 1280px;
    --content_height: auto;
    --none: none;
    --tboxH: 52px;
    --tboxW: 548px;
}
*{
    -webkit-transition: var(--aTime);
    transition: var(--aTime);
}
h1,
h2,
h3,
p,
span {
    padding: 0;
    margin: 0;
}
body {
    padding: 0;
    margin: 0;
    background-color: #16120f;
}
@keyframes dropdowns {
    from {
      bottom:25px;
    }
    to {
      bottom:15px;
    }
}
.discord-btn{
  width: 215px;
  height: 282px;
  background: none;
  background-image: url("../img/website_img/discord_btn.png");
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  position: fixed;
  z-index: 9999;
  bottom:45px;
  left:45px;
  animation-name: dropdown;
      animation-duration: 1s;
      animation-iteration-count: infinite;
      animation-direction: alternate;
}
.discord-btn:hover{
  background-image: url("../img/website_img/discord_btn_h.png");
  bottom:55px;
}
.discord-btn a{
  width:70%;
  border:none;
  margin-bottom:38px;
  padding-top:25px;
  padding-bottom: 10px;
  font-size:0px;
}

/* closebeta */

.close-beta-btn{
  width: 215px;
  height: 282px;
  background: none;
  background-image: url("../img/website_img/cbeta_btn.png");
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  position: fixed;
  z-index: 9999;
  top:45px;
  right:45px;
  animation-name: dropdown;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}.close-beta-btn::after{
  content: "";
  width:0;
  height:0;
  background-image: url("../img/website_img/cbeta_btn_h.png");
}
.close-beta-btn:hover{
  background-image: url("../img/website_img/cbeta_btn_h.png");
  top:55px;
}
.close-beta-btn a{
  width:70%;
  border:none;
  margin-bottom:38px;
  padding-top:25px;
  padding-bottom: 10px;
  font-size:0px;
}

.d2Vic2l0ZVJlc3BvbnNpdmVMb2Nr{
    position: fixed;
    width:100%;
    height:100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #16120f;
    display: none;
    opacity:0;
    z-index: 999999;
}.bG9ja2Vk{
    width:calc(100% - 10%);
    height:auto;
    color: #ae9d8d;
}
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-thumb {
    background: #ab8952;
}
::-webkit-scrollbar-track {
    background: #191614;
}
.website_brace {
    width: 100%;
    height: 7px;
    margin-top: -3px;
    padding: 0;
    background: transparent url("../img/website_img/website_brace.png") center center repeat-x;
    background-color: transparent;
}.delete-btn{
  width:auto;
  height:auto;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left:0.5rem;
  padding: 0.5rem;
  background: #a95151;
  text-decoration: none;
  border-radius: 0.4rem;
  color:white;
  font-size:12px;
}.delete-btn:hover{
  background: #7ca945;
}
.register_form--background {
    width: 100%;
    height: auto;
    background: url("../img/website_img/website_register_form_bg.jpg") bottom right no-repeat;
    background-color: var(--white);
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 0;
    margin: 0;
}
.register_form {
    width: var(--content_width);
    height: var(--content_height);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.register_form .form_title {
    padding: 0;
    margin: 0;
    border: none;
    outline: 0;
    text-align: center;
    width: 100%;
}
.register_form .form_title .title_top {
    padding: 48px 0 0;
    margin: 0;
    border: none;
    outline: 0;
    font-size: 56px;
    font-weight: 700;
    line-height: 40px;
    height: 55px;
    color: var(--darkbrown);
}
.register_form .form_title .title_bottom {
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    line-height: 15px;
    height: 83px;
    color: var(--darkbrown);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: url("../img/website_img/website_register_title_p_bg.png") center center no-repeat;
    background-color: var(--none);
}
.register_form .form_content {
    width: calc(100% - 86px - 86px);
}
.register_form .form_content .box_content {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.register_form .form_content .box_content.pad-add {
    padding-bottom: 33px;
}
.box_content .box_inside {
    width: auto;
    height: auto;
}
.box_content .box_inside .title_top {
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    height: auto;
    color: var(--darkbrown);
    padding-bottom: 16px;
    padding-left: 4px;
}
.box_content .box_inside .elements {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
.box_content .box_inside .elements .textbox {
    width: var(--tboxW);
    height: var(--tboxH);
    background: url("../img/website_img/website_register_text_n_bg.png") center center/100% 100% no-repeat;
    background-color: var(--none);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.box_content .box_inside .elements .codebox {
    width: 168px;
    height: var(--tboxH);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background: url("../img/website_img/website_register_text_code_num_bg.png") center center/100% 100% no-repeat;
    background-color: var(--none);
}
.box_content .box_inside .elements .codebox .locked {
    width: 168px;
    height: var(--tboxH);
    position: absolute;
    background: url("../img/website_img/website_register_text_code_num_locked.png") center center/100% 100% no-repeat;
    background-color: var(--none);
}
.box_content .box_inside .elements .textbox input {
    width: calc(var(--tboxW) - 26px - 26px);
    height: var(--tboxH);
    border: none;
    outline: 0;
    background: 0 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    color: var(--white);
}
.box_content .box_inside.verify .textbox {
    width: 378px;
}
.box_content .box_inside.verify .textbox input {
    width: calc(378px - 26px - 26px);
}
.box_content .box_inside.approval .textbox {
    width: 100%;
    height: var(--tboxH);
    background: 0 0;
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
}
.box_content .box_inside.approval .textbox #checkbox {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}
.box_content .box_inside.approval .textbox .custom-checkbox-label {
    vertical-align: middle;
    width: 40px;
    height: 40px;
    display: inline-block;
    position: relative;
    margin: 0;
    cursor: pointer;
    background: url("../img/website_img/website_approval_checkbox_bg.png") center center/100% 100% no-repeat;
    background-color: var(--none);
}
#checkbox:checked + .custom-checkbox-label,
#checkbox:checked + .custom-checkbox-label:before {
    background-image: url("../img/website_img/website_approval_checkbox_checked_bg.png");
}
.box_content .box_inside.approval .textbox .txt {
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    height: auto;
    color: var(--darkbrown);
    padding-left: 18px;
    letter-spacing: 1px;
}
.box_content .box_inside.approval .txt_bottom {
    font-size: 11px;
    font-weight: 400;
    line-height: 13px;
    height: auto;
    color: var(--darkbrown);
    padding-left: 59px;
}
.box_content .box_inside.approval .error {
    padding-left: 59px;
    padding-top: 10px;
}
.form_content .form_brace_min {
    width: 100%;
    height: 22px;
    background: url("../img/website_img/website_brace_min.png") center center no-repeat;
    background-color: var(--none);
}
.form_content .submit {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding-top: 33px;
    padding-bottom: 33px;
}
.form_content .submit_btn, .form_content .submit_btn.login {
    width: 332px;
    height: 82px;
    background: url("../img/website_img/website_submit_btn_n_bg.png") center center no-repeat;
    background-color: var(--none);
    border: none;
    outline: 0;
    cursor: pointer;
    margin: 0;
    padding: 0;
}.form_content .submit_btn.disabled{
opacity:1;
cursor: wait !important;
pointer-events: none;
background-image: url("../img/website_img/website_submitted_btn_s_bg.png");
hsl(0, 0%, 50%);
filter: saturate(0);
}
.form_content .submit_btn:hover {
    background-image: url("../img/website_img/website_submit_btn_h_bg.png");
}
.form_content .submit_btn:active {
    background-image: url("../img/website_img/website_submit_btn_s_bg.png");
}
.form_content .submit_btn.login{
    background-image: url("../img/website_img/website_login_btn_n_bg.png");
}
.form_content .submit_btn.login:hover {
    background-image: url("../img/website_img/website_login_btn_h_bg.png");
}
.form_content .submit_btn.login:active {
    background-image: url("../img/website_img/website_login_btn_s_bg.png");
}

.box_content .box_inside .error {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    height: auto;
    padding-bottom: 8px;
    padding-left: 4px;
    color: var(--red);
    width: auto;
    display: inline-block;
}
.box_content .box_inside.error .title_top {
    padding-left: 20px;
    background-image: url("../img/website_img/error_icon_information.png");
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position: 0 1px;
}
.box_content .box_inside.error .elements .textbox {
    background-image: url("../img/website_img/website_register_text_w_bg.png");
}
.__confirm_form,
.__register_form {
  
}
.__confirm_form .register_form .form_content .box_content .box_inside.approval {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.__confirm_form .box_content .box_inside.approval .elements .textbox {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: auto;
}
.__confirm_form .box_content .box_inside.approval .elements .textbox .txt {
    padding:0;
    letter-spacing: 1px;
    width:100%;
    height: auto;
    line-height: normal;
}
.__confirm_form .box_content .box_inside.approval .txt_bottom {
    font-size: 12px;
    line-height: 23px;
    padding-top: 1%;
    padding-left: 0;
    padding:0;
}
.__confirm_form .box_content .box_inside.approval .txt_bottom span{
  padding:1%;
  font-size:1.5rem;
  display:inline-block;
  height:15px;
  color:#9b865f;
}
.__confirm_form .box_content .box_inside.approval .title_top img{
  width:calc(100% - 50%);
}
.__confirm_form .box_content .box_inside.approval .title_top{
  height: auto;
  width:100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.__confirm_form .form_content .form_brace_min {
    margin-top: 2%;
    margin-bottom: 2%;
}

/*__footer*/
.website_footer{
  width:100%;
  height:auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: none;
  background-color: #16120f;
  overflow: hidden;
  background-image: url("../img/website_img/footer_light_bg_1.png");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
}.website_footer .__content_frame_outline{
  width:100%;
  height: 100%;
  background: red;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: none;
  background-color: none;
  background-image: url("../img/website_img/footer_light_bg_2.png");
  background-position: right bottom;
  background-repeat: no-repeat;
}.website_footer .footer_content{
  width:var(--content_width);
  height:auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}.website_footer .footer_content .footer_title{
  width: 100%;
  height: auto;
  font-size: 30px;
  line-height: 30px;
  padding-top:45px;
  padding-bottom: 45px;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  color: var(--white);
}.website_footer .footer_content .footer_social_links{
  width: 100%;
  height: 92px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}.website_footer .footer_content .footer_social_links .sc_link{
  width: 92px;
  height: 92px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-right:18px;
}.website_footer .footer_content .footer_social_links .sc_link:last-child{
  margin-right: 0;
}.website_footer .footer_content .footer_social_links .sc_link a{
  width: 72px;
  height: 72px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-image: url("../img/website_img/footer_social_icon_n.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  padding: 0;
  margin: 0;
}.website_footer .footer_content .footer_social_links .sc_link a:hover{
  width: 82px;
  height: 82px;
  background-image: url("../img/website_img/footer_social_icon_h.png");
}.website_footer .footer_content .footer_social_links .sc_link a img{
  width: 22px;
  height: 22px;
}.website_footer .footer_content .footer_social_links .sc_link a:hover > img{
  width: 28px;
  height: 28px;
}.website_footer .footer_content .footer_brace{
  width: calc(100% - 10%);
  height: 17px;
  background: none;
  background-image: url("../img/website_img/website_footer_brace.png");
  background-position: center center;
  background-repeat: no-repeat;
  padding-top: 25px;
  padding-bottom: 25px;
}.website_footer .footer_content .game_logo{
  width: 100%;
  height: 60px;
  background: none;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items:center;
}.website_footer .footer_content .game_logo img{
  width: auto;
  height:100%;
}.website_footer .footer_content .copyright_txt{
  width: auto;
  height:100%;
  width: 100%;
  height: auto;
  font-size: 13px;
  line-height: 18px;
  padding-top:28px;
  padding-bottom: 28px;
  font-weight: normal;
  text-align: center;
  color:#b4b3b2;

}.website_footer .footer_content .footer_min_brace{
  width: 100%;
  height: 17px;
  background: none;
  background-image: url("../img/website_img/website_brace_min_w.png");
  background-position: center center;
  background-repeat: no-repeat;
}.website_footer .footer_content .company_logo{
  width: 100%;
  height: auto;
  background: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items:center;
  padding-top: 25px;
  padding-bottom: 45px;
}.website_footer .footer_content .company_logo .comp_txt{
  padding-top: 15px;
  font-weight: normal;
  font-size: 12px;
  color: white;
  opacity:0.5;
  line-height: normal;
  font-family: roboto;
}.website_footer .footer_content .company_logo img{
  width: auto;
  height:100%;
}.website_footer .footer_content .clients_logo{
  width: 100%;
  height:70px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.website_footer .footer_content .clients_logo img{
  opacity: 0.6;
}.website_footer .footer_content .clients_logo img:hover{
  opacity: 1;
}.website_footer .footer_content .clients_logo .cl_link{
  width: 156px;
  height: 70px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-right:18px;
}.website_footer .footer_content .footer_social_links .cl_link:last-child{
  margin-right: 0;
}
.website_footer .footer_anchor{
  width: 100%;
  height:99px;
  background: none;
  background-image: url("../img/website_img/footer_anchor_bg.png");
  background-position:bottom center;
  background-repeat: repeat-x;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}.website_footer .footer_anchor .anchor_btn{
  width: 144px;
  height:28px;
  background: none;
  background-image: url("../img/website_img/footer_anchor_n.png");
  background-repeat: no-repeat;
  cursor:pointer;

}.website_footer .footer_anchor .anchor_btn:hover{
  background-image: url("../img/website_img/footer_anchor_h.png");
}.website_footer .footer_anchor .anchor_btn:active{
  background-image: url("../img/website_img/footer_anchor_s.png");
}


@media only screen and (max-width: 1280px) {

  .discord-btn{
    width: calc(215px - 110px);
    height: calc(282px - 125px);
    background-size: contain;
    background-repeat: no-repeat;
  }
  .close-beta-btn{
    width: calc(215px - 110px);
    height: calc(282px - 125px);
    background-size: contain;
    background-repeat: no-repeat;
  }

  .website_footer .footer_content{
  width:100%;
  }.website_footer .footer_content .footer_title{

  }.website_footer .footer_content .copyright_txt{
    width: calc(100% - 10%);
  }

  .website_footer .footer_content .clients_logo{
    width: calc(100% - 10%);
    height:100%;
    display: inline-grid;
    grid-template-rows: 70px;
    grid-template-columns: 25% 25% 25% 25%;
    grid-gap: 3px;
    margin: 0;
    padding: 0;
    justify-items: center;
    align-items: center;
  }
    .register_form {
        width: 100%;
    }
    .register_form .form_title {
        width: calc(100% - 10%);
        height: auto;
        padding: 0;
        margin: 0;
    }
    .register_form .form_title .title_top {
        font-size: 350%;
        line-height: 105%;
        height: auto;
        padding-top: 5%;
    }
    .register_form .form_content {
        width: calc(100% - 10%);
    }
    .register_form .form_content .box_content {
        width: 100%;
        flex-direction: column;
        justify-content: center;
        align-items: top;
        padding-bottom: 0;
        margin-bottom: 1%;
    }
    .register_form .form_content .box_content.pad-add {
        padding-bottom: 0;
    }
    .register_form .form_content .box_content .box_inside.approval {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .box_content .box_inside.approval .elements .textbox {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
    .box_content .box_inside.approval .elements .textbox .txt {
        width: calc(90% - 10%);
        padding-left: 2%;
        letter-spacing: 1px;
    }
    .box_content .box_inside.approval .txt_bottom {
        width: calc(90% - 10%);
        font-size: 12px;
        line-height: 23px;
        padding-top: 1%;
        padding-left: 0;
    }
    .box_content .box_inside.approval .error {
        padding-left: 0;
        padding-top: 10px;
    }
    .box_content .box_inside {
        width: calc(100% - 10%);
        display: flex;
        flex-direction: column;
        align-items: left;
    }
    .box_content .box_inside .elements {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: left;
        width: auto;
        height: auto;
    }
    .box_content .box_inside .elements .textbox {
        width: 100%;
        height: var(--tboxH);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        overflow: hidden;
    }
    .box_content .box_inside .elements .textbox input {
        width: calc(100% - 15%);
        margin-left: 5%;
    }
    .form_content .submit {
        padding-top: 1%;
        padding-bottom: 4%;
    }
    .form_content .submit_btn {
        background-size: 100% 100%;
    }
    .box_content .box_inside.verify .elements {
        justify-content: space-between;
        align-items: start;
    }
    .box_content .box_inside.verify .textbox {
        width: calc(100% - 168px);
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        overflow: hidden;
    }
    .box_content .box_inside.verify .textbox input {
        width: calc(80% - 15%);
        margin-left: 6%;
    }
    .__confirm_form{

    }
    .__confirm_form .register_form .form_content .box_content .box_inside.approval {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0;
        margin: 0;
        height:auto;
        padding-bottom: 2%;
    }
    .__confirm_form .box_content .box_inside.approval .elements .textbox {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        height: auto;
    }
    .__confirm_form .box_content .box_inside.approval .elements .textbox .txt {
        padding:0;
        letter-spacing: 1px;
        width:100%;
        height: auto;
        line-height: normal;
        text-align: center;
    }
    .__confirm_form .box_content .box_inside.approval .txt_bottom {
        font-size: 12px;
        line-height: 16px;
        padding-top: 1%;
        padding-left: 0;
        text-align: center;
        color:#9b865f;
    }

}

@media only screen and (max-width: 735px) {
  .website_footer .footer_content .footer_social_links{
    width: calc(100% - 10%);
    height:auto;
    /*display: inline-grid;
    grid-template-rows: 50% 50%;
    grid-template-columns: 100px 100px 100px;
    grid-gap: 3px;
    margin: 0;
    padding: 0;
    justify-items: center;
    align-items: center;
    place-items: center;*/
  }
  .website_footer .footer_content .footer_social_links .sc_link{
    margin:0;
    padding: 0;
  }

   .website_footer .footer_content .clients_logo{
      width: calc(100% - 10%);
      height:100%;
      display: inline-grid;
      grid-template-rows: 70px 120px 70px;
      grid-template-columns: 50% 50%;
      grid-gap: 3px;
      margin: 0;
      padding: 0;
      justify-items: center;
      align-items: center;
      place-items: center;
    }
  .website_footer .footer_content .footer_title{
    padding:25px 0 25px 0;
  }
  .website_footer .footer_content .game_logo{
    width: calc(100% - 10%);
    height: auto;

    margin: 0 auto;
    text-align: center;
  }.website_footer .footer_content .game_logo img{
    width: calc(100% - 30%);
    margin:0 auto;
  }
  .website_footer .footer_content .footer_min_brace{
    width: calc(100% - 20%);
  }
}

@media only screen and (max-width: 400px) {
  .website_footer .footer_content .footer_social_links{
    width: calc(100% - 10%);
    height:auto;

  }
  .website_footer .footer_content .footer_social_links .sc_link{
    margin:0;
    padding: 0;
  }

     .register_form .form_title .title_top {
        font-size: 200%;
    }
    .website_footer .footer_content .clients_logo .cl_link{
      width: 116px;
      height: auto;
      margin: 0 auto;

    }
    .website_footer .footer_content .clients_logo .cl_link img{
      width: 100%;
    }
}
@media only screen and (max-width: 300px) {
  .d2Vic2l0ZVJlc3BvbnNpdmVMb2Nr{
      display: block;
      opacity:1;
      position: fixed;
      width:100%;
      height:100%;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          background-color: #16120f;
  }
}