/* CONTAINERS */

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

 #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%;}
 
 #powerups .maindesc{ text-align:center; }
 #powerups p{ max-width:800px; margin:10px auto;}
 
 .powerupimg{ margin:0px auto; }
 #powerupboxb{text-align:center; font-size:16px; width:30%; margin-top:20px; margin-bottom:20px; }
 .cardsloc{
     display: flex;
     flex-direction: row;
     justify-content: space-around;
     flex: 1 0 51%;
     flex-wrap: wrap;
 }
 #powerupboxb .itemdesc{padding:15px; }
 #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: 330px;
 max-height: 300px;
     min-height: 150px;
     overflow: hidden;
     background: #303030;
     z-index: 12;
     left: 50%;
     margin-left: -168px;
     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: 14px;
     font-weight: bold;
     padding: 5px 0px;}
 #reality_check .buttons .btn{   display: inline-block;
     width: 30%;
 font-weight:bold;
 font-size:13px;
     padding: 5px 1px;
     background: #607d8b;
     margin: 2px;
     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{
 padding: 5px;
     margin: 0px 0px 5px 0px;
     background: #3a3838;
     font-size: 5px;
     color: #3a3838;
 
 }
 
 #autoplay_menu{position: absolute;
 display:none;
     width: 530px;
     height: 270px;
 overflow:hidden;
     z-index: 12;
     left: 50%;
     margin-left: -265px;
     top: 50%;
     margin-top: -135px;
     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; margin-top: 10px}
 .autorow.sp{
 border-top:1px solid #634359;
     padding: 5px 0px;}
 #autoplay_menu input.autoinput {    
 padding: 3px 2px;
     border: 1px solid #6f5151;
     width: 75px;
 color:#fff;
     float: right;
     border-radius: 50px;
 background: #b17aa0;
     margin-top: 1px;
 
     }
 #autoplay_menu .autocont{    padding: 5px;
     text-align: left;
     display: contents;}
 #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;
     margin-bottom: 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;
     background: #000;
     z-index: 3;
     text-align: center;
     color: #fff;
     border-radius: 5px;
     left: 50%;
     margin-left: -200px;
     top: 50%;
     margin-top: -100px;
 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(255, 255, 255, 0.38) ; 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: inline-block;
     text-align: center;
 margin:0px auto;
 }
 #paylines td{width:20px; height:20px; border:1px solid #3e3e3e; }
 #paylines table{border-collapse:collapse; margin: 5px;     display: inline-block; float:left;}
 #paylines table.w243{ float:none; }
 #paylines td.onr{      background: #a7a7a7;
 }
 #paylines td.on{    background: #ff7000;
 }
 
 .payoutimg{
     width: 150px;
     height: 150px;
     display: inline-block;
     background-size: 1196% 94%;
     float: left;
 
 
 }
 #rules div{
     list-style: none;
     /* float: left; */
     /* max-width: 200px; */
     margin: 2px;
     padding: 10px;
     text-transform: uppercase;
 
 }
 #rules{
 clear:both;
     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;
 }
 /* .bonusdesc,.wilddesc{    white-space: normal; font-size:15px;max-width: 200;} */
 .bonusdesc,.wilddesc{    white-space: normal; font-size:15px;padding: 5px;text-align:center;}
 .wilddesc i{font-size:22px; }
 /* .scatterdesc{     white-space: normal; font-size:15px;max-width: 200;} */
 .scatterdesc{     white-space: normal; font-size:15px;padding: 5px;text-align:center;}
 .payoutdescriptionb span{color:#FF9800; margin-right:3px; }
 .payoutdescriptionb{
 font-size:54px;
     display: inline-block;
     top: 0px;
     position: relative;
     text-align: left;
     margin-left: 5px;
 }
 .uxinfo .gdet{height:200px; }
 #payoutboxb .payoutimg{width:200px; height:200px; }
 .uxinfo #payoutboxb {
     flex: 1;
     flex-basis: 50%;
 }
 #payoutbox{    
 display:inline-block;
     margin: 5px;
 float:left;
 height: 142px;
     width: 337px;
 }
 #payouts{    display: inline-block;
 width:1800px;
 }
 .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/#190613+0,331328+49,190613+100 */
 background: rgb(25,6,19); /* Old browsers */
 background: -moz-linear-gradient(left, rgba(25,6,19,0.6) 0%, rgba(51,19,40,0.6) 49%, rgba(25,6,19,0.6) 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(left, rgba(25,6,19,0.6) 0%,rgba(51,19,40,0.6) 49%,rgba(25,6,19,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to right, rgba(25,6,19,0.6) 0%,rgba(51,19,40,0.6) 49%,rgba(25,6,19,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#190613', endColorstr='#190613',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;
 }
 .sslider ul { padding:0px; margin:0px; }
 .sslider li{padding:0px; margin:0px; }
 #info li{ float:left; display:inline-block;  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: 1800;
     height: 800px;
     z-index: 91;
     top: 50%;
     margin-top: -400px;
     color: #fff;
     left: 50%;
     margin-left: -900px;
 border-radius: 5px;
 
     background: #000; 
 
 
 }
 #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{
 /* 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;
 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 */
 
 }
 
 
 #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;
 background: rgb(25,6,19); /* Old browsers */
 background: -moz-linear-gradient(left, rgba(25,6,19,0.6) 0%, rgba(51,19,40,0.6) 49%, rgba(25,6,19,0.6) 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(left, rgba(25,6,19,0.6) 0%,rgba(51,19,40,0.6) 49%,rgba(25,6,19,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to right, rgba(25,6,19,0.6) 0%,rgba(51,19,40,0.6) 49%,rgba(25,6,19,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#190613', endColorstr='#190613',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: rgba(0, 0, 0, 0.27);
     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; }
 #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 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);}
 #clock:before{width:11px; height:11px; }
 .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: #190a27e6;
 
     
 }
     #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: 47px;
     line-height: 44px;}
     .backbtn { font-size:70px; width:auto; }
     #autoplay_menu h4{padding:5px;}
     
 }