:root{--brand-orange:#FC6200;--brand-black:#232323;--aviator-red:#E30439;--brand-yellow:#FCE523;--corner-radius-1:4px;--corner-radius-2:8px}
*{margin:0;padding:0;box-sizing:border-box}
html,body{padding:0;margin:0;width:100%;height:100vh}
body{font-family: sans-serif;font-size:12px;color:#FFF;background:linear-gradient(180deg,#E30439 0%,#0A1014 48.01%,#FC6200 96.75%,#FC6200 96.75%),#FFF;background-repeat:no-repeat;background-attachment:fixed; max-width: 900px;margin: 0 auto;}
body:after{ content: "";display: block; background-attachment: fixed; position: fixed; top:0; left:0; z-index:-1; height: 100%; width: 100%;background:linear-gradient(180deg,#E30439 0%,#0A1014 48.01%,#FC6200 96.75%,#FC6200 96.75%),#FFF; border-right: 1px solid rgba(0, 0, 0, 0.3);border-left: 1px solid rgba(0, 0, 0, 0.3);}

/* @font-face{font-style:normal;font-family:'bet-Regular';src:url(fonts/bet-Regular.eot);src:url(fonts/bet-Regular.eot) format("embedded-opentype"),url(fonts/bet-Regular.woff2) format("woff2"),url(fonts/bet-Regular.woff) format("woff"),url(fonts/bet-Regular.ttf) format("truetype");font-display:swap} */

/* .bet-regular{font-family:'bet-Regular'} */
h1,h2,h3,h4{font-family: sans-serif sans-serif;color:#FFF}
h1{font-size:20px}
h2{font-size:16px;font-weight:500}
h3{font-size:14px;font-weight:700}
hr{border:none;height:1px;background-color:rgba(255,255,255,0.10);margin:15px 0}
a{color:inherit}
p{font-size:12px}

#container{max-width:1024px;padding-top:60px;padding-bottom:10px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:10px;align-items:center;}

.submenu{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;align-content:flex-start;gap:10px 20px;flex-wrap:wrap;margin-bottom:20px}
.submenu a{color:#FFF;font-family: sans-serif;font-size:14px;font-style:normal;font-weight:700;line-height:normal;text-decoration:none}

.article_snippet{width:100%}
.snippetimg img{max-width:100%;margin-bottom:10px}
.snippetimg{width:100%;text-align:center}
.article_inner{display:block;width:100%;border-bottom:1px solid rgba(255,255,255,0.10);text-align:center;padding:20px 0 30px 0}
.article_inner .offerdiv{font-weight:900;font-size:21.34px;text-transform:uppercase;margin-bottom:7px}
.article_inner .amtdiv{font-weight:900;font-size:26.57px;line-height:38.57px;color:#FFE400;display:flex;align-items:center;justify-content:center;margin-bottom:7px}
.article_inner .amtdiv span{font-size:25px}
.article_inner .amtdiv .space{margin:0 7px}
.article_inner .button{font-size:16px;text-decoration:none;background:var(--brand-orange);padding:10px 20px;border-radius:5px;text-transform:uppercase;font-weight:700;color:#fff;display:inline-block}
.innerpost .article_inner{padding:0;border:none}
.article_inner img{max-width:100%;}

.game_logo{width:77px}
#animation{position:relative;top:0;left:0;width:100vw;height:calc(100vw *0.6 + 10px);background:#000}
#circleCanvas{background-color:#000;border-radius:8px;border:2px solid #2A2B2F}
.stacked-canvas{position:absolute;top:10px;left:10px}
#message{z-index:103;position:absolute;top:85px;font-size:20px;display:none;text-align:center;width:100%}

#min_bet{position:absolute;top:15px;left:35px;z-index:100;font-size:12px;color:#fff;text-transform:uppercase;font-family:sans-serif;font-weight:600}
#max_bet{display:none;position:absolute;top:15px;right:35px;z-index:101;font-size:12px;color:#fff;text-transform:uppercase;font-family:sans-serif;font-weight:600}
#max_win{position:absolute;top:15px;right:20px;text-align:center;z-index:101;font-size:12px;text-transform:uppercase;font-family:sans-serif;font-weight:600;color:#FFE400}
#multiplyer{display:none;color:#fff;position:absolute;top:50%;transform:translateY(-50%);z-index:102;font-family: sans-serif;font-size:40px;font-weight:900;width:100%;text-align:center;line-height:3em;background:radial-gradient(50% 50% at 50% 50%, rgba(18, 150, 212, 0.80) 0%, rgba(18, 150, 212, 0.00) 80%);}

.main{padding:0 10px}
#bigButton{position:relative;width:100%;min-height:100px;border-radius:8px;border:1px solid rgba(255,255,255,0.60);background:rgba(217,217,217,0.20)}

.buttonText_playNow{width:100%;height:auto;display:block;margin:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;font-size:24px;color:#fff;text-transform:uppercase;font-family: sans-serif;font-weight:900}
.buttonText_playNow a{text-decoration:none}
.buttonText_register{width:100%;height:auto;display:block;margin:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;font-size:12px;color:#fff;text-transform:uppercase;font-family: sans-serif;font-weight:600;font-size:19px}
.buttonText_register a{color:var(--brand-yellow);text-decoration:underline}

.homepagePromo{width:100%;color:#FFF;text-align:center;padding:10px 0}
.homepagePromo .amtdiv{margin-bottom:0}
.homepagePromo_line1{font-size:14px;font-weight:600;margin:0}
.homepagePromo_line2{font-size:50px;font-weight:600;line-height:1em;margin:0}
.homepagePromo .article_inner{padding:15px 0;background:linear-gradient(90deg,rgba(162,4,42,0.00) 0%,#A2042A 19.5%,#A2042A 82%,rgba(162,4,42,0.00) 100%);border:none}

.hidden{display:none}
.trayContentContainer{width:90%;margin:20px auto;text-align:center;display:flex;flex-direction:column;gap:10px}
.formRow{display:flex;flex-direction:row;gap:10px;align-items:center;font-size:16px;margin:0 auto;width:fit-content}
.formCol{display:flex;flex-direction:column;gap:10px;align-items:center;font-size:16px;margin:0 auto;width:fit-content}
.depositForm,.withdrawForm{padding:10px 0}

input.orangeBtn{background-color:var(--brand-orange);border:none;border-radius:var(--corner-radius-1);color:#fff;padding:10px 20px;text-decoration:none;margin:4px 2px;cursor:pointer;font-size:16px;font-weight:700;text-transform:uppercase}
input.blueSmallBtn{background-color:#0080FF;border:none;border-radius:var(--corner-radius-1);color:#fff;padding:5px 10px;text-decoration:none;margin:4px 2px;cursor:pointer;font-size:14px;font-weight:400;text-transform:uppercase}
input[type=text],select{padding:12px 20px;margin:8px 0;display:inline-block;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}
#loginPopup{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:999;border-radius:8px;border:1px solid #FFF;background:linear-gradient(180deg,#E30439 0%,#0A1014 80%,#FC6200 161.22%,#FC6200 161.22%),#232323;padding:20px;width:80%;text-align:center}
.loginForm{display:flex;flex-direction:column;gap:0;align-items:flex-start;font-size:12px;margin:20px auto;width:fit-content}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
input[type=number]{-moz-appearance:textfield}

.adminbox{padding:0;width:350px;margin-top:25px}
.adminbox .head{margin-bottom:20px;text-align:center}
.adminbox h3{font-size:20px;text-transform:uppercase}
.adminbox p{font-size:13px}
.adminbox form{max-width:310px;margin:0 auto}
.adminbox label{width:100%;margin-bottom:3px;display:block}
.adminbox .field{width:100%;margin-bottom:15px;position: relative;}
.adminbox .field div{width:100%;display:flex;align-items:center}
.adminbox .field .countrycode{width:43px;margin:0 10px 0 0;font-family:inherit;font-weight:400;text-align:center;padding:0}
.adminbox .field input{width:100%;background:rgba(255,255,255,.2);height:45px;color:#fff;border:1px solid rgba(255,255,255,.5);font-weight:700;border-radius:4px;padding:10px;margin:0}
.adminbox .button{background:#fc6200;height:43px;border-radius:4px;border:none;width:100%;color:#fff;text-transform:uppercase;font-family:inherit;font-size:17px;font-weight:700;cursor:pointer}

.ac{text-align:center}
.accCreate{text-align:center;margin-top:10px}
.accCreate p{font-size:12px}
.accCreate a:hover{text-decoration:none}
.recreate{text-align:right;width:100%}
.recreate a{font-size:12px}
.recreate a:hover{text-decoration:none}
.tearmslist{display:flex;align-items:start;margin-bottom:10px}
.tearmslist div{margin-left:10px}
.tearmslist ul{margin:0 0 0 15px}
.tearmslist ul li{font-size:10px;line-height:16px}
.error{width:100%;text-align:center;background:rgba(255,0,0,0.7);max-width:270px;margin:0 auto;border-radius:4px;padding:4px 0;margin-top:10px}
 
#site_header{box-sizing:border-box;position:fixed;height:60px;width:100%;padding:0;margin:0;z-index:600;background-color:#000;border-bottom:var(--brand-orange) 3px solid; max-width: 900px;margin: 0 auto;}
.burgericon{position:relative;top:12px;left:19px;display:inline-block;border-radius:2px}
img#site_logo{height:40px;position:absolute;top:50%;transform:translate(-50%,-50%);left:50%}
img#header_plane{position:absolute;bottom:-4px;right:20px}
@-webkit-keyframes sidemenu_menu_open {
0%{left:-100%}
to{left:0}
}
@keyframes sidemenu_menu_open {
0%{left:-100%}
to{left:0}
}
@-webkit-keyframes sidemenu_menu_close {
0%{left:0}
to{left:-100%}
}
@keyframes sidemenu_menu_close {
0%{left:0}
to{left:-100%}
}
.sidenav.show{-webkit-animation:sidemenu_menu_open .3s ease-in-out;animation:sidemenu_menu_open .3s ease-in-out;left:0}
.sidenav.hidden{-webkit-animation:sidemenu_menu_close .3s ease-in-out;animation:sidemenu_menu_close .3s ease-in-out}
.sidenav{display:block;left:-100%;height:100%;width:60%;position:fixed;top:0;left:-100%;background-color:rgba(0,0,0,0);overflow-x:hidden;z-index:800;transition:.4s}
.sidenavContent{padding-top:80px;background:#000;width:100%;height:100%}
@-webkit-keyframes hide_contents {
0%{display:none;opacity:0}
1%{display:block;opacity:0}
100%{display:block;opacity:.8}
}
@keyframes hide_contents {
0%{display:none;opacity:0}
1%{display:block;opacity:0}
100%{display:block;opacity:.8}
}
@-webkit-keyframes show_contents {
0%{opacity:.8}
99%{display:block;opacity:0}
100%{display:none;opacity:0}
}
@keyframes show_contents {
0%{opacity:.8}
99%{display:block;opacity:0}
100%{display:none;opacity:0}
}
.overlay.showContent{opacity:.8;pointer-events:all}
.overlay.hideContent{opacity:0;pointer-events:none}
.overlay{height:100%;width:100%;position:fixed;top:0;left:0;background-color:#000;z-index:799;opacity:0;transition:.4s;pointer-events:none}
.bar1,.bar2,.bar3{width:25px;height:4px;background-color:#fff;margin:5px 0;transition:.4s;border-radius:8px}
.change .bar1{transform:translate(0,9px) rotate(-45deg)}
.change .bar2{opacity:0}
.change .bar3{transform:translate(0,-9px) rotate(45deg)}
.sidenav a:hover{color:#f1f1f1}
.sidenav .closebtn{position:absolute;top:0;right:25px;font-size:36px;margin-left:50px}
.sidenavContent ul{display:flex;flex-direction:column;gap:10px}
.sidenavContent ul li{font-size:16px;font-weight:400;padding:0 0 5px 20px;text-decoration:none;color:#fff;display:block;align-items:center;gap:10px}
.sidenav a,ul#menu-burger > li a{color:#fff;text-decoration:none}
li.seperator{height:1px;padding:0!important;margin:0;display:block!important;background:rgba(255,255,255,0.3);overflow:hidden;width:140px;position:relative;left:20px}
.seperatorline{height:1px;padding:0;margin:10px 0 0;display:block!important;background:rgba(255,255,255,0.3);overflow:hidden;width:140px;position:relative;left:0}

.profileimg img{margin-right:10px;width: 34px;}
.profileimg div{display:flex;align-items:center}
.button:disabled{opacity:.5}
.is-loading{width:100%;position:relative;margin-top:8px}
.is-loading::after{animation:spinAround .5s linear infinite;border-radius:9999px;border-color:transparent transparent #dbdbdb #dbdbdb;border-style:solid;border-width:2px;content:"";display:block;height:1em;position:relative;width:1em;right:0;left:0;margin:auto}
@keyframes spinAround {
0%{transform:rotate(0deg)}
to{transform:rotate(359deg)}
}
.trayContainer{position:fixed;z-index:600;width:100%;bottom:0;transition:.4s;background:#000;max-width: 900px;margin: 0 auto;}
._inner{background:radial-gradient(53.43% 15% at 50% 0.9%, rgba(255, 255, 255, 0.50) 6.56%, rgba(255, 255, 255, 0.00) 100%);}
.widgetcode{background:linear-gradient(180deg, #000 27.48%, #FC6200 100%), linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0.00) 13.89%, rgba(0, 0, 0, 0.00) 91.29%, #000 99.23%), linear-gradient(180deg, #000 9.01%, #A24C1A 99.95%)}
.depositBtn,.withdrawBtn{font-family: sans-serif;font-weight:700;color:#fff;font-size:16px}
.orangeLine{width:100%;height:3px;background-color:var(--brand-orange);position:absolute;top:47px}
.currency{position:absolute;top:-4px;left:50%;transform:translateX(-50%);color:var(--brand-yellow);z-index:10;text-align:center;font-size:11px;font-weight:700}
.balance{position:absolute;top:12px;left:50%;transform:translateX(-50%);color:var(--brand-yellow);z-index:10;text-align:center;font-size:16px;font-weight:700}
#trayContent{margin-top:0;height:100%;font-family: sans-serif}
#trayContent object{height:440px;width:100vw;text-align:center}
.toprow{position:relative}
.toprow ul{display:flex;justify-content:space-between}
.toprow ul li{list-style:none;width: 38%;text-align: center;}
.toprow ul li a{color:#fff;text-decoration:none;text-transform:uppercase;font-size:16px;display:inline-block;padding:16px 18px;font-weight:700}
.transactionRing{position:absolute;width:107px;height:70px;margin:auto;left:0;right:0;bottom:0;text-align:center;color:#fce523;font-size:15px;line-height:70px;padding:16px 0;text-decoration:none;font-weight:700;background:url(img/transaction.svg);background-repeat:no-repeat}
.walletdiv:hover{text-decoration:none;color:#fce523}
.walletdiv span{display:block;font-size:20px}
#collapseExample div{bottom:0;background:#000;text-align:center;color:#fff;padding:15px}
.floatingpanel .toprow{border-bottom:2px solid var(--betorange);position:relative}
#panelslide{display:none}
.innerpage{padding:10px 10px 30px 10px;width:100%}
.innerpage h1{text-align:center;width:100%;text-transform:uppercase}
.innerpage .innerhead h1{margin-bottom:15px;}
.innerpage h3{font-size:18px;margin-bottom:10px}
.innerpage p{margin-bottom:10px;font-size:13px;line-height:20px}
.innerpage p:last-child{margin-bottom:0}
.innerpage h4{font-size:18px}
.innerpage .liststyle li{list-style:square;margin:10px 0 14px 15px;font-size:13px;line-height:20px}
.innerpage .liststyle li li{margin:4px 0 0 10px;font-size:13px}
.contentsection h2{margin-bottom:10px}
.faqs .accordion span{color:#FC6200;font-weight:700;margin-left:5px;transform:rotate(-90deg);display:inline-block;font-family: sans-serif}
.faqs .accordion.active span{transform:rotate(0deg)}
.faqs .accordion{width:100%;text-align:left;border:none;background:none;font-size:14px;color:#fff;padding:7px 0;font-weight:500}
.faqs .panel{display:none;padding:5px 15px 20px 15px;}
.faqs .qa{border-top:1px solid rgba(255,255,255,0.10);display:block; margin: 0 20px;}
.howtoplay #promo-page{background:#232323;padding:15px}
.aviatorheader img{width:100%}
#promo-page .seperators.group{display:block;position:relative;margin:40px 0}
#promo-page hr.hrLong{border-radius:16px;width:150px;border:4px solid #E30439;opacity:1;margin:auto;margin-bottom:10px}
#promo-page hr.hrShort{border-radius:16px;width:100px;border:4px solid #E30439;opacity:1;margin:auto}
#promo-page .aviatormenu li a{text-decoration:none;font-family:var(--text);color:#fff;font-weight:400}
#promo-page .videoContainer{margin:25px 0 0}
#promo-page .videoContainer iframe{width:100%;padding:0 10%}
.bannerpromot img{width:100%}
.bannerpromot .not_logged_in{display:none}
.profileedit .footer{display:none}
.profilepage{margin:40px 15px}
.profilepage .userimg{width:110px;height:110px;margin:auto}
.profilepage h1{font-size:40px;font-weight:500;margin-top:12px; line-height: 1.6em;}
.fullname {font-size: 16px;}
.profilehead{text-align:center}
.infobody span{margin-right:5px}
.infobody li{border-top:1px solid rgba(255,255,255,.10);padding:8px 0 0;list-style:none;font-size:20px;line-height:34px;text-align:center;margin-top:8px}
.contactdiv a{text-decoration:none}
.sourcediv{display:flex;justify-content:space-between}
.sourcediv div{padding-left:35px;width:157px;line-height:14px;position:relative;text-align:left}
.sourcediv a{font-size:13px;padding:3px;font-weight:100}
.sourcediv a:hover{text-decoration:none}
.sourcediv h6{font-size:15.6px;font-weight:700}
.icons::before{background:url(img/ICONSnew.svg);background-repeat:repeat;content:"";background-repeat:no-repeat;width:27px;height:26px;position:absolute;left:0;background-size:54px;top:0;background-position:0}
.webcam.icons::before{background-position:0 -26px}
.funds.icons::before{background-position:0 0}
.ccard.icons::before{background-position:0 0}
.icons span{display:flex;align-items:center;font-size:14px}
.editdetails{text-align:center}
.editdetails span{display:flex;align-items:center;justify-content:center;font-size:14px}
.editdetails span a{font-size:14px;padding:0 5px}
.editdetails span a:hover{text-decoration:none}
.fluid-container{width:100%}
.iframecode{width:100%;padding-top:60px}
.leaderboard{width:100%;clear:both}
.leaderboard h4{width:100%;text-align:center;text-transform:uppercase;font-weight:700;font-size:18px}
.leaderboard li{width:100%;background:#1B1C1D;border-radius:8px;margin:8px 0;list-style:none;padding:20px;display:flex;justify-content:center;min-height: 90px;}
.winnerid{width:35%;text-align:center;font-size:13px}
.winnerid img{width:35px;height:35px;margin-bottom:5px}
.winnerinfo{width:65%;font-size:13px}
.winnerid span{display:block}
.winnerinfo tr td:first-child{color:#929396;width:50%;text-align:right;padding-right:5px}
.earamt{color:#FC6200;font-weight:700}
.winner_snippet{background:#E30439;border-radius:8px;padding:12px;display:flex;margin-bottom:15px}
.winner_snippet img{margin-right:12px}
.winner_inner h5{font-size:16px;text-transform:uppercase;margin-bottom:5px}
.winner_inner p{line-height:normal;font-size:12px;margin-bottom:5px}
.postcontent p{font-size:16px}
.postcontent a{font-size:16px;text-decoration:none;background:var(--brand-orange);padding:10px 20px;border-radius:5px;text-transform:uppercase;font-weight:700;color:#fff;display:inline-block;margin-top:15px}
.footer{text-align: center;padding: 20px 10px 80px 10px;min-height: 180px;}
.footer .links{margin-bottom:10px}
.footer .links a{color:#fff;font-size:12px;padding:0 4px;text-decoration:none;font-weight:700}
.footer p {font-size: 10px; }
.termslist{text-align:left;margin-top:10px;padding: 0 20px;}
.termslist h6{font-size:12px;font-weight:400}
.termslist ul{margin:0;padding:5px 0 0 15px}
.termslist li{line-height:20px}
.floatingHelp{position:fixed;bottom: 60px;right: 10px;z-index: 10;width: 50px;}
.animate { animation-duration: 1s;animation-delay: 0.5s;animation-name: animate-slide;animation-timing-function: cubic-bezier(.26,.53,.74,1.48);animation-fill-mode: backwards; }
.animate.slide { animation-name: animate-slide;  animation-timing-function: ease;  }
    @keyframes animate-slide {   0% { right:-70px; }  100% { right:10px; }   }

.toggle-password{width: 25px;height: 25px;display: inline-block;background: rgba(255, 255, 255, 0.1);
position: absolute;right: 8px;bottom:10px;border-radius: 100%;padding:6px 0;text-align:center}
#password-field, #password-fieldre, #password-fieldre1{margin:0}

.missionlist .article_inner{border:none;}
.missionlist .article_snippet{text-align:center;}
.missionlist ul{list-style:none;}
.missionlist .amtdiv{font-size:42px;}
.missionlist ul	li{border:1px solid #ffe400;border-radius:8px;text-align:center;padding:20px 0;position: relative;margin-bottom:10px;}

.missionlist ul	li.mstatus{display:none;}
.missionlist ul	li.complete .mdetails, .missionlist ul li.complete  h3{opacity:0.3;}
.missionlist ul	li.complete .mstatus{display:none;}
.missionlist ul	li .successalert{background: #ff6900;color: #fff;text-transform: uppercase;
display: inline-block;padding:2px 20px;position: absolute;top: 0;bottom: 0;margin: auto;left: 0;right: 0;height: 20px;width: 225px;transform: rotate(-30deg);}

.missionlist ul	li.complete{border-color:rgb(255, 228, 0, 0.10);}
.missionlist ul	li.active{border-color:#7BF037;}
.missionlist ul	li.active .mstatus{background:#7BF037;color:#000}
.missionlist ul li .mstatus{border-radius:7px 0 8px 0;color:#000;background:rgba(255, 228, 0, 0.5);position:absolute;padding:1px 10px;top:0;font-size: 13px;}
			
			
.missionlist ul li h3{color: #ffe400;text-transform: uppercase;font-weight: 700;font-size:18px;margin-bottom:20px;}
.missionlist ul li h3 span{color: #fff;text-transform: capitalize;font-weight: normal;display: block;}
.missionlist ul li .mdetails{width:190px;display:flex;align-items:center;justify-content:space-between;margin:auto;}
.missionlist ul li time{display: block;font-size:18px;color: #fff;}
.aviatorcontainer{text-align:center;}
.copyright{padding-top: 20px;}
.backpage{position: absolute; top: 80px;}

.leaderboard .rotate{position:absolute;}
.rotate {animation: rotation 2s infinite linear;margin:0;}
.optdelay{margin-top:8px;text-align: center;}
.optdelay p{margin-bottom:5px;}

#divLoggedIn.chatbutton{display:none;}
.registerpage .floatingHelp, .loginpage .floatingHelp, .forgotpinpage .floatingHelp{bottom: 80px;}

@keyframes rotation {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}


@media screen and (max-width:700px) {
#promo-page .videoContainer iframe{width:100%;padding:0}
}