body, html { width:100%; box-sizing: border-box; font-family: 'Varela Round', sans-serif; font-weight:400;
  font-size:20px; color:#fff; margin:0; padding:0; border:0 !important;
  background: url('../images/background.jpg') repeat-x center top;
  background-color:#011223; }
  img { width:100%; height:auto; display:block; margin:0; padding:0; border:0 !important; }
  a, a:hover { text-decoration:none; border:none; cursor:pointer; color:#fff; }
  *, *:before, *:after { -ms-box-sizing: border-box; box-sizing: border-box; }
  span { display:block; }

/* Logos + badge */
.logos { position:relative; width:100%; height:50px; max-width:1195px; margin:0 auto; left:0; right:0; top:0; z-index:999; }
.logos-inner { width:250px; display:flex; justify-content:center; align-items:center; }
.casino-logo { width:100%; }
.badge { width:51%; margin-left:10px; }

/* Animations */
.sprite { position:absolute; width:590px; height:400px; top:0px; margin:0 auto; right:0; left:0; transform: scale(1, 1);
  background-image: url('../images/animation.png');
  animation: playX 0.7s steps(10) infinite,
             playY 5.6s steps(8) infinite; }
  @keyframes playX {
    from {background-position-x: 0px;}
    to {background-position-x: -5900px;}
  }
  @keyframes playY {
    from {background-position-y: 0px;}
    to {background-position-y: -3200px;}
  }
.pulse {
    transform: scale(1);
    animation: pulse 1.5s infinite; }
    @keyframes pulse {
      0% { transform: scale(0.9); }
      50% { transform: scale(1); }
      100% { transform: scale(0.9); }
    }
    .pulse:last-child { animation: pulse 2s 1s infinite; }

/* Design */
.banner { position:relative; width:100%; max-width:1650px; padding:0 20px !important; margin:0 !important; overflow:hidden; margin:0 auto !important;
 overflow:hidden; clear:both; }
.money { position:absolute; max-width:621px; margin:0 auto; left:0; right:0; top:120px; }
.title { position:relative; max-width:400px; margin:0 auto; left:0; right:0;  }
.cartooms { position:relative; right:0; left:0; margin:0 auto; left:0; right:0; top:-20px; max-width:834px; }

/* Jackpot */
.jackpot { width:100%; height:100%; margin:0 auto; padding:6px 0 20px 0; color:#fdf33e;
  text-align:center; background-image: url('../images/jackpot-bg.png'); background-position: left top;
  background-repeat: no-repeat; background-size: contain; }
.count { width:100%; font-size:24px; letter-spacing:0px; line-height:22px; }
.count::before {content:"$"; }
.tl { position:relative; margin:0 auto; color:#fff; font-size:13px; display:block; }
.tl-game { display:block; color:#fff; font-size:22px; padding:20px 0; font-weight: lighter !important;}

/* CTAs */
.cta { max-width:400px; width:100%; display:block; margin:0 auto; padding:0; min-height:72px; background: url('../images/play-now.png') no-repeat center/contain; }
.cta:hover { background-image: url('../images/play-now-over.png'); }

/* Paymethods */
.payments-box { padding:20px 10px; }
.pay-methods { width:100%; height:60px; }

/* Boxes */
.col-container { display:flex; width:100%; position:relative; padding:20px; }
.col { flex:1; margin:0 16px 0 0; text-align:center; position:relative; }
.col:last-child { margin-right:0; }

.benefits { max-width:1140px; margin:0 auto; position:relative;  }
.benefits p { padding:0 0 25px 65px; text-align:left; font-size:22px; }
.benefits .col { max-width:350px; overflow:hidden; }
em { color:#ffcb04; font-style: normal; }

/* Slider */
.games, .atrb { margin-bottom:20px; max-width:1042px; margin:0 auto; }
.games .col { overflow:hidden !important; position:relative; }

.atrb img { padding-top:7px; }
.atrb a { display:block; }

.steps { max-width:805px; margin:0 auto; padding-bottom:30px; }
.steps .col { position:relative !important; }

.pirate { position:absolute; bottom:-15px; right:-70px; max-width:113px; }
.agent { position:absolute; bottom:-15px; left:-50px; max-width:95px; }

.mbl { display:none !important; }


/* Footer */
.footer-box { width:100%; height:auto; }
.footer { position:absolute; top:35px;  display:none; padding:20px; width:100% !important; max-width:1020px;
  margin:0 auto; left:0; right:0; clear:both; }
.footer p { padding:5px 0; text-align:center; color:#c2c2c2; font-size:14px;  }
.content-feet { margin:20px auto 40px; overflow:hidden; }

.long-wrap { position:relative; padding:0 10px; }
.toggle { display:block; padding:9px 8px 10px 8px; width:180px; color:#fff; border:1px solid #2eb2ff; text-align:center;
font-size:16px; position:relative; margin:0 auto; }
.toggle:hover { border:1px solid #2eb2ff; background-color:#0b213d; }

/* Info */
.info { max-width:1000px; margin:0 auto; padding:0 20px; }
.info a { color:#ff1c5c; text-decoration:underline; }
.info a:hover { color:#2eb2ff; }
strong { color:#2eb2ff; }
h3 { text-align:center; margin:0 !important }
p { text-align:center; margin:0 auto !important; font-size:14px; font-weight:300; color:#c2c2c2;  }




/* Responsive */
@media screen and (max-width:1250px){
  .banner { padding:0px 20px 0px }
}
@media screen and (max-width:1000px){
  .benefits { display:block; max-width:450px; padding:20px 0 40px;  }
  .benefits .col { margin:0 0 20px 0; max-width:450px; overflow:hidden; display:flex;  }
  .jackpot { min-height:78px; padding:15px 0 20px 0;}
}
@media screen and (max-width:900px){
  .money { top:180px; }
  .steps { max-width:700px; }
  .steps a { display:block; padding-bottom:10px; }
  .logos { height:75px; display:flex; justify-content:center; align-items:center; }
  .logos-inner { position:relative; min-width:125px; }
}
@media screen and (max-width:750px){
  .sprite { transform-origin: left center;}
  .col-container { display:block; }
  .col { max-width:inherit; margin:0; }
  .games { display:none !important; }
  .atrb { max-width:400px; }
  .atrb a { padding-bottom:20px; }
  .steps { max-width:300px; }
  .pirate, .agent { display:none; }
}
@media screen and (max-width:620px){
  .payments-box { margin:0 auto; }
}
@media screen and (max-width:560px){
  .sprite { transform: scale(0.9, 0.9); }
  .mbl { display:block !important; }
  .dsk { display:none !important; }
}
@media screen and (max-width:490px){
  .sprite { transform: scale(0.7, 0.7); }
  .benefits { max-width:350px; padding:20px 0;  }
  .jackpot { padding:8px 0 0 20px;}
  .steps { max-width:250px; }
  .tl-game { font-size:20px; }
  .col-container { display:block; }
}
@media screen and (max-width:380px){
  .benefits { max-width:300px;  }
  .sprite { transform: scale(0.6, 0.6); }
}
@media screen and (max-width:360px){
  .tl-game { font-size:18px; }
}
@media screen and (max-width:299px){
  body { display:none; }
}