body {
    margin: 0px;
    background-color: #000;
}

.logo {
    width: 450px;
    height: 100px;
    margin-left: 50px;
    margin-top: -6px;
    background: url(img/logogm.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.buysolo {
    background-image: url(img/buysolo.png);
    height: 28px;
    width: 150px;
	float: left;
	margin-left: 114px;
}
.buyall {
    background-image: url(img/buyall.png);
    height: 20px;
    width: 108px;
    float: left;
    background-size: contain;
        margin-left: 149px;
}
.onnowb {
    background-image: url(img/shopoff.png);
}
.header {
    position: absolute;
    width: 100%;
    height: 85px;
    z-index: 103;
    box-shadow: 0 0 10px 0px #f9f1a8;
    border-style: solid;
    border-color: #f9f1a8;
    border-width: 0px 0px 1px 0px;
    background: radial-gradient(736px circle at top center, rgb(27 26 26) 50%, rgb(2 2 2));
}
a.admin {
    text-decoration: none;
    color: #d40808;
    font-size: 25px;
    font-weight: 600;
    position: absolute;
    margin-top: -41px;
    margin-left: 90px;
}
.adminlink2 {
    position: absolute;
    width: 1020px;
    margin-top: 34px;
}
.adminlink {
    float: right;
    margin-top: 5px;
    margin-right: 23px;
}
.shopit {
    width: 38px;
    height: 30px;
    position: absolute;
    background-image: url(img/shopon.png);
    margin-top: 15px;
    margin-left: 437px;
    z-index: 5;
	cursor: pointer;
}
.needsub {
    position: absolute;
    color: #2196f3;
    font-size: 20px;
    font-weight: 800;
    margin-top: 38px;
    margin-left: 279px;
}
.adminlinks {
    width: 1030px;
    float: left;
    margin-top: 10px;
}
input#sub {
    width: 18px;
    height: 18px;
}
a.alinks {
    text-decoration: none;
    color: #ff9800;
    font-size: 20px;
}
.sub {
    color: #fff;
    font-size: 21px;
    position: absolute;
    margin-top: 15px;
    margin-left: 15px;
    text-shadow: 0 0 2px black, 0 0 6px #03a9f4, 0 0 5px black, 0 0 11px #2196f3;
	z-index: 10;
}
.onnow {
    height: 84px !important;
}
.logout {
    background-image: url(img/logout.png);
    width: 93px;
    height: 28px;
    float: right;
    margin-left: 10px;
    background-size: contain;
    cursor: pointer;
}
.buyfin {
    width: 80px;
    height: 80px;
    position: absolute;
    background-image: url(img/money.png);
    background-size: contain;
    margin-left: 210px;
	-webkit-animation: slit-in-vertical 2.45s ease-out both;
	        animation: slit-in-vertical 2.45s ease-out both;
}
.itemtext {
    position: absolute;
    color: #a59861;
    font-size: 18px;
    width: 280px;
    margin-top: 64px;
    margin-left: 187px;
    text-align: right;
    text-shadow: 0 0 1px #edda8b;
}
.tokens2 {
    position: absolute;
    text-align: right;
    width: 250px;
    color: #b09c51;
    font-family: Georgia;
    font-weight: bold;
    font-size: 38px;
    margin-top: 135px;
    margin-left: 168px;
    text-shadow: 0 0 2px #edda8b, 1px 1px 1px #ffffff;
}
.item {
    margin-left: 25px;
    width: 500px;
    height: 208px;
    background-image: url(img/itemlay.png);
    float: left;
}
.pic2 {
    position: absolute;
}
.pic2 img {
    width: 140px;
    height: 140px;
    margin-top: 45.7px;
    margin-left: 28px;
}
.command2 {
    position: absolute;
    text-align: right;
    width: 360px;
    color: #f7f7f7;
    font-family: Georgia;
    font-weight: bold;
    font-size: 26px;
    margin-top: 11px;
    margin-left: 61px;
    text-shadow: 0 0 2px #000000, 1px 1px 1px #000000, -3px 0px 6px #000000, 2px 0px 2px #000000;
}
.submitbutton {
    margin-top: 29px;
    position: absolute;
    margin-left: 31px;
	cursor: pointer;
}
textarea#text2ar {
    width: 681px;
    background-color: transparent;
    color: #ffffff;
    font-size: 17px;
    text-align: center;
    text-shadow: 0 0 1px #edda8b;
}
.submitbutton2 {
    position: absolute;
    margin-top: -65px;
    margin-left: 870px;
}
input.hidden {
    visibility: hidden;
    height: 0;
    opacity: 0;
	position:absolute;
}
.delitem2 {
    background-color: transparent;
    color: #970000;
    font-size: 30px;
    font-weight: 700;
    border: none;
    cursor: pointer;
    margin-left: 9px;
	position:absolute;
	width: 158px;
}
input[type="submit"] {
    background-color: transparent;
    color: #009703;
    font-size: 40px;
    font-weight: 700;
    border: none;
	cursor: pointer;
	position: absolute;
	margin-top: 30px;
	margin-left: 13px;
}
.delitem {
    background-color: transparent;
    color: #970000;
    font-size: 30px;
    font-weight: 700;
    border: none;
    cursor: pointer;
    margin-left: 9px;
	position: absolute;
	width: 115px;
}
input#position {

    color: #000000;
    font-size: 21px;
    text-shadow: 0 0 1px #edda8b;
        width: 45px;
    margin-right: 7px;
    margin-top: 149px;
    margin-left: 10px;
}
.platznr {
    position: absolute;
    margin-left: 20px;
    color: #fff;
    font-size: 23px;

}
input#tokenso {
    text-align: right;
    color: #b09c51;
    font-family: Georgia;
    font-weight: bold;
    font-size: 38px;
    text-shadow: 0 0 2px #edda8b, 1px 1px 1px #ffffff;
    width: 184px;
    margin-top: -13px;
    background-color: transparent;
}
input#itemo {
    text-align: right;
    width: 250px;
    color: #f7f7f7;
    font-family: Georgia;
    font-weight: bold;
    font-size: 24px;
    text-shadow: 0 0 2px #000000, 1px 1px 1px #000000, -3px 0px 6px #000000, 2px 0px 2px #000000;
    background-color: transparent;
}
textarea#text {
    width: 271px;
    background-color: transparent;
    color: #a59861;
    font-size: 15px;
    text-align: right;
    text-shadow: 0 0 1px #edda8b;
}
input#fileg {
    position: absolute;
    color: #fff;
    margin-top: 125px;
}
.buyforme:hover {
  color: #000;
  text-shadow: 0 0 3px white, 0 0 3px white;
  transition: all 0.5s ease;
  font-weight: bold;
}
.buyforme {
  transition: all 0.5s ease;
  cursor: pointer
}

.buyoption {
    position: absolute;
    width: 291px;
    height: 0px;
	transition: all 0.5s ease;
    background-color: #000000b5;
    margin: 25px 33px;
    z-index: 2;
    overflow: hidden;
}
.shoponb {
    width: 38px;
    height: 30px;
    position: absolute;
    background-image: url(img/shopon.png);
    margin-top: 27px;
    margin-left: 287px;
	    z-index: 5;
}
.solo {
    width: 180px;
    height: 25px;
    background-image: url(img/buysolo.png);
    margin-top: 2px;
    margin-left: 4px;
    font-size: 19px;
    text-shadow: 0 0 3px black, 0 0 3px black;
    color: #fff;
    float: left;
	position:absolute;
}
.all {
    width: 80px;
    height: 23px;
    background-image: url(img/buyall.png);
    margin-top: 56px;
    margin-left: 8px;
    font-size: 19px;
    padding-top: 2px;
    text-shadow: 0 0 3px black, 0 0 3px black;
    color: #fff;
    float: left;
}
.seat {
    width: 25px;
    height: 25px;
    color: #fff;
    background-image: url(img/seat.png);
    margin-left: 4px;
    font-size: 23px;
    text-shadow: 0 0 3px black, 0 0 3px black;
    margin-top: 56px;
    float: left;
}
.textbuy {
    color: #fff;
    position: absolute;
    margin-top: 32px;
    font-size: 21px;
    margin-left: 4px;
}
.username {
    font-family: 'Poppins', sans-serif;
    /* position: absolute; */
    top: 45px;
    background-color: #202020;
    border-radius: 0px 20px 20px 0px;
    height: 30px;
    line-height: 30px;
    text-align: right;
    font-size: 21px;
    color: #bebbbb;
    padding: 0px 15px 0px 45px;
    left: 76px;
    z-index: 100;
    float: left;
}
.login2 {
   
    background-image: url(img/login.png);
    width: 280px;
    height: 40px;
    margin-top: 53px;
    /* float: right; */
    margin-left: 350px;

}
.username2 {
    /* float: right; */
    font-size: 25px;
    color: #fff;
    margin-top: 10px;
    position: absolute;
    width: 1030px;
}
.shopbutton {
    width: 229px;
    height: 70px;
	margin-top: 50px;
    background-image: url(img/badgets.png);
    float: left;
    margin-left: 400px;

}
.overlaybutton {
    width: 250px;
    height: 70px;
    float: left;
    margin-left: 389px;
    background-image: url(img/overlay.png);
}
button {
    appearance: auto;
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: -internal-light-dark(black, white);
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: center;
    align-items: flex-start;
    cursor: default;
    background-color: transparent;
    box-sizing: border-box;
    margin: 0em;
    font: 400 13.3333px Arial;
    padding: 0px;
    border-width: 0px;
    border-style: outset;
    border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
    border-image: initial;
}
.login-container {
    position: absolute;
    font-family: 'Poppins', sans-serif;
    font-size: 33px;
    text-shadow: -1px 0px 6px #404040, 1px 1px 9px #5b6060d6;
    margin-top: 9px;
    z-index: 10;
    color: #b7b3b3;
    width: 280px;
    margin-left: 197px;
    right: 13px;
}

.break3 {
    width: 1030px;
    height: 210px;
    float: left;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 17px;
    background-color: #000000a8;
    margin-left: 25px;
    margin-right: 25px;
}

.login2 {
    /* background-image: url(img/login.png); */
    /* width: 280px; */
    /* height: 40px; */
    /* margin-top: -17px; */
    background: radial-gradient(40px circle at top center, rgb(50 50 50) 30%, rgb(0 0 0 / 0%));
}
.main {
    width: 1270px;
    background-image: url(img/rpback.jpg);
    margin: auto;
    box-shadow: 0 0 10px 0px #f9f1a8;
    border-style: solid;
    border-color: #f9f1a8;
    border-width: 1px;
    text-align: center;
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
}

.container {
    text-align: center;
     
    /* Inhalt vertikal mittig platzieren */
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    /* height: 100%; */
}

.bbuy {background-image: linear-gradient(to bottom, #0c0c0ced, #1e1e1ecf, #000000b8);width: 163px;box-shadow: 0 0 5px 0px #707172;border-radius: 10px 10px 0px 60px;height: 159px;position: relative;float: left;margin-right: 0px;font-family: 'Kanit', sans-serif;font-weight: 500;margin-top: 20px;overflow: hidden;margin-bottom: 10px;margin-left: 25px;transition: opacity 0.5s;}

.conwrap {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    /* display: grid; */
    /* overflow: hidden; */
    position: relative;
}

.pic {
    position: absolute;
    margin-top: 30px;
    margin-left: 75px;
}

.pic img {
    width: 65px;
    height: 65px;
}

.command {position: absolute;padding-left: 10px;border-radius: 10px 10px 0px 0px;font-size: 19px;margin-top: 0px;width: 300px;background-color: #56565629;text-align: left;color: #ffffff;text-shadow: 2px 2px 10px black;font-weight: 100;}

.tokens {
    position: absolute;
    text-align: right;
    width: 250px;
    color: #b09c51;
    font-family: Georgia;
    font-weight: bold;
    font-size: 32px;
    margin-top: 70px;
    margin-left: 35px;
}

.break {
    width: 1080px;
    height: 110px;
    background-image: url(img/break.png);
    float: left;
    background-repeat: no-repeat;
    background-position: center;
}

.titel {
    position: absolute;
    color: #dedfdf;
    font-family: Georgia;
    font-weight: bold;
    font-size: 38px;
    text-align: center;
    width: 1080px;
    margin-top: 34px;
}

.break2 {
   width: 963px;
   height: 93px;
   background-image: url(img/break.png);
   float: left;
   background-repeat: no-repeat;
   background-position: center;
   font-size: 17px;
   padding-left: 0px;
   color: #fff;
   padding-right: 100px;
   margin-left: auto;
   /* background-size: contain; */
}

.titel2 {
    position: absolute;
    color: #dedfdf;
    font-family: Georgia;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    width: 970px;
    margin-top: 24px;
    margin-left: 52px;
}

span {
    color: #cc9f41;
}


@-webkit-keyframes slit-in-vertical {
  0% {
    -webkit-transform: translateZ(-800px) rotateY(90deg);
            transform: translateZ(-800px) rotateY(90deg);
    opacity: 0;
  }
  10% {
    -webkit-transform: translateZ(-160px) rotateY(87deg);
            transform: translateZ(-160px) rotateY(87deg);
    opacity: 1;
  }
  15% {
    -webkit-transform: translateZ(0) rotateY(0);
            transform: translateZ(0) rotateY(0);
  }
  80% {
    -webkit-transform: translateZ(0) rotateY(0);
            transform: translateZ(0) rotateY(0);
  }
  85% {
    -webkit-transform: translateZ(0) rotateY(0);
            transform: translateZ(0) rotateY(0);
    opacity: 1;
  }
  90% {
    -webkit-transform: translateZ(-160px) rotateY(87deg);
            transform: translateZ(-160px) rotateY(87deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(-800px) rotateY(90deg);
            transform: translateZ(-800px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes slit-in-vertical {
   0% {
    -webkit-transform: translateZ(-800px) rotateY(90deg);
            transform: translateZ(-800px) rotateY(90deg);
    opacity: 0;
  }
  5% {
    -webkit-transform: translateZ(-160px) rotateY(87deg);
            transform: translateZ(-160px) rotateY(87deg);
    opacity: 1;
  }
  15% {
    -webkit-transform: translateZ(0) rotateY(0);
            transform: translateZ(0) rotateY(0);
  }
  80% {
    -webkit-transform: translateZ(0) rotateY(0);
            transform: translateZ(0) rotateY(0);
  }
  85% {
    -webkit-transform: translateZ(0) rotateY(0);
            transform: translateZ(0) rotateY(0);
    opacity: 1;
  }
  90% {
    -webkit-transform: translateZ(-160px) rotateY(87deg);
            transform: translateZ(-160px) rotateY(87deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(-800px) rotateY(90deg);
            transform: translateZ(-800px) rotateY(90deg);
    opacity: 0;
  }
}
.picname {
    color: #e3ad13;
    width: 138px;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    margin-top: 105px;
    text-align: left;
    margin-left: 31px;
    height: 20px;
    white-space: nowrap;
}
span.red {
    color: #ed0000;
}
.buyid {
	position: absolute;
    font-size: 20px;
    color: #9e9e9e;
    font-weight: bold;
    text-align: left;
    margin-left: 739px;
    margin-top: 44px;
}
.costbuy {
        position: absolute;
    font-size: 26px;
    color: #fff;
    font-weight: bold;
    text-align: left;
    margin-left: 797px;
    margin-top: 19px;
}
.buyitemname {
        position: absolute;
    font-size: 35px;
    color: #a86604;
    font-weight: bold;
    text-align: center;
    margin-left: 350px;
    margin-top: 22px;
    width: 400px;
}
.notdone {
    position: absolute;
    width: 60px;
    height: 60px;
    background-size: contain;
    background-image: url(img/nodone.png);
    margin-left: 990px;
    margin-top: 12px;
}
.waiting {
    position: absolute;
    width: 60px;
    height: 60px;
    background-size: contain;
    background-image: url(img/wait.png);
    margin-left: 990px;
    margin-top: 12px;
}
.done {
    position: absolute;
    width: 60px;
    height: 60px;
    background-size: contain;
    background-image: url(img/done.png);
    margin-left: 990px;
    margin-top: 12px;
}
.userbuy {
    position: absolute;
    font-size: 38px;
    color: #fff;
    font-weight: bold;
    text-align: left;
    margin-left: 40px;
    margin-top: 18px;
}
.deletered {
    position: absolute;
    background-image: url(img/delet.png);
    width: 35px;
    height: 35px;
    background-size: contain;
    margin-left: 4px;
    margin-top: 5px;
	cursor:pointer;
}
.okhandler {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: #000;
    z-index: 10;
    color: #09680d;
    text-align: center;
    font-size: 60px;
    padding-top: 500px;
    font-weight: bold;
    cursor: no-drop;
	visibility: hidden;
	
}
.noon {
	visibility: visible;
	transition: visibility 1s ease;
	 
}

.userpic {
    position: absolute;
    width: 56px;
    height: 56px;
    margin-left: 83px;
    margin-top: 2px;
    background-size: contain;
    clip-path: circle(50% at 50% 50%);
    /* z-index: 2; */
    background-color: #000;
}

.UsernameList {
    position: absolute;
    text-align: left;
    width: 250px;
    color: #e7e7e7;
    font-family: Georgia;
    font-weight: bold;
    font-size: 26px;
    margin-top: 5px;
    margin-left: 163px;
    text-shadow: 0 0 2px #0e0e0e, 1px 1px 3px #000000, 1px 1px 3px #000000, -2px -2px 4px #000000;
}

.TokensList {
    text-align: left;
    color: #b09c51;
    font-family: serif;
    font-weight: bold;
    font-size: 21px;
    margin-top: 36px;
    margin-left: 165px;
    /* text-shadow: 0 0 2px #0e0e0e, 1px 1px 1px #f3f3f3; */
    float: left;
}

.platz {
    position: absolute;
    width: 60px;
    color: #b09c51;
    font-family: Georgia;
    font-weight: bold;
    text-align: center;
    font-size: 40px;
    margin-top: 5px;
    margin-left: 17px;
    text-shadow: 0 0 2px #0e0e0e, 1px 1px 1px #000000;
}

.milotoken {
    width: 38px;
    height: 38px;
    background-image: url(img/milo.png);
    background-size: contain;
    margin-left: 994px;
    margin-top: 14px;
}

.break4 {
    width: 1070px;
    height: 60px;
    /* background-image: url(img/break.png); */
    float: left;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 17px;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    background-size: cover;
    background-color: #1b1b1bc2;
    margin-top: 16px;
    box-shadow: 0px 0px 7px 4px black;
    border-style: solid;
    border-color: #b09c5138;
    border-width: 1px;
}

.conwrap2 {
    padding-top: 158px;
    margin-left: auto;
    margin-right: auto;
    width: 1270px;
    text-align: center;
    min-height: 1300px;
    padding-bottom: 70px;
}

.WalletList {
    position: absolute;
    text-align: right;
    width: 250px;
    color: #f8ba0b;
    font-family: Georgia;
    font-weight: bold;
    font-size: 35px;
    margin-top: 10px;
    margin-left: 738px;
    /* text-shadow: 0 0 2px #0e0e0e, 1px 1px 1px #f3f3f3; */
}

.PlayList {
    position: absolute;
    text-align: left;
    width: 250px;
    color: #b09c51;
    font-family: Georgia;
    font-weight: bold;
    font-size: 16px;
    margin-top: 35px;
    margin-left: 443px;
    /* text-shadow: 0 0 2px #0e0e0e, 1px 1px 3px #000000, 1px 1px 3px #000000, -2px -2px 4px #000000; */
}

.PlayListn {
    position: absolute;
    text-align: left;
    width: 250px;
    color: #d0d0d0;
    font-family: Georgia;
    font-weight: bold;
    font-size: 20px;
    margin-top: 33px;
    margin-left: 510px;
    font-family: serif;
}

.walletListn {position: absolute;}

.TokensList:after {
    /* width: 35px; */
    /* height: 35px; */
    background-image: url(img/milo.png);
    /* background-size: contain; */
    /* margin-left: 786px; */
    /* margin-top: 19px; */
    content: none;
}

.WalletList:before {
}

.TokensList:before {
    content: "Wallet:";
    color: #989898;
    font-family: Georgia;
    font-weight: bold;
    font-size: 16px;
    margin-right: 5px;
}

.Tokensico {
    width: 23px;
    height: 23px;
    background-image: url(img/milo.png);
    background-size: contain;
    float: left;
    margin-top: 36px;
    margin-left: 5px;
}

.menuup {float: left;margin-left: 0px;color: #b09c51;font-family: Georgia;/* font-weight: bold; */font-size: 23px;padding: 15px 10px 6px 10px;background: radial-gradient(40px circle at top center, rgb(50 50 50) 30%, rgb(0 0 0 / 0%));border-color: #525252;border-style: solid;border-width: 0px 1px 0px 0px;font-family: 'Poppins', sans-serif;font-size: 19px;/* display: block; */}

.topmenu {
    position: absolute;
    z-index: 101;
    margin-top: 75px;
    margin-left: 0px;
    margin-right: auto;
    height: 50px;
    background: radial-gradient(680px circle at top center, rgb(24 24 24) 30%, rgb(0 0 0));
    box-shadow: 0 0 5px 0px #f9f1a875;
    border-color: #bd2020;
    width: 1270px;
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.breakeit {
    display: inline-block;
    margin: 4px 12px 0px 12px;
    height: 18px;
    border-left: 3.8px solid #ffffff;
    float: left;
}

a {
    color: #fff4e6;
    text-decoration: none;
}

.off a {
    color: #2b2b2b;
}

.offl {
    opacity: 40%;
}

.PlayList.win {
    margin-top: 11px;
    margin-left: 463px;
}

.PlayListn.win2 {margin-top: 8px;}

.PlayList.lose {
    margin-left: 660px;
    margin-top: 11px;
}

.PlayListn.lose2 {
    margin-left: 707px;
    margin-top: 8px;
}

.PlayList.push {
    margin-left: 550px;
    margin-top: 11px;
}

.PlayListn.push2 {
    margin-left: 600px;
    margin-top: 8px;
}

.PlayList.blackj {
    margin-left: 570px;
}

.PlayListn.blackj2 {
    margin-left: 600px;
}

.Sidets {
    position: absolute;
    margin-top: 144px;
    font-family: 'Poppins', sans-serif;
    margin-left: 0px;
}

.pcc {
    margin-top: -8px;
    width: 20px;
    overflow: hidden;
    margin-left: 108px;
}

.sideset {
    background-image: linear-gradient(to bottom, #000000, #121111, #191919, #0c0c0c, #000000);
    height: 20px;
    text-align: left;
    line-height: 21px;
    font-weight: 500;
    margin-top: 17px;
    padding-left: 36px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    border-radius: 5px;
    padding-right: 8px;
    color: #a9a6a6;
}

.sideon {
    width: 100%;
    margin-left: 0px;
}

.Sidechip {
    width: 36px;
    height: 29px;
    background-size: contain;
    font-size: 16px;
    font-weight: 900;
    padding-bottom: 5px;
    background-position: bottom;
    background-repeat: no-repeat;
    position: absolute;
    margin-top: -21.5px;
    margin-left: -7px;
    white-space: nowrap;
    line-height: 22px;
    color: #c2ac66;
    padding-left: 12px;
    letter-spacing: 1.4px;
}

.currencycase {
    position: absolute;
    margin-top: 247px;
    z-index: 7;
    margin-left: 50px;
    width: 140px;
    background: radial-gradient(90px circle at top center, rgb(27 26 26) 30%, rgb(0 0 0));
    height: 46px;
    min-width: 140px;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    padding-left: 11px;
    padding-right: 8px;
    border-radius: 11px;
    line-height: 28px;
    text-shadow: 2px 3px 2px #010101, -2px -2px 0px #00000082;
    text-align: center;
    font-weight: 900;
    box-shadow: 0 0 3px 0px #ffffff24;
}

.curbg {
    height: 50px;
    min-width: 140px;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    padding-right: 8px;
    border-radius: 11px;
    line-height: 26px;
    text-shadow: 2px 3px 2px #010101, -2px -2px 0px #00000082;
    text-align: center;
    font-weight: 900;
    color: #b0aeae;
}

.charmain {
    margin: 40px 0px 10px 0px;
    background-color: #000000c4;
    padding: 10px 70px 10px 70px;
    color: #c9c9c9;
    font-family: 'Maven Pro', sans-serif;
    min-height: 410px;
    /* box-shadow: 0 0 10px 0px #f9f1a8; */
    border-style: solid;
    border-color: #f9f1a8;
    border-width: 1px 0px 1px 0px;
}

.subslv {
    position: absolute;
    bottom: 7px;
    z-index: 100;
    right: 28px;
    min-width: 71px;
    background: radial-gradient(50px circle at top center, rgb(96 96 96) 30%, rgb(0 0 0));
    height: 36px;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    padding-left: 16px;
    padding-right: 16px;
    border-radius: 11px;
    line-height: 55px;
    text-shadow: 2px 3px 2px #010101, -2px -2px 0px #00000082;
    text-align: center;
    box-shadow: 0 0 3px 0px #ffffff24;
    -webkit-animation: slide-in-elliptic-top-fwd 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in-elliptic-top-fwd 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.sub4 {
    background: radial-gradient(50px circle at top center, rgb(143 36 166) 50%, rgb(0 0 0));
    box-shadow: 0px -14px 20px 20px #ce00ff59;
}

.betcase {
    position: absolute;
    margin-top: 126px;
    z-index: 7;
    margin-left: 122px;
    opacity: 1;
    transition: opacity 0.6s;
}

.betchip {
    width: 75px;
    height: 39px;
    background-size: contain;
    background-image: url(img/bet.png);
    position: absolute;
    margin-top: 2px;
    -webkit-animation: flip-in-diag-2-br 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: flip-in-diag-2-br 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    z-index: 2;
    background-repeat: no-repeat;
    color: #fff20b;
}

.pushrest {
    float: left;
    line-height: 0px;
    text-align: left;
    width: 100px;
    font-size: 17px;
    margin-left: 49px;
    margin-top: -2px;
    color: #ada84a;
}

.betbg {
    background: radial-gradient(90px circle at top center, rgb(27 26 26) 30%, rgb(0 0 0));
    height: 27px;
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    padding-left: 29px;
    padding-right: 8px;
    border-radius: 5px;
    line-height: 27px;
    margin-left: 34px;
    min-width: 50px;
    margin-top: 11px;
    text-shadow: 2px 3px 2px #010101, -2px -2px 0px #00000082;
    font-weight: 600;
    -webkit-animation: slide-in-bl 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in-bl 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    letter-spacing: 1px;
}

span.nk {
    margin-left: 2px;
    font-weight: 600;
    color: #c9c9c9;
}

.avatarcase {
    position: absolute;
    left: 5px;
    top: 6px;
    transform: scale(0.85);
    z-index: 101;
}

.avatarbg {
    position: absolute;
    width: 108px;
    height: 108px;
    background-color: #181818;
    clip-path: circle(50% at 50% 50%);
    z-index: 3;
    top: -15px;
    left: 5px;
}

.avatarfr6 {
    position: absolute;
    z-index: 5;
    left: -15px;
    top: -60px;
}

.avatar {
    width: 105px;
    height: 105px;
    position: absolute;
    z-index: 4;
    background-image: url(img/leer2.jpg);
    background-size: contain;
    clip-path: circle(50% at 50% 50%);
    top: -15px;
    left: 5px;
}

.pleases {
    position: absolute;
    right: 0px;
    top: -17px;
    overflow: hidden;
    height: 23px;
    width: 180px;
}

.plimg {
    width: 53px;
    height: 53px;
    border-radius: 10px;
    line-height: 35px;
    padding-right: 15px;
    font-size: 21px;
    text-align: center;
    -webkit-animation: bounce-in-right 1.1s both;
    animation: bounce-in-right 1.1s both;
    z-index: 20;
    position: absolute;
    left: -30px;
    top: -14px;
}

.namestyle {
    position: absolute;
    color: #d6d6d6;
    margin-top: 267px;
    font-size: 16px;
    text-align: center;
    width: 100%;
    width: 151px;
    font-family: 'Poppins', sans-serif;
    text-shadow: 2px 3px 2px #010101, 0 0 5px #95959582;
    margin-left: 55px;
    z-index: 10;
    text-overflow: ellipsis;
    overflow: hidden;
}

.player {
    margin-top: -109px;
    margin-left: 20px;
}

.exp {
    height: 140px;
    overflow: hidden;
    width: 1020px;
    padding: 25px 20px 10px 20px;
    margin-top: 20px;
}

.expleiste {
    background-image: url(img/linebg.jpg);
    height: 26px;
    margin-top: 40px;
    z-index: 3;
    width: 100%;
    position: absolute;
    box-shadow: 0 0 8px 2px #000000;
}

.exphave {
    width: 50px;
    height: 100%;
    background-image: url(img/line.jpg);
    float: left;
    position: relative;
}

.expthin {
    width: 2px;
    height: 30px;
    background-color: #ffffff;
    float: left;
    margin-top: -2px;
    box-shadow: 1px 0px 3px 1px #ffffff;
    position: relative;
}

.expbelohnung {
    width: 100%;
    /* background: #99959533; */
    height: 95px;
    position: inherit;
}

.gifbox {
    width: 100px;
    height: 166px;
    position: inherit;
    cursor: pointer;
    transition: transform 0.3s, width 0.4s, height 0.3s, margin 0.4s;
    margin-top: 12px;
    overflow: hidden;
    background-image: url(img/banner.png);
    background-size: contain;
    /* z-index: 0; */
}

.giftexp {
    height: 20px;
    text-align: center;
    font-size: 18px;
    position: absolute;
    line-height: 20px;
    width: 100%;
    font-weight: 500;
    margin-top: 31px;
    z-index: 3;
    text-shadow: 0 0 3px black;
    color: #c9c9c9;
}

.giftpic {
    position: absolute;
    z-index: 6;
    margin-top: 54px;
    padding: 2px;
    margin-left: 18px;
}

.giftpoint {
    /* width: 27px; */
    /* height: 24px; */
    /* background-color: #f9f1a8; */
    /* position: absolute; */
    /* position: sticky; */
}

.boximg {width: 60px;}

.expshow {
    position: absolute;
    font-size: 33px;
    text-shadow: 0 0 18px #05f8ff5c;
    z-index: 1;
    font-weight: 600;
    /* background: #000000; */
    padding: 6px;
    border-radius: 5px;
    margin-top: 465px;
    height: 23px;
    margin-left: -64px;
    color: #0d7b82;
    visibility: hidden;
}


.scrollcontent {
    width: 1250px;
    position: absolute;
    min-height: 238px;
    overflow: auto;
    overflow-y: hidden;
    margin-top: 152px;
    margin-left: -60px;
}
.scrollcontent::-webkit-scrollbar-thumb {
  background-image: linear-gradient(to bottom, #f9f1a8, #a49c51, #bfb558, #f9f1a8);
  border-radius: -10px;
}
.scrollcontent::-webkit-scrollbar {
  width: 8px;
  height: 9px;
}
.scrollcontent::-webkit-scrollbar-track {
  background-color: rgb(92 90 90 / 40%);
  border-radius: 10px;
}

.top {
    margin-top: 0px;
    margin-left: 180px;
}

.toppic {
    margin-top: -75px;
}

.toppoint {
    margin-top: -20px;
}


.topexp {
    margin-top: -13px;
}

.gifttokens {
    margin-top: 117px;
    margin-left: 12px;
    z-index: 3;
    text-align: center;
    width: 77px;
    font-weight: 600;
    font-size: 11px;
    text-shadow: 0 0 3px black;
    /* background: #000000a8; */
    /* margin-left: 1px; */
    height: 18px;
    line-height: 16px;
    position: absolute;
}
.toptokens {
    margin-top: -36px;
}

.sub1 {
    box-shadow: 0px 4px 11px 4px #0511af4a;
    background: radial-gradient(50px circle at top center, rgb(11 35 153) 30%, rgb(0 0 0));
}

.fadeit {
    opacity: 0.3;
}

.infobox {
    position: absolute;
    width: 200px;
    height: 85px;
    background-image: linear-gradient(to bottom, #000000, #343434, #242323, #000000);
    z-index: 10;
    box-shadow: 0 0 6px 1px #696b6c;
    border-radius: 8px;
    margin-top: -9px;
    transition: transform 0.4s;
}

img.boxpic {
    width: 90px;
    position: absolute;
    border-radius: 6px;
    /* box-shadow: 0 0 3px 0px #0894d5; */
    right: -4px;
    z-index: 15;
}

.boxclosed {
    height: 30px;
    float: left;
    color: #fff;
    background-color: #760404;
    box-shadow: 1px 1px 4px 0px black;
    border-radius: 5px;
    margin-top: 6px;
    padding-top: 0px;
    cursor: pointer;
    text-shadow: 0px 0px 2px black, 0px 0px 4px black;
    transition: margin-top 0.2s;
    width: 30px;
    line-height: 30px;
    font-size: 23px;
    right: 10px;
    position: absolute;
    z-index: 2;
}

.boxneed {
    position: absolute;
    height: 31px;
    z-index: 14;
    border-radius: 6px 6px 0px 0px;
    background: radial-gradient(110px circle at top center, rgb(171 171 171) 20%, rgb(118 116 116));
    color: #282828;
    font-weight: 600;
    font-size: 20px;
    line-height: 34px;
    text-shadow: 0 0 3px black;
    margin-top: 1px;
    margin-left: 1px;
    width: 188px;
    text-align: left;
    padding-left: 10px;
}

.boxclaim {
    height: 22px;
    float: left;
    color: #fff;
    background-color: #055a12;
    box-shadow: 1px 1px 4px 0px black;
    border-radius: 5px;
    margin-top: 100px;
    padding-top: 0px;
    cursor: pointer;
    left: 10px;
    text-shadow: 0px 0px 2px black, 0px 0px 4px black;
    transition: margin-top 0.2s;
    /* width: 30px; */
    line-height: 24px;
    font-size: 17px;
    position: absolute;
    padding-left: 8px;
    padding-right: 8px;
    font-weight: 600;
}

.lockedcl {
    background-color: #444444;
    color: #7a7676;
}

.boxtitel {
    position: absolute;
    margin-top: 73px;
    font-weight: 600;
    font-size: 19px;
    margin-left: 10px;
    color: #199fb5;
    text-shadow: 2px 3px 2px #010101, -2px -2px 0px #00000082;
}

.boxbeschreib {
    position: absolute;
    margin-top: 39px;
    font-weight: 600;
    font-size: 12px;
    margin-left: 10px;
    width: 130px;
    text-align: left;
}

.milochippics {
    margin-top: 60px;
}

.frames\/rainbow1pics {
    margin-top: 34px;
}

.sublv0 {
    background-color: #042476;
}

.stylesty {
    margin-top: -10px;
}

.gifbox:hover {
    transform: scale(1.1);
    opacity: 1;
    z-index: 12;
}

.subinfo {
    width: 150px;
    height: 160px;
    background-image: linear-gradient(to bottom, #000000, #343434, #484747, #2c2b2b);
    z-index: 10;
    box-shadow: 0 0 5px 0px #ffffff;
    border-radius: 8px;
    margin-top: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: #fff;
    opacity: 0.5;
}

.subtitel {
    /* position: absolute; */
    width: 100%;
    height: 50px;
    z-index: 10;
    border-radius: 6px 6px 0px 0px;
    background: radial-gradient(90px circle at top center, rgb(171 171 171) 30%, rgb(118 116 116));
    color: #282828;
    font-weight: 600;
    font-size: 20px;
    line-height: 38px;
    text-shadow: 0 0 3px black;
}

.vorteile {
    font-weight: 500;
    margin-top: 8px;
    height: 21px;
    z-index: 10;
    background: radial-gradient(90px circle at top center, rgb(171 171 171) 30%, rgb(118 116 116));
    color: #363434;
    font-size: 14px;
    line-height: 21px;
    text-shadow: 0 0 2px black;
}

span.vorteilfarbe\" {}

.vorteilfarbe {
    font-weight: 600;
    color: #f9f9f9;
    font-size: 15px;
    color: #ffbc00;
}

.info1 {
    background-image: linear-gradient(to bottom, #062968, #1b4083, #224583, #071838);
    box-shadow: 0 0 5px 0px #025cff;
    border-color: #0288ff;
    height: 340px;
}

.titlelv1 {
    background: radial-gradient(90px circle at top center, rgb(0 0 0 / 33%) 30%, rgb(28 28 30));
    color: #adadad;
    text-shadow: 0 0 3px #727070;
}

.tile1 {
    background: radial-gradient(90px circle at top center, rgb(0 0 0 / 33%) 30%, rgb(28 28 30));
    color: #d5d0d0;
    text-shadow: 0 0 2px #c7c7c7;
}

.hackenon {
    color: #25ff17;
}

.select {
    margin-top: 9px;
}

.subinfo.info3 {
    background-image: linear-gradient(to bottom, #683306, #744602, #4c320b, #3c2401);
    box-shadow: 0 0 5px 0px #f19d20;
    border-color: #ff9800;
    height: 342px;
}

.info3 {
    background-image: linear-gradient(to bottom, #77088b, #4b0856, #2c0632, #3b0144);
    box-shadow: 0 0 5px 0px #c637df;
    border-color: #9c27b0;
    height: 313px;
}

.framestylevort {
    height: 100%;
}

.vorteile.sytlvor {
    height: 101px;
    border-radius: 0px 40px 6px 6px;
}

.absotext {
    position: absolute;
    width: 151px;
}

.stylesinfo {
    position: absolute;
    height: 114px;
    background-color: #2c2a2a5e;
    width: 573px;
    margin-top: 9px;
    border-radius: 5px;
    overflow: auto;
    overflow-y: visible;
    display: -webkit-box;
    background-size: cover;
    background-position-y: -2px;
}

.mystylesinfo {
    height: 86px;
    width: 86px;
    background-color: #ffffff0f;
    margin: 7px;
    box-shadow: 1px 3px 4px 2px #000000;
    border-radius: 5px;
    float: left;
    cursor: pointer;
}

img.mystyleimg {
    width: 100%;
    margin-top: -12px;
}

.activ {
    background-color: #f3f3f35e;
}

.mystyleactiv {
    position: absolute;
    font-size: 40px;
    color: #1aef00;
    margin-left: 60px;
    margin-top: -17px;
}

.subcases {
    float: left;
    background-color: #ffffff1f;
    height: 418px;
    margin-left: 10px;
    padding: 0px 10px 10px;
    border-radius: 5px;
    /* opacity: 0; */
}

.charmain.subsection {
    padding-left: 80px;
    min-height: 620px;
    margin-bottom: 0px;
    margin-top: 0px;
    width: 3770px;
    transition: margin 1s;
}

.subactiv {
    opacity: 1;
}

.subactiv::before {
    content: "\f00c";
    position: absolute;
    z-index: 5;
    margin-top: -17px;
    color: #14a70b;
    font-size: 40px;
    width: 30px;
    /* text-align: right; */
    padding-left: 49px;
    text-shadow: 0 0 5px black;
    font-family: FontAwesome;
}
.Giftedsub {
    width: 150px;
    height: 25px;
    z-index: 10;
    border-radius: 5px;
    background: radial-gradient(90px circle at top center, rgb(21 45 92) 30%, rgb(12 21 64));
    color: #e5e5e5;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    text-shadow: 0 0 3px black;
    position: absolute;
    margin-top: 345px;
    box-shadow: 0 0 5px 0px #025cff;
    border-color: #0288ff;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
}
.upgradesub {
    transition: 0.6s;
    width: 150px;
    height: 26px;
    z-index: 10;
    border-radius: 5px;
    background: radial-gradient(90px circle at top center, #134905 30%, rgb(237 237 237 / 12%));
    color: #dddddd;
    font-weight: 600;
    font-size: 21px;
    line-height: 25px;
    text-shadow: 0 0 8px black,0 0 8px black;
    text-transform: uppercase;
    position: absolute;
    margin-top: -1px;
    box-shadow: 0 0 5px 0px #7a7a7a;
    border-color: #b09c51;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    margin-left: 14px;
}

.u4s {
    background-image: linear-gradient(to bottom, #77088b, #4b0856, #2c0632, #3b0144);
    box-shadow: 0 0 5px 0px #c637df;
    border-color: #9c27b0;
}

.u3s {
    background-image: linear-gradient(to bottom, #683306, #744602, #4c320b, #3c2401);
    box-shadow: 0 0 5px 0px #f19d20;
    border-color: #ff9800;
}

.activ::before {
    content: "\f00c";
    position: absolute;
    z-index: 5;
    margin-top: -10px;
    color: #14a70b;
    font-size: 32px;
    width: 30px;
    /* text-align: right; */
    padding-left: 57px;
    text-shadow: 0 0 5px black;
    font-family: FontAwesome;
}

.playerstatsinfo {
    height: 23px;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    border-radius: 5px;
    line-height: 27px;
    width: 131px;
    margin-top: 4px;
    text-shadow: 0px 0px 4px #010101, 0px 0px 0px #00000082;
    font-weight: 400;
    -webkit-animation: slide-in-bl 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in-bl 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    letter-spacing: 1px;
    position: relative;
    cursor: help;
    float: left;
    text-align: left;
    background-color: #1f1f1f;
    margin-left: 5px;
}

.played {
    /* margin-left: 750px; */
    /* margin-top: 40px; */
}


.playerstatsinfo.betb {
    margin-left: 750px;
    margin-top: 90px;
}

.playerstatsinfo.loses {
    margin-left: 750px;
    margin-top: 140px;
}

.playerstatsinfo.wins {
    margin-left: 750px;
    margin-top: 190px;
}







.playerstatsinfo.Bjs {
    margin-left: 750px;
    margin-top: 240px;
}



.playerstatsinfo.pushes {
    margin-left: 890px;
    margin-top: 90px;
}



.playerstatsinfo.ppwins {
    margin-left: 890px;
    margin-top: 140px;
}



.playerstatsinfo.p3wins {
    margin-left: 890px;
    margin-top: 190px;
}





.playerstatsinfo.dbwins {
    margin-left: 890px;
    margin-top: 40px;
}



.playerstatsinfo.totalwint {
    margin-left: 883px;
    margin-top: -30px;
    width: 125px;
    height: 40px;
    font-size: 18px;
    line-height: 25px;
}

.playerstatsinfo.EXPtotal {
    margin-left: 741px;
    margin-top: -30px;
    width: 125px;
    height: 40px;
    font-size: 18px;
    line-height: 25px;
}





.playerstatsinfotext {/* margin-top: -15px; */text-shadow: 0px 0px 8px #010101, 0px 0px 6px #000000;font-weight: 500;color: #d38334;font-size: 17px;}

.playerstatsinfotext.miniinfotr {
    font-size: 14px;
    /* margin-top: -13px; */
}

.claimdaily {
    width: 220px;
    height: 29px;
    z-index: 104;
    border-radius: 5px;
    background: radial-gradient(90px circle at top center, rgb(42 49 62) 30%, rgb(14 14 14));
    color: #ffffff;
    /* font-weight: 600; */
    font-size: 15px;
    line-height: 28px;
    text-shadow: 0 0 3px black;
    /* position: absolute; */
    margin-left: 15px;
    /* top: 9px; */
    box-shadow: 0 0 5px 0px #22bd20;
    border-color: #146400;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    text-align: center;
    float: left;
    transition: 0.6s;
}

.claimdailytitel {
    margin-top: -1px;
    text-shadow: 2px 3px 2px #010101, -2px -2px 0px #00000082;
    font-size: 19px;
}

.claimdailyamount {
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
    text-shadow: 2px 3px 2px #000000, 1px 2px 4px #14524f82;
    font-weight: 600;
    letter-spacing: 1px;
    color: #ddd;
}

.sublvex1 {
    background: radial-gradient(50px circle at top center, rgb(185 185 185) 30%, rgb(0 58 187));
    border-style: solid;
    border-width: 2px;
    border-color: #052fad;
}

.exppoint {
    font-size: 22px;
    margin-top: 93px;
    color: #787575;
    line-height: 30px;
    position: absolute;
    height: 0px;
    width: 120px;
    text-align: left;
}

.exppoint::before {
    content: ".";
    background-color: #818181;
    padding-right: 1px;
    margin-right: 4px;
    font-size: 10px;
    color: #818181;
    padding-top: 86px;
}


.lockedsd {
    opacity: 0.8;
    /* pointer-events: none; */
    background-image: url(img/banneroff.png);
}

.boxneed.sublv1 {
    background: radial-gradient(90px circle at top center, rgb(21 45 92) 30%, rgb(15 27 71));
    box-shadow: 0 0 5px 0px #025cff;
    border-color: #0288ff;
    color: #c5c5c5;
    text-shadow: 0 0 3px #727070;
}

img.boxpic.tokenspics {
    bottom: -9px;
    right: -29px;
}

img.boxpic.stylepics {
    bottom: 2px;
    right: -4px;
    width: 84px;
}

.infobox.lockedinfo {
    pointer-events: none;
    transform: scale3d(0, 0, 0);
    background-image: linear-gradient(to bottom, #000000, #0bc51c, #269518, #2fc11d);
}

.upgradeprice {
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    width: 150px;
    margin-top: 364px;
    text-shadow: 2px 3px 2px #010101, -2px -2px 5px #00000082;
    font-weight: 600;
    position: absolute;
    z-index: 10;
    color: #f3f3f3;
    height: 20px;
    pointer-events: none;
}

.sub3 {
    background: radial-gradient(50px circle at top center, rgb(175 111 39) 30%, rgb(0 0 0));
    box-shadow: 0px -10px 10px 18px #daa83424;
}

.stysubn {border-radius: 3px;width: 60px;font-size: 12px;font-weight: 700;position: absolute;margin-top: -12px;margin-left: 16px;}

.colorchoice {
    position: absolute;
    margin-left: -7px;
    margin-top: -92px;
    transition: transform 0.3s;
    padding: 6px;
    z-index: 30;
}

.colorpoint {
    background-color: #fff;
    border-radius: 5px;
    width: 14px;
    height: 14px;
    margin-bottom: 3px;
    box-shadow: 0 0 3px 1px black;
    cursor: pointer;
}

.pblue {
    background-color: #a9f5fd;
}

.pred {
    background-color: #ff2e30;
}

.colorchoice:hover {
    transform: scale3d(1.2, 1.2, 1.2);
}

.colorpoint:hover {
    transform: scale3d(0.9, 0.9, 0.9);
}

.colorpoint.ppink {
    background-color: #ed0a81;
}

.playerinfo {
    position: absolute;
}

.noclaim {
    background: radial-gradient(90px circle at top center, rgb(86 3 3) 30%, rgb(44 7 7));
    box-shadow: 0 0 5px 0px #bd2020;
    border-color: #bd2020;
    color: #545454;
    pointer-events: none;
}

.noclaim {}

.claimdaily.refdds {
    background: #72727252;
    box-shadow: 0 0 5px 0px #bd2020;
    border-color: #cfcfcf;
    color: #ffa500;
    pointer-events: none;
    border-style: unset;
    box-shadow: none;
    transform: scale(0.6);
    margin-top: -5px;
    margin-left: -29px;
}

.stysubn.sub4 {
    background: radial-gradient(50px circle at top center, rgb(161 0 0) 50%, rgb(0 0 0));
    box-shadow: 0px 1px 4px 2px #ff000059;
    font-size: 11px;
    padding: 2px 3px 2px 3px;
    margin-left: 10px;
    margin-top: -13px;
}

.stylesinfo::-webkit-scrollbar-thumb {
    background-image: linear-gradient(to bottom, #f9f1a8, #a49c51, #bfb558, #f9f1a8);
    border-radius: 10px;
}

.stylesinfo::-webkit-scrollbar-track {
    background-color: rgb(92 90 90 / 40%);
    border-radius: 10px;
}

.stylesinfo::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.colorpoint.dred {
    background-color: #ef3426;
}

.colorpoint.dblue {
    background-color: #3b45ff;
}

.subslv.sub2 {
    background: radial-gradient(50px circle at top center, rgb(0 140 149) 30%, rgb(0 0 0));
    font-size: 14px;
}

.subslv.sub1 {}

.stysubn.sub4st {
    background: radial-gradient(36px circle at top center, rgb(143 36 166) 50%, rgb(0 0 0));
    box-shadow: 0px 1px 6px 2px #ce00ff85;
}

.stysubn.sub5st {
    background: radial-gradient(40px circle at top center, rgb(155 6 6) 50%, rgb(0 0 0));
    box-shadow: 0px 1px 6px 2px #ff000070;
    padding: 1px 2px 3px 2px;
    width: 66px;
    font-size: 11px;
    margin-left: 8px;
}

.subinfo.info5 {
    background-image: linear-gradient(to bottom, #8b0808, #560808, #320606, #440101);
    box-shadow: 0 0 5px 0px #df3737;
    border-color: #b02727;
    height: 340px;
}

.u5s {
    background-image: linear-gradient(to bottom, #8b0808, #560808, #320606, #440101);
    box-shadow: 0 0 5px 0px #df3737;
    border-color: #b02727;
}

.vorteile.tile1.ts5 {
    margin-top: 8px;
}

.vorteile.tile1.ts52 {
    margin-top: 8px;
}

.islocke {
    pointer-events: none;
    opacity: 0.3;
}

.islocke::before {
    content: "\f023";
    position: absolute;
    padding-left: 72px;
    font-size: 26px;
    margin-top: -2px;
    font-family: FontAwesome;
    text-shadow: 0 0 5px red, 0 0 5px red, 0 0 0px red;
}

.colorpoint.mystylesys.plblue {
    background-color: #2dacce;
}

.colorpoint.mystylesys.plred {
    background-color: #c42626;
}

.colorpoint.mystylesys.plpink {
    background-color: #ff4cc5;
}

.colorpoint.mystylesys.plyellow {
    background-color: #d9cf13;
}

.subslv.sub5 {
    background: radial-gradient(50px circle at top center, rgb(157 0 0) 50%, rgb(0 0 0));
    box-shadow: 0px -14px 20px 20px #ff000059;
}

.stysubn.sub3st {
    background: radial-gradient(36px circle at top center, rgb(135 76 4) 50%, rgb(0 0 0));
    box-shadow: 0 0 5px 0px #f19d20;
}

.stysubn.sub1st {
    background: radial-gradient(36px circle at top center, rgb(56 36 166) 50%, rgb(0 0 0));
    box-shadow: 0px 1px 6px 2px #0054ff85;
}

.colorpoint.mystylesys.pnblue {
    background-color: #423ccd;
}

.colorpoint.mystylesys.pnred {
    background-color: #d11a1a;
}

.colorpoint.mystylesys.pnpink {
    background-color: #f13bac;
}

.colorpoint.mystylesys.pnyellow {
    background-color: #09e70b;
}

.subdays {
    position: absolute;
    width: 150px;
    font-weight: 600;
    color: #5aff24;
    font-size: 17px;
    margin-top: -20px;
}

.topmenucase {
    margin-left: auto;
    margin-right: auto;
}

.menuup.endm {
    border-width: 0px 0px 0px 0px;
}

.delredeem {
    height: 20px;
    float: left;
    color: #fff;
    background-color: #760404;
    box-shadow: 1px 1px 4px 0px black;
    border-radius: 5px;
    margin-top: 1px;
    padding-left: 0px;
    margin-left: 6px;
    cursor: pointer;
    text-shadow: 0px 0px 2px black, 0px 0px 4px black;
    transition: margin-top 0.2s;
    width: 20px;
    line-height: 21px;
    font-size: 17px;
    /* right: 10px; */
    position: absolute;
    z-index: 20;
    transition: transform 0.3s;
}

.newredeem {
    height: 35px;
    color: #fff;
    background-color: #076404;
    box-shadow: 1px 1px 4px 0px black;
    border-radius: 5px;
    margin-top: 0px;
    cursor: pointer;
    text-shadow: 0px 0px 2px black, 0px 0px 4px black;
    width: 35px;
    /* line-height: 30px; */
    font-size: 43px;
    z-index: 6;
    position: absolute;
    margin-left: 9px;
}

.rdsechoi {
    height: 30px;
    float: left;
    color: #fff;
    background: radial-gradient(90px circle at top center, rgb(18 104 29) 20%, rgb(0 0 0));
    box-shadow: 1px 1px 4px 0px black;
    border-radius: 5px;
    padding-left: 8px;
    padding-right: 8px;
    margin-left: 10px;
    cursor: pointer;
    text-shadow: 0px 0px 2px black, 0px 0px 4px black;
    line-height: 31px;
    font-size: 20px;
    z-index: 6;
    margin: 10px 6px;
}

.rdechoi {
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    background-color: #000000fa;
    max-width: 900px;
}

select.subselect {
    background: #383636;
    border-radius: 5px;
    padding: 3px;
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    text-shadow: 0px 1px 4px #010101, -6px -2px 8px #00000082;
    font-weight: 600;
    color: #cbcbcb;
    margin-left: 7px;
}

input.redsum {
    background: #383636;
    border-radius: 5px;
    padding: 3px;
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    text-shadow: 0px 1px 4px #010101, -6px -2px 8px #00000082;
    font-weight: 600;
    color: #cbcbcb;
    border-style: solid;
    border-width: 1px;
    width: 83px;
    margin-left: 7px;
}

.redsum::before {
    content: "Tokens";
    position: absolute;
    margin-top: -70px;
}

.labeltext {
    float: left;
}

input#checkrept {
    background: #383636;
    width: 20px;
    height: 18px;
    margin-top: 8px;
    float: left;
}

label {}

.ceckrepeat {
    float: left;
    margin-left: 40px;
}

.nubercase {
    float: left;
    margin-left: 10px;
}

.dropd {
    float: left;
    margin-left: 10px;
}

.ceckrepeat lable {
    line-height: 1px;
    font-size: 30px;
}

.scales {
    float: left;
    line-height: 34px;
}

.newredeem.savered {
    margin-top: 1px;
    font-size: 23px;
    padding-left: 5px;
    padding-right: 5px;
    width: auto;
    margin-right: 10px;
    float: left;
    position: relative;
    height: 30px;
    line-height: 30px;
}

input.redexp {
    background: #383636;
    border-radius: 5px;
    padding: 3px;
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    text-shadow: 0px 1px 4px #010101, -6px -2px 8px #00000082;
    font-weight: 600;
    color: #cbcbcb;
    border-style: solid;
    border-width: 1px;
    width: 83px;
    margin-left: 7px;
}

.giftpic.sublvex3 {
    background: radial-gradient(50px circle at top center, rgb(185 185 185) 30%, rgb(187 86 0));
    border-style: solid;
    border-width: 2px;
    border-color: #cd6305;
}

.boxneed.sublv3 {
    background: radial-gradient(200px circle at top center, rgb(102 66 12) 20%, #ff9800);
    color: #bfbdbd;
}

.giftpic.sublvex4 {
    background: radial-gradient(50px circle at top center, rgb(185 185 185) 30%, rgb(115 0 187));
    border-style: solid;
    border-width: 2px;
    border-color: #9c27b0;
}

.boxneed.sublv4 {
    background: radial-gradient(200px circle at top center, rgb(79 3 92) 20%, #9c27b0);
    color: #e5dfdf;
}

input.redstyle {
    background: #383636;
    border-radius: 5px;
    padding: 3px;
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    text-shadow: 0px 1px 4px #010101, -6px -2px 8px #00000082;
    font-weight: 600;
    color: #cbcbcb;
    border-style: solid;
    border-width: 1px;
    width: 193px;
    margin-left: 7px;
}

.adminpanels {
    width: 1100px;
    display: flex;
    margin-top: 100px;
    position: absolute;
    margin-top: 370px;
    z-index: 20;
}

.playerinfos {
    height: 400px;
}

.claimfl {
    float: left;
    position: unset;
    margin-left: 3px;
    margin-top: 0px;
    display: block;
    position: relative;
}

.rdyredeems {
    /* overflow: hidden; */
    margin-top: -2px;
    width: 1100px;
    height: 200px;
    display: flex;
    padding-left: 90px;
    /* min-height: 30px; */
    /* margin-left: -120px; */
    /* background-image: linear-gradient(to bottom, #045a68, #128ba1, #12a2b9, #037385, #053840); */
    /* background-size: 80%; */
    /* background-position-x: 20px; */
    visibility: hidden;
    position: absolute;
}

.rdyrtext {
    font-family: 'Poppins', sans-serif;
    font-size: 27px;
    margin-top: 28px;
    text-shadow: 2px 3px 2px #010101, -2px -2px 0px #00000082;
    font-weight: 600;
    position: absolute;
    margin-left: -120px;
}

.popbox {
    position: absolute;
    z-index: 40;
    margin-top: 32px;
    margin-left: 66px;
    visibility: hidden;
}

.openhov {
    /* width: 270px; */
    /* height: 120px; */
}

.claimanimation {
    position: absolute;
    width: 960px;
    z-index: 100;
    height: 200px;
    margin-top: 290px;
}

.clanicase {
    background: radial-gradient(110px circle at center, rgb(0 0 0) 10%, rgb(0 0 0 / 0%));
    height: 260px;
    -webkit-animation: slide-in-fwd-bottom 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in-fwd-bottom 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

img.coinup {
    margin-top: 100px;
}

.gifttokens.cointup {
    width: 960px;
    font-size: 45px;
    color: #079b0c;
    margin-top: -30px;
}
@-webkit-keyframes slide-in-fwd-bottom {
  0% {
    -webkit-transform: translateZ(-1400px) translateY(800px);
            transform: translateZ(-1400px) translateY(800px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0) translateY(0);
            transform: translateZ(0) translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-fwd-bottom {
  0% {
    -webkit-transform: translateZ(-200px) translateY(100px);
    transform: translateZ(-200px) translateY(100px);
    opacity: 0;
  }
  10% {
    -webkit-transform: translateZ(0) translateY(0);
            transform: translateZ(0) translateY(0);
    opacity: 1;
  }
80% {
    -webkit-transform: translateZ(0) translateY(0);
            transform: translateZ(0) translateY(0);
    opacity: 1;
  }
 100% {
    -webkit-transform: translateZ(200px) translateY(-100px);
    transform: translateZ(200px) translateY(-100px);
    /* opacity: 0; */
  }
}


.sublv5 {
    background: radial-gradient(110px circle at top center, rgb(90 5 5) 20%, rgb(151 14 14));
    color: #c7c7c7;
}

.infolv4 {
    box-shadow: 0px 0px 5px 1px #9c27b0;
}

.infolv3 {
    box-shadow: 0px 0px 5px 1px #cd7817;
}

.infobg {
    /* position: absolute; */
    /* background-color: #64646421; */
    /* height: 81px; */
    /* width: 1000px; */
    /* margin-left: -35px; */
}

.infobg {}

.scrollitf {
    /* background-color: #fff; */
    width: 377px;
    height: 40px;
    float: left;
    /* opacity: 0; */
    font-size: 26px;
    line-height: 55px;
    cursor: col-resize;
    color: #ffffff;
}

.scrollitfcontainer {
    position: absolute;
    margin-top: 215px;
    z-index: 6;
    margin-left: 527px;
    visibility: hidden;
}

.sca {
    /* background-color: #d1cfcf; */
    width: 170px;
}

.scb {
    /* background-color: #878484; */
    width: 120px;
    color: #484848c4;
}

.scrollitfcontainer.leftside {
    margin-left: -64px;
    visibility: hidden;
}

.mouseoverto {
    position: absolute;
    margin-top: 200px;
    font-size: 25px;
    color: #3a3737;
    text-align: center;
    width: 991px;
    visibility: hidden;
}

span.msds {
    color: #c5c5c5;
    font-size: 22px;
    margin-left: 30px;
    margin-right: 30px;
}

div#paypal-button-container {
    position: fixed;
    /* width: 670px; */
    /* padding: 90px 0px 0px 0px; */
    /* visibility: hidden; */
    margin-left: auto;
    margin-right: auto;
    /* float: left; */
    min-width: 1270px;
    /* height: 100%; */
    top: 90px;
}

.paypal-buttons {
    width: 450px !important;
    background-color: #b5b5b5;
    z-index: 300;
    color: #b5b5b5!important;
    border-style: solid;
    border-width: 10px;
}

.buttons-container {
}

div#smart-button-container {
    position: absolute;
    width: 1009px;
    /* padding: 0px 300px 10px 300px; */
    text-align: center;
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    z-index: 300;
    margin-top: 100px;
    /* transform: scale3d(0.9, 0.9, 0.9); */
}

div#paypalpay {
    position: absolute;
    height: 40px;
    width: 470px;
    background-color: #343434;
    margin-left: 400px;
    margin-top: 49px;
    top: 0;
}


.paymantamount {
    position: absolute;
    font-family: 'Poppins', sans-serif;
    font-size: 27px;
    line-height: 16px;
    width: 110px;
    margin-top: 11px;
    text-shadow: 2px 3px 4px #010101, -4px 1px 4px #00000082;
    font-weight: 600;
    color: #f5f5f5;
}

.scrollitf:hover {
    transform: scale3d(1.08, 1.08, 1.08);
    color: #92ff7e;
    letter-spacing: 8px;
}

.giftpic.sublvex5 {
    background: radial-gradient(50px circle at top center, rgb(185 185 185) 30%, rgb(187 27 27));
    border-style: solid;
    border-width: 2px;
    border-color: #cb0000;
}

.menuup.endm.adminend {
    background: radial-gradient(40px circle at top center, rgb(80 13 13) 30%, rgb(0 0 0 / 0%));
}

.menuup:hover {
    background: radial-gradient(47px circle at bottom center, rgb(218 185 98) -130%, rgb(0 0 0 / 0%));
}

.rdsechoi.slinsertkey {
    background: radial-gradient(90px circle at top center, rgb(116 116 0) 20%, rgb(0 0 0));
}

.menuup.endm.login {
    background: radial-gradient(40px circle at top center, rgb(52 161 37) 30%, rgb(19 143 51));
}

img.usernamepic {
    border-radius: 0px 20px 20px 0px;
    background-color: #1a1a1a;
    height: 70px;
    position: absolute;
    left: 0px;
    margin-top: -2px;
    z-index: 21;
}

.tokensshow {
    position: absolute;
    background-color: #2a2a2a;
    border-radius: 20px;
    left: 70px;
    height: 30px;
    font-size: 25px;
    line-height: 31px;
    padding: 0px 15px 0px 50px;
    top: 5px;
    text-align: right;
    color: #a99c9c;
    text-shadow: -1px 0px 6px #404040, 1px 1px 9px #0c0c0c;
    z-index: 100;
}

#logout_link {
    position: absolute;
    left: 4px;
    top: -15px;
    color: #600;
    text-shadow: -1px 0px 6px #460101, 1px 1px 9px #4a0000d6;
    cursor: pointer;
    z-index: 105;
    font-size: 28px !important;
}

.gifttokens.slotspins {
    font-size: 25px;
    color: #fff;
    text-shadow: 0 0 7px black, -2px 0px 9px black, 2px 0px 5px black, 0px -3px 7px black;
    line-height: 5px;
}

img.boximg.slotsstyl {
    width: 71%;
    margin-left: -18px;
    margin-top: 5px;
}

img.boxpic.slotspics {
    width: 77px;
    right: 1px;
}

.upgradesubsl {
    width: 150px;
    height: 34px;
    z-index: 10;
    border-radius: 5px;
    background: radial-gradient(90px circle at top center, rgb(21 45 92) 30%, rgb(12 21 64));
    color: #999999;
    font-weight: 600;
    font-size: 17px;
    line-height: 36px;
    text-shadow: 0 0 3px black;
    position: absolute;
    margin-top: 381px;
    box-shadow: 0 0 5px 0px #025cff;
    border-color: #0288ff;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
}

.u2s {
    background-image: linear-gradient(to bottom, #0f5054, #008c95, #145c60, #38b7bf);
    box-shadow: 0 0 5px 0px #008c95;
    border-color: #0fbac5;
}

.subinfo.info2 {
    background-image: linear-gradient(to bottom, #04838b, #1b8380, #04838b, #072f38);
    box-shadow: 0 0 5px 0px #04838b;
    border-color: #02f1ff;
    height: 340px;
}

.subinfo.info4 {
    background-image: linear-gradient(to bottom, #9c27b0, #731583, #491052, #2b0b30);
    box-shadow: 0 0 5px 0px #9c27b0;
    border-color: #9c27b0;
    height: 340px;
}

.vorteile.tile1.slcl {
    font-size: 14px;
    color: #ffd800;
}

.conwrap2.leadercrown {
    width: 1080px;
}

.treasurewrapp {
    float: left;
}

.treasurecase {
    width: 150px;
    height: 170px;
    background-color: #f0f8ff14;
    border-radius: 10px;
}

img.trbags {
    width: 80px;
}

.trname {
    margin-top: -10px;
    font-size: 20px;
    font-weight: 600;
    color: #0cb519;
}

.trtoken {
    font-weight: 700;
    margin-top: 5px;
    font-size: 15px;
}

.placeshow {
    width: 105px;
    background-color: #1f1f1f;
    height: 36px;
    border-radius: 10px;
    line-height: 35px;
    padding-right: 15px;
    font-size: 23px;
    margin-top: 2px;
    margin-left: 9px;
    float: left;
    text-align: center;
    /* box-shadow: 0 0 3px 0px #ffffff47; */
    padding-left: 10px;
    animation: bounce-in-right 1.1s both;
}

a {}

.loin.info {
    color: #b09c51;
    background: radial-gradient(270px circle at top center, rgb(52 161 37) 40%, rgb(19 143 51));
    font-family: 'Poppins', sans-serif;
    font-size: 25px;
    color: #fff;
}

.charmain.logincase {margin-top: 60px;min-height: 30px;padding: 0px 70px 0px 70px;/* position: relative; */width: 1130px;left: 0px;/* position: absolute; */}

.dropbtn {
  background-color: #04AA6D;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.dropbtn:hover, .dropbtn:focus {
  background-color: #3e8e41;
}

#myInput {
  box-sizing: border-box;
  background-image: url('searchicon.png');
  background-position: 14px 12px;
  background-repeat: no-repeat;
  font-size: 29px;
  padding: 4px 20px 3px 45px;
  border: none;
  border-bottom: 1px solid #ddd;
  float: left;
  width: 100%;
  background: radial-gradient(400px circle at top center, rgb(55 55 55 / 81%) 40%, rgb(16 16 16));
  margin-bottom: 10px;
  color: #fff !important;
  font-weight: 700;
  text-align: center;
}

#myInput:focus {outline: 3px solid #ddd;}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  /* background-color: #f6f6f6; */
  width: 1150px;
  overflow: hidden;
  /* border: 1px solid #ddd; */
  z-index: 1;
  height: 434px;
  font-family: 'Maven Pro', sans-serif;
  font-weight: 100;
  margin-left: -570px;
}

.userreg {
  color: white;
  text-decoration: none;
  display: block;
  margin: 7px 18px 5px 3px;
  background: radial-gradient(90px circle at top center, rgb(42 44 44) 30%, rgb(54 58 58));
  width: 209px;
  height: 42px;
  float: left;
  border-radius: 10px;
  cursor: pointer;
  position: relative;
}

.dropdown a:hover {background-color: #ddd;}

.show {display: block;}


.giftpopup {
    position: fixed;
    background-color: #000000e0;
    z-index: 99;
    height: 100vw;
    width: 100vw;
    transition: 0.6s;
}

.choseuser {
    box-sizing: border-box;
    background-image: url(searchicon.png);
    background-position: 14px 12px;
    background-repeat: no-repeat;
    font-size: 24px;
    padding: 12px;
    margin-left: 110px;
    border: none;
    margin-top: 10px;
    border-bottom: 1px solid #ddd;
    float: left;
    width: 320px;
    background: radial-gradient(200px circle at top center, rgb(20 22 22) 30%, rgb(16 16 16));
    margin-bottom: 10px;
    color: #fff !important;
    font-weight: 700;
    position: absolute;
}

.userreg:hover {
    background: radial-gradient(90px circle at top center, rgb(37 112 105) 30%, rgb(17 96 85));
}

img.usernamepicserc {
    position: absolute;
    width: 42px;
    left: 0px;
    top: 0px;
    border-radius: 8px 0px 0px 8px;
    background-color: #1e1e1e;
}

.unamere {
    width: 145px;
    position: absolute;
    margin: 14px 12px 5px 52px;
}

.userreg.u2ss {
    background: radial-gradient(90px circle at top center, rgb(27 120 120) 30%, rgb(18 147 147));
}

.userreg.u3ss {
    background: radial-gradient(90px circle at top center, rgb(151 84 3) 30%, rgb(221 132 0));
}

.userreg.u1ss {
    background: radial-gradient(90px circle at top center, rgb(27 78 120) 30%, rgb(18 34 147));
}

.subnamese {
    position: absolute;
    margin-top: -6px;
    font-size: 12px;
    right: 5px;
    font-weight: 600;
    z-index: 3;
    text-shadow: 0 0 3px black, 0 0 3px black, 0 0 4px black, 0 0 6px black;
    color: #dfdfdf;
}

.userreg.u5ss {
    background: radial-gradient(90px circle at top center, rgb(72 11 11) 30%, rgb(114 0 0));
}

.userreg.u4ss {
    background: radial-gradient(90px circle at top center, rgb(105 27 120) 30%, rgb(59 13 78));
}

.giftpopup.hiddeit {
    visibility: hidden;
    height: 0px;
    overflow: hidden;
    opacity: 0;
}

.chosesub {
    position: absolute;
    width: 200px;
    height: 45px;
    z-index: 10;
    border-radius: 5px;
    background: radial-gradient(90px circle at top center, rgb(21 45 92) 30%, rgb(12 21 64));
    color: #e5e5e5;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    text-shadow: 0 0 3px black;
    position: absolute;
    margin-top: 85px;
    margin-left: 170px;
    box-shadow: 0 0 5px 0px #025cff;
    border-color: #0288ff;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
}

.subgname {
    font-size: 23px;
}

.subgamount {
    line-height: 16px;
    color: #ffb100;
}

.chosesub.sub3c {
    margin-top: 155px;
    background-image: linear-gradient(to bottom, #683306, #744602, #4c320b, #3c2401);
    box-shadow: 0 0 5px 0px #f19d20;
    border-color: #ff9800;
}

.chosesub.sub4c {
    margin-top: 225px;
    background-image: linear-gradient(to bottom, #77088b, #4b0856, #2c0632, #3b0144);
    box-shadow: 0 0 5px 0px #c637df;
    border-color: #9c27b0;
}

.chosesub.sub5c {
    margin-top: 295px;
    background-image: linear-gradient(to bottom, #8b0808, #560808, #320606, #440101);
    box-shadow: 0 0 5px 0px #df3737;
    border-color: #b02727;
}

.givesubbutton {
    background-image: linear-gradient(to bottom, #1f9baf, #0c6676, #126976, #08454e, #053840);
    box-shadow: 0 0 2px 0px #ffffff;
    border-color: #ffffff;
    height: 40px;
    margin: 9px 90px;
    font-weight: 600;
    font-size: 27px;
    line-height: 39px;
    text-shadow: 0 0 3px black;
    color: #dfd3d3;
    cursor: pointer;
    transition: transform 0.3s,background 0.5s;
    /* visibility: hidden; */
}

.givesubscale {
    margin-bottom: 0px;
    height: 40px;
}

.givesubbutton:hover {
    transform: scale3d(0.97, 0.97, 0.97);
    background-image: linear-gradient(to bottom, #0c292e, #0e2124, #11292c, #163d42, #053840);
}

.nouser {
    color: #e70000 !important;
    font-size: 29px;
}

.givesubbutton.paymantclose.forsubsgi {
    background-image: linear-gradient(to bottom, #af1f1f, #760c0c, #761212, #4e0808, #400505);
    position: absolute;
    z-index: 20;
    height: 37px;
    width: 37px;
    right: -72px;
    top: 9px;
}

.playercase {
    width: 150px;
    height: 236px;
    background-color: #ffffff14;
    float: left;
    margin-left: 11px;
    border-radius: 4px;
}

.tbleav {
    margin-top: -11px;
    margin-left: 9px;
    transform: scale(0.9);
}

.currencycase.crbsd {
    margin-top: 110px;
    transform: scale(0.9);
    margin-left: -4px;
    height: 46px;
}

.rescubtn {
    width: 130px;
    height: 34px;
    z-index: 9;
    border-radius: 5px;
    background: radial-gradient(90px circle at top center, rgb(21 45 92) 30%, rgb(12 21 64));
    color: #999999;
    font-weight: 600;
    font-size: 17px;
    line-height: 36px;
    text-shadow: 0 0 3px black;
    position: absolute;
    margin-top: 248px;
    box-shadow: 0 0 5px 0px #025cff;
    border-color: #0288ff;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    margin-left: 8px;
}

.tablename {
    margin-left: 0px;
    margin-top: 130px;
}

.rescutext {
    margin-top: 234px;
    background-color: #0a5e5d80;
    border-radius: 0px 0px 5px 5px;
    padding-top: 59px;
    padding-bottom: 4px;
    font-weight: 600;
    min-height: 58px;
}

.fade {
    opacity: 0.2;
}

.rescupay {
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    width: 150px;
    margin-top: 234px;
    text-shadow: 0px 3px 2px #010101, -2px -2px 5px #00000082;
    font-weight: 600;
    position: absolute;
    z-index: 10;
    color: #f3f3f3;
    height: 20px;
    pointer-events: none;
}

.giftbtnsa {
    width: 130px;
    height: 34px;
    z-index: 9;
    border-radius: 5px;
    background: radial-gradient(90px circle at top center, rgb(21 45 92) 30%, rgb(12 21 64));
    color: #ffffff;
    font-weight: 600;
    font-size: 17px;
    line-height: 36px;
    text-shadow: 0 0 3px black;
    position: absolute;
    margin-top: 186px;
    box-shadow: 0 0 5px 0px #025cff;
    border-color: #0288ff;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    margin-left: 8px;
}

.newscase {margin-top: -139px;margin-left: -54px;}

.seatnrs {
    font-family: 'Poppins', sans-serif;
    position: absolute;
    width: 150px;
}

.infos {
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    margin: 50px;
    background-color: #000000b0;
    padding: 20px;
}

.imps {
    text-align: left;
}

a.dlink {
    color: #edd48e;
    font-weight: 700;
    font-size: 16px;
}

.pnhw1 {
    background-color: #ff7c00;
    font-size: 13px;
    font-weight: 900;
    color: #000;
    line-height: 14px;
}

.subseasson {
    background: radial-gradient(36px circle at top center, rgb(183 81 21) 50%, rgb(185 117 16));
    box-shadow: 0px 1px 6px 2px #ff000085;
    color: #000;
}

.restsubtimer {
    z-index: 101;
    position: absolute;
    width: 200px;
    top: -18px;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 15px;
    right: 120px;
    color: #6e6e6e;
}

span.vorteilfarbe.fb1 {
    font-size: 15px;
    text-shadow: 0 0 2px #000000;
}

span.vorteilfarbe.fb3 {
    color: #ffb100;
    font-size: 15px;
    text-shadow: 0 0 2px #000000;
}

span.vorteilfarbe.fb4 {
    color: #ffbc00;
    font-size: 15px;
    text-shadow: 0 0 2px #000000;
}

span.vorteilfarbe.fb0 {
    color: #dbdbdb;
    font-size: 19px;
}

.m50p::after {
    content: "+ 50%";
    font-size: 12px;
    position: absolute;
    color: #23e30c;
    margin-top: -10px;
    font-weight: 600;
    margin-left: -6px;
    text-shadow: 0 0 8px black;
}

.m100p::after {
    content: "+ 100%";
    font-size: 12px;
    position: absolute;
    color: #23e30c;
    margin-top: -10px;
    font-weight: 600;
    margin-left: -11px;
    text-shadow: 0 0 8px black;
}

.m70p::after {
    content: "+ 50%";
    font-size: 12px;
    position: absolute;
    color: #23e30c;
    margin-top: -10px;
    font-weight: 600;
    margin-left: -6px;
    text-shadow: 0 0 8px black;
}

.m70p::after {
    content: "+ 70%";
    font-size: 12px;
    position: absolute;
    color: #23e30c;
    margin-top: -10px;
    font-weight: 600;
    margin-left: 6px;
    text-shadow: 0 0 8px black;
}

.m80p::after {
    content: "+ 80%";
    font-size: 12px;
    position: absolute;
    color: #23e30c;
    margin-top: -10px;
    font-weight: 600;
    margin-left: 1px;
    text-shadow: 0 0 8px black;
}

.m60p::after {
    content: "+ 60%";
    font-size: 12px;
    position: absolute;
    color: #23e30c;
    margin-top: -10px;
    font-weight: 600;
    margin-left: -4px;
    text-shadow: 0 0 8px black;
}

.m166pd::after {
    content: "+ 166%";
    font-size: 12px;
    position: absolute;
    color: #23e30c;
    margin-top: -10px;
    font-weight: 600;
    margin-left: -7px;
    text-shadow: 0 0 8px black;
}

.m25pg::after {
    content: "+ 25%";
    font-size: 12px;
    position: absolute;
    color: #23e30c;
    margin-top: -10px;
    font-weight: 600;
    margin-left: 0px;
    text-shadow: 0 0 8px black;
}

.m333pd::after {
    content: "+ 333%";
    font-size: 12px;
    position: absolute;
    color: #23e30c;
    margin-top: -10px;
    font-weight: 600;
    margin-left: -9px;
    text-shadow: 0 0 8px black;
}

.m150pg::after {
    content: "+ 150%";
    font-size: 12px;
    position: absolute;
    color: #23e30c;
    margin-top: -10px;
    font-weight: 600;
    margin-left: -3px;
    text-shadow: 0 0 8px black;
}

.m500pd::after {
    content: "+ 500%";
    font-size: 12px;
    position: absolute;
    color: #23e30c;
    margin-top: -10px;
    font-weight: 600;
    margin-left: -9px;
    text-shadow: 0 0 8px black;
}

.m400pg::after {
    content: "+ 400%";
    font-size: 12px;
    position: absolute;
    color: #23e30c;
    margin-top: -10px;
    font-weight: 600;
    margin-left: -6px;
    text-shadow: 0 0 8px black;
}

.m733pd::after {
    content: "+ 733%";
    font-size: 12px;
    position: absolute;
    color: #23e30c;
    margin-top: -10px;
    font-weight: 600;
    margin-left: -2px;
    text-shadow: 0 0 8px black;
}

.m900pg::after {
    content: "+ 900%";
    font-size: 12px;
    position: absolute;
    color: #23e30c;
    margin-top: -10px;
    font-weight: 600;
    margin-left: -5px;
    text-shadow: 0 0 8px black;
}

img.slpics {
    width: 60px;
    right: -1px;
}

.slkeycase {
    position: absolute;
    z-index: 41;
}

.myslkey {
    background-image: linear-gradient(to bottom, #016a08, #258108, #176205, #031600);
    /* box-shadow: 0 0 6px 1px #696b6c; */
    border-radius: 8px;
    padding: 8px;
    font-weight: 700;
    margin-left: 72px;
    margin-top: 94px;
    font-size: 14px;
    min-width: 172px;
    color: #ff9800;
}

.myslkey::before {
    content: "CODE:";
    color: #ffffff;
    margin-right: 6px;
}

.lockedsl::after {
    content: "\f00c";
    font-family: FontAwesome;
    position: absolute;
    color: #00c106;
    left: 0;
    margin-top: 20px;
    z-index: 5;
    font-size: 58px;
    text-shadow: 0 0 7px black, 0 0 5px black;
}

.myslkey.error {
    background-image: linear-gradient(to bottom, #6a0101, #810808, #620505, #160000);
}

select.slselect {
    background: #383636;
    border-radius: 5px;
    padding: 3px;
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    text-shadow: 0px 1px 4px #010101, -6px -2px 8px #00000082;
    font-weight: 600;
    color: #cbcbcb;
    margin-left: 7px;
}

.delredeem:hover {
    transform: scale(0.9);
}

.expcase {
    width: 45%;
    margin: 20px;
    float: left;
    background-color: #ffffff12;
    height: 260px;
}

.infocase {
    width: 45%;
    margin: 20px;
    float: left;
    background-color: #ffffff12;
    height: 260px;
}

.expname {
    float: left;
}

.exphaven {
    float: left;
}

.expuser {
    background: radial-gradient(90px circle at top center, rgb(27 26 26) 30%, rgb(0 0 0));
    height: 27px;
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    border-radius: 5px;
    line-height: 27px;
    width: 471px;
    padding-left: 15px;
    text-align: center;
    margin: 10px;
}

.expuser span {
    margin-left: 10px;
}

.tabinsec {
    float: left;
    z-index: 0;
    border-radius: 5px 5px 0px 0px;
    background: radial-gradient(90px circle at top center, rgb(2 2 2) 30%, rgb(56 56 56));
    color: #e7e5e5;
    font-weight: 500;
    font-size: 24px;
    line-height: 35px;
    text-shadow: 0 0 3px black;
    margin-top: 19px;
    box-shadow: 0px -3px 5px 0px #dcdf7230;
    border-color: #f9f1a8;
    border-style: solid;
    border-width: 1px 1px 0px 1px;
    cursor: pointer;
    margin-left: -8px;
    padding-left: 20px;
    padding-right: 20px;
    font-family: 'Maven Pro', sans-serif;
    padding-bottom: 20px;
}

.tabsect {
    height: 58px;
    padding-left: 100px;
    overflow: hidden;
}

.selectettab {
    background: radial-gradient(90px circle at top center, rgb(38 129 1) 30%, rgb(0 0 0));
    margin-top: 12px;
    line-height: 42px;
}

.awsfont {
    margin-right: 10px;
    color: #ffffff;
    /* text-align: right; */
    font-family: FontAwesome;
}

.passf::before {
    content: "\f145";
}

.archivs::before {
    content: "\f091";
}

.tab1subsec {
    width: 1120px;
    float: left;
    /* height: 200px; */
}

.tab2subsec {
    width: 1120px;
    margin-left: 0px;
    float: left;
}

.archivcase {
    background-image: url(img/archivment1.png);
    width: 369px;
    height: 182px;
    background-size: contain;
    float: left;
    font-family: 'Poppins', sans-serif;
}

.archivtitel {
    position: absolute;
    font-size: 28px;
    font-weight: 600;
    color: #fff;
    margin-left: 23px;
    margin-top: 2px;
}

.archivtext {
    position: absolute;
    font-size: 17px;
    font-weight: 600;
    color: #4a4a4a;
    margin-left: 24px;
    margin-top: 42px;
    width: 240px;
    text-align: left;
}

.archivgive1 {
    position: absolute;
    font-size: 16px;
    font-weight: 600;
    color: #e3c889;
    margin-left: 24px;
    margin-top: 143px;
    width: 66px;
    text-align: left;
    /* background: aliceblue; */
}

.archivgive2 {
    position: absolute;
    font-size: 16px;
    font-weight: 600;
    color: #e3c889;
    margin-left: 97px;
    margin-top: 143px;
    width: 120px;
    text-align: left;
    /* background: aliceblue; */
}

.archivhave {
    position: absolute;
    font-size: 27px;
    font-weight: 800;
    color: #cd5f00;
    margin-left: 302px;
    margin-top: 8px;
    writing-mode: tb;
    text-align: center;
    height: 160px;
}

.archivtier {
    position: absolute;
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    margin-left: 208px;
    margin-top: 114px;
    text-align: left;
    background: radial-gradient(80px circle at left center, rgb(20 155 11) 30%, rgb(22 211 22 / 42%));
    padding-left: 20px;
    width: 62px;
    border-radius: 21px 0px 0px 0px;
    text-shadow: 0 0 2px black;
}

.archivclaim {
    position: absolute;
    font-size: 18px;
    font-weight: 600;
    color: #363636;
    margin-left: 24px;
    margin-top: 115px;
    text-align: left;
    visibility: hidden;
}

.showtab2 {
    /* margin-left: -1270px; */
}

span.needpo {
    color: #cd5f00;
    font-size: 19px;
    font-weight: 800;
}

.archivclaimit {
    z-index: 9;
    border-radius: 5px;
    background: radial-gradient(90px circle at top center, rgb(25 92 21) 30%, rgb(12 64 12));
    color: #ffffff;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    text-shadow: 0 0 3px black;
    position: absolute;
    margin-top: 31px;
    box-shadow: 0 0 5px 0px #1d8504;
    border-color: #d5d5d5;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    height: 100px;
    margin-right: -42px;
    transition: transform 0.5s;
}

.archivclaimit:hover {
    transform: scale(1.2);
}

.showtab3 {
    margin-left: -1330px;
}

.tab3subsec {
    width: 1120px;
    margin-left: 210px;
    float: left;
}

.seasonw {
    background-image: url(img/archivment2.png);
}

.satier3 {
    background: radial-gradient(80px circle at left center, rgb(225 168 41) 30%, rgb(233 255 1 / 33%));
}

.satier2 {
    background: radial-gradient(80px circle at left center, rgb(5 48 211) 30%, rgb(1 16 54 / 33%));
}

.satier4 {
    background: radial-gradient(80px circle at left center, rgb(180 43 237) 30%, rgb(73 8 120 / 33%));
}

.satier5 {
    background: radial-gradient(80px circle at left center, rgb(155 11 11) 30%, rgb(116 3 3 / 42%));
}

.wint1 {
    background-color: #8fc0d5;
    color: #f00;
    font-weight: 700;
    font-size: 13px;
}

.stysubn.subseasson.winter {
    background: radial-gradient(36px circle at top center, rgb(219 218 218) 50%, rgb(41 176 199));
    box-shadow: 0px 1px 6px 2px #00e7ff85;
    color: #c70c0c;
}

.shopbox {
    background-image: linear-gradient(to bottom, #1c1c1c85, #62626247, #25242563);
    width: 300px;
    box-shadow: 0 0 5px 0px #707172;
    border-radius: 10px 10px 0px 60px;
    height: 200px;
    position: relative;
    float: left;
    margin-right: 0px;
    font-family: 'Kanit', sans-serif;
    font-weight: 500;
    margin-top: 20px;
    overflow: hidden;
    margin-bottom: 10px;
    margin-left: 50px;
}

.shopboxhead {
    position: absolute;
    padding-left: 20px;
    border-radius: 10px 10px 0px 0px;
    font-size: 31px;
    margin-top: 0px;
    width: 300px;
    background-color: #56565629;
    text-align: left;
    color: #ddbe68;
    text-shadow: 2px 2px 10px black;
}

img.boxtyp.ver1 {
    width: 190px;
    margin-left: -60px;
    margin-top: 10px;
    position: absolute;
    left: 70px;
}

.shopboxcoast {
    position: absolute;
    right: 0px;
    bottom: 0px;
    font-size: 24px;
    font-weight: 600;
    color: #e3ca76;
    background-color: #000000d6;
    padding-right: 10px;
    padding-left: 40px;
    height: 33px;
    line-height: 29px;
    border-radius: 10px 0px 0px 0px;
    z-index: 5;
}

.shopboxcoast::before {
    margin-left: -38px;
    margin-top: -3px;
    content: url(img/token.png);
    transform: scale(0.7);
    display: inline-block;
    position: absolute;
}

img.boxtyp.ver2 {
    width: 160px;
    margin-left: -60px;
    margin-top: 32px;
    position: absolute;
    left: 70px;
}

.shopboxbuyb {
    background-image: linear-gradient(to bottom, #146400, #0e7207, #146400);
    box-shadow: hsl(0deg 0% 0%) -2px 2px 4px 0px;
    border-radius: 4px 4px 4px 4px;
    padding: 0px 12px;
    right: 10px;
    bottom: 35px;
    font-size: 23px;
    line-height: 30px;
    margin-bottom: 9px;
    height: 30px;
    cursor: pointer;
    transition: transform 0.5s;
    color: #dddddd;
    position: absolute;
    z-index: 5;
}

.shopboxbuyb.infoloot {
    background-image: linear-gradient(to bottom, #003664, #0e3250, #003664);
    bottom: 75px;
    z-index: 5;
}

.shopwrappinfo {
    width: 600px;
    /* margin-left: -300px; */
    position: absolute;
    height: 200px;
    transition: margin 0.7s, transform 0.4s;
}

.shopinfos {
    position: absolute;
    width: 150px;
    margin-left: 294px;
    margin-top: 50px;
    text-align: right;
    font-size: 15px;
}

.shopinfos.side2 {
    margin-left: 452px;
    text-align: left;
    color: #d5bf7a;
    font-size: 16px;
    line-height: 23px;
}
.infoloot:hover ~ .shopwrappinfo {
    margin-left: -300px;
}

.infoloot:hover {
    color: #3fff00;
    transform: scale(0.8);
}

.givebox {
    position: absolute;
    background: radial-gradient(570px circle, rgb(0 0 0) 50%, rgb(18 18 18));
    width: 100%;
    height: 490px;
    z-index: 12;
    margin-top: 46px;
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    display: flex;
    border-width: 2px 0px 2px 0px;
    border-color: #c39540;
    border-style: outset;
    visibility: hidden;
    transform: scale(0.5);
    opacity: 0;
    transition: transform 0.3s, opacity 0.5s;
}

@keyframes wheelturn {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
 
}

img.shinebg {
    animation: wheelturn 15.8s cubic-bezier(0, 0, 0.3, 0.29) infinite;
    width: 430px;
}

.piccase {
    height: 580px;
    overflow: hidden;
    position: absolute;
    width: 100%;
    margin-top: -114px;
}

img.showbags {
    width: 180px;
    margin-top: 70px;
}

.bagcase {
    position: absolute;
    width: 100%;
    z-index: 20;
    margin-top: -65px;
}

.conwrap.nohide {/* overflow: auto; */position: absolute;height: 560px;width: 1270px;}

.shopboxhead.bigopen {
    width: 98.3%;
    text-align: center;
    z-index: 60;
    background-color: #0c0c0ce3;
    margin-top: 168px;
    border-width: 1px 0px 1px 0px;
    border-color: #d7b259;
    border-style: outset;
    border-radius: 0px;
    box-shadow: 0 0 9px 0px #e7ca7894;
}

.wincase {
    margin-top: 260px;
    margin-left: auto;
    margin-right: auto;
}

.winbox {
    width: 290px;
    height: 153px;
    float: left;
    margin-left: 15px;
    margin-right: 15px;
    background-image: url(img/winbg.png);
    background-size: contain;
}

.winchead {
    font-size: 35px;
    color: #dba11e;
    margin-top: 27px;
    text-shadow: 0 0 7px black;
}

.wincsum {
    font-size: 35px;
    line-height: 21px;
    color: #ddd;
    text-shadow: 0 0 7px black;
}

.wincexp {
    font-size: 40px;
    color: #ddd;
    margin-top: 37px;
    text-shadow: 0 0 7px black;
    line-height: 69px;
}

span.winexpsp {
    color: #dba11e;
}

img.wincframe {
    height: 130px;
}

.wincbut {
    margin-left: auto;
    margin-right: auto;
    background-image: linear-gradient(to bottom, #146400, #0e7207, #146400);
    box-shadow: hsl(0deg 0% 0%) -2px 2px 4px 0px;
    border-radius: 4px 4px 4px 4px;
    padding: 0px 12px;
    right: 10px;
    bottom: 35px;
    font-size: 30px;
    line-height: 39px;
    margin-bottom: 9px;
    height: 40px;
    cursor: pointer;
    transition: transform 0.5s;
    color: #dddddd;
    width: 140px;
    text-shadow: 0 0 10px black;
}

.btnbox {
    width: 100%;
    position: absolute;
    margin-top: 430px;
}

.playerstats {
    margin-top: 9px;
    position: absolute;
    margin-left: 610px;
    width: 557px;
    background-color: #171717;
    padding: 10px;
    border-radius: 5px;
    height: 94px;
}

.claimsec {
    float: left;
    width: 74px;
    height: 21px;
    background: radial-gradient(130px circle at top center, rgb(58 56 56) 30%, rgb(26 25 25));
    font-size: 19px;
    font-weight: 600;
    border-radius: 6px;
    margin-top: 5px;
    margin-right: 13px;
    padding-top: 4px;
    padding-bottom: 4px;
    transition: 0.6s;
    position: relative;
    box-shadow: 2px 0px 3px 0px black;
}

img.bjslotimg {
    width: 34px;
    position: absolute;
    left: 3px;
    margin-top: -6px;
}

.claimsec.bjslotc {
    margin-left: 235px;
    margin-top: 23px;
}

.claimsecsum {position: absolute;width: 34px;margin-top: -2px;margin-left: 36px;text-align: left;font-size: 20px;line-height: 26px;text-align: center;}

.claimsecbt {height: 18px;z-index: 10;border-radius: 5px;background: radial-gradient(100px circle at top center, rgb(80 79 79) 30%, rgb(0 0 0));color: #eeffed;font-weight: 600;font-size: 18px;line-height: 18px;text-shadow: 0 0 3px black;position: absolute;/* margin-top: 381px; *//* box-shadow: 0 0 5px 0px #f2f3f2; */border-color: #545454;border-style: solid;border-width: 1px;cursor: not-allowed;margin-left: 70px;margin-top: 1px;opacity: 0.1;padding-left: 4px;padding-right: 4px;}

.claimsec.bjfreedbc {
    margin-left: 235px;
    margin-top: 74px;
}

img.freeddimg {
    width: 37px;
    position: absolute;
    left: 0px;
    margin-top: -8px;
}

.claimsec.bjmax23c {
    margin-left: 235px;
    margin-top: 126px;
}

img.bustlimitimg {width: 39px;position: absolute;left: 0px;margin-top: -9px;}

input.slnummbers {
    position: absolute;
    margin-left: 126px;
    z-index: 1;
    font-family: 'Maven Pro', sans-serif;
    font-size: 17px;
    font-weight: 700;
    background-color: #1a1a1a;
    width: 50px;
    color: #fff;
    /* visibility: hidden; */
    padding-top: 0px;
    margin-top: -2px;
    width: 35px;
    text-align: center;
    border-style: double;
}

.claimok {
    opacity: 1;
    cursor: pointer;
    background: radial-gradient(100px circle at top center, rgb(13 86 9) 30%, rgb(0 0 0));
    transition: transform 0.5s;
}

.claimok:hover {
    transform: scale(0.9);
}

.charmain.shopwindow {
    padding: 0px 80px;
    min-height: 250px;
}

.winbox.rare1 {
    background-image: url(img/winbgn.png);
}

.piclott {
    position: absolute;
    display: flex;
    margin-left: -1px;
    margin-top: 50px;
}

.piclott.Emotename {
    margin-top: 18px;
}

.piclott.rip1 {
    margin-top: 66px;
}

.piclott.scratch {
    margin-top: 48px;
    transform: scale(1.5);
    margin-left: 2px;
    width: 80px;
}

.winbox.rare2 {
    background-image: url(img/winbgr.png);
}

.winbox.rare3 {
    background-image: url(img/winbge.png);
}

.givebox.showwin {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
}

.expnow {
    position: absolute;
    right: 8px;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #303030;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 45%);
    line-height: 25px;
    z-index: 20;
}

.subinfotext {
    position: absolute;
    width: 100%;
    margin-top: 7px;
    font-size: 15px;
    font-weight: 500;
}

.infs4 {
    text-shadow: 0px 0px 6px #6b0a7c;
    color: #ce00f3;
}

.infs3 {
    text-shadow: 0px 0px 6px #7c540a;
    color: #f39200;
    font-size: 12px;
    margin-top: 9px;
}

.fadeitexp {
    opacity: 0;
}

.infs1 {
    text-shadow: 0px 0px 6px #051481;
    color: #0e42ff;
}

.infs5 {
    text-shadow: 0px 0px 6px #7c0a0a;
    color: #f30000;
}

.lockedsd::after {}

.lockitre::after {
    content: "\f00c";
    font-family: FontAwesome;
    color: #00c106;
    left: 0;
    margin-top: 0px;
    font-size: 29px;
    text-shadow: 0 0 7px black, 0 0 5px black;
}

.lockitre {
    z-index: 9;
    position: absolute;
    margin-top: 97px;
    margin-left: 59px;
}

.impressum {position: fixed;width: 100%;bottom: 0;height: 38px;z-index: 10;/* box-shadow: 0 0 10px 0px #f9f1a863; */border-style: solid;border-color: #f9f1a8;border-width: 1px 0px 0px 0px;background: radial-gradient(736px circle at top center, rgb(27 26 26) 50%, rgb(2 2 2));font-family: 'Poppins', sans-serif;}

.movebox {
    position: absolute;
}

.claimme {
    position: absolute;
    width: 70px;
    height: 35px;
    z-index: 0;
    border-radius: 5px;
    background: radial-gradient(90px circle at top center, rgb(45 185 9) -1%, rgb(14 14 14));
    color: #ffffff;
    font-weight: 600;
    font-size: 11px;
    line-height: 13px;
    text-shadow: 0 0 3px black;
    margin-left: 14px;
    margin-top: 4px;
    box-shadow: 0 0 5px 0px #3fbd20;
    border-color: #8d8d8d;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
}

span.slkex {
    font-weight: 700;
}

.giftbox.fadeit {
}

.darkbg {
    background-image: url(img/banneroff.png);
}

.insertbox {
    position: absolute;
    background-color: #ffffff0d;
    width: 80px;
    height: 46px;
    margin-top: 45px;
    margin-left: 8px;
    z-index: 0;
    transition: transform 0.3s, background-color 0.4s, height 0.3s, margin 0.4s;
    padding-top: 41px;
    border-style: dashed;
    border-color: #ffffff63;
    text-align: center;
    cursor: pointer;
    line-height: 30px;
    font-size: 15px;
}

.insertbox:hover {
    transform: scale(1.1);
    background-color: #0ffb0057;
}

span.plusround {
    font-size: 92px;
    line-height: 5px;
    color: #4e4c4c;
}

.rdsechoi.close {background: radial-gradient(90px circle at top center, rgb(100 104 18) 20%, rgb(0 0 0));}

.subrcase {
    padding: 90px 50px;
    margin: auto;
    width: fit-content;
}

.questcase {
    position: absolute;
    margin-left: -50px;
    margin-top: 114px;
    z-index: 20;
}

img.quest {
    width: 60px;
    -webkit-animation: heartbeat 1.5s ease-in-out infinite both;
    animation: heartbeat 1.5s ease-in-out infinite both;
}

input.nubercase {
    background: #383636;
    border-radius: 5px;
    padding: 3px;
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    text-shadow: 0px 1px 4px #010101, -6px -2px 8px #00000082;
    font-weight: 600;
    color: #cbcbcb;
    border-style: solid;
    border-width: 1px;
    width: 83px;
    margin-left: 7px;
}

input.reptsum {
    background: #383636;
    border-radius: 5px;
    padding: 3px;
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    text-shadow: 0px 1px 4px #010101, -6px -2px 8px #00000082;
    font-weight: 600;
    color: #cbcbcb;
    border-style: solid;
    border-width: 1px;
    width: 83px;
    margin-left: 7px;
}

input.reptexp {
    background: #383636;
    border-radius: 5px;
    padding: 3px;
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    text-shadow: 0px 1px 4px #010101, -6px -2px 8px #00000082;
    font-weight: 600;
    color: #cbcbcb;
    border-style: solid;
    border-width: 1px;
    width: 83px;
    margin-left: 7px;
}

select.reptexp {
    background: #383636;
    border-radius: 5px;
    padding: 3px;
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    text-shadow: 0px 1px 4px #010101, -6px -2px 8px #00000082;
    font-weight: 600;
    color: #cbcbcb;
    margin-left: 7px;
}
@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}


.rankneed {
    position: absolute;
    height: 18px;
    z-index: 2;
    padding: 0px 8px;
    border-radius: 5px;
    background: radial-gradient(90px circle at top center, rgb(60 62 60) -1%, rgb(14 14 14));
    color: #ffffff;
    font-weight: 600;
    font-size: 15px;
    line-height: 19px;
    text-shadow: 0 0 3px black;
    margin-top: 38px;
    right: 3px;
    box-shadow: 0 0 5px 0px #8d8d8d;
    border-color: #8d8d8d;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
}

.rngst5 {
    background: radial-gradient(90px circle at top center, rgb(157 1 1) -1%, rgb(14 14 14));
}

.rngst1 {
    background: radial-gradient(90px circle at top center, rgb(0 34 191) -1%, rgb(14 14 14));
}

.dancecat {
    transform: scale(1.3);
    margin-left: -16px;
}

.rngst6 {
    background: radial-gradient(90px circle at top center, rgb(241 220 0) -1%, rgb(14 14 14));
}

.milk {
    transform: scale(2.5);
}

.rngst3 {
    background: radial-gradient(90px circle at top center, rgb(255 151 0) -1%, rgb(14 14 14));
}

.shopwindow2 {
    min-height: 250px;
    height: auto;
    display: flow-root;
}

.piclott2 {
    margin-left: 80px;
    margin-top: -15px;
}

.newemote {
    font-size: 28px;
    line-height: 14px;
    color: #ddd;
    text-shadow: 0 0 7px black;
}

.rare4 {
    background-image: url(img/winem.png);
}

lottie-player {
}

.main {
}

.bbuy:hover {
    opacity: 1;
}

.fragmentscoast {
    background-image: url(img/fragment.png);
    width: 50px;
    height: 40px;
    position: absolute;
    /* float: left; */
    padding-left: 33px;
    background-repeat: no-repeat;
    font-size: 22px;
    background-size: contain;
    text-align: left;
    line-height: 56px;
    margin-top: -21px;
    left: -16px;
}

.fragmentscoast.profilfrg {
    right: unset;
    margin-left: 3px;
    width: 37px;
    height: 37px;
    padding-left: 45px;
    font-size: 29px;
    line-height: 57px;
    font-family: 'Poppins', sans-serif;
    margin-top: -8px;
    position: absolute;
    text-align: center;
    left: 0px;
}

.fullgemcoast {
    background-image: url(img/fullgem.png);
    width: 40px;
    height: 40px;
    position: absolute;
    padding-left: 25px;
    background-repeat: no-repeat;
    margin-top: 80px;
    font-size: 24px;
    background-size: contain;
}

.fullgemcoast.profilflg {
    margin-left: 2px;
    width: 35px;
    height: 35px;
    padding-left: 45px;
    font-size: 29px;
    line-height: 57px;
    font-family: 'Poppins', sans-serif;
    margin-top: -7px;
}

.ticketcoast {
    background-image: url(img/miloticket.png);
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0px;
    padding-left: 25px;
    background-repeat: no-repeat;
    margin-top: 80px;
    font-size: 24px;
    background-size: contain;
}

.ticketcoast.profiltkg {
    right: unset;
    margin-left: -4px;
    width: 40px;
    height: 40px;
    padding-left: 41px;
    font-size: 29px;
    line-height: 57px;
    font-family: 'Poppins', sans-serif;
    margin-top: -9px;
}

.subrcase.frames {
    position: absolute;
    width: 600px;
    top: -62px;
}

.selectframes {
    position: relative;
    width: 840px;
    margin-top: 60px;
    margin-left: 40px;
    height: 350px;
    overflow: auto;
}

.frameimg {
    float: left;
    width: 100px;
    cursor: pointer;
}

.frameimg img {
    width: 100%;
}

.frameimg:hover {
    transform: scale3d(1.1, 1.1, 1.1);
}

.newredeem:hover {
    transform: scale3d(1.1, 1.1, 1.1);
}

.qdcoast {
    background-image: url(img/qd.png);
    width: 45px;
    height: 40px;
    position: absolute;
    padding-left: 25px;
    background-repeat: no-repeat;
    font-size: 24px;
    background-size: 71px;
    margin-top: -4px;
    margin-left: -2px;
}

.profiltqd {
    right: unset;
    width: 50px;
    height: 50px;
    padding-left: 45px;
    font-size: 29px;
    line-height: 57px;
    font-family: 'Poppins', sans-serif;
    margin-top: -5px;
}

.profilttd {
    background-image: url(img/td.png);
    width: 40px;
    height: 40px;
    position: absolute;
    padding-left: 25px;
    background-repeat: no-repeat;
    margin-top: -3px;
    margin-left: 4px;
    font-size: 24px;
    background-size: contain;
}

.Tdcoast {
    right: unset;
    margin-left: 483px;
    width: 50px;
    height: 50px;
    padding-left: 45px;
    font-size: 29px;
    line-height: 57px;
    font-family: 'Poppins', sans-serif;
    margin-top: 17px;
}



img.qdfragm {
    width: 130px;
}

img.tdfragm {
    width: 130px;
}

.payfr {
    position: absolute;
    text-align: right;
    z-index: 11;
    padding: 0px 4px;
    border-radius: 5px;
    background: radial-gradient(90px circle at top center, rgb(0 212 0) -1%, rgb(14 14 14));
    color: #ffffff;
    font-weight: 600;
    font-size: 21px;
    line-height: 22px;
    text-shadow: 0 0 3px black;
    top: 57px;
    right: 3px;
    box-shadow: 0 0 5px 0px #8d8d8d;
    border-color: #8d8d8d;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    height: 40px;
    width: 52px;
}

.payfrinactiv {
    pointer-events: none;
    opacity: 0.2;
    background: radial-gradient(90px circle at top center, rgb(75 75 75) -1%, rgb(14 14 14));
}
.headcase {
    border-radius: 10px;
    width: 630px;
    height: 110px;
    background-color: #000000a8;
    float: left;
    margin: 20px;
    padding: 20px 160px 20px 20px;
    margin-bottom: 240px;
}

.indexwrapper {
    position: relative;
    width: 860px;
    margin: auto;
    font-family: 'Poppins', sans-serif;
    color: #e9e9e9;
    text-align: left;
}

.headerinfo {}

.headerinfo {
    position: absolute;
    font-family: 'Poppins', sans-serif;
    height: 380px;
    overflow: hidden;
    opacity: 0.6;
    width: 100%;
    border-style: solid;
    border-color: #868686;
    border-width: 2px 0px 2px 0px;
}

.indexcase {.headcase {
    border-radius: 10px;
    width: 380px;
    height: 250px;
    background-color: #ffffff2e;
    float: left;
    margin: 20px;
}

.indexwrapper {
    position: relative;
    width: 840px;
    margin: auto;
};
.headcase {
    border-radius: 10px;
    width: 380px;
    height: 250px;
    background-color: #ffffff2e;
    float: left;
    margin: 20px;
}

.indexwrapper {
    position: relative;
    width: 840px;
    margin: auto;
};
.headcase {
    border-radius: 10px;
    width: 380px;
    height: 250px;
    background-color: #ffffff2e;
    float: left;
    margin: 20px;
}

.indexwrapper {
    position: relative;
    width: 840px;
    margin: auto;
};
.headcase {
    border-radius: 10px;
    width: 380px;
    height: 250px;
    background-color: #ffffff2e;
    float: left;
    margin: 20px;
}

.indexwrapper {
    position: relative;
    width: 840px;
    margin: auto;
};
.headcase {
    border-radius: 10px;
    width: 380px;
    height: 250px;
    background-color: #ffffff2e;
    float: left;
    margin: 20px;
}

.indexwrapper {
    position: relative;
    width: 840px;
    margin: auto;
};
.headcase {
    border-radius: 10px;
    width: 380px;
    height: 250px;
    background-color: #ffffff2e;
    float: left;
    margin: 20px;
}

.indexwrapper {
    position: relative;
    width: 840px;
    margin: auto;
};
.headcase {
    border-radius: 10px;
    width: 380px;
    height: 250px;
    background-color: #ffffff2e;
    float: left;
    margin: 20px;
}

.indexwrapper {
    position: relative;
    width: 840px;
    margin: auto;
};
.headcase {
    border-radius: 10px;
    width: 380px;
    height: 250px;
    background-color: #ffffff2e;
    float: left;
    margin: 20px;
}

.indexwrapper {
    position: relative;
    width: 840px;
    margin: auto;
};
.headcase {
    border-radius: 10px;
    width: 380px;
    height: 250px;
    background-color: #ffffff2e;
    float: left;
    margin: 20px;
}

.indexwrapper {
    position: relative;
    width: 840px;
    margin: auto;
};
.headcase {
    border-radius: 10px;
    width: 380px;
    height: 250px;
    background-color: #ffffff2e;
    float: left;
    margin: 20px;
}

.indexwrapper {
    position: relative;
    width: 840px;
    margin: auto;
};
    border-radius: 10px;
    width: 350px;
    height: 191px;
    background-color: #00000096;
    float: left;
    margin: 20px;
    padding: 10px 20px;
    transition: transform 0.5s,box-shadow 0.4s,background-color 0.4s;
}

.titelheadm {
    font-size: 30px;
}

.titelhead {
    text-align: right;
    font-size: 30px;
    margin-bottom: 64px;
}

.boxim {
    position: absolute;
    margin-top: -241px;
    margin-left: -25px;
}

.boxim img {
    width: 200px;
    transition: transform 1.3s;
}

.boxim.slled {
    margin-top: -239px;
    margin-left: -20px;
}

.boxim.leads {
    margin-top: -236px;
    margin-left: -28px;
}

video#trailer {margin-top: -39px;}

.titelheadm a {
    color: #ff6613;
}

.titela {
    color: #1199ac !important;
}

.titleto {
    color: #d1d1d1;
    font-size: 17px;
}

.indexcase:hover {
    box-shadow: 0 0 7px 1px white;
    transform: scale(1.03);
    background-color: #1a1a1a96;
}

.indexcase:hover img {
    transform: scale(1.2);
}

.indexbox.vdbox {background-color: #000;width: 100%;height: 380px;position: absolute;}

.logocase {
    width: 1270px;
    margin: auto;
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    position: relative;
}

.loginbt {
    position: absolute;
    padding: 7px 18px;
    background-color: #00600c;
    right: 0px;
    font-size: 27px;
    line-height: 28px;
    border-radius: 5px;
    height: 26px;
    margin-top: 15px;
    color: #fff;
    font-weight: 500;
    box-shadow: 0 0 5px 0px black;
    letter-spacing: 1px;
}

.indexbox.infobox {
    /* height: 100%; */
}

.ifodexbox {
    margin-top: 170px;
}

.impressumcase {
    width: fit-content;
    margin: auto;
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    height: 100%;
}

.design {
    color: #424242;
    font-weight: 600;
    margin-left: 30px;
    line-height: 39px;
    width: fit-content;
}

img.jetons {
    position: absolute;
    width: 220px;
    margin-left: 607px;
    margin-top: -69px;
}

.indexbox.vdbox1 {background-color: #000;width: 100%;height: 380px;position: absolute;}

span.redeemem {}

.redeemem {
    background-image: linear-gradient(to bottom, #146400, #0e7207, #146400);
    box-shadow: hsl(0deg 0% 0%) -2px 2px 4px 0px;
    border-radius: 4px 4px 4px 4px;
    padding: 0px 9px;
    right: 10px;
    bottom: 35px;
    font-size: 19px;
    line-height: 20px;
    top: 32px;
    height: 21px;
    cursor: pointer;
    transition: transform 0.5s;
    color: #dddddd;
    right: 3px;
    margin-left: 10px;
    z-index: 5;
    position: absolute;
}

.buy2 {
    width: 237px;
}

.payshp2 {
    margin-top: 110px;
    text-align: center;
}

.tokenscoastr {
    background-image: url(img/token.png);
    /* width: 40px; */
    /* height: 40px; */
    /* position: absolute; */
    /* float: left; */
    padding-left: 25px;
    background-repeat: no-repeat;
    font-size: 24px;
    background-size: contain;
    text-align: left;
    margin: auto;
}

.buwrapper {
    width: fit-content;
    margin: auto;
}

.UsernameList.weeklun {
    margin-top: 13px;
    font-size: 29px;
}

.break4.weekb4 {
    /* background-image: url(img/break2.png); */
    background-color: #11283969;
}

.WalletList.totweek {
    color: #f0f0f0;
    margin-top: 8px;
}

.butcasesesbt {
    /* position: absolute; */
    padding: 7px 18px;
    background-color: #333533;
    right: 0px;
    font-size: 24px;
    line-height: 20px;
    border-radius: 5px;
    height: 20px;
    margin-top: 10px;
    color: #fff;
    font-weight: 500;
    box-shadow: 0 0 5px 0px black;
    letter-spacing: 1px;
    float: left;
    margin-left: 10px;
    ont-family: Georgia;
    font-weight: bold;
    text-shadow: 0 0 5px black;
    cursor: pointer;
    transition: transform 0.4s;
}

.butcase {padding-left: 19px;margin-bottom: 50px;}

.actlist {
    background-color: #ccc642;
}

.butcasesesbt:hover {
    transform: scale(0.9);
}

.rstmon {
    /* position: absolute; */
    padding: 7px 18px;
    background-color: #882116;
    right: 0px;
    font-size: 24px;
    line-height: 20px;
    border-radius: 5px;
    height: 20px;
    /* margin-top: 15px; */
    color: #fff;
    font-weight: 500;
    box-shadow: 0 0 5px 0px black;
    letter-spacing: 1px;
    float: right;
    margin-right: 40px;
    ont-family: Georgia;
    font-weight: bold;
    text-shadow: 0 0 5px black;
    cursor: pointer;
    transition: transform 0.4s;
}

.topmenu.topadmin {
    height: 34px;
    overflow: hidden;
    line-height: 36px;
    margin-top: 126px;
    /* position: relative; */
    width: 1270px;
}

.Userh {
    position: absolute;
    text-align: left;
    width: 250px;
    color: #e8e8e8;
    font-family: Georgia;
    font-weight: bold;
    font-size: 26px;
    margin-top: 25px;
    margin-left: 53px;
    text-shadow: 0 0 2px #0e0e0e, 1px 1px 3px #000000, 1px 1px 3px #000000, -2px -2px 4px #000000;
}

.results {
    position: absolute;
    text-align: left;
    width: 250px;
    color: #f8ba0b;
    font-family: Georgia;
    font-weight: bold;
    font-size: 35px;
    margin-top: 21px;
    margin-left: 450px;
    text-shadow: 0 0 2px #0e0e0e, 1px 1px 1px #f3f3f3;
}

.results.relose {
    color: #f80b0b;
}

.results.rebj {
    color: #f80bca;
}

.results.rewin {
    color: #73f80b;
}

.timeres {
    position: absolute;
    text-align: right;
    width: 290px;
    color: #f8ba0b;
    font-family: Georgia;
    font-weight: bold;
    font-size: 25px;
    margin-top: -28px;
    margin-left: 733px;
    text-shadow: 0 0 2px #0e0e0e, 1px 1px 1px #f3f3f3;
}

.sumres {
    osition: absolute;
    text-align: right;
    width: 290px;
    color: #f3f3f3;
    font-family: Georgia;
    font-weight: bold;
    font-size: 25px;
    margin-top: 25px;
    margin-left: 363px;
    text-shadow: 0 0 2px #0e0e0e, 1px 1px 1px #f3f3f3;
}

.claimsec.qdsel {
    margin-left: 411px;
    margin-top: 23px;
}

.claimsec.tdsel {
    margin-left: 411px;
    margin-top: 74px;
}

.claimsec.fragmsel {
    margin-left: 610px;
    margin-top: 23px;
    width: 100px;
}

.claimsec.fullgemsel {
    margin-left: 610px;
    margin-top: 74px;
    width: 100px;
}

.claimsec.ticketsel {
    margin-left: 610px;
    margin-top: 126px;
    width: 100px;
}

.claimsec.ldsel {
    /* margin-left: 411px; */
    /* margin-top: 126px; */
}

.profiltld {background-image: url(img/qd.png);width: 45px;height: 40px;position: absolute;padding-left: 25px;background-repeat: no-repeat;font-size: 24px;background-size: 71px;margin-top: -10px;margin-left: -17px;transform: scale(0.60);}

div#twitch-embed {
    margin-top: 75px;
}

#twitch-embed iframe {
    margin-top: 90px;
}

.subtab {
    width: 165px;
    height: 224px;
    background-color: #1818187d;
    box-shadow: inset 0 0 9px 0px black;
    border-radius: 15px;
    float: left;
    margin: 7px 21px 0px 0px;
    border-width: 2px;
    border-style: inset;
    border-color: #fbf6b0;
    position: relative;
    z-index: 2;
    transition: 0.6s;
    opacity: 0.4;
    transform: scale(0.9);
    cursor: pointer;
}

img.subp1 {
    width: 150px;
    margin-left: 2px;
    transition: transform 0.8s 0.1s;
}

.stitel {
    /* background-color: #47474757; */
    margin: 5px;
    border-radius: 5px;
    font-size: 21px;
    text-shadow: 0 0 4px black;
    padding-bottom: 2px;
    font-weight: 500;
    line-height: 21px;
    height: 42px;
    transition: 0.6s;
}

img.subp1.ls2 {
    width: 160px;
    margin-left: -2px;
    margin-top: -14px;
}

.tp2 {
    box-shadow: inset 0 0 9px 0px #0081ff !important;
    background-color: #181d3b7d !important;
}

.subtab:hover .subp1 {
    transform: scale(1.2);
}

.tp6 {
    margin-right: 0px;
    box-shadow: inset 0 0 9px 0px #717575 !important;
    background-color: #3033335c !important;
}

.tp3 {
    box-shadow: inset 0 0 9px 0px #00faff !important;
    background-color: #0451505c !important;
}

.stitel.hs1 {}

.stitel.hs1 {
    font-size: 21px;
}

.sect1 {
    margin-bottom: 20px;
    height: 450px;
}

.morebtn {
    position: absolute;
    bottom: 0px;
    text-align: center;
    font-weight: 700;
    width: 100%;
    background-color: #00000069;
    border-radius: 0px 0px 13px 13px;
    font-size: 26px;
    color: #fdd088;
    text-shadow: 0 0 6px black;
    padding-bottom: 3px;
    transition: 0.6s;
}

.subtab.fulltap {
    float: none;
    height: 43px;
    margin-bottom: 20px;
    font-size: 20px;
    width: 94%;
    line-height: 21px !important;
    padding: 5px 20px 5px 20px;
    line-height: 50px;
    font-weight: 500;
    text-shadow: 0 0 5px black;
    opacity: 1;
    transform: scale(1);
    cursor: default;
}

.tp5 {
    box-shadow: inset 0 0 9px 0px #ff00fc !important;
    background-color: #230226 !important;
}

.tp4 {
    a set of blank back casino jetons ticket high color-rendering: optimizeQuality;
    box-shadow: inset 0 0 9px 0px #ff0e0e !important;
    background-color: #7909095c !important;
}

.stitel.fw1 {
    height: 33px;
}

.subtab.ltp {}

.subtab2 {
    background-color: #8079797d;
    box-shadow: inset 0 0 9px 0px black;
    border-radius: 15px;
    float: left;
    margin: 7px 21px 0px 0px;
    border-width: 2px;
    border-style: inset;
    border-color: #fbf6b0;
    position: relative;
    z-index: 2;
    transition: 0.6s;
    opacity: 0.4;
    transform: scale(0.9);
    cursor: pointer;
}

.bigtap {
    width: 900px;
    margin-left: 110px;
    float: left;
    height: 260px;
    margin-top: 30px;
    padding: 0px;
    margin-bottom: 20px;
    opacity: 1;
    transform: scale(1);
}

.leftcast {}

.leftcast {
    width: 180px;
    background-color: #00000045;
    height: 240px;
    margin-left: 10px;
    margin-top: 10px;
    border-radius: 10px 0px 0px 10px;
    float: left;
    position: relative;
}

.midcast {
    float: left;
    width: 368px;
    background-color: #0000005e;
    height: 240px;
    margin: 10px;
    /* border-radius: 10px 0px 0px 10px; */
}

.bstitel {
    font-size: 26px;
    font-weight: 500;
    background-color: #2f2f2f87;
    margin-bottom: 7px;
}

.boost {
    width: 180px;
    height: 34px;
    border-radius: 5px;
    background: radial-gradient(90px circle at top center, rgb(41 41 41) 30%, rgb(0 0 0));
    color: #ffffff;
    font-weight: 600;
    font-size: 15px;
    line-height: 32px;
    text-shadow: 0 0 3px black;
    margin: 7px;
    box-shadow: 0 0 5px 0px #595a5b;
    border-color: #ffb20275;
    border-style: solid;
    border-width: 1px;
    /* cursor: pointer; */
    margin-left: 8px;
    float: left;
    cursor: pointer;
    position: relative;
    z-index: 1;
    transition: transform 0.3s;
}

.botit {
    width: 66%;
    float: left;
    text-align: center;
    /* padding-right: 3px; */
    font-weight: 500;
    line-height: 32px;
}

.boosum {
    text-align: left;
    color: #ff8f00;
    font-size: 20px;
    background-color: #ffffff1f;
    width: 31%;
    float: left;
    padding-left: 5px;
    height: 100%;
}

.bors {
    float: right;
    width: 150px;
}

.bors.boosum {
    width: 10%;
}

.bors .boosum {
    width: 13%;
    color: #11a429;
}

.bors .botit {
    width: 83.5%;
}

.incal {
    float: left;
    width: 195px;
}

.incar {
    float: left;
    width: 170px;
}

.rigtcast {
    float: left;
    width: 311px;
    background-color: #0000005e;
    height: 240px;
    margin: 10px 0px 0px 0px;
    border-radius: 0px 10px 10px 0px;
}

.rigtcast .bstitel {
    border-radius: 0px 10px 0px 0px;
}

.rigtcast .boost {
    width: 130px;
}

img.gifpics1 {
    width: 44px;
    position: absolute;
    left: 0px;
    top: -4px;
}

.oicbos {
    position: relative;
    width: 46px 
!important;
    text-align: center;
    padding-left: 40px;
    font-size: 23px;
    color: #29c40f;
}

.noak {
    opacity: 0.2;
    filter: grayscale(100%);
}

.infotap1 {
    position: absolute;
    z-index: 10;
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transform: translateX(80px);
}
.infotap2 {
    position: absolute;
    z-index: 10;
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
    transform: translateX(80px);
}

.infowind {
    width: 200px;
    background-color: #1c1c1c;
    border-radius: 10px;
    border-width: 2px;
    border-style: inset;
    border-color: #2fa3d0;
    font-size: 15px;
    font-weight: 500;
    padding: 92px 10px 10px 10px;
    text-shadow: 1px 1px 5px black,1px 1px 5px black;
    color: #acacac;
    box-shadow: 0 0 7px 5px black, inset 0 0 7px 5px black;
    position: absolute;
}

img.infopic {
    left: 40px;
    border-width: 1px;
    border-style: dotted;
    border-color: #44b100;
    width: 140px;
    -webkit-animation: fade-in 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: fade-in 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    position: absolute;
    top: 26px;
    z-index: 1;
}

.infowind span {
    font-size: 19px;
    color: #dfdfdf;
    font-weight: 700;
}

.infw1 {
    margin-left: 534px;
    margin-top: 311px;
}

.inftitel {
    position: absolute;
    font-size: 20px;
    color: #fff;
    top: 0px;
    background-color: #002e7887;
    padding: 3px 7px 2px 12px;
    left: 0px;
    border-radius: 8px 0px 0px 0px;
    box-shadow: inset 4px 5px 5px 0px black;
    line-height: 29px;
    z-index: 2;
}

.boost:hover {
    transform: scale(1.05);
    z-index: 11;
}

.infoonl {
    opacity: 1;
    transform: translateX(0px);
    z-index: 9;
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


.infosym {
    position: absolute;
    border-radius: 50%;
    border-color: #858585;
    border-style: solid;
    border-width: 1px;
    width: 18px;
    height: 18px;
    background-color: #535353;
    box-shadow: inset 0 0 5px 1px black;
    font-size: 17px;
    font-family: system-ui;
    line-height: 17px;
    right: -11px;
    top: -10px;
    color: #fff;
}

.infw2 {
    margin-left: 534px;
    margin-top: 350px;
}

.subcol {
    height: 316px;
    width: 100%;
    /* background-color: #fff; */
    overflow: hidden;
}

.movecol {}

.movecol {
    margin-top: -315px;
    transition: 0.6s;
}

.infosym.ifs2 {
    width: 24px;
    height: 25px;
    font-size: 23px;
    line-height: 21px;
    padding-left: 1px;
}

.subtab.tp3.tpoff {}

.tpon {
    opacity: 1;
    transform: scale(1);
    box-shadow: 0 0 9px 0px #0fff0e !important;
}

.subtab:hover {
    opacity: 1;
    transform: scale(1);
}

.gifttap:hover .lootpic {
    width: 150px;
    margin-left: -7px;
    -webkit-animation: vibrate-3 0.5s linear infinite both 1s;
    animation: vibrate-3 4.0s linear infinite both 1s;
    transition: 0.6s;
    margin-top: -47px;
}

.subtab:hover .infosym {
    background: #01720e;
    transform: scale(1.4);
    transition: 1s;
}



.boost:hover .infosym {
    background: #01720e;
    transform: scale(1.3);
    transition: 1s;
}

.infw3 {
    margin-left: 534px;
    margin-top: 331px;
}

.infowind.infw4 {
    margin-left: 700px;
    margin-top: 300px;
}

.infowind.infw5 {
    margin-left: 700px;
    margin-top: 350px;
}

.infowind.infw6 {
    margin-left: 700px;
    margin-top: 357px;
}

.infowind.infw13 {
    margin-left: 534px;
    margin-top: 331px;
}

.infowind.infw7 {
    margin-left: 849px;
    margin-top: 311px;
}

.infowind.infw8 {
    margin-left: 953px;
    margin-top: 316px;
}

.infowind.infw11 {
    margin-left: 1013px;
    margin-top: 356px;
}

.subsecov {
    overflow: hidden;
    width: 1270px;
    height: 660px;
    position: relative;
}

.infowind.infw12 {
    margin-left: 1013px;
    margin-top: 366px;
}

.infowind.infw10 {
    margin-left: 913px;
    margin-top: 356px;
}

.infowind.infw14 {
    margin-left: 810px;
    margin-top: 356px;
}

.infowind.infw16 {
    margin-left: 913px;
    margin-top: 376px;
}

.infowind.infw15 {
    margin-left: 810px;
    margin-top: 332px;
}

.subcos {
    font-size: 22px;
    font-weight: 500;
    text-shadow: 0 0 2px black;
    /* height: 20px; */
    bottom: -4px;
    position: absolute;
    width: 100%;
    color: #d3c080;
}

span.zuinf {
    font-size: 15px;
    color: #ff9800;
}

.infowind.infw17 {
    margin-left: 804px;
    margin-top: 366px;
}

.upgradesub:hover {
    transform: scale(1.1);
    background: #269102;
}

.claimcom {
    width: 60px;
    margin-left: 94px;
    line-height: 38px;
    font-size: 27px;
    margin-top: -2px;
}

.gifttap {
    width: 152px;
    height: 234px;
    background-color: #2a29297d;
    box-shadow: inset 0 0 9px 0px black;
    border-radius: 15px;
    float: left;
    margin: 7px 6px 0px 0px;
    border-width: 2px;
    border-style: inset;
    border-color: #fbf6b0;
    position: relative;
    z-index: 2;
    transform: scale(0.9);
    cursor: pointer;
    transition: 0.6s;
    position: unset;
    overflow: hidden;
}

img.lootpic {
    width: 140px;
    margin-top: -4px;
    transition: 0.6s;
    position: absolute;
    left: 7px;
}

.boosttab {
    background-color: #2a29297d;
    box-shadow: inset 0 0 9px 0px black;
    border-radius: 15px;
    float: left;
    margin-left: 170px;
    margin-right: auto;
    border-width: 2px;
    border-style: inset;
    border-color: #fbf6b0;
    position: relative;
    z-index: 2;
    transition: 0.6s;
    transform: scale(0.9);
    cursor: pointer;
    position: relative;
    height: 277px;
    /* max-width: 690px; */
    overflow: hidden;
}

.movecolg {
    width: 1130px;
    transition: 0.6s;
}

img.lootpic.lp2 {
    width: 180px;
    margin-top: -20px;
    -webkit-animation: vibrate-3 0.5s linear infinite both;
    animation: vibrate-3 4.0s linear infinite both;
}


.thecast {
    padding: 10px;
    /* width: 390px; */
}

.boost.gifbos {
    width: 45px;
    height: 30px;
    color: #23950d;
    font-size: 25px;
    line-height: 29px;
    padding-left: 35px;
    padding-right: 4px;
    margin-bottom: 9px;
}

img.gifpics2 {
    width: 48px;
    position: absolute;
    left: -5px;
    top: -6px;
}

.boost.tokbosb {
    height: 32px;
    width: 239px;
    margin-left: 7px;
    margin-right: 70px;
    font-size: 25px;
    line-height: 30px;
}
@-webkit-keyframes vibrate-3 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  10% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  20% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  30% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px);
  }
  50% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  70% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
  80% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  90% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes vibrate-3 {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  1% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-1px, -2px);
  }
  2% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  3% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
  4% {
    -webkit-transform: translate(2px, 2px);
    transform: translate(1px, 2px);
  }
  5% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -1px);
  }
  6% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  7% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
  8% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  9% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  10% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
100% {

  }
}




.infotap2 .infowind {
    margin-left: 863px;
    margin-top: 296px;
}

.subtap2:hover img {
    transform: scale(1.2);
}

.gifttap:hover {
    opacity: 1;
    transform: scale(1);
    background-color: #2a2727;
    width: 450px;
}

.gifttap:hover .infosym {
}

.subcolg {
    height: 266px;
    width: 100%;
    /* background-color: #fff; */
    overflow: hidden;
}

.movecolg .boosttab {
    margin-bottom: 56px;
}

.Ctitel {
    font-size: 22px;
    line-height: 21px;
}

.lasttap {
    margin-right: 0px;
    right: 110px;
}

.deli {
    visibility: hidden;
    width: 0px !important;
    padding: 0px;
    height: 0px !important;
    margin: 0px !important;
    border-width: 0px;
}

.boosttab.tap1b {
}

.boosttab.tap2b {
}

.maincast {
    width: 180px;
    background-color: #00000045;
    height: 240px;
    margin-left: 10px;
    margin-top: 10px;
    border-radius: 10px 0px 0px 10px;
    /* float: left; */
    /* position: relative; */
}

.checast {
    width: 530px;
    background-color: #00000045;
    height: 240px;
    margin-left: 29%;
    margin-top: 10px;
    border-radius: 10px 0px 0px 10px;
    /* float: left; */
    position: absolute;
}

.chestwrapp {
    width: 1269px;
    overflow: hidden;
    margin-left: -70px;
}

.chestmove {
    width: 1600px;
    margin-left: -310px;
    padding-left: 380px;
    transition: 0.6s;
}

.gifttap:hover .Ctitel {
    width: 290px;
    background: #161616;
    line-height: 28px;
    height: 28px;
    margin-left: 150px;
    text-wrap: nowrap;
}

.gifttap:hover .morebtn {
    opacity: 0;
}

.gbuy {
    bottom: 39px;
    margin-left: 13px;
    opacity: 0;
}

.gifttap:hover .gbuy {
    opacity: 1;
}

.subcos.ccoas {
    width: 180px;
    opacity: 0;
    transition: 0.6s;
    bottom: 67px;
}

.gifttap:hover .ccoas {
    opacity: 1;
}

.bostcase {
    position: relative;
    margin-left: 174px;
    min-width: 280px;
}

.gifttap.xlbo:hover {
    width: 492px;
}

.xlbo:hover .Ctitel {
    width: 336px;
}

.charmain.subssections.Giftsec {
    min-height: 260px;
}

.userstick {
    background: radial-gradient(736px circle at top center, rgb(27 26 26) 50%, rgb(2 2 2));
    position:fixed;
    top:0;
    width: 1269px;
    z-index:100;
    height: 40px;
    top: 142px;
    margin: auto;
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    justify-content: center;
    left: 0;
    right: 0;
    border-style: solid;
    border-color: #f9f1a8;
    border-width: 1px 0px 1px 0px;
    font-family: 'Poppins', sans-serif;
    color: #fff;
}

.claimsov {
    position: absolute;
    width: 300px;
    left: 260px;
    top: 0px;
    height: 40px;
    z-index: 100;
}

.profiltld.ldim {
    background-image: url(img/ld.png);
}

.profiltld.tdim {
    background-image: url(img/td.png);
}

.playercase .avatarcase {
    visibility: hidden;
}

.claimsov.cl2 {
    left: 560px;
}

.claimsec.prosec {
    width: 88px;
    overflow: hidden;
    position: absolute;
    z-index: 5;
}

.claimsec.prosec::after {
    content: "â–¶";
    position: absolute;
    height: 29px;
    width: 16px;
    background-color: #299800;
    right: 0;
    z-index: 10;
    top: 0;
    padding-left: 2px;
}

.claimsec.prosec:hover {
    width: 143px;
}

.bv1:hover {
    width: 190px !important;
}

.claimsec.prosec.bv2 {
    margin-left: 100px;
    z-index: 4;
}

.claimsec.prosec.bv3 {
    margin-left: 202px;
    z-index: 3;
}

.claimsov.cl3 {
    left: 1010px;
}

.shadowin {
    box-shadow: 0px 0px 20px 30px black;
    width: 100%;
    height: 72px;
    margin-top: 19px;
    position: absolute;
    background: radial-gradient(736px circle at top center, rgb(27 26 26) 50%, rgb(2 2 2));
    border-style: solid;
    border-color: #f9f1a8;
    border-width: 1px 0px 1px 0px;
}

.shadowbox {
    position: absolute;
    width: 1269px;
    height: 143px;
    overflow: hidden;
    /* visibility: hidden; */
    z-index: 99;
}

.playerspoints {
    text-align: right;
    float: left;
    width: 40px;
    padding-right: 5px;
}

.unameca {
    position: absolute;
    z-index: 100;
    left: 75px;
    top: 44px;
}

.profilebox {
    margin-top: 20px;
}

.claimdaily:hover {
    transform: scale(1.1);
}

.claimdaily.refdds:hover {
    transform: scale(0.6) !important;
}

.playerstatsinfo.tpo1 {height: 32px;width: auto;margin-top: 3px;line-height: 31px;padding-left: 10px;padding-right: 10px;margin-left: 16px;}

.playerstatsinfo.tpo1 .playerstatsinfotext {float: left;}

.playerstatsinfo.tpo1 .playerspoints {
    width: auto;
    margin-left: 8px;
}

.playerstopr {
    width: 500px;
    height: 43px;
    position: relative;
    left: 10px;
    top: -3px;
}

.charmain.tablesection {
    /* visibility: hidden; */
    height: 0px;
    min-height: auto;
}

.marg {
    height: 60px;
}

.animation {
    padding-right: 100px !important;
}

div#animation-container {}

.animation {
    padding-right: 100px;
}

div#animation {}

.bufrfr {
    top: 3px;
    z-index: 443;
}

.fbuy {
    height: 129px;
}

img.sframes {
    width: 120px;
    position: absolute;
    left: 0px;
    top: -11px;
}

.mystylesbuy {
    height: 72px;
    width: 86px;
    background-color: #134f0f;
    margin: 7px;
    box-shadow: 1px 3px 4px 2px #000000;
    border-radius: 5px;
    float: left;
    cursor: pointer;
    font-size: 26px;
    font-weight: 500;
    text-shadow: 0 0 5px black;
    line-height: 26px;
    padding-top: 14px;
    transition: 0.6s;
}

.givesub {
    transition: 0.6s;
    width: 130px;
    height: 25px;
    z-index: 10;
    border-radius: 5px;
    color: #dddddd;
    font-weight: 600;
    font-size: 21px;
    line-height: 23px;
    text-shadow: 0 0 8px black, 0 0 8px black;
    text-transform: uppercase;
    position: absolute;
    margin-top: 43px;
    box-shadow: 0 0 5px 0px #7a7a7a;
    border-color: #b09c51;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    margin-left: 24px;
}

.leftcast .subp1 {
    margin-top: -31px !important;
}

.gifsucase {
    background: radial-gradient(736px circle at top center, rgb(27 26 26) 50%, rgb(2 2 2));
    position: relative;
    /* top: 0; */
    min-width: 369px;
    width: fit-content;
    z-index: 100;
    height: 60px;
    margin: auto;
    margin-top: 6px;
    margin-bottom: 5px;
    /* display: -webkit-box; */
    /* -webkit-box-align: center; */
    /* -webkit-box-pack: center; */
    /* align-items: center; */
    /* justify-content: center; */
    line-height: 64px;
    font-size: 25px;
    border-style: solid;
    border-color: #f9f1a8;
    border-width: 1px 1px 1px 1px;
    border-radius: 8px;
    font-family: 'Poppins', sans-serif;
    color: #fff;
}

.gifsubc {background: radial-gradient(736px circle at top center, rgb(10 9 9) 50%, rgb(2 2 2));position: absolute;/* top: 0; */width: 1129px;z-index: 100;height: 350px;top: 52px;margin: auto;/* display: -webkit-box; *//* -webkit-box-align: center; *//* -webkit-box-pack: center; *//* align-items: center; *//* justify-content: center; */left: 0;right: 0;border-style: solid;border-color: #f9f1a8;border-width: 1px 1px 1px 1px;border-radius: 8px;font-family: 'Poppins', sans-serif;color: #fff;box-shadow: 0 0 14px 12px black;}

.gifsubcase {
    position: unset;
    text-align: center;
}

img.usernamepicserc.showup {
    width: 60px;
}

.gifstext1 {
    margin: auto;
    width: 510px;
    margin-top: 10px;
    margin-bottom: 0px;
    font-size: 25px;
}

.passsname {
    font-size: 25px;
    text-shadow: 0 0 4px black;
    padding-bottom: 2px;
    font-weight: 500;
}

img.subgi {
    /* width: 140px; */
    margin-top: -22px;
    height: 130px;
}

.passsamount {
    font-size: 25px;
    font-weight: 500;
    margin-top: -23px;
}

.passshow {
    width: 280px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 5px;
    margin-top: 12px;
}

.giftbutton {
    height: 22px;
    width: fit-content;
    background-color: #4f150f;
    padding-left: 10px;
    padding-right: 10px;
    box-shadow: 1px 3px 4px 2px #000000;
    border-radius: 5px;
    float: left;
    cursor: pointer;
    font-size: 26px;
    font-weight: 500;
    text-shadow: 0 0 5px black;
    line-height: 7px;
    padding-top: 14px;
    position: relative;
    margin-left: 410px;
    margin-top: 2px;
    transition: 0.6s;
}

.giftbuy {
    margin-left: 70px;
    background-color: #134f0f;
}
.paymantclose {
    float: left;
    position: absolute;
    right: 11px;
    height: 33px;
    float: left;
    color: #fff;
    background-color: #760404;
    box-shadow: 1px 1px 4px 0px black;
    border-radius: 5px;
    margin-top: 5px;
    padding-left: 1px;
    text-align: center;
    cursor: pointer;
    text-shadow: 0px 0px 2px black, 0px 0px 4px black;
    transition: margin-top 0.2s;
    width: 35px;
    line-height: 33px;
    font-size: 28px;
}

::placeholder {
    color: #e5a314 !important;
}

.giftcase {
    position: fixed;
    margin-top: 81px;
    width: 1200px;
    background-color: #131313f5;
    height: 450px;
    z-index: 500;
    transition: height 0.6s, opacity 1s;
    opacity: 1;
    margin: auto;
    display: -webkit-box;
    /* -webkit-box-align: center; */
    -webkit-box-pack: center;
    align-items: center;
    justify-content: center;
    left: 0;
    right: 0;
    margin-top: 200px;
    border-radius: 10px;
}

div#paypalbig {
    position: fixed;
    background-color: #000000eb;
    height: 100vw;
    width: 100vw;
    top: 0;
}

.mystylesbuy:hover {
    transform: scale(0.9);
    background-color: #615c5c;
}

.givesub:hover {
    transform: scale(1.1);
    background: #020791;
}

.giftbutton:hover {
    transform: scale(1.1);
}

.Seassona {
    position: absolute;
    color: #ff0a0a;
    right: 0px;
    top: 102px;
    z-index: 10;
    text-shadow: 0 0 4px black,0 0 4px black;
    background-color: #474747d9;
    padding: 0px 5px;
    border-radius: 0px 0px 0px 4px;
}

.fadeit .payfr {
    margin-top: -23px !important;
}

.givelbox {
    transition: 0.6s;
    width: 130px;
    height: 22px;
    z-index: 10;
    border-radius: 5px;
    background: radial-gradient(90px circle at top center, rgb(18 149 169 / 17%) 30%, rgb(237 237 237 / 12%));
    color: #dddddd;
    font-weight: 600;
    font-size: 17px;
    line-height: 22px;
    text-shadow: 0 0 8px black, 0 0 8px black;
    text-transform: uppercase;
    position: absolute;
    margin-top: 161px;
    box-shadow: 0 0 5px 0px #7a7a7a;
    border-color: #b09c51;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    margin-left: 22px;
    opacity: 0;
}

.gifttap:hover .givelbox {
    opacity: 1;
}

.newshow {
    background-color: #ed0000;
    width: 60px;
    position: absolute;
    height: 20px;
    z-index: 10;
    border-radius: 5px 0px 4px 0px;
    color: #fff;
    line-height: 19px;
}

.prevav {
    z-index: 0;
    top: 26px;
    left: 21px;
    /* background-color: #fff; */
    width: 80px;
    height: 80px;
}

.indexbox {
    position: relative;
}

.newshow.newemo {
    top: 31px;
    border-radius: 0px 0px 4px 0px;
    font-size: 20px;
}

a.twitli {
    color: #147ef0;
}