@import 'animation.css';
@import 'carousel.css';
@import url('../../../css2');

body, html { width:100%; font-family: 'Rubik', sans-serif; font-weight:400; font-size:20px;
   color:#343545; margin:0; padding:0; border:0 !important; background-color:#fff; }
  img { width:100%; height:auto; display:block; margin:0; padding:0; border:0 !important; }
  a, a:hover { text-decoration:none; border:none; cursor:pointer; }
  *, *:before, *:after { -ms-box-sizing:border-box; box-sizing:border-box; }

  h2 { font-family:'Baloo Chettan 2', cursive; font-size:40px; line-height:40px; font-weight:700; margin:30px 10px 20px; }
  h3 { font-family:'Baloo Chettan 2', cursive; font-size:19.5px; line-height:19px; font-weight:700; margin:2px 0 !important; line-height:20px;
    overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

/* Container */
.content { position:relative; width:100%; max-width:1420px; padding:15px; margin:0 auto; }

  /* row */
  .row { }
  .row:after { content:""; display:table; clear:both; }
  .col { float:left; }

/* Top bar */
header { width:100%; padding:0 !important;;
background: url('../images/background.jpg') no-repeat center bottom; }

.topbar { position:relative; height:80px; background-color:#fff; z-index:998 }
.logo-shape { position:relative; display:block; width:410px; height:106px; text-align:center;
  background: url('../images/logo-shape.svg') no-repeat center bottom; padding-top:7px; }
.logo { max-width:140px; height:auto; margin:0 auto; }
.logo-icon { display:none; height:auto; margin:0 auto; }


/* Features */
.flex { display:flex; }
.circles { position:absolute; right:0; top:15px; width:100%; max-width:560px; font-size:13px; }
.feature { position:relative; width:33%; }
.feature p { text-indent:43px; }
.ico { position:absolute; width:35px; height:35px; left:0; top:5px; }

/* Stage */
.stage { position:relative; width:100%; height:570px; background:url('../images/characters.png') no-repeat left top; }

.bonus { position:absolute; max-width:430px; width:100%; top:50px; left:60%; }
.promo { max-width:406px; margin:0 auto; }
.conta-itm { display:flex; }

.coins-mbl { display:none; max-width:500px; margin:0 auto; }

/* Section */
.col-cont { display:flex; max-width:370px; position:relative; margin:0 auto; padding-bottom:20px; }
.col-mod { flex:1; margin:0; font-size:24px; text-align:center; position:relative; padding:10px 3px; min-width:140px;  }

span.col-mod { background-color:#fff; color:#4d3bff; font-weight:500; border-radius: 35px 0px 0px 35px;  }
button.col-mod { border-radius: 0px 35px 35px 0px; border:none; cursor:pointer; outline:none; background-color:#2a23ad;
  font-weight:500; color:#00ffed !important; transition:0.7s;  }
button.col-mod:hover { background-color:#00ffed; color:#4d3bff !important; }

/* cta */
.cta { flex:1; display:block; position:relative; color:#4d3bff; background-color:#00ffed; border-radius:40px; transition:0.7s;
width:100%; max-width:220px; margin:0 auto; padding:25px 35px 25px; font-size:24px; font-weight:500; text-align:center; }
.cta:hover { color:#4d3bff; background-color:#fff; }

.inclave { flex:1; font-size:13px; text-align:center; color:#fff; font-weight:400; max-width:200px; }
.inclave p { max-width:170px; margin:0 auto; }
.inclave img { max-width:120px; margin:5px auto 0; }

p.turbop { font-weight: 700; font-size: 24px; margin: 0 auto; text-align: center; color: #6247ef; }
p.turbot { font-size: 18px; padding-bottom: 10px; margin: 0 auto; text-align: center; }
.turbopay { width: 160px; display: inline-block; vertical-align: middle; }

/* Body */
.bg-gray { background-color: #f7f7fc; }
.fet-list { display:flex; }
.get-more { flex:1; margin:0 auto; }
.get-more ul { font-size:16px; flex:1; padding:0 !important; margin:0 !important; line-height:32px; }
.get-more li { list-style:none; }
.get-more li::before { display:inline-block; content: ''; height:18px; width:18px;
  line-height:-14px; background-image: url('../images/check.svg');
}
.paid { flex:1; background:url('../images/paid.png') no-repeat center center/contain; font-family: 'Baloo Chettan 2', cursive; text-align:center;
padding:35px 15px; max-width:700px; margin:0 auto; }
.tlt { max-width:455px; padding:10px 5px; margin:0 auto; font-weight:600; font-size:32px; line-height:30px; color:#fff;
background-color:#3e6eff; border-radius: 35px 35px 0 0; }
.amount { color:#6247ef; background-color:#fff; font-size:70px; font-weight:700; max-width:640px; border-radius:35px; padding:10px;
  margin:0 auto;
  -webkit-box-shadow: 0px 4px 3px 1px rgba(5,12,29,0.2);
  -moz-box-shadow: 0px 4px 3px 1px rgba(5,12,29,0.2);
  box-shadow: 0px 4px 3px 1px rgba(5,12,29,0.2); }
.cryto-box { max-width:698px; margin:0 auto; }

/* Slider */
.section-slider { position:relative; margin:0 auto; padding:0 15px; }
.section-slider h2 { text-align:center; }
.slider { display:flex; overflow-x:auto; scroll-behavior:smooth; -webkit-overflow-scrolling: touch;
  scroll-snap-points-x: repeat(300px); scroll-snap-type:mandatory; padding-right:20px; }
.slider .div-slider { flex-shrink:0; margin-right:20px; margin-bottom:10px; display:block; text-align:center; }
.slider .div-slider:last-child { margin-right:0; }
.slider::-webkit-scrollbar { width:10px; height:8px; border-top:2px; }
.slider::-webkit-scrollbar-thumb { background:#63bbff; border-radius:10px; visibility:hidden; }
.slider::-webkit-scrollbar-track { background:transparent; }
.section-slider:hover .slider::-webkit-scrollbar-thumb { visibility:visible; }

/* Games */
.new-games { max-width:1420px; }
.new-games h3 { max-width:210px; margin:8px 2px 0 !important; }
.games { text-align:center; background-position: center center; }
.thumb { width:210px; }
.thumb:last-child { margin-right:0; }
.blue { border-radius:36px; overflow:hidden; opacity:1; background-color:#2badff !important;  }
.gam { display:block; border-radius:36px; height:312px; overflow:hidden; opacity:0;
   transition: all 0.5s ease; background-color:rgb(62,110,255,0.75) ;}
.gam:hover { opacity:1; }

font { font-size:18px; color:#828791; line-height:10px; }
.play { max-width:60px; margin:0 auto; display: block;
  position: relative; top: 50%; transform: translateY(-50%); z-index:999; opacity:1 !important  }

.gm-1 { background:url('../images/games/game-1.jpg') no-repeat center center; }
.gm-2 { background:url('../images/games/game-2.jpg') no-repeat center center; }
.gm-3 { background:url('../images/games/game-3.jpg') no-repeat center center; }
.gm-4 { background:url('../images/games/game-4.jpg') no-repeat center center; }
.gm-5 { background:url('../images/games/game-5.jpg') no-repeat center center; }
.gm-6 { background:url('../images/games/game-6.jpg') no-repeat center center; }

.tour-1 { background:url('../images/games/fortunate-buddha.gif') no-repeat center center/cover; }
.tour-2 { background:url('../images/games/cash-bandits-3.gif') no-repeat center center/cover; }


/* Tournament */
.tournament { max-width:1010px; margin:0; }
.tournament .gam { margin:20px; border-radius:25px; opacity:1; height:250px; }
.control { margin:20px; }
.tournament p { display:block; flex:1; color:#fff; padding:0 !important; margin:0 !important; line-height:30px; }
.tournament strong { font-family: 'Baloo Chettan 2', cursive; font-size:40px; font-weight:700; }
.tournament font { font-size:14px; margin:8px 0; display:block; }
.tournament .blue { background: rgb(62,110,255);
background: linear-gradient(180deg, rgba(62,110,255,1) 0%, rgba(40,182,255,1) 100%); }
.event:last-child .blue { background: rgb(62,110,255);
background: linear-gradient(180deg, rgba(62,110,255,1) 0%, rgba(12,199,177,1) 100%); }
.event { width:460px;}
.b-in { flex:1; display:block; position:relative; color:#4d3bff; background-color:#fff; border-radius:40px; transition:0.7s;
width:100%; max-width:220px; margin:0 auto; padding:20px 30px 20px; font-size:21px; font-weight:500; text-align: center; }
.b-in:hover { color:#4d3bff; background-color:#00ffed; }

/* Winners */
.winners { position:relative; flex:1; max-width:480px; overflow:hidden; }
.winners h2 { text-align:center }

/* Final */

.final a { border:1px solid #fff; }
.final a:hover { border:1px solid #4d3bff; }
.endcurve { background: url('../images/curve-down.svg') no-repeat center bottom #f7f7fc; max-width:405px; height:32px; margin:0 auto; }

/* Footer */
footer { min-height:60px; padding:0; background-color:#0a0242; }

.foot-logo { max-width:170px; max-height:90px; margin:0 auto; }
.crypto-icons { max-width:500px; max-height:90px; margin:20px auto; }

.terms { display:block; font-size:14px; color:#6c92c1; text-align:center; clear:both; padding:15px; }

.duo { display:flex; max-width:600px; margin:0 auto; }

.btn, .btc { position:relative; width:250px; text-align:center; margin:0 auto; border:1px solid #63bbff; font-size:18px;
  color:#fff; border-radius:30px; padding:13px; transition:0.7s; height:60px;  }
.btn {font-size:18px; cursor:pointer; padding-top:18px !important; }
.btn:hover { color:#4d3bff; background-color:#00ffed; }
.btc { font-size:14px; letter-spacing:2px; }
.btc p { padding:0; margin:0; }
.equal:before { content:"BTC = " }
.lastup { color:#00ffed; font-size:12px; }
.lastup:before { content:"Last Updated = " }


/* Responsive */
@media screen and (max-width:1340px){
  .level-1 { display:block; }
  .level-3 { display:block; padding:0 !important; }
  .section-slider { padding:0 0 0 15px; }
  .get-more { max-width:680px; padding-bottom:30px; }
  .get-more h2 { text-align:center; }
  .tournament { max-width:1010px; margin:0 auto; }
  .wrapper { height:380px; position:relative; }
  .winners { margin:0 auto; }
}
@media screen and (max-width:1130px){
  .bonus { right:10px; left:inherit; }
  .stage { background:none; }
  .animation-smoke { left:0; }
  .genie { left:0; }
  .coins-dsk { display:none; }
  .coins-mbl { display:block; }
}
@media screen and (max-width:950px){
  .animation-smoke { left:-150px; height:100vw; }
  .genie { left:-150px; }
}
@media screen and (max-width:900px){
  .circles { width:300px; font-size:12px; top:7px; }
  .feature p { text-indent:0; text-align:center; padding-top:30px; }
  .ico { right:0; margin:0 auto; }
}
@media screen and (max-width:750px){
  .logo { display:none; }
  .logo-icon { display:block; max-width:78px; }
  .logo-shape { position:absolute; left:-90px; }
  h2 { font-size:35px; line-height:34px; }
  h3 { font-size:18px; line-height:17px; }
}
@media screen and (max-width:700px){
  .fet-list { display:block; }
  .bonus { max-width:300px; padding:0; }
  .col-cont { max-width:300px; }
  .col-mod { font-size:20px; }
  .cta { max-width:220px; padding:20px 30px; font-size:20px; }
  .inclave { padding-top:10px; max-width:inherit; }
  .inclave p { max-width:inherit; font-size:10px; }
  .inclave img { max-width:100px; }
  .conta-itm { display: block; }
}
@media screen and (max-width:560px){
  header  { background: url('../images/background-mbl.png') no-repeat center bottom/100%; background-color:#fff; }
  .turbopay { width: 180px; }
  p.turbot { padding: 5px 0 20px; }
  .stage { height:500px; }
  .thumb { width:170px; }
  .gam { height:253px; }
  .event { width:inherit;}
  .tournament .gam { height:130px; }
  .tournament strong { font-size:35px; }
  .tournament font { font-size:12px;  }
  .b-in { margin-left:7px; }
  .circles { right:0; top:15px; width:100%; max-width:180px; font-size:13px; }
  .feature { width:100%; }
  .feature p { text-indent:43px; text-align:left; padding-top:inherit; }
  .feature:not(.f-main) { display:none }
  .ico { right:inherit; margin:auto; }
  .logo-icon { max-width:60px; }
  .logo-shape { left:-100px; width:410px; height:96px; }
  .animation-smoke { left:-200px; }
  .genie { max-width:350px; left:-200px; top:20px; }
  @keyframes FadeInOut {
    0% { opacity:0; top:20px; }
    5% { opacity:0; top:20px; }
    10% { opacity:0.8; top:0px; }
    90% { opacity:0.8; top:0px; }
    100% { opacity:0; top:20px; }
  }
  .get-more ul { font-size:13px; line-height:22px; }
  .paid { padding:35px 0; background:url('../images/paid-mbl.png') no-repeat center center/contain;  }
  .tlt { max-width:100%; padding:10px 5px; font-size:23px; line-height:30px; border-radius: 25px 25px 0 0; }
  .amount { font-size:42px; max-width:100%; border-radius: 0 0 25px 25px; padding:10px; }
}
@media screen and (max-width:415px){
  .duo { display: block; }
  .btc { margin-bottom:15px; }
}
@media screen and (max-width:375px){
  .wrapper .card { width:320px; }
}
@media screen and (max-width:321px){
  .animation-smoke,
  .genie { display:none; }
}