body {
	position:auto;
	 margin-bottom: auto;
  margin-top:auto;
   margin-left: auto;
  margin-right: auto;
  padding: 130px 0 130px;
  font-family: Impact, Charcoal, sans-serif;
}
#overlay {

    margin-left: auto;
  margin-right: auto;

  margin-bottom: auto;
  margin-top:auto;
  padding: 0 0 40px;
display:block;

  position:fixed;
  z-index:4;
 pointer-events:none;
}
svg {
  display: block;
  margin: auto;
}
.img-wrap {
    margin-left: auto;
  margin-right: auto;
  width: 100%;
  
  margin-bottom: auto;
  margin-top:auto;
  padding: 0 0 40px;
display:block;

  position:auto;
  z-index:1;
  
}

div > img {
    margin-left: auto;
  margin-right: auto;
  width: 100%;
  margin-bottom: auto;
  margin-top:auto;

display:block;

  position:auto;
  z-index:1;
}
.imgset {
    margin-left: auto;
  margin-right: auto;
  width: 1280px;
 
  margin-bottom: auto;
  margin-top:auto;
  padding: 0 0 39px;
display:block;

  position:auto;
  z-index:1;
}
#stage {
    margin-left: auto;
  margin-right: auto;
  width: 1000px;
  margin-bottom: auto;
  margin-top:auto;
  padding: 0 0 40px;
display:block;

  position:auto;
  z-index:1;

}

#aio {
  margin: 0 auto;
  width: 1000px;
  margin-top: 2%;
  padding: 0 0 40px;

  position:relative;
  z-index:5;

}
.ownedCoins {
  position: absolute;
  float: left;
  font-size: 24px;
  color: #011627;
  font-weight: 300;
  top: 14.0%;
  left: 22%; right: 20%;
}

#ownedCoins {
  color: #fff;
  text-shadow: 1px 1px 1px black;
  font-weight: 700;
  font-size: 32px;
}

.ownedBet {
  position: absolute;
  float: left;
  font-size: 24px;
  color: #011627;
  font-weight: 300;
  top: -9.8%;
  left: 18%; right: 20%;
}

#win {
  font-size: 24px;
}

.cHistory li {
  display: inline;
  margin-left: 38px;
}
#paytable {
	
    margin-left: auto;
  margin-right: auto;
  margin-bottom: auto;
  margin-top:auto;
  padding: 0 0 40px;


  position:fixed;
  z-index:6;
 pointer-events:none;
}
.myfunction {
	 text-shadow: 1px 1px 1px black;
  position:absolute;
	z-index:6;
  left: 77.5%;
  top: -20.5%;
  border: none;
  color: white;
 padding:14px 82px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 1px 2px;
  cursor: pointer;
  border-radius: 4px;
  background-image: url("img/table.png");
  background-position:-35px -36px;
  transition: .2s all;
}
.cHistory {
position:absolute;
  font-size: 20px;
  margin-top: -90px;
  padding-top: 10px;
  width: 500px;
  height: 50px;
top:-12%;
left:20%;
  padding-bottom: 0px;
  border-radius: 0 0 20px 20px;
  text-align: left;
  z-index:7;
}

.win {
	position:absolute;
  font-size: 26px;
  text-shadow: 1px 1px 1px black;
  color: #FFD700;
      top: 2%;
  left: 60%; right: 19.8%;
}

.dblOrNothing {
  position: absolute;
  float: right;
  font-size: 16px;
  text-shadow: 1px 1px 1px rgba(0,0,0,.5);
  color: #fff;
    top: -33.8%;
  left: 80%; 
}

#ownedBet {
  color: #fff;
  text-shadow: 1px 1px 1px black;
  font-weight: 700;
  font-size: 32px;
}
.imgover {


	z-index:3;
	
}

.imgback {
	right: 125px;
	margin-bottom:-1090px;
 position:relative;

  z-index:1;
 pointer-events:none;
}
#rotate {
  margin: 0 auto 0;
  width: 630px;
  height: 260px;
  padding-top: 150px;
  transform-style: preserve-3d;
  border: 20px solid rgba(66, 134, 244, 1);
  border-radius: 15px;
  /* Ensure that we're in 3D space */
  transform-style: preserve-3d;
}

.comenzi {

 
  width: 630px;
  height: 80px;
  padding-top: 30px;
  padding-bottom: 15px;
  border-radius: 0 0 20px 20px;
}

.ring {
  margin: 0 auto;
  height: 112px;
  width: 126px;
  float: left;
  transform-style: preserve-3d;

}
.slot {
  position: absolute;
  width: 126px;
  height: 112px;
  box-sizing: border-box;
  opacity: 1;
  color: rgba(0,0,0,1);
  background: #180024;
  border: solid 2px #000;
  -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
          backface-visibility: hidden;
}

.backface-on {
  -webkit-backface-visibility: visible;
     -moz-backface-visibility: visible;
          backface-visibility: visible;
}

.slot p {
  font-size: 36px;
  font-weight: bold;
  line-height: 112px;
  margin: 0;
  text-align: center;
}

.betUp:hover {
  background: #F37071;
}

.betUp {
  text-shadow: 1px 1px 1px black;
  position: absolute;
  left: 77.9%;
  top: -50.8%;
  border: none;
  color: white;
  padding: 6px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 8px;
  background: #F15152;
  transition: .2s all;
  z-index:4;
}

.AllIn:hover {
  background: #2F404E;
}

.AllIn {
  text-shadow: 1px 1px 1px black;
  position: absolute;
  left: 85.9%;
 top: -50.8%;
  border: none;
  color: white;
  padding: 6px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 8px;
  background: #011627;
  transition: .2s all;
}



.go:hover {
  background-image: url("img/butbg-hover.png");

}
.go {
  text-shadow: 1px 1px 1px black;
  position:absolute;
	
  left: 77.5%;
  top: 5.5%;
  border: none;
  color: white;
 padding:33px 82px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 1px 2px;
  cursor: pointer;
  border-radius: 4px;
  background-image: url("img/butbg.png");
  background-position:-35px;
  transition: .2s all;

}
label {
  cursor: pointer;
  display: inline-block;
  width: 45%;
  text-align: center;
}

.winner1 {
  background: #912CEE;
  border: 2px solid gold;
}
.winner2 {
  background: #FFD700;
  border: 2px solid gold;
  background-image: url("https://i.imgur.com/1bS67lm.gif");
}

.tilted {
  transform: rotateY(45deg);
}
/*=====*/
.spin-0     { transform: rotateX(-3719deg); }
.spin-1     { transform: rotateX(-3749deg); }
.spin-2     { transform: rotateX(-3779deg); }
.spin-3     { transform: rotateX(-3809deg); }
.spin-4     { transform: rotateX(-3839deg); }
.spin-5     { transform: rotateX(-3869deg); }
.spin-6     { transform: rotateX(-3899deg); }
.spin-7     { transform: rotateX(-3929deg); }
.spin-8     { transform: rotateX(-3959deg); }
.spin-9     { transform: rotateX(-3989deg); }
.spin-10    { transform: rotateX(-4019deg); }
.spin-11    { transform: rotateX(-4049deg); }
/*=====*/
@keyframes back-spin {
    /*0%    { transform: rotateX(0deg); }*/
    100%  { transform: rotateX(30deg); }
}
@keyframes tiltin {
    0%    { transform: rotateY(0deg);}
    50%   { transform: rotateY(0deg);}
    100%  { transform: rotateY(45deg);}
}
@keyframes tiltout {
    0%    { transform: rotateY(45deg);}
    100%  { transform: rotateY(0deg);}
}

@keyframes spin-0 {
    0%    { transform: rotateX(30deg); }
    100%  { transform: rotateX(-3719deg); }
}
@keyframes spin-1 {
    0%    { transform: rotateX(30deg); }
    100%  { transform: rotateX(-3749deg); }
}
@keyframes spin-2 {
    0%    { transform: rotateX(30deg); }
    100%  { transform: rotateX(-3779deg); }
}
@keyframes spin-3 {
    0%    { transform: rotateX(30deg); }
    100%  { transform: rotateX(-3809deg); }
}
@keyframes spin-4 {
    0%    { transform: rotateX(30deg); }
    100%  { transform: rotateX(-3839deg); }
}
@keyframes spin-5 {
    0%    { transform: rotateX(30deg); }
    100%  { transform: rotateX(-3869deg); }
}
@keyframes spin-6 {
    0%    { transform: rotateX(30deg); }
    100%  { transform: rotateX(-3899deg); }
}
@keyframes spin-7 {
    0%    { transform: rotateX(30deg); }
    100%  { transform: rotateX(-3929deg); }
}
@keyframes spin-8 {
    0%    { transform: rotateX(30deg); }
    100%  { transform: rotateX(-3959deg); }
}
@keyframes spin-9 {
    0%    { transform: rotateX(30deg); }
    100%  { transform: rotateX(-3989deg); }
}
@keyframes spin-10 {
    0%    { transform: rotateX(30deg); }
    100%  { transform: rotateX(-4019deg); }
}
@keyframes spin-11 {
    0%    { transform: rotateX(30deg); }
    100%  { transform: rotateX(-4049deg); }
}

input[type=checkbox] + label {
  display: block;
  margin: 0.2em;
  cursor: pointer;
  padding: 0.2em;
  color: #fff;
  font-size: 18px;
}
input[type=checkbox] {
  display: none;
}
input[type=checkbox] + label:before {
  content: "\2714";
  border: 0.1em solid #000;
  border-radius: 0.2em;
  display: inline-block;
  width: 1em;
  height: 1em;
  padding-left: 0.2em;
  padding-bottom: 0.3em;
  margin-right: 0.2em;
  vertical-align: bottom;
  color: transparent;
  transition: .2s;
}
input[type=checkbox] + label:active:before {
  transform: scale(0);
}
input[type=checkbox]:checked + label:before {
  background-color: MediumSeaGreen;
  border-color: MediumSeaGreen;
  color: #fff;
}
input[type=checkbox]:disabled + label:before {
  transform: scale(1);
  border-color: #aaa;
}
input[type=checkbox]:checked:disabled + label:before {
  transform: scale(1);
  background-color: #bfb;
  border-color: #bfb;
}