body, html { width:100%; box-sizing: border-box; font-family: 'Barlow Condensed', sans-serif; font-weight:400;
  font-size:22px; color:#fff; margin:0px; padding:0px; border:0 !important;
  background-image: url('../images/city.jpg');
  background-position:center top;
  background-repeat:repeat-x;
  background-color:#100024; }
  img { width:100%; height:auto; display:block; margin:0px; padding:0px; border:0 !important; }
  a, a:hover { text-decoration:none; border:none; cursor:pointer; }
  *, *:before, *:after { -ms-box-sizing: border-box; box-sizing: border-box; }
  p { width:100%; text-align:center; margin:0 auto !important; }
  h1 { font-size:60px; line-height:50px; color:#dc37ff; margin:3px 0 5px !important; font-weight:600;
  background: -webkit-linear-gradient(#d637ff, #8c38fe);
  background: -o-linear-gradient(#d637ff, #8c38fe);
  background: -moz-linear-gradient(#d637ff, #8c38fe);
  background-image: linear-gradient(#d637ff, #8c38fe);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent; }
  h2, h3 { font-size:28px; color:#74ffff; margin:0 !important; font-weight:400; }
  span { display:block; }

/* Animations */
.sprite { position:absolute; width:630px; height:420px; top:110px; margin:0 auto; right:0px; transform: scale(1, 1);
  background-image: url('../images/animation.png');
  animation: playX 1s steps(10) infinite,
             playY 8s steps(8) infinite; }
  @keyframes playX {
    from {background-position-x: 0px;}
    to {background-position-x: -6300px;}
  }
  @keyframes playY {
    from {background-position-y: 0px;}
    to {background-position-y: -3360px;}
  }

.pulse {
    transform: scale(1);
    animation: pulse 2s infinite; }
    @keyframes pulse {
      0% { transform: scale(0.95); }
      50% { transform: scale(1.05); }
      100% { transform: scale(0.95); }
    }
    .pulse:last-child { animation: pulse 2s 1s infinite; }

/* Top */
.top { position:absolute; max-width:1195px; width:100%; margin:0 auto; left:0; right:0; height:58px; }
.logo { position:absolute; left:0; width:183px; max-height:90px; }
ul { list-style-type:none; margin:0; padding:0; width:310px; position:absolute; top:7px; right:0; overflow:hidden; }
li { margin-right:10px; float:left; }
li a { display:block; width:134px; height:43px; padding-top:7px; margin-right:7px; border-radius:5px;
  font-size:20px; text-align:center; color:#fff; border:1px solid #009eff; }
li a:hover { color:#fff; background-color:#de1b8f;  }
li:last-child a { background-color:#009eff; }
li:last-child a:hover { background-color:#de1b8f; color:#fff; }

/* Design */
.banner { position:relative; width:100%; max-width:1650px; padding:9px 20px 63px; overflow:hidden; margin:0 auto !important;
background:url('../images/podium.png') center bottom no-repeat; overflow:hidden; }

.title, .welcome { position:relative; max-width:523px; margin:0 auto; left:0; right:0;  }
.girl { position:absolute; right:63%; margin:0 auto; top:130px; max-width:286px; }


.deposit-txt{font-size: 16px; padding: 10px;}


/* Jackpot */
.jackpot { display:flex; width:100%; max-width:418px; height:101px; margin:0 auto; padding:15px 15px 0 0; color:#fdf33e;
  font-size:36px; letter-spacing:10px; font-weight:600; text-align:right; background:url('../images/jackpot-bg.png') left center no-repeat #1e0039;
  border:12px solid #540681; border-radius:50px;  }
.count::before {content:"$"; }
.count { width:100%; font-weight:600; }
.playnow { display:block; position:relative; width:200px; height:40px; padding-top:6px; top:10px; margin:0 auto; background-color:#009eff; border-radius:25px; text-align:center; color:#fff; }
.playnow:hover { background-color:#de1b8f;  }
.tl { position:relative; margin:0 auto 5px auto; left:0; right:0; }
.tl-game { color:#fff; font-size:36px; padding-bottom:25px; }

/* CTAs */
.ctas { max-width:900px; margin:0 auto; padding:0; min-height:93px; font-size:22px; line-height:22px; }
.ctas a { flex:1; display:table; margin:0 10px 0 0; max-width:460px; min-height:93px;
transition:.3s ease-in-out; -webkit-transition:.3s ease-in-out; }
.ctas a:last-child { margin:0 auto; }
.ctas a:hover { background:url('../images/light.png') center center/cover no-repeat; }

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

/* MODAL */
.modal { background-color:rgba(18,0,40,.8); position:fixed; top:0; right:0; bottom:0; left:0;
  opacity:0; pointer-events:none; transition: all 1s; padding:0 20px; }
.modal-contenido { width:100%; max-width:414px; padding:20px 20px 40px; margin:10% auto; position:relative; border-radius:20px; text-align:center;
  border:2px solid #74ffff; background: rgb(45,12,85); background: linear-gradient(180deg, rgba(45,12,85,1) 0%, rgba(137,53,242,1) 100%); }
.modal-contenido .col { margin:0 !important; font-size:25px; }
.modal-contenido .col-container { padding:0; }
.modal-contenido p { color:#000; font-size:18px; padding:8px 0 15px 0; }
.modal-contenido a { color:#fb1354; }
.modal-contenido a.close:hover { background-color:#00fafe; border:2px solid #00fafe; color:#ff222e; }
.modal-contenido a.close { position:absolute; width:50px; border:2px solid #ff222e; height:50px; border-radius:30px; color:#00fafe; background-color:#ff222e;
  right:-45px; top:-45px; margin:0 auto; font-size:16px; }
.modal-contenido img { max-width:350px; margin:0 auto; }
.modal-contenido span { background-color:#501c91; color:#68c5ff; padding:10px 0; border-radius: 5px 0px 0px 5px;
display:table; height:50px; }
button.go { border-radius:0px 5px 5px 0px; font-size:24px !important; display:table; font-family: 'Barlow Condensed', sans-serif; font-weight:400;}
.go { border-radius:30px; border:none; font-size:30px; min-width:150px; height:50px; text-align:center;
  cursor:pointer; outline:none; background-color:#fb1354; color:#fff !important; }
a.go { padding:4px 25px; display:block; width:70%; margin:20px auto 0; border:2px solid #74ffff; position:absolute; left:0; right:0; bottom:-25px;  }
.go:hover { background-color:#d71e52; }

.click { display:table-cell; vertical-align:middle; text-align:center !important; }

#miModal1:target, #miModal2:target { opacity:1; pointer-events:auto; z-index:999; }

.benefits { max-width:1190px; padding:20px 20px 20px 40px; margin:0 auto; position:relative; }
.benefits p { padding:0 0 25px 65px; text-align:left; font-size:22px; }
.benefits .col { max-width:224px; }
.benefits .pot { max-width:450px !important; }
em { color:#ffcb04; font-style: normal; }

.sponsors { max-width:850px; margin:0 auto; padding:0 20px 40px 0; }
.spacer, .spacer2 { display:none; }

/* Slider */
.games { margin-bottom:20px; max-width:1000px; margin:0 auto; padding:020px; }
.games .col { overflow:hidden !important; position:relative; border-radius:10px; border:2px solid #3d177a; }
.games .col:hover { border:2px solid #009eff; }
.mySlides { display:none; border-radius:10px; overflow: hidden; }
.mySlides img { vertical-align:middle; width:100%; }
.slideshow-container { max-width:400px; position:relative; margin:auto; display:none; }
.dots { text-align:center; position:relative; z-index:997; }
.dot { display:none !important; height:15px; width:15px; margin:0 2px 50px; background-color:#64449b; border-radius:50%; transition: background-color 0.6s ease; }
.active { background-color: #009eff; }
.fade { -webkit-animation-name:fade; -webkit-animation-duration:1.5s; animation-name:fade; animation-duration:1.5s; }
@-webkit-keyframes fade {
  from {opacity: .4} to {opacity: 1}
}
@keyframes fade {
  from {opacity: .4} to {opacity: 1}
}

/* Coins */
.gradient { background:rgb(29,7,85); background: linear-gradient(0deg, rgba(29,7,85,1) 0%, rgba(16,0,36,1) 100%); position:relative; padding-bottom:100px; }
.left { position:absolute; left:0; bottom:0; max-width:395px; }
.right { position:absolute; right:0; bottom:0; max-width:450px; }

/* Footer */
.footer { position:relative; top:-1px; color:#999; display:none; padding:20px; width:100% !important; max-width:1220px; font-size:14px;
  margin:0 auto; clear:both; }
.footer p { padding:5px 0; text-align: left; }
.content { max-width:1220px; margin:20px auto 40px auto; overflow:hidden; }

strong { color:#009eff !important; }

.long-wrap { position:relative; padding-top:15px; }
.toggle { display:block; padding:9px 8px 10px 8px; width:200px; color:#fff; border:1px solid #009eff; text-align:center;
font-size:18px; position:relative; }
.toggle:hover { border:1px solid #de1b8f; color:#de1b8f; }

.pay-methods { width:270px; float:right; max-height:55px; }

.show { display:none; }

/* Responsive */
@media screen and (max-width:1550px){
  .welcome { max-width:400px; }
}
@media screen and (max-width:1425px){
  .sprite { right:-100px; }
}
@media screen and (max-width:1250px){
  body, html { background-size:115%; }
  .banner { background-position: center 260px; background-size:37%; padding:10px 20px 0px }
  .elastic { height:200px; }
  .sprite { transform: scale(0.6, 0.6); left:200px; top:160px; }
  .girl { transform: scale(0.6, 0.6); right:0px; left:-260px; top:185px; }
  .logo { left:20px; }
  .content { margin:20px 20px 40px 20px; }
  .left { max-width:295px; }
  .right { max-width:350px; }
}
@media screen and (max-width:1175px){
  .jackpot { background-image:none; text-align:center; padding:15px 0 0 0; }
}
@media screen and (max-width:1070px){
  body, html { background-size:120%; }
  .jackpot { font-size:32px; letter-spacing:4px; border:7px solid #540681; height:85px; }
}
@media screen and (max-width:990px){
  .top { position:relative; }
  .sprite { top:210px; }
  .girl { top:235px; }
  .banner { background-position: center 280px; background-size:55%; }
}
@media screen and (max-width:880px){
  body, html { background-size:135%; }
  .col-container:not(.ctas, .thumb, .sponsors ) { display:block; }
  .benefits { max-width:450px; padding:0; }
  .benefits .hide { display:none !important; }
  .benefits .show { display:block !important; }
  .benefits .col { padding:30px; margin:0; max-width:450%; }
  .jackpot { background:url('../images/jackpot-bg.png') left center no-repeat; text-align: right; font-size:36px; padding:12px 20px 0 0;  max-width:350px; }
}
@media screen and (max-width:815px){
  .ctas a {  display:inherit; height:auto; text-align:center; }
  .click { display:block; margin:0 auto;  }
}
@media screen and (max-width:800px){
  .click { display: table-cell; }
}
@media screen and (max-width:650px){
  .col-container { display:block; }
  .col { margin:0 auto; max-width: inherit;}
  .sponsors { padding:0 0 40px; max-width:500px; }
  .sponsors .col { max-width:150px; padding:0; display:inline-block !important; }
  .spacer { display:block; width:80px !important; }
  .modal-contenido .col { margin:0 auto; width:100%; }
  .modal-contenido span { border-radius: 5px 5px 0px 0px; }
  .games { display:none !important; }
  .slideshow-container { display:inherit !important; padding:0 20px; }
  .dot { display:inline-block !important; }
  button.go { border-radius:0px 0px 5px 5px; }
  .ctas a { width:100%; margin:0 auto; display:table; }
  img.rollover:hover { opacity:0; }
  .intro { padding:0px 0 20px 0; }
  .banner { background-position: center 330px; background-size:65%; }
}
@media screen and (max-width:610px){
  .girl { display:none; }
  .sprite { left:0; right:0; }
  ul { width:230px; }
  li { margin-right:5px; }
  li a { width:100px;  }
}
@media screen and (max-width:560px){
  body, html { background-size: 120%; }
  .pay-methods { width:270px; float:none; padding-bottom:20px; margin:0 auto; }
  .toggle { margin:0 auto; }
  .logo { width:150px; left:10px; }
  .sponsors { max-width:350px; }
  .sprite { left:20px; transform-origin:left center; top:26% }
  div.spacer { width:0px !important; }
  div.spacer2 { width:80px !important; }
  .benefits { padding:20px; }
  .benefits .col { padding:20px 20px 0; }
}
@media screen and (max-width:530px){
  .sprite { top:16% }
  .banner { background-size:100%; background-position: center 280px; }
  .gradient { padding-bottom:50px; }
  .left { max-width:195px; }
  .right { max-width:250px; }
  .modal-contenido a.close { width:35px; height:35px;border:2px solid #00fafe; right:-15px; top:-15px;  }
}
@media screen and (max-width:420px){
  .jackpot { background-image:none; text-align: center; padding:12px 0 0 0;}
  .playnow { margin:0 auto 20px; }
  .ctas a { font-size:30px; }
  .ctas a span { font-size:18px; }
  .logo { width:120px; left:-10px; }
  ul { width:160px; right:-30px;  }
  li a { width:65px; font-size:14px; height:28px; padding-top:4px; }
  a.go { width:90%; }
  h1 { font-size:45px; }
  h1, h3 { line-height:40px; }
  .modal-contenido { padding:10px 10px 40px; }
}
@media screen and (max-width:355px){
  .sponsors .col { max-width:120px; }
  div.spacer2 { width:60px !important; }
}