body{overflow-x: hidden; background-color: #000; text-align: center; padding:0; margin: 0; font-family: "SF Pro Text","SF Pro Icons",sans-serif; font-size: 12px; color: #5e7373; overflow-x: hidden;}


video {max-width: 1600px; width: 100%;margin-top: 45px; position: relative; z-index: 1;}

.logo { position: absolute; width: 100%;}
.logo img {width: 150px; margin-top: 20px;}


.container {max-width: 670px; margin: 0 auto; position: relative; z-index: 2; margin-top:-75px; }

.payments {
    margin-top: 50px;
}

.payments img {
    display: inline-block;
    margin: 15px;
}
.star.one {
    left: 120px;
    margin-top: -110px;
    position: absolute;
    animation: chipmove 5s;
    animation-iteration-count: infinite;
}



.star.two {
    left: 120px;
    margin-top: -110px;
    position: absolute;
    animation: slotmove 5s;
    animation-iteration-count: infinite;
}



.rocketman {
    left: -200px; margin-top: 100px; position: absolute;
      animation: rocketmove 5s;
  animation-iteration-count: infinite;

}


.slot.one{
    margin-left: -600px; margin-top: 500px; position: absolute;
          animation: slotmove 7s;
  animation-iteration-count: infinite;
}


.chip.one{
    margin-left: -425px; margin-top: 500px; position: absolute;
          animation: chipmove 7s;
  animation-iteration-count: infinite;
}


.chip.two{
    margin-left: -720px; margin-top: 600px; position: absolute;
          animation: chipmove_a 5s;
  animation-iteration-count: infinite;
}

.chip.three{
    margin-left: -420px; margin-top: 700px; position: absolute;
          animation: chipmove_b 9s;
  animation-iteration-count: infinite;
}


.video-bg {overflow-x: hidden; background: url(bg.jpg) center top no-repeat #000000; margin-top: -60px;}

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



body {  
  zoom: 0.8; 
    -moz-transform: scale(0.8); 
-ms-zoom: 0.8;
-webkit-zoom: 0.8;
-moz-transform:  scale(0.8,0.8);
-moz-transform-origin: top center;
  }

}





@media screen and (max-width: 1600px){
body {    margin-top: -30px;}

  .video-bg {background:transparent; }
    .container {margin-top:-50px;}
    body {background-color: #00050a;   
  zoom: 1; 
    -moz-transform: scale(1); 
-ms-zoom: 1;
-webkit-zoom:1;
-moz-transform:  scale(1,1);
-moz-transform-origin: top center;

}




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

.container {margin-top:-30px;}
.payments {
    margin-top: 30px;
}
}




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

.video-bg {margin-top: 0px;}

video {
    max-width: 1600px;
    width: 200%;
    margin-top: 26px;
    position: relative;
    z-index: 1;
    left: 50%;
    margin-left: -100%;
}

.container {margin-top:-40px;}


.payments {
    margin-top: 30px;
}

.btn {width: 50%;}

}




@media screen and (max-width: 500px){
.container {margin-top:-25px;}
.container {  
  zoom: 0.8; 
    -moz-transform: scale(0.8); 
-ms-zoom: 0.8;
-webkit-zoom: 0.8;
-moz-transform:  scale(0.8,0.8);
-moz-transform-origin: top center;
  }

.payments {
  zoom: 0.7; 
    -moz-transform: scale(0.7); 
-ms-zoom: 0.7;
-webkit-zoom: 0.7;
-moz-transform:  scale(0.7,0.7);
-moz-transform-origin: top center;
}

.container p {width: 80%; margin: 0 auto;}

}






@keyframes rocketmove {
  0% {top: 0px;}
  50% {top: 50px;}
  100%{top:0px;}
}


@keyframes slotmove {
  0% {top: 0px;}
  50% {top: -50px;}
  100%{top:0px;}
}


@keyframes chipmove {
  0% {top: 0px;}
  50% {top: -100px;}
  100%{top:0px;}
}


@keyframes chipmove_a {
  0% {top: 0px;}
  50% {top: -70px;}
  100%{top:0px;}
}

@keyframes chipmove_b {
  0% {top: 0px;}
  50% {top: -90px;}
  100%{top:0px;}
}