/* CONTAINERS */

body{background:#343a44; }
/*body{background:url(1/bg.jpg) center bottom no-repeat; background-size:cover;  
 }*/


.myhistcont tr.green{color: #8bc34a;}
.myhistcont tr.red{color: #ff5b2b; }

.myhistcont .resbox{
border: none;
    background: none;
    padding: 0px;
    margin: 0px;
    text-decoration: underline;
}

.myhistcont{display:table; width:100%;}
.myhead{display:table-row;}
.col{display:table-cell; }
.mybodyrow{display:table-row;}
.mybody{height:400px; overflow:auto;  display:table-row-group;}
.upselect{
cursor:pointer;
display: inline-block;
overflow:hidden;
    width: 45%;
    height: 40px;
    background: rgb(29, 33, 39);
    margin: 0px;
    border: 1px solid #211e1e;
    text-align: center;
    padding: 5px;
    border-radius: 5px;

}
.upselect.betover.selected{
    box-shadow: inset 0px 1px 20px 6px #8bc34a;
    background: #4caf50;
    border: 1px inset #4caf50;
}

.upselect.betunder.selected{
    box-shadow: inset 0px 1px 20px 6px #ff3a00;
    background: #ff7400;
    border: 1px inset #ff5b2b;
}
.upselect.betunder{
        box-shadow: 0px 6px 5px -4px #ff0000;

}
.row2{background: #24272b;
display:inline-block; width:100%; white-space:nowrap; overflow:hidden; margin:0px ; }
.bet_amount{
width: 50%;
    display: inline-block;
text-align:left;
}
.potential_win{
width: 50%;
    display: inline-block;
text-align:left;
}

.row1{ padding:5px; }

.bet_amount input{
    padding: 0px 5px;
    text-align: left;
    border: 1px solid #1d2127;
background: #e5efff;
    color: #4e5262;
    font-size: 25px;
    width: 100%;

}
.potential_win input{
            padding: 0px 5px;
    text-align: left;
    border: 1px solid #1d2127;
    background: #22282f;
    color: #fefefe;
    font-size: 25px;
    width: 100%;

}
.potential_win label,.bet_amount label{
    display: block;
    font-size: 14px;
    color: #9a9ea2;
   font-weight: bold;
    text-transform: uppercase;
}
.betinfo{white-space:nowrap;  padding:0px; text-align:center;}

.upselect i {display:block; margin:0px 5px;}
.upselect.betover i svg{
transform: rotate(180deg);
}
.upselect i svg{height:15px; width:15px; }
.upselect.betover{
        box-shadow: 0px 6px 5px -4px #4caf50;

}

.result{
	    padding-top: 2px;
    background: #24272a;
    height: 80px;
    padding: 20px;
text-align:center;
}
.numbox{
    width: 50px;
    height: 50px;
background: #13181d;
    border: 1px inset #3c3838;
    line-height: 50px;
    font-size: 50px;
    padding: 5px;
    display: inline-block;
    margin: 4px;
    font-weight: bold;
}
.settings svg{ height:26px; width:26px;}
.settings{ padding:2px ; float:right; margin-right:5px; cursor:pointer;}
#predict{
    padding: 0px 5px;
    text-align: center;
    border: 1px solid #1d2127;
    font-size: 25px;
    width: 80px;
        background: #e5efff;
    color: #4a4d5d;
}
.predict label{
display: inline-block;
    width: 50%;
   padding: 0px 10px;
    text-transform: uppercase;
    overflow: hidden;
    line-height: 17px;


}
#gamecontainer{
    margin-top: -185px;
        position: absolute;
    width: 320px;
    height: 372px;
    background: #272e34;
    top: 50%;
    left: 50%;
    margin-left: -160px;
    z-index: 1;
    color: #f3f3f3;
border-radius: 5px;
    box-shadow: 0px 0px 21px -7px #000;
}

.betnow{
    box-shadow: inset 0px 1px 20px 6px #4aa1c3;
    background: #1889bf;
    border: 1px solid #1d6588;
    border-radius: 3px;
    cursor: pointer;
padding:15px;
font-size:20px;
font-weight:bold;
}
.betnow:active{
        box-shadow: inset 0px 1px 20px 6px #005a7d;

}
.bet_help,.bet_chance{height:50px; overflow:hidden; }
.bhbtn{

    padding: 1px 5px;
    font-size: 12px;
    background: #607d8b;
    display: inline-block;
    border: 2px solid #455a64;
    border-radius: 5px;
    color: #acc3ce;
    font-weight: bold;
    margin: 1px;
    /* height: 20px; */
    cursor: pointer;
}
.bhbtn:active{
        color:#fff;
}

.bet_chance div label{display:inline-block; font-size:12px; padding:2px 0px;}

.bet_chance div {white-space:nowrap; width:100%;}

.bet_chance div span{float:right;margin-right:10px; font-size:12px;     color: #00a0ff;}
.gamesettings{
    background: #282e35;
    position: absolute;
    width: 100%;
    height: 100%;
    margin-top: 0px;
    padding-bottom: 75px;
    border-radius: 5px;
z-index:1;
text-align:center;
display:none;
}
.gamesettings label{
    color: #868686;
font-weight:bold;
}
.gamesettings h4{
    margin: 5px;
    text-align: center;
    border-bottom: 1px solid #21262c;
    padding: 9px 0px;
    margin-bottom: 20px;
    color: #f87004;
}
.gamesettings input{
display: inline-block;
    width: 100%;
    padding: 5px;
    background: #20252b;
    border: 1px solid #4c4a4a;
    color: #ddd;
margin-bottom:15px;
}

.gamesettings .genseed svg{height:25px; width:25px; }
.gamesettings .genseed {
    float: right;
    padding: 2px;
    background: #292e35;
    margin-top: -43px;
    z-index: 1;
    position: absolute;
    margin-right: 0px;
    right: 0px;
    border-left: 1px solid #333;
cursor:pointer;
}
.gamesettings .genseed svg path{fill:#9a9a9a;}
.genpair{
display: inline-block;
    min-width: 80px;
    text-align: center;
    padding: 5px 10px;
    margin: 0px auto;
    position: relative;
    background: #f87004;
    border-radius: 3px;
}


#close_info svg {height:30px; width:30px;

}
#close_info{position:absolute; float:right;
    top: 0px;
z-index:3;
    margin-right: 0px;
    right: 0px;
cursor:pointer;
}
#close_info svg path{fill:#9a9a9a; }


#close_info svg {height:30px; width:30px;

}


#close_autobetsettings svg {height:30px; width:30px;

}
#close_autobetsettings{position:absolute; float:right;
    top: 0px;
z-index:3;
    margin-right: 0px;
    right: 0px;
cursor:pointer;
}
#close_autobetsettings svg path{fill:#9a9a9a; }

#close_settings svg {height:30px; width:30px;

}
#close_settings{position:absolute; float:right;
    top: 0px;
z-index:3;
    margin-right: 0px;
    right: 0px;
cursor:pointer;
}
#close_settings svg path{fill:#9a9a9a; }


#close_verify svg {height:30px; width:30px;

}
#close_verify{position:absolute; float:right;
    top: 0px;
z-index:3;
    margin-right: 0px;
    right: 0px;
cursor:pointer;
}
#close_verify svg path{fill:#9a9a9a; }


.lastersults{
    width: 100%;
    overflow: hidden;
    /* padding: 0px 5px; */
    height: 30px;
}
.resbox.win{border:1px solid #8bc34a; }

.resbox{
cursor:pointer;
    font-size: 5px;
    border-radius: 50%;
    border: 1px solid #ff5b2b;
    width: 25px;
    height: 22px;
    line-height: 23px;
    background: #1d2127;
    padding: 2px;
    float: left;
    margin: 1px;
}

.autobetsettings,.verifier{
display:none;
    position: absolute;
    top: 50%;
    height: 450px;
    width: 320px;
    background: #282e35;
    left: 50%;
    margin-top: -186px;
    z-index: 5;
    margin-left: -160px;
    overflow: hidden;
    color: #efefef;
text-align:center;
}

.autobetdetails h4{
    margin: 10px;
}

.autobetdetails{padding:5px; text-align:left;display: inline-block;}
.autobetdetails label{display:block; font-size:13px;}
.autobetdetails label span{
display:block;	
    color: #7f8388;
    font-size: 12px;

}
.autobetdetails label span::before{
    color: #7f8388;
    font-size: 12px;
}
.autobet_save{
    width: 150px;
    display: block;
    position: relative;
    margin: 10px auto;
    background: #ff7400;
    padding: 10px;
    cursor: pointer;
}
.autobetdetails input
{
color: #e3e3e3;
width:100%;
border: 1px solid #333;
    padding: 5px;
    text-align: left;
    background: #1c1d1f;
    display: inline-block;
font-size:13px;
}
.autobetdetails div{padding: 2px;
    display: inline-block;  width:100%;float:left; margin-right:5px;}


.betinfodetails{padding:5px; text-align:left;}
.betinfodetails label{display:block; font-size:13px;}
.betinfodetails span,.betinfodetails input, .betinfodetails textarea{
color: #e3e3e3;
border: 1px solid #333;
    padding: 10px;
    text-align: left;
    background: #1c1d1f;
    display: inline-block;
font-size:13px;
}
.betinfodetails div{padding: 2px;
    display: inline-block;  float:left; margin-right:5px;}

.info_client_seed{width:100%;}
.info_server_seed{width:100%;}
.str_tohash{width:100%; }
.info_client_seed input,.info_server_seed input ,.str_tohash input {width:100%; }
.info_client_seed textarea,.info_server_seed textarea ,.str_tohash textarea {width:100%; }

.verifylink{text-align:center; width:100%;}
.verifylink a{color:#4caf50; }


code{display:block; margin:10px; border:1px solid #777; padding:5px;}

#rotate{position:fixed; z-index:101; width:100%; height:100%; background:#000; text-align:center; display:none;}
#rotate img{ position:absolute; top:50%; margin-top:-100px; margin-left:-150px; left:50%;}

#msg.promo h4{
    color: #ffffff;
    border-bottom: 1px solid #c1600f;
    margin: -20px -20px;
    padding: 10px;
}
#msg.promo{
    border: 2px solid #ff7000;
    background: #ff7000;
}

#msg.promo .text{
    margin-top: 25px;
    background: #f3f3f3;
    color: #333;
    margin: 20px -20px;
    padding: 10px;
    min-height: 60px;
}
#msg.promo .ok{

padding: 5px 20px;
    background: #45484d!important;
    border: 1px solid #f87004!important;
    color: #f4f3f3!important;
    margin-top: 40px;
    display: block;
}

#freegames{    width: 50px;
    max-height: 50px;
    position: fixed;
    margin-top: 30px;
    background: #000;
    z-index: 1;
    color: #ffc106;
    text-align: center;
    padding: 5px;
    border: 1px inset #ffc106;
    font-size: 12px;
    font-weight: bold;
overflow:hidden;
}
#clock:before{
    content: " ";
    background-image: url(clock.png);
    position: absolute;
    width: 14px;
    height: 14px;
    background-size: 100%;
    margin-left: -19px;
    margin-top: 1px;

}
.depositbtn{
display: inline-block;
    background: #2196f3;
    padding: 5px 20px;
    border: 1px solid #333;
    border-radius: 2px;
    box-shadow: 0px 0px 2px #eee;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}
.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
float:left;
}

#msg h4{ margin-top:5px; margin-bottom:15px; color:#39c1ff;}
#msg .voucherid{font-size:14px; padding:5px; margin-top:20px; }
#msg .btnvoucher{ font-size:13px; margin-top:10px;}
.autorow.btn{    background: #000;
    border-radius: 0px 0px 4px 4px;
}
.closeautoplay{
width: 12px;
    height: 12px;
    font-size: 20px;
    font-weight: bold;
    font-family: sans-serif;
    padding: 5px;
    left: 100%;
    position: absolute;
    background: #805975;
    border-radius: 50%;
    line-height: 10px;
    margin-top: 2px;
    cursor: pointer;
    display: inline-block;
    margin-left: -30px;

}
.closeautoplay:hover, .closeautoplay:active{ color:#ff9800; }

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #634359;
  -webkit-transition: .4s;
  transition: .4s;
border-radius:50px;
}

.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
border-radius:50%;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #ff5b2b;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.autocont label.head{    line-height: 23px;
    float: left;
    display: inline-block;
    margin-left: 5px;
}


#reality_check{position: absolute;
display:none;
    width: 500px;
    height: 300px;
overflow:hidden;
background: #45484d;
    z-index: 12;
    left: 50%;
    margin-left: -250px;
    top: 50%;
    margin-top: -150px;
    text-align: center;
    border: 2px solid #333;
    border-radius: 5px;
    color: #fff;
}
#reality_check .text1, #reality_check .text2{font-size: 18px;
    font-weight: bold;
    padding: 5px 0px;}
#reality_check .buttons .btn{   display: inline-block;
    width: 30%;
font-weight:bold;
font-size:20px;
    padding: 10px;
    background: #607d8b;
    margin: 5px;
    cursor: pointer;}

#reality_check .buttons{margin-top:40px;}
#reality_check .buttons .btn.quit{ background:#ff3a00; }
#reality_check .buttons .btn.continue{     background: #4caf50; }

#reality_check h4{
    border-bottom: 1px inset #222;
    padding: 10px;
    margin-top: 0px;
    background: #607D8B;


}

#autoplay_menu{position: absolute;
display:none;
    width: 500px;
    height: 254px;
overflow:hidden;
    z-index: 12;
    left: 50%;
    margin-left: -250px;
    top: 50%;
    margin-top: -127px;
    text-align: center;
    border: 2px solid #333;
    border-radius: 5px;
    color: #fff;
background: rgb(25,6,19); /* Old browsers */
background: -moz-linear-gradient(left, rgba(25,6,19,1) 0%, rgba(51,19,40,1) 49%, rgba(25,6,19,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(25,6,19,1) 0%,rgba(51,19,40,1) 49%,rgba(25,6,19,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(25,6,19,1) 0%,rgba(51,19,40,1) 49%,rgba(25,6,19,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#190613', endColorstr='#190613',GradientType=1 ); /* IE6-9 */

}
#autoplay_menu .automenu_l, #autoplay_menu .automenu_r{ float:left; }
#autoplay_menu .automenu{    text-align: left;
    padding: 5px 20px;
    white-space: nowrap;}
#autoplay_menu .automenu label, #autoplay_menu .automenu .autobetrounds{float:left;}
#autoplay_menu .automenu label{    padding: 5px;
}
.autobetbtn{    padding: 5px;
    background: #64435a;
    width: 50px;
    text-align: center;
    border-radius: 2px;
    font-weight: bold;
    border: 1px solid #696969;
    float: left;
    margin-left: 15px;
border-radius:15px;
cursor:pointer;
}
.autobetbtn:hover,.autobetbtn:active,.autobetbtn.active{ background:#f85b2d; }
#runauto_bet{
    margin: 10px;
    background: #f85b2e;
    display: inline-block;
    padding: 1px 14px;
    color: #ffffff;
    font-weight: bold;
    border-radius: 2px;
    box-shadow: 1px 11px 7px -9px #333;
    border: 2px solid #f53700;
    cursor: pointer;
    height: 17px;
    border-radius: 20px;

}

#runauto_bet:hover,#runauto_bet:active{background:#6b2612;}


#autoplay_menu .autorow{display:inline-block; width:100%; position:relative; }
.autorow.sp{
border-top:1px solid #634359;
    padding: 5px 0px;}
#autoplay_menu input.autoinput {    
padding: 3px 2px;
    border: 1px solid #6f5151;
    width: 75px;
    float: right;
    border-radius: 50px;
background: #b17aa0;
    margin-top: 1px;

    }
#autoplay_menu .autocont{    padding: 5px;
    text-align: left;
    display: inline-block;}
#autoplay_menu .automenu_r .autocont div{
width:100%;
    white-space: nowrap;
    display: inline-block;
}

#autoplay_menu .automenu_r{width:60%; }
#autoplay_menu .automenu_l{width:39%; }

#autoplay_menu h4{    border-bottom: 1px inset #634359;
    padding: 10px;
    margin-top: 0px;
/*    background: #607D8B;*/
}
#splash{position:fixed; z-index:99; width:100%; height:100%; background:black;  display:none; }
#over{position:fixed; z-index:90; width:100%; height:100%; background:black;  background:#000; background-size:cover;
display:none;
   }

#splash img{width:100%; height:auto; }
#freespins{

    position: fixed;
    top: 0px;
    display: inline-block;
    height: 25px;
    background: #262a42;
    left: 50%;
    width: 300px;
    z-index: 1;
    border-radius: 13px;
    box-shadow: 0px 2px 15px #111;
    margin-left: -150px;
    color: #ffc107;
    text-align: center;
    font-weight: bold;
    font-family: arial;
display:none;
	    height: 29px;
    line-height: 30px;
}
.backbtn{padding: 5px 20px;
    background: #ff9a00;
    display: inline-block;
    width: 100px;
    border-radius: 2px;
    box-shadow: 1px 1px 2px #eee;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    color: #fff;
margin-top:20px;
cursor:pointer;
}

/*
#loader{background:#000; height:100%; width:100%; position:fixed; z-index:100; text-align:center;}
#loadercontent{top: 50%;
    position: fixed;
    text-align: center;
    width: 100%;
margin-top:-60px;
}
#bar{    width: 150px;
    background: #000000;
    height: 10px;
    display: inline-block;
    margin-top: 10px;
    border: 1px solid #444;
}
#barfill{
background: #FF9800;
    height: 100%;
    width: 0%;
}
*/
#enable_sound{
position: fixed;
    height: 200px;
    width: 400px;
    z-index: 3;
background: #343a44;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    left: 50%;
    margin-left: -200px;
    top: 50%;
    margin-top: -100px;

    border: 1px solid #1e2021;
display:none;
z-index:12;
}

.yessound{    padding: 20px;
    display: inline-block;
    float: left;
    margin-left: 20px;
            font-size: 45px;
                color: #ff9a00;
cursor:pointer;

}
.nosound{    padding: 20px;
    display: inline-block;
    float: right;
    margin-right: 20px;
           font-size: 45px;
                color: #ff9a00;
cursor:pointer;

}


#linesl{position: absolute;
    left: 0px;
    width: 55px;
    top: 0px;
    margin-top: 34px;
    height: 40px;
    color: #fff;
    background: #55220d;
    float: left;
    font-size: 14px;
    text-align: center;
    border-radius: 2px;
}
#btn_spin{z-index:10; cursor:pointer;}

#slots{z-index: 1;
    position: absolute;
}

#msg{position: fixed;
    width: 310px;
    min-height: 140px;
    text-align: center;
    border-radius: 5px;
    border: 2px solid #222;
    background: #333;
    color: #ccc;
    z-index: 10;
    left: 50%;
    margin-left: -175px;
    top: 50%;
    margin-top: -100px;
    font-size: 20px;
    padding: 20px;
    display: none;
    z-index: 101;}
#cover{ width:100%; height:100%; position:fixed; background: rgba(25, 6, 19, 0.77);z-index:11; display:none;}
#covermsg{ width:100%; height:100%; position:fixed; background:rgba(0,0,0,0.5); z-index:11; display:none;}



#paylines{    display: block;
    text-align: center;
height: 200px;
	   width: 1750;
}
#paylines td{width:20px; height:20px; border:1px solid #3e3e3e; }
#paylines table{border-collapse:collapse; margin: 5px;     display: inline-block; float:left;}
#paylines td.on{    background: #ff7000;
    border: 1px solid #ffb275; }

.payoutimg{
    width: 180px;
    height: 180px;
    display: inline-block;
    background-size: 1104% 94%;
    float: left;


}
#rules div{
    list-style: none;
    /* float: left; */
    /* max-width: 200px; */
    margin: 2px;
    padding: 10px;
    text-transform: uppercase;

}
#rules{
    font-size: 20px;
    text-align: center;
    display: block;
    margin-top: 50px;

}


.infobuttons{text-align:center; }
.infobuttonsc{display:inline-block; }
.infobuttonsc .b{ float:left; cursor:pointer;}
.infobuttonsc .b-fatbtn:hover{ background-position: 0 -999px;}
.infobuttonsc .b-left:hover{ background-position: 0 -1855px;}
.infobuttonsc .b-right:hover{   background-position: 0 -3307px; }
.b-fatbtn{line-height: 100px;
    font-size: 40px;
overflow:hidden;
}
.paging{display:inline-block; }
.pagination{text-align:center; }
.paginationitem{float:left; margin:5px; }
.ps{display:inline-block; }

.gdet{display:inline-block;}
#payoutboxb{    width: 500px;
display:inline-block;
    margin: 10px;
float:left;
}
.wilddesc{    white-space: normal; font-size:30px;}
.scatterdesc{     white-space: normal; font-size:30px;}
.payoutdescriptionb span{color:#FF9800; margin-right:3px; }
.payoutdescriptionb{
font-size:54px;
    display: inline-block;
    top: 0px;
    position: relative;
    text-align: left;
    margin-left: 5px;
}
#payoutboxb .payoutimg{width:200px; height:200px; }

#payoutbox{    
display:inline-block;
    margin: 5px;
float:left;
}
#payouts{    display: inline-block;
width:1750px;
}
.payoutdescription span{color:#FF9800; margin-right:3px;}
.payoutdescription{
font-size:43px;
    display: inline-block;
    top: 0px;
    position: relative;
    text-align: left;
    margin-left: 5px;
}


.gamename{padding-top:9px; }
#topheader .left{width: 30%;
float:left;
    display: inline-block;
    white-space: nowrap;
}
#topheader .left .b{ display:inline-block; margin-left:5px; cursor:pointer;}
#topheader .right .b{ display:inline-block; margin-right:5px; cursor:pointer; }
#topheader .right{width: 30%;
float:left;
    display: inline-block;
    white-space: nowrap;
text-align:right;
}
#topheader .center{width: 40%;
text-align:center;
    display: inline-block;
    white-space: nowrap;
float:left;
}


#topheader{position: fixed;
 -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
     -khtml-user-select: none; /* Konqueror */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  not supported by any browser */

cursor:default;
    width: 100%;
    z-index: 1;
    color: #FFF;
    padding: 5px 2px;
font-size:12px;
height:22px;


/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+1,292b2d+50,000000+100 */
background: #000000; /* Old browsers */
background: -moz-linear-gradient(left, #000000 1%, #292b2d 50%, #000000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #000000 1%,#292b2d 50%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #000000 1%,#292b2d 50%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 */

}

#bet h4{
color:#fff;
font-size: 25px;
    text-align: center;
margin:10px;
}

#bet .backbtni{
    font-size: 30px;
    line-height: 152px;
    cursor: pointer;
}
#bet .backbtni:hover{
	 background-position: 0 -2352px;
}
#info h4{
color:#ff9a00;
font-size: 50px;
    text-align: center;
margin:10px;
}

.sslider{ position: relative;
  overflow: hidden;
  margin: 20px auto 0 auto;
  border-radius: 4px;
height:550px;
}
#info li{ float:left; display:inline-block; margin-right:10px; height:550px; width:1800px;}

#info ul{    display: inline-block;
    white-space: nowrap;
list-style:none;
width:20000px;
}
#info{
overflow:hidden;
    position: fixed;
    display: none;
    text-align: center;
    width: 100%;
    height: 800px;
    z-index: 91;
    top: 0px;
    margin-top: 0px;
    color: #fff;
    left: 0px;
    margin-left: 0px;
border-radius: 5px;

	background: rgb(25,6,19); /* Old browsers */
background: -moz-linear-gradient(left, rgba(25,6,19,0.8) 0%, rgba(51,19,40,0.8) 49%, rgba(25,6,19,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(25,6,19,0.8) 0%,rgba(51,19,40,0.8) 49%,rgba(25,6,19,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(25,6,19,0.8) 0%,rgba(51,19,40,0.8) 49%,rgba(25,6,19,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#190613', endColorstr='#190613',GradientType=1 ); /* IE6-9 */


}
#bet_options{    display: inline-block;
max-width: 517px;
}
.btn_amount,.btn_info{    background: #45484d;
    background: -moz-linear-gradient(top, #45484d 0%, #000000 100%);
    background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%);
    background: linear-gradient(to bottom, #45484d 0%,#000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 );
    width: 100px;
    text-align: center;
    border-radius: 2px;
    border: 1px solid #333;
    margin: 5px;
    float: left;
padding:5px;
cursor:pointer;}
.btn_info:hover{
background: #ff7400;

}
#info .X{display:none; }
.X:hover{ background: #ff7400; }
.X{

    font-weight: bold;
    background: #eee;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #000;
    text-align: center;
    font-size: 35px;
    float: right;
    margin: 5px;
    cursor: pointer;
	margin-top:30px;
}

.betop{   
color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 45px;
    font-weight: bold;
    margin: 10px;
    position: relative;
    cursor: pointer;
    HEIGHT: 45px;
    WIDTH: 310px;
    border: 1px solid #eee;
    border-radius: 90px;
    background: #3d2736;

}

.betop.active, .betop:hover{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff7400+0,ff7400+100;Orange+Flat */

    background: #3c121c;
    border: 1px solid #f66f01;
}

#bet{ 
    border-radius: 5px;
position: fixed;
    display: none;
    text-align: center;
    width: 335px;
height:600px;
    z-index: 11;
        top:50%;
    margin-top: -300px;
    color: #fff;
    left: 50%;
    margin-left: -165px;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+1,292b2d+50,000000+100 */
background: #000000; /* Old browsers */
background: -moz-linear-gradient(left, #000000 1%, #292b2d 50%, #000000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #000000 1%,#292b2d 50%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #000000 1%,#292b2d 50%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 */

}


#topheader{position: fixed;
    width: 100%;
    z-index: 1;
    padding: 1px 0px;
}
#bottomheader{position: fixed;
text-align:center;
    width: 100%;
    z-index: 1;
    color: #FFF;
    padding: 1px 0px;
	bottom:0%;
height:90px;
font-size:12px;


/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+1,292b2d+50,000000+100 */
background: #000000; /* Old browsers */
background: -moz-linear-gradient(left, #000000 1%, #292b2d 50%, #000000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #000000 1%,#292b2d 50%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #000000 1%,#292b2d 50%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
}

.mode{ margin-left:10px;}
#balance_container{
    float: left;
    height: 100%;
    display: inline-block;
    padding-top: 10px;
    text-align: left;
    padding-left: 10px;

}
#balance{    

    font-size: 35px;
    color: #ff7000;
    font-weight: bold;
    margin-top: 5px;
}
#win{
    display: inline-block;
    text-align: left;
    display: inline-block;
    text-align: left;
    background: #000;
    width: 300px;
    text-align: center;
    height: 100%;
    overflow: hidden;
    font-weight: bold;
    left: 50%;
    margin-left: -150px;
    position: absolute;
padding-top:10px;

}

#win span{
font-size: 50;
color: #ff7000;
}
#win label{display:block; color:#fff; }
.dice #wager{width:45%; text-align:right;}
.dice #balance_container{width:50%; }
#wager{margin-right:10px;
    float: right;
text-align:right;
    height: 100%;
    display: inline-block;
    padding-top: 10px;
    text-align: left;
    padding-right: 10px;
}
#wager label{display:block;}
#wager span {    font-size: 35px;
    color: #ff7000;
    font-weight: bold;
    margin-top: 5px;
}

#topheader h4{float:left; margin:0px; padding:0px; font-size:20px; }

.reelbg{  box-shadow:inset 0 0 5px #4CAF50,inset 0 0 1px #4CAF50,inset 0 0 12px #8BC34A;
	text-align:center;
height:640px;
}
.reelbganim{ 
	 box-shadow:inset 0 0 51px #4CAF50,inset 0 0 51px #4CAF50,inset 0 0 12px #8BC34A;

        text-align:center;
height:640px;
}




#spinning0,#reelc0{
    left: 0px;
    position: absolute;
    top: 0px;
    width: 192px;
}
#spinning1,#reelc1{
    left: 192px;
    position: absolute;
    top: 0px;
    width: 192px;
}
#spinning2,#reelc2{

    left: 384px;
    position: absolute;
    top: 0px;
    width: 192px;
}
#spinning3,#reelc3{
    left: 576px;
    position: absolute;
    top: 0px;
    width: 192px;
}
#spinning4,#reelc4{
    left: 768px;
    position: absolute;
    top: 0px;
    width: 192px;
}


.home{ float:right; margin-right:20px; margin-top:2px; }
#game               { cursor:default;  background-repeat:no-repeat; height:100%; overflow:hidden; position:relative; width:100%; 
background-size: cover;
}
#loading            { background-color:#FFFFFF; color:#000000; font-family:sans-serif; font-size:2em; height:600px; left:0; line-height:600px; position:absolute; text-align:center; top:0; width:800px; }
#gamemain           { display:none; width:960px; height:640px; left:0; position:absolute; top:30px; background:rgba(0,6,1,0.88);
    left: 50%;
    margin-left: -480px;
    top: 50%;
    margin-top: -320px;
 }
#reels{position: absolute;
overflow:hidden;
    width: 960px;
    height: 640px;
}
#cache              { display:none; }






.spinningbg          { background-image:url(spinning.png); background-repeat:repeat-y;  visibility:hidden;     height: 2640px;

background-size: 100% 300%;
        position: absolute;
    top: 0px;
    width: 192px;

}





.spinreel{
	border-radius:26px;
    animation-name: spin;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;

}

@keyframes spin {
    from {
       background-position:0% 0%;
    }
    to {
	background-position:0% -50%;
    }
}

/*
@keyframes spin {
    from {
       -webkit-transform: translateY(-79%);
    }
    to {
        -webkit-transform:translateY(0%);
    }
}
*/

@keyframes blinkit{
	0%{
	transform: scale(1);
	}
	50%{
	transform:scale(1.1);
	}
	100%{
	 transform: scale(1);

	}
	
}
.blinkit{
	 animation-name: blinkit;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;

}

#symbol00,#symbol10,#symbol20,#symbol30,#symbol40   { background-repeat:no-repeat;margin-top:15px; margin-bottom:10px; }
#symbol01,#symbol11,#symbol21,#symbol31,#symbol41{margin-top:15px; background-repeat:no-repeat; margin-bottom:10px;}
#symbol02,#symbol12,#symbol22,#symbol32,#symbol42{margin-top:15px;  background-repeat:no-repeat; margin-bottom:10px;}




/* BUTTONS */

#btn_spin i{
    height: 100%;
    width: 100%;
    font-size: 112px;
    margin-left: -1px;
    margin-top: 20px;
    color: rgba(255, 152, 0, 0.63);
}
#btn_spin           {    display: block;

text-align:center;
    background: rgba(255,255,255,0.4);
	    background: rgba(0, 0, 0, 0.78);
	    border: 4px solid #FF9800;
    height: 150px;
    width: 150px;
    position: fixed;
    top: 50%;
    border-radius: 50%;
		color:#ddd;
right:-78px;
    box-shadow: 0px 0px 29px #8BC34A;
}
#btn_spin img {HEIGHT: 169PX;
    margin-top: 17px;
}

/* WAGERING */

#lines              { height:16px; left:141px; line-height:16px; overflow:hidden; position:absolute; text-align:center; top:544px; width:50px; }
#coins              { height:16px; left:211px; line-height:16px; overflow:hidden; position:absolute; text-align:center; top:544px; width:50px; color: #FFEB3B;
    font-weight: bold;}

/* MESSAGES */

#message:before{text-shadow:2px 2px 2px #fff;}
#message            {    height: 49px;
z-index:10;
    background: -webkit-linear-gradient(	#f00, #FFC107);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    left: 0px;
	font-family:"irish";
    line-height: 26px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 20px;
    width: 100%;
    color: #FFEB3B;
    font-weight: bold;
    text-align: center;
    font-size: 22px;
}



@media (max-width: 992px){

.dice #wager {
    width: 38%;
}
#info{top:0px;
left:0px;
width:100%;
margin:0px;
font-size:12px;

}
#info p{padding:10px; }
#info h4{ font-size:18px;}
}

	

@media only screen 
    and (min-device-width : 1024px) 
{
#bottomheader {font-size:16px; }
#topheader{font-size:16px; height:51px;}

}

@media only screen
    and (max-device-width : 1024px)
{
.left{transform:scale(0.5); margin-top:-13px; }
.right{transform:scale(0.5); margin-top:-13px; }
.center{    transform: scale(0.7);}
.gamename{padding-top:0px; margin-top:-3px; }
#bottomheader{ height: 45px; }
#win span{font-size:25px;  }
#win{width:200px; margin-left:-100px;  padding:0px;}
#balance{ margin-top: 0px;     font-size: 15px; }
#wager span { margin-top: 0px;     font-size: 15px; }

}


@media all  and (orientation:portrait) {
	
	.autobetbtn{width:30px; margin-left:10px; }
	.left{margin-left:-20px; }
	.right{margin-left:-36px; }
	.center{margin-left:23px; }
	#payouts{width:1364px; }
	#paylines{ margin-left:200px; width:1350px;}
	#rules{margin-left:200px; }
	#win{    margin-top: -48px;
    position: absolute;
    width: 100%;
    text-align: center;
	padding-top:-3px;
     left: 0px; 
	margin-left:0px;
    background: #111;
	}

}
@media all and (orientation:portrait) {
#rrotate{ display:block;}
  /* Styles for Portrait screen */
	#autoplay_menu{width:99%;left:auto; margin-left:auto; height: 338px; margin-top:-149px;}
	#autoplay_menu .automenu_l{width:auto;}
	#autoplay_menu .automenu_r{width:auto; }
	
	#win{
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0px;
    background: #111;

	
}
	#info{background:#000; }
	#bet{background:#000; }
	.betchange{     font-size: 47px; }
	#bet_options{ max-width:1000px; }
	#rules{ font-size: 30px;}
	#rules div{max-width:220px; }
	.payoutimg{ width: 140px;
    height: 140px;}
.payoutdescription{    font-size: 55px;}
	.backbtn { font-size:70px; width:auto; }
	#autoplay_menu h4{padding:5px;}
	
}