.shape-wraper {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100%;
	background:#000;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}
.jpWinText {
    position: fixed;
    left: 50%;
    bottom: 30px;
    transform: translate(-50%, -30px);
}
.shape-wraper:nth-child(1) {
    z-index: 10;
}

.shape-wraper:nth-child(2) {
    z-index: 7;
    -webkit-filter: drop-shadow(0.15vh 0.15vh #140500) drop-shadow(-0.15vh -0.15vh #140500);
            filter: drop-shadow(0.15vh 0.15vh #140500) drop-shadow(-0.15vh -0.15vh #140500);
}

.shape-wraper:nth-child(3) {
    z-index: 3;
    -webkit-filter: drop-shadow(0.15vh 0.15vh #140500) drop-shadow(-0.15vh -0.15vh #140500);
            filter: drop-shadow(0.15vh 0.15vh #140500) drop-shadow(-0.15vh -0.15vh #140500);
}

.shape-wraper:nth-child(4) {
    z-index: 1;
    -webkit-filter: drop-shadow(0.15vh 0.15vh #140500) drop-shadow(-0.15vh -0.15vh #140500);
            filter: drop-shadow(0.15vh 0.15vh #140500) drop-shadow(-0.15vh -0.15vh #140500);
}

.bg-shape {
    background-image: -o-linear-gradient(top, #140500 70%, #782f10);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(70%, #140500), to(#782f10));
    background-image: linear-gradient(to bottom, #140500 70%, #782f10);
    width: 80vh;
    height: 20vh;
    bottom: 0;
}

.bg-shape2 {
    background-image: -o-linear-gradient(top, #341205, #984933);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#341205), to(#984933));
    background-image: linear-gradient(to bottom, #341205, #984933);
    width: 81vh;
    height: 21vh;
    bottom: -0.5vh;
}

.bg-shape3 {
    background-image: -o-linear-gradient(top, #531904, #e89c53);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#531904), to(#e89c53));
    background-image: linear-gradient(to bottom, #531904, #e89c53);
    width: 83vh;
    height: 23vh;
    bottom: -1.5vh;
}

.bg-shape4 {
    background-image: -o-linear-gradient(top, #dd6117, #984933);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dd6117), to(#984933));
    background-image: linear-gradient(to bottom, #dd6117, #984933);
    width: 84vh;
    height: 24vh;
    bottom: -2vh;
}

.bg-shape,
.bg-shape2,
.bg-shape3,
.bg-shape4 {
    -webkit-clip-path: polygon(20% 10%, 15% 50%, 20% 100%, 80% 100%, 85% 50%, 80% 10%, 50% 0);
            clip-path: polygon(20% 10%, 15% 50%, 20% 100%, 80% 100%, 85% 50%, 80% 10%, 50% 0);
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    left: 50%;
    position: absolute;
}

.deposit-header {
    text-align: center;
    position: relative;
}
#deposit_block {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 3000;
    font-weight: bold;
    -webkit-transform: translateY(0%)!important;
        -ms-transform: translateY(0%)!important;
            transform: translateY(0%)!important;
    -webkit-transition: 3s;
    -o-transition: 3s;
    transition: 3s;
	background: rgb(0,0,0, 60%);
    backdrop-filter: blur(5px);
}

.amount-block::before {
    content: '';
    position: absolute;
    width: 2vh;
    height: 2vh;
    border-radius: 50%;
    bottom: -1vh;
    right: 10%;
    -webkit-transform: translateY(30%);
        -ms-transform: translateY(30%);
            transform: translateY(30%);
    background: #fff;
    -webkit-clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
            clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}

.deposit-wraper {
    position: absolute;
    height: 50vh;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.amount-block {
    position: relative;
    /* bottom: 0; */
    /* left: 50%; */
    margin: 0 auto;
    /* transform: translateX(-50%); */
    font-size: 10vh;
    background-image: -o-linear-gradient(top, #984933, #e2904d 35%, #ffc86c 75%, #f8c863 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#984933), color-stop(35%, #e2904d), color-stop(75%, #ffc86c), to(#f8c863));
    background-image: linear-gradient(to bottom, #984933, #e2904d 35%, #ffc86c 75%, #f8c863 100%);
    padding: 0.5vh;
    border-radius: 5px;
    font-family: sans-serif;
    color: #301d0c;
    text-shadow: 0 0.5vh #b48543;
    z-index: 50;
    /* margin: 10px 0; */
    /* width: 300px; */
    padding: 15px 85px;
    background-image: -o-linear-gradient(top, #282726 3%, #bd8b5a 5%, #ce8a4e 11%, #feffbd 14%, #feffbd 40%, #d9a863 50%, #8d491b 65%, #663a25 90%, #221925 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(3%, #282726), color-stop(5%, #bd8b5a), color-stop(11%, #ce8a4e), color-stop(14%, #feffbd), color-stop(40%, #feffbd), color-stop(50%, #d9a863), color-stop(65%, #8d491b), color-stop(90%, #663a25), to(#221925));
    background-image: linear-gradient(to bottom, #282726 3%, #bd8b5a 5%, #ce8a4e 11%, #feffbd 14%, #feffbd 40%, #d9a863 50%, #8d491b 65%, #663a25 90%, #221925 100%);
    -webkit-box-shadow: inset 0 0 0 4px #853a1f, inset 0 0 10px 7px #000000, 0 0 0 4px #f8c863;
            box-shadow: inset 0 0 0 4px #853a1f, inset 0 0 10px 7px #000000, 0 0 0 4px #f8c863;
    border-radius: 13px;
}

.user-name {
    width: 100%;
    font-size: 15vh;
    position: absolute;
    bottom: 3vh;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    z-index: 100;
    background-image: -o-linear-gradient(bottom, #f7eb95, #d59f52, #7c2b00, #ce8b3d);
    background-image: -webkit-gradient(linear, left bottom, left top, from(#f7eb95), color-stop(#d59f52), color-stop(#7c2b00), to(#ce8b3d));
    background-image: linear-gradient(to top, #f7eb95, #d59f52, #7c2b00, #ce8b3d);
}

.user-name:nth-child(1) {
    -webkit-transform: translateX(-50%) translateZ(0);
            transform: translateX(-50%) translateZ(0);
}

.user-name:nth-child(2) {
    -webkit-transform: translateX(-50%) translateZ(0.15vh);
            transform: translateX(-50%) translateZ(0.15vh);
}

.user-name:nth-child(3) {
    -webkit-transform: translateX(-50%) translateZ(0.3vh);
            transform: translateX(-50%) translateZ(0.3vh);
}

.user-name:nth-child(4) {
    -webkit-transform: translateX(-50%) translateZ(0.45vh);
            transform: translateX(-50%) translateZ(0.45vh);
}

.user-name:nth-child(5) {
    -webkit-transform: translateX(-50%) translateZ(0.6vh);
            transform: translateX(-50%) translateZ(0.6vh);
}

.user-name:nth-child(6) {
    -webkit-transform: translateX(-50%) translateZ(0.75vh);
            transform: translateX(-50%) translateZ(0.75vh);
}

.user-name:nth-child(7) {
    -webkit-transform: translateX(-50%) translateZ(0.9vh);
            transform: translateX(-50%) translateZ(0.9vh);
}

.user-name:nth-child(8) {
    -webkit-transform: translateX(-50%) translateZ(1.05vh);
            transform: translateX(-50%) translateZ(1.05vh);
}

.user-name:nth-child(9) {
    -webkit-transform: translateX(-50%) translateZ(1.2vh);
            transform: translateX(-50%) translateZ(1.2vh);
}

.user-name:nth-child(10) {
    -webkit-transform: translateX(-50%) translateZ(1.35vh);
            transform: translateX(-50%) translateZ(1.35vh);
}

.user-name:nth-child(11) {
    -webkit-transform: translateX(-50%) translateZ(1.50vh);
            transform: translateX(-50%) translateZ(1.50vh);
}

.user-name:nth-child(12) {
    -webkit-transform: translateX(-50%) translateZ(1.75vh);
            transform: translateX(-50%) translateZ(1.75vh);
}

.user-name:nth-child(13) {
    -webkit-transform: translateX(-50%) translateZ(1.9vh);
            transform: translateX(-50%) translateZ(1.9vh);
}

.user-name:nth-child(14) {
    -webkit-transform: translateX(-50%) translateZ(2.05vh);
            transform: translateX(-50%) translateZ(2.05vh);
}

.user-name:nth-child(15) {
    -webkit-transform: translateX(-50%) translateZ(2.3vh);
            transform: translateX(-50%) translateZ(2.3vh);
    background-image: -o-linear-gradient(top, #f8f7eb 20%, #f7eb95, #d59f52, #7c2b00, #ce8b3d 80%, #cb893a);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f8f7eb), color-stop(#f7eb95), color-stop(#d59f52), color-stop(#7c2b00), color-stop(80%, #ce8b3d), to(#cb893a));
    background-image: linear-gradient(to bottom, #f8f7eb 20%, #f7eb95, #d59f52, #7c2b00, #ce8b3d 80%, #cb893a);
}

#date_time,
#deposit_from {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(50%);
        -ms-transform: translateX(-50%) translateY(50%);
            transform: translateX(-50%) translateY(50%);
    z-index: 15;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.country-and-date {
    z-index: 15;
    position: relative;
    -webkit-filter: drop-shadow(0 0 1vh #140500);
            filter: drop-shadow(0 0 1vh #140500);
}

#date_time {
    top: -2vh;
    font-size: 3vh;
    background-image: -o-linear-gradient(top, #efefc0 50%, #b06635 50%, #803019, #1d140d);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #efefc0), color-stop(50%, #b06635), color-stop(#803019), to(#1d140d));
    background-image: linear-gradient(to bottom, #efefc0 50%, #b06635 50%, #803019, #1d140d);
    -webkit-filter: drop-shadow(-0.2vh 0.2vh #b06635) drop-shadow(0.4vh -0.4vh #140500);
            filter: drop-shadow(-0.2vh 0.2vh #b06635) drop-shadow(0.4vh -0.4vh #140500);
}

#deposit_from {
    font-size: 5vh;
    top: -1.5vh;
    background-image: -o-linear-gradient(top, #eac77d 50%, #bb6d2f 50%, #4f1b14, #1d140d);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eac77d), color-stop(50%, #bb6d2f), color-stop(#4f1b14), to(#1d140d));
    background-image: linear-gradient(to bottom, #eac77d 50%, #bb6d2f 50%, #4f1b14, #1d140d);
    -webkit-filter: drop-shadow(-0.2vh 0.2vh #bb6d2f);
            filter: drop-shadow(-0.2vh 0.2vh #bb6d2f);
}

.name-shadow {
    -webkit-transition-delay: 3s;
         -o-transition-delay: 3s;
            transition-delay: 3s;
    height: 24vh;
    position: relative;
    z-index: 100;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    
    -webkit-perspective: 50px;
            perspective: 50px;
    -webkit-transition: 3s;
    -o-transition: 3s;
    transition: 3s;
    -webkit-animation: perspective 2s infinite;
            animation: perspective 2s infinite;
}

.amount-block::after {
    content: '';
    width: 18%;
    height: 7%;
    position: absolute;
    top: 5%;
    right: 25%;
    background-image: -o-radial-gradient(70% 50%, ellipse, #a7d8a8 10%, rgba(169, 142, 103, 0) 50%), -o-radial-gradient(10% 50%, ellipse, rgba(255, 255, 255, 0.5) 1%, rgba(244, 215, 143, 0) 10%);
    background-image: radial-gradient(ellipse at 70% 50%, #a7d8a8 10%, rgba(169, 142, 103, 0) 50%), radial-gradient(ellipse at 10% 50%, rgba(255, 255, 255, 0.5) 1%, rgba(244, 215, 143, 0) 10%);
}

.foreground-light {
    position: absolute;
    width: calc(100% - 1vh);
    height: calc(100% - 1vh);
    top: 0.5vh;
    left: 0.5vh;
    background: rgba(255, 255, 255, 0.2);
    -webkit-clip-path: polygon(0 0, 0 100%, -10% 100%, 100% 10%, 100% 0);
            clip-path: polygon(0 0, 0 100%, -10% 100%, 100% 10%, 100% 0);
    pointer-events: none;
    border-radius: 9px;
}

/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.26, autoprefixer: v9.7.3) */

.bright-bg{
  position: absolute;
  height: 90vh;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  width: 90vh;
}
.super-star, .radial-bg{
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.super-star{
  background-image: -o-radial-gradient(center, circle, #fce053 0%, transparent 70%, transparent 100%);
  background-image: radial-gradient(circle at center, #fce053 0%, transparent 70%, transparent 100%);
  /* clip-path: polygon(53% 50%, 50% 10%, 47% 30%, 37% 0, 40% 40%, 30% 10%, 40% 30%, 30% 20%, 50% 47%, 0 50%, 50% 40%, ); */
  -webkit-clip-path: polygon(83% 4%, 59% 40%, 56% 2%, 52% 40%, 35% 0%, 43% 45%, 22% 20%, 35% 47%, 2% 50%, 37% 57%, 10% 94%, 44% 66%, 46% 98%, 53% 58%, 66% 98%, 64% 64%, 82% 95%, 70% 57%, 98% 59%, 65% 51%, 92% 36%, 65% 44%);
          clip-path: polygon(83% 4%, 59% 40%, 56% 2%, 52% 40%, 35% 0%, 43% 45%, 22% 20%, 35% 47%, 2% 50%, 37% 57%, 10% 94%, 44% 66%, 46% 98%, 53% 58%, 66% 98%, 64% 64%, 82% 95%, 70% 57%, 98% 59%, 65% 51%, 92% 36%, 65% 44%);
}
.radial-bg{
  background:-o-radial-gradient(center, circle, #a05410 0%, transparent 70%, transparent 100%);
  background:radial-gradient(circle at center, #a05410 0%, transparent 70%, transparent 100%);
  border-radius: 50%;
}

@-webkit-keyframes perspective{
  0%{
    -webkit-perspective: 50px;
            perspective: 50px;
  }
  50%{
    -webkit-perspective: 1200px;
            perspective: 1200px;
  }
  100%{
    -webkit-perspective: 50px;
            perspective: 50px;
  }
}

@keyframes perspective{
  0%{
    -webkit-perspective: 50px;
            perspective: 50px;
  }
  50%{
    -webkit-perspective: 1200px;
            perspective: 1200px;
  }
  100%{
    -webkit-perspective: 50px;
            perspective: 50px;
  }
}