@charset "utf-8"; *{padding:0;margin:0;/* font-size: 18px; */}
html, body {backface-visibility: hidden;-webkit-font-smoothing: subpixel-antialiased;-moz-font-smoothing: subpixel-antialiased; width:100%;}
body{background:url('images/loto-bg-min.jpg')no-repeat center; background-size:cover; margin:0; padding:0; height:auto;min-height:100%;overflow:hidden !important;-webkit-transform:scale(0.75);-webkit-transform-origin:top;-moz-transform-origin:top;transform:scale(1.1);transform-origin:top;-webkit-backface-visibility:hidden;-webkit-perspective:1000;filter:blur(0);-webkit-filter:blur(0); -webkit-animation: slide 60s linear infinite;-animation: slide 60s linear infinite;-moz-animation: slide 60s linear infinite;}
a{outline:none; text-decoration:none; }
.cover{position:relative;top:0;left:0;z-index:2;width:100%;height:100vh;}
.cover .hi{position:relative;/*top:50%;left:50%;transform:translate(-50%, -50%);color:#fff;font-size:24px;line-height:26px;text-align:center;*/}
.tv{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;overflow:hidden;}
.tv .screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;margin:auto;opacity:0;transition:opacity 0.5s;}
.tv .screen.active{opacity:1;}
.result_animation{text-align: center;background-image: url('images/animation_image2.gif');background-position: center;height: 100%;}
.ak_cell{text-align:center}
div#slot1 li{display:none}
.ak_top{margin:0 0 7px 4px;padding:5px!important;height:30px;background:#edff00;position:relative;text-align:left;font-size:1.6em;width:490px!important}
.gold_points{display:block;width:auto;height:100%;background-color:#fff;position:absolute;right:0;top:0;line-height:1.1em;padding-left:5px}
#gainid{text-decoration:blink;font-size:1.25em;color:#fff!important;line-height:1.25em;text-shadow:none}
.mute_btn{width:100%;outline:none;border:none}
.gratp1,.gratp{border-color:#59b105!important}
#control{animation:blinker 2s linear infinite; color:#fff; text-transform:uppercase; cursor:pointer; text-decoration:none; outline:none; }
#control:active{outline:none; }
@keyframes blinker{60%{text-shadow:0px 0px 5px yellow; color:yellow; }

}
.gratp1, .gratp{animation:blink 1s linear infinite; }
@keyframes blink{50%{border:dotted 5px #ffff00; }
}
@-webkit-keyframes slide {
    from { background-position: 0 0; }
    to { background-position: -1000px 0; }
}

.sun {
    position: absolute;
    width: 85px;
    height: 85px;
    left: 0;
    top: 0px;
    z-index: 0;
}
#rotate {
        -webkit-animation: rotation 6s infinite linear;
}

@-webkit-keyframes rotation {
        from {
                -webkit-transform: rotate(0deg);
        }
        to {
                -webkit-transform: rotate(359deg);
        }
}
.header{width:100%;min-height: 129px;height: 95px;position:relative;margin-top: 0px;}
.popop_box{width:690px; float:right; position:relative; }
.gamestrip{width:100%; height:342px; margin-top:35vh; }
.board{width:1024px; max-width:1014px; margin:-66px auto 0 auto; height:435px; background:url('images/green-board.png') no-repeat center center; background-size:89.5% 71%; position:relative; }
.advert{width:98%; max-width:582px; height:54px; position:absolute; top:75px; left:0px; }
.label{font-family: 'Abel', sans-serif; font-size:2.2em; line-height:2em; }
.animal{position:absolute; width:91px; height:91px; background-size:99%; background-repeat:no-repeat; display:block; text-decoration:none; outline:none; background-position:center center; box-sizing:content-box; }
.advert_marquee ul li{width:97%; display:inline; }
.advert_marquee ul li{display:inline-block; width:48px; padding:3px; height:46px; margin-top:20px; background-size:cover; }
.activeani{width:60px; height:60px; border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%; border:5px inset #F00; -moz-box-shadow:10px 10px 5px #ccc; -moz-border-radius:50%; -webkit-border-radius:-58px; border-radius:13px; box-shadow:0 1px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); }
.slot-wrapper{margin:2px 0px; background-color:#FFFDED; }
.slot{background:url("images/reel1.png") repeat-y; width:68px; height:68px; position: relative; border:none; border-radius: 50%;}
.motion{background:url("images/reel_blur.png") repeat-y; }
.ul_parent { position: relative;}
.ul_child {position: absolute;top: 43px;left: 4px;width: 120px;height: 115px;background: #ca22c1;z-index: 9; display: none;}
.ul_child  li{ display: block; border-bottom: solid 1px silver;}
.ul_child li a {display: block;padding: 5px 10px;text-align: left;text-decoration: none;font-size: 13px;font-family: 'Abel', sans-serif;color: #fff;font-weight: bold;letter-spacing: 1px;}
.login:hover .ul_child{ display: block;}
.clear{clear:both; }
#galary{display:block;height:35px;margin:0;padding:0px;/* background-color: red; */position: absolute;margin-bottom: inherit;right: 0;}
#galary li{color:transparent;width: 30px;min-height: 30px !important;display:inline-block;float: left;background-repeat:no-repeat;background-size:cover !important;border: solid 0px #fff;margin: 3px 3px 0 0;border-radius:50%;background:transparent;-webkit-box-shadow:inset 1px 0px 6px 0px rgba(0,0,0,0.3);-moz-box-shadow:inset 1px 0px 6px 0px rgba(0,0,0,0.3);box-shadow:inset 0px 0px 8px 0px rgba(0,0,0,0.3);}
.points_box {position: absolute;left: 0;}
.points_box span {display: inline-flex;font-size: 1.5em;padding:5px 5px 0 5px;color: #fff;}
#preloader{position:fixed; left:0px; top:0px; width:100%; height:200%; background:#f00 url('images/body_bg.png'); z-index:99; }
#status{background-repeat:no-repeat; background-position:center; margin:0 auto; }
.wrapper{width: 360px;height:87vh;margin:0% auto;padding:10px 0;}
.sub_header{width: 94%;height:35px;position: absolute;background-color:#006cff;bottom: 8px;left:0px;border-radius: 70px;border: 3px solid #fff;}
.window{width: 94%;height:30px;background-color: #ffec3d;/* outline:2px dashed #BEF202; */animation:1s animateBorderThree ease infinite;padding:0;font-family: 'Abel', sans-serif;font-weight:bold;text-align:center;margin-left:2px;border: solid 2px #feff5a;color:#000000;font-size:1.5em;border-radius: 50px;line-height:1.2em;text-shadow:1px 1px 1px #ffffff;}
}
.box1{max-height:35px;background-size:cover !important;}
.box2{max-height:35px;background-size:cover !important;}
.box3{max-height:35px;background-size:cover !important;}
.box4{max-height:35px;background-size:cover !important;}
.box_4{top:5px; left:0px; max-height:35px; background-size:cover !important;}
.box_wide{width:100% !important; }
.box5{top:1px; left:414px; max-height:35px; }
.btn{text-decoration:none; height:34px; width:78px; border:solid 1px #fff17a; border-radius:3px; background:transparent; text-align:center; display:block; }
.green{/* background:#91d609; */background:-moz-linear-gradient(top, #91d609 0%, #8dca0a 0%, #8ac50b 1%, #7fbc07 2%, #7fb90c 2%, #79b507 3%, #74af07 4%, #70ad08 5%, #69aa04 6%, #5da207 9%, #5a9f04 9%, #509c04 12%, #4c9800 13%, #409200 18%, #3f9300 22%, #429803 24%, #409601 25%, #449900 27%, #439d00 29%, #4ba301 31%, #4ea403 33%, #52a805 34%, #51a704 35%, #55aa06 36%, #54a903 36%, #57af05 37%, #60b905 42%, #64be07 43%, #64be04 44%, #68c208 46%, #6bc408 50%, #69c206 51%, #69c309 52%, #66c006 54%, #67bc06 55%, #63bb05 58%, #5eb703 59%, #60b206 61%, #58ac00 63%, #5aac02 64%, #55a802 68%, #52a401 69%, #53a401 70%, #4a9900 79%, #469601 86%, #459903 89%, #50a40e 94%, #4faa11 95%, #53a912 96%, #4fac13 96%, #53ac12 97%, #51b215 98%, #54b214 98%, #52b616 99%, #5abc19 99%, #53c41a 100%, #02a107 100%);background:-webkit-linear-gradient(top, #91d609 0%,#8dca0a 0%,#8ac50b 1%,#7fbc07 2%,#7fb90c 2%,#79b507 3%,#74af07 4%,#70ad08 5%,#69aa04 6%,#5da207 9%,#5a9f04 9%,#509c04 12%,#4c9800 13%,#409200 18%,#3f9300 22%,#429803 24%,#409601 25%,#449900 27%,#439d00 29%,#4ba301 31%,#4ea403 33%,#52a805 34%,#51a704 35%,#55aa06 36%,#54a903 36%,#57af05 37%,#60b905 42%,#64be07 43%,#64be04 44%,#68c208 46%,#6bc408 50%,#69c206 51%,#69c309 52%,#66c006 54%,#67bc06 55%,#63bb05 58%,#5eb703 59%,#60b206 61%,#58ac00 63%,#5aac02 64%,#55a802 68%,#52a401 69%,#53a401 70%,#4a9900 79%,#469601 86%,#459903 89%,#50a40e 94%,#4faa11 95%,#53a912 96%,#4fac13 96%,#53ac12 97%,#51b215 98%,#54b214 98%,#52b616 99%,#5abc19 99%,#53c41a 100%,#02a107 100%);background:linear-gradient(to bottom, #91d609 0%,#8dca0a 0%,#8ac50b 1%,#7fbc07 2%,#7fb90c 2%,#79b507 3%,#74af07 4%,#70ad08 5%,#69aa04 6%,#5da207 9%,#5a9f04 9%,#509c04 12%,#4c9800 13%,#409200 18%,#3f9300 22%,#429803 24%,#409601 25%,#449900 27%,#439d00 29%,#4ba301 31%,#4ea403 33%,#52a805 34%,#51a704 35%,#55aa06 36%,#54a903 36%,#57af05 37%,#60b905 42%,#64be07 43%,#64be04 44%,#68c208 46%,#6bc408 50%,#69c206 51%,#69c309 52%,#66c006 54%,#67bc06 55%,#63bb05 58%,#5eb703 59%,#60b206 61%,#58ac00 63%,#5aac02 64%,#55a802 68%,#52a401 69%,#53a401 70%,#4a9900 79%,#469601 86%,#459903 89%,#50a40e 94%,#4faa11 95%,#53a912 96%,#4fac13 96%,#53ac12 97%,#51b215 98%,#54b214 98%,#52b616 99%,#5abc19 99%,#53c41a 100%,#02a107 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#91d609', endColorstr='#02a107',GradientType=0);border-color:#30d630 !important;}
.purple{background:#944ed2; background:-moz-linear-gradient(top, #944ed2 0%, #954dd5 0%, #8c46c2 1%, #7e3bbf 1%, #803ebc 2%, #7a35b4 2%, #7532b3 3%, #7035ad 3%, #7033aa 4%, #642ba0 9%, #60279c 13%, #60269e 16%, #6c2fa8 21%, #7937b5 24%, #7937b5 25%, #813cbd 26%, #964cd5 30%, #9e57e3 32%, #a25be5 34%, #a960ed 35%, #ab69f1 37%, #bc75f9 40%, #bc74fa 40%, #bd7afe 41%, #c17bff 42%, #c67fff 45%, #c57eff 50%, #c078fe 52%, #ba74f9 55%, #b571f8 55%, #b06cf3 57%, #ad66f2 59%, #a55ae8 60%, #9e55e2 63%, #974cda 64%, #964cd7 65%, #7f38b8 71%, #6e30ab 74%, #6329a1 79%, #60279c 84%, #632a9f 85%, #632a9d 86%, #682da1 89%, #7033a8 91%, #7738ad 92%, #8241b5 95%, #914dc4 98%, #9b5ad2 99%, #9b5ed5 100%, #a366dd 100%); background:-webkit-linear-gradient(top, #944ed2 0%,#954dd5 0%,#8c46c2 1%,#7e3bbf 1%,#803ebc 2%,#7a35b4 2%,#7532b3 3%,#7035ad 3%,#7033aa 4%,#642ba0 9%,#60279c 13%,#60269e 16%,#6c2fa8 21%,#7937b5 24%,#7937b5 25%,#813cbd 26%,#964cd5 30%,#9e57e3 32%,#a25be5 34%,#a960ed 35%,#ab69f1 37%,#bc75f9 40%,#bc74fa 40%,#bd7afe 41%,#c17bff 42%,#c67fff 45%,#c57eff 50%,#c078fe 52%,#ba74f9 55%,#b571f8 55%,#b06cf3 57%,#ad66f2 59%,#a55ae8 60%,#9e55e2 63%,#974cda 64%,#964cd7 65%,#7f38b8 71%,#6e30ab 74%,#6329a1 79%,#60279c 84%,#632a9f 85%,#632a9d 86%,#682da1 89%,#7033a8 91%,#7738ad 92%,#8241b5 95%,#914dc4 98%,#9b5ad2 99%,#9b5ed5 100%,#a366dd 100%); background:linear-gradient(to bottom, #944ed2 0%,#954dd5 0%,#8c46c2 1%,#7e3bbf 1%,#803ebc 2%,#7a35b4 2%,#7532b3 3%,#7035ad 3%,#7033aa 4%,#642ba0 9%,#60279c 13%,#60269e 16%,#6c2fa8 21%,#7937b5 24%,#7937b5 25%,#813cbd 26%,#964cd5 30%,#9e57e3 32%,#a25be5 34%,#a960ed 35%,#ab69f1 37%,#bc75f9 40%,#bc74fa 40%,#bd7afe 41%,#c17bff 42%,#c67fff 45%,#c57eff 50%,#c078fe 52%,#ba74f9 55%,#b571f8 55%,#b06cf3 57%,#ad66f2 59%,#a55ae8 60%,#9e55e2 63%,#974cda 64%,#964cd7 65%,#7f38b8 71%,#6e30ab 74%,#6329a1 79%,#60279c 84%,#632a9f 85%,#632a9d 86%,#682da1 89%,#7033a8 91%,#7738ad 92%,#8241b5 95%,#914dc4 98%,#9b5ad2 99%,#9b5ed5 100%,#a366dd 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#944ed2', endColorstr='#a366dd',GradientType=0); }
.btn_white{background-color:#FFF !important; width:auto !important; }
.red{background:#f00f0b; background:-moz-linear-gradient(top, #f00f0b 0%, #f00b08 0%, #f40a0b 1%, #e70302 2%, #df0400 3%, #df0400 3%, #e20401 4%, #df0601 5%, #e20703 6%, #e30900 8%, #e70d03 11%, #e50d02 12%, #e80e04 13%, #e91000 14%, #ec1300 17%, #ef1702 18%, #ee1601 19%, #f92402 28%, #f62400 29%, #fc2d01 34%, #ff3301 40%, #ff3401 49%, #fe3200 55%, #fa2d00 59%, #fb2e01 60%, #f82b00 62%, #f82a02 64%, #f52500 64%, #f42601 68%, #f32100 70%, #ea1a00 77%, #e51700 78%, #e81500 79%, #e51200 82%, #de0e01 84%, #df0f02 85%, #d80901 90%, #d80903 92%, #d10600 95%, #ce0500 98%, #d30104 98%, #cd0300 99%, #cd0303 100%, #d60200 100%); background:-webkit-linear-gradient(top, #f00f0b 0%,#f00b08 0%,#f40a0b 1%,#e70302 2%,#df0400 3%,#df0400 3%,#e20401 4%,#df0601 5%,#e20703 6%,#e30900 8%,#e70d03 11%,#e50d02 12%,#e80e04 13%,#e91000 14%,#ec1300 17%,#ef1702 18%,#ee1601 19%,#f92402 28%,#f62400 29%,#fc2d01 34%,#ff3301 40%,#ff3401 49%,#fe3200 55%,#fa2d00 59%,#fb2e01 60%,#f82b00 62%,#f82a02 64%,#f52500 64%,#f42601 68%,#f32100 70%,#ea1a00 77%,#e51700 78%,#e81500 79%,#e51200 82%,#de0e01 84%,#df0f02 85%,#d80901 90%,#d80903 92%,#d10600 95%,#ce0500 98%,#d30104 98%,#cd0300 99%,#cd0303 100%,#d60200 100%); background:linear-gradient(to bottom, #f00f0b 0%,#f00b08 0%,#f40a0b 1%,#e70302 2%,#df0400 3%,#df0400 3%,#e20401 4%,#df0601 5%,#e20703 6%,#e30900 8%,#e70d03 11%,#e50d02 12%,#e80e04 13%,#e91000 14%,#ec1300 17%,#ef1702 18%,#ee1601 19%,#f92402 28%,#f62400 29%,#fc2d01 34%,#ff3301 40%,#ff3401 49%,#fe3200 55%,#fa2d00 59%,#fb2e01 60%,#f82b00 62%,#f82a02 64%,#f52500 64%,#f42601 68%,#f32100 70%,#ea1a00 77%,#e51700 78%,#e81500 79%,#e51200 82%,#de0e01 84%,#df0f02 85%,#d80901 90%,#d80903 92%,#d10600 95%,#ce0500 98%,#d30104 98%,#cd0300 99%,#cd0303 100%,#d60200 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f00f0b', endColorstr='#d60200',GradientType=0); }
.btn i{display:block; text-align:center; font-size:1.51em; color:#FFF; line-height:1.15em; margin-top:10px; text-shadow:0px 0px 2px rgba(51, 51, 51, 0.36); }
.btn span{text-align:center; font-size:1em; color:#FFF; font-family: 'Abel', sans-serif; line-height:35px; font-weight:bold; text-shadow:0px 0px 2px rgba(51, 51, 51, 0.36); }
.golden{background:#f0c80a; background:-moz-linear-gradient(top, #f0c80a 0%, #ffef79 15%, #efc50a 31%, #d3ad36 50%, #efc50a 68%, #ffef79 84%, #f0c80a 100%); background:-webkit-linear-gradient(top, #f0c80a 0%,#ffef79 15%,#efc50a 31%,#d3ad36 50%,#efc50a 68%,#ffef79 84%,#f0c80a 100%); background:linear-gradient(to bottom, #f0c80a 0%,#ffef79 15%,#efc50a 31%,#d3ad36 50%,#efc50a 68%,#ffef79 84%,#f0c80a 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0c80a', endColorstr='#f0c80a',GradientType=0); }
.pt_active, .golden:hover,.golden:active{border:solid 0px #24c7ff; border-radius: 50% !important; background:#24c7ff; background:-moz-linear-gradient(top, #24c7ff 0%, #24c0fd 0%, #20bbfe 1%, #21acfd 1%, #21a0ff 2%, #25a0ff 2%, #23a2ff 2%, #23a4ff 3%, #24a6fe 5%, #23a7fa 5%, #25acfe 6%, #26adfe 6%, #2dc6ff 8%, #2ed6fd 9%, #36ddff 10%, #35e7ff 12%, #35eeff 14%, #32f3fc 19%, #35f0ff 22%, #36ebfc 24%, #39edfe 24%, #3ce6fd 26%, #40e6ff 26%, #3fdcfd 29%, #41dbff 30%, #38c8fd 36%, #3cc8fd 37%, #38c3fc 38%, #36bdfd 39%, #35bdfb 40%, #34b4fd 42%, #33b1fe 45%, #32adfd 46%, #2faefd 47%, #32acff 48%, #31abfe 49%, #2eabfd 50%, #30adff 51%, #32b2fd 56%, #33bdfc 60%, #37c1ff 61%, #36c2fd 63%, #38c8fd 64%, #3ed6ff 67%, #40d8ff 69%, #3becff 75%, #38efff 77%, #35effc 77%, #30f5fe 80%, #33f3fe 81%, #32f2fd 84%, #38effd 85%, #39eeff 86%, #37eafe 87%, #3ce6ff 88%, #3be0fe 91%, #36dfff 93%, #32d9fd 94%, #34d8fe 95%, #2fd0fe 96%, #2cd1ff 96%, #2dcffe 97%, #2bcbfd 97%, #29caff 98%, #25c9fc 98%, #29cefe 99%, #25d2fd 99%, #22d5fe 100%); background:-webkit-linear-gradient(top, #24c7ff 0%,#24c0fd 0%,#20bbfe 1%,#21acfd 1%,#21a0ff 2%,#25a0ff 2%,#23a2ff 2%,#23a4ff 3%,#24a6fe 5%,#23a7fa 5%,#25acfe 6%,#26adfe 6%,#2dc6ff 8%,#2ed6fd 9%,#36ddff 10%,#35e7ff 12%,#35eeff 14%,#32f3fc 19%,#35f0ff 22%,#36ebfc 24%,#39edfe 24%,#3ce6fd 26%,#40e6ff 26%,#3fdcfd 29%,#41dbff 30%,#38c8fd 36%,#3cc8fd 37%,#38c3fc 38%,#36bdfd 39%,#35bdfb 40%,#34b4fd 42%,#33b1fe 45%,#32adfd 46%,#2faefd 47%,#32acff 48%,#31abfe 49%,#2eabfd 50%,#30adff 51%,#32b2fd 56%,#33bdfc 60%,#37c1ff 61%,#36c2fd 63%,#38c8fd 64%,#3ed6ff 67%,#40d8ff 69%,#3becff 75%,#38efff 77%,#35effc 77%,#30f5fe 80%,#33f3fe 81%,#32f2fd 84%,#38effd 85%,#39eeff 86%,#37eafe 87%,#3ce6ff 88%,#3be0fe 91%,#36dfff 93%,#32d9fd 94%,#34d8fe 95%,#2fd0fe 96%,#2cd1ff 96%,#2dcffe 97%,#2bcbfd 97%,#29caff 98%,#25c9fc 98%,#29cefe 99%,#25d2fd 99%,#22d5fe 100%); background:linear-gradient(to bottom, #24c7ff 0%,#24c0fd 0%,#20bbfe 1%,#21acfd 1%,#21a0ff 2%,#25a0ff 2%,#23a2ff 2%,#23a4ff 3%,#24a6fe 5%,#23a7fa 5%,#25acfe 6%,#26adfe 6%,#2dc6ff 8%,#2ed6fd 9%,#36ddff 10%,#35e7ff 12%,#35eeff 14%,#32f3fc 19%,#35f0ff 22%,#36ebfc 24%,#39edfe 24%,#3ce6fd 26%,#40e6ff 26%,#3fdcfd 29%,#41dbff 30%,#38c8fd 36%,#3cc8fd 37%,#38c3fc 38%,#36bdfd 39%,#35bdfb 40%,#34b4fd 42%,#33b1fe 45%,#32adfd 46%,#2faefd 47%,#32acff 48%,#31abfe 49%,#2eabfd 50%,#30adff 51%,#32b2fd 56%,#33bdfc 60%,#37c1ff 61%,#36c2fd 63%,#38c8fd 64%,#3ed6ff 67%,#40d8ff 69%,#3becff 75%,#38efff 77%,#35effc 77%,#30f5fe 80%,#33f3fe 81%,#32f2fd 84%,#38effd 85%,#39eeff 86%,#37eafe 87%,#3ce6ff 88%,#3be0fe 91%,#36dfff 93%,#32d9fd 94%,#34d8fe 95%,#2fd0fe 96%,#2cd1ff 96%,#2dcffe 97%,#2bcbfd 97%,#29caff 98%,#25c9fc 98%,#29cefe 99%,#25d2fd 99%,#22d5fe 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#24c7ff', endColorstr='#22d5fe',GradientType=0); }
.gameboard{width:100%; height:555px; position:relative; }
.slot_container{width:100%; height:85px; position:absolute; top:187px; }
.slot-wrapper{}

.box{display:block;position:absolute;width:61px;height:61px;text-decoration:none;
-webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;  
}
.s_box{display:block;position:absolute;/* width: 58px; *//* height:60px; *//* padding: 0; *//* text-decoration:none; *//* border:solid 2px #fff17a; *//* border-radius:6px; *//* margin-bottom:6px; *//* background: red; *//* border-radius: 50%; */}
.s_1,.s_2,.s_3,.s_4 {width: 65px !important;height: 65px !important;}
.animal_img{outline:none; width:100%; height:100%; }

.mute_btn{width:100%; outline:none; border:none; height:75px; }
.round_btn_ul{position: relative;}
.round_btn {display: block;position: absolute;top: 223px;border: solid 0px gold;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;background-size: cover;width: 63px;height: 63px;}
.btn_label {color: #fff;font-size: 20px;font-family: 'Abel', sans-serif;position: absolute;top: 18px;left: 0px;width: 62px;text-align: center;font-weight: bold;text-shadow: 0px 0px 2px #000000c9;border-radius: 4px;}
.login {background-image:url('svg/login.svg');left:0px;}
.help {background-image:url('svg/help.svg');left: 70px;}
.wheel {background-image:url('svg/wheel.svg');left: 142px;}
.chart {background-image:url('svg/chart.svg');left: 214px;}
.signin {background-image:url('svg/singin.svg');left: 284px;}
.animal0{top:5px;left: 0px !important;}
.animal1{top:5px;left: 70px;}
.animal2{top:5px;left: 142px;}
.animal3{top:5px;left: 214px;}
.animal4{top:5px;left: 285px;}
.animal5{top:150px;left:0px;}
.animal6{top:150px; left:70px; }
.animal7{top:150px; left:142px; }
.animal8{top:150px; left:214px; }
.animal9{top:150px; left:285px; }
.s_1{top:0;left: -8px;}
.s_2{top:0;left: 64px;}
.s_3{top:0;left: 138px;}
.s_4{top:0;left: 210px;}
.OK{top: 17px;position: absolute;width: 51px;height: 51px;left: 17px;cursor:pointer;text-transform:uppercase;font-size:1rem;font-family: 'Abel' sans-serif;border:none !important;font-weight:bold;text-decoration:none;outline:none;border-radius: 50%;background:transparent url("images/yellow.png") no-repeat center;background-size:cover;z-index: 91;}
.ok-btn{top: 65px;left: 278px;text-align: center;padding-top: 24px;width: 71px!important;height: 71px !important;/* padding:0 !important; background:transparent url("svg/b_yellow.svg") no-repeat center;background-size:150%;*/}
.ok-btn:hover,.ok-btn:active{box-shadow:none; }
.border_none{border:none !important; }
.store ul li { display: inline-block; width: 20%; color:white; border-radius: 25px; border: 3px solid #fff;
    box-shadow: 3px 3px 3px #000; height: 100px; margin: 5px; padding: 20px; background: #f0c80a;
    background: -moz-linear-gradient(top, #f0c80a 0%, #ffef79 15%, #efc50a 31%, #d3ad36 50%, #efc50a 68%, #ffef79 84%, #f0c80a 100%);
    background: -webkit-linear-gradient(top, #f0c80a 0%,#ffef79 15%,#efc50a 31%,#d3ad36 50%,#efc50a 68%,#ffef79 84%,#f0c80a 100%);
    background: linear-gradient(to bottom, #f0c80a 0%,#ffef79 15%,#efc50a 31%,#d3ad36 50%,#efc50a 68%,#ffef79 84%,#f0c80a 100%);}
.ak_popup::-webkit-scrollbar{width:0.8em; }
 .ak_popup::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3); }
 .ak_popup::-webkit-scrollbar-thumb{background-color:darkgrey; outline:1px solid slategrey; }
.ak_overlay{display:none; position:absolute; top:0; left:0; z-index:999999; background-color:rgba(0,0,0,0.8); height:150%; width:100%; min-width:100%; }
.popup_inside::-webkit-scrollbar{width:0.8em; }
.popup_inside::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3); }
.popup_inside::-webkit-scrollbar-thumb{background-color:gold; outline:1px solid red; }
.ak_overlay{display:none; position:absolute; top:0; left:0; z-index:999999; background-color:rgba(0,0,0,0.6); height:150%; width:100%; min-width:100%; }
.ak_popup{transition: all .5s ease-in-out; max-width:500px;position:relative;width:100%;height: 36rem;margin:10px auto;text-align:left;background-color:#00000075;color:#efefef;z-index:9999;font-family: 'Abel', sans-serif;border:solid 3px #ead627;border-radius:6px;}
.ak_popup h2{color:#9ce054; }
.ak_popup p{font-size:1rem; line-height:1.5rem; padding:0px 0; text-shadow:0px 0px 2px #333; }
.ak_cell{text-align:center; width:100%; height:auto; min-height:100%; display:block; vertical-align:middle; }
.heading{top:0; margin:-1px; background-color: #ead627; text-transform:none; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -webkit-border-bottom-right-radius:0; -webkit-border-bottom-left-radius:0; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; -moz-border-radius-bottomright:0; -moz-border-radius-bottomleft:0; border-top-left-radius:4px; border-top-right-radius:4px; border-bottom-right-radius:0; border-bottom-left-radius:0; box-shadow:inset 0px -3px 0px rgba(0, 0, 0, 0.2); padding:10px 10px; text-align:center; font-size:1.35rem; font-weight:bold; color:#5f5814; border:solid 1px #F7F166;text-shadow:0px 1px 0px #fff; }
.close_help{position:absolute; right:0; font-size:1.1em; text-decoration:none; padding:5px 7px; background:#ea3628; color:#ffffff;  line-height:16px; }
.clearfix{height:95px; }
.p_wrapper{position:relative; width:100%; height:auto; min-height:100%; overflow:hidden; }
.popup-header{position:absolute; top:0; width:100%; height:40px; background-color:#f1e13b; font-size:1.32em; co; color:#564210; line-height:1.85em; text-align:center; font-weight:bold; text-shadow:0px -1px 1px #ffeb00; }
.popup-footer{position:absolute; bottom:0; width:100%; height:auto; min-height:35px; background-color:#eada32; }
.popup-body{position:absolute; top:40px; width:100%; height:auto; min-height:94%; }
.popup_inside{padding:15px; height:30rem; overflow-y:auto; }
.ak_back{width:80px; height:45px; background-color:#ff0000; float:left; border:solid 2px #f9d667; font-size:1.2em; font-weight:bold; color:#FFF; }
.ak_popup h3{font-size: 1.8rem;line-height: 1.5rem;color: #fbff00;text-shadow:0px 0px 10px rgba(0, 0, 0, 0.9);padding:0;margin:2rem 0 0 0;text-align:center;display:block;}
.ak_popup h4{font-size:1.2em; line-height:2em; color:#CF0; }

.pt_img{margin:-92px auto; display:block; height:auto; width:36%; height:168px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; border:5px solid rgba(255,255,255,0.5); line-height:35px; }
.desc{overflow:hidden; font-size:25px; line-height:41px; color:#ffffff; text-overflow:ellipsis; }
#pt_coin{width:23px !important; margin:-3px 7px; }
.cardheader{background:url('images/pt_trau.png'); background-size:cover; height:171px; background-position:50% 50%; }
.clearfix{height:95px; }
._button{display:inline-block; text-decoration: none; position:relative;background-color:#AAA;background-image:linear-gradient( hsla(0, 0%, 100%, 0.6), hsla(0, 0%, 100%, 0) 50%, hsla(0, 0%, 0%, 0.3) 50%, hsla(0, 0%, 100%, 0.2) );font-size:22px;font-family: 'Abel', sans-serif;font-weight:bold;color:white;padding:20px 40px;text-shadow:0 0 15px hsla(0, 0%, 100%, 1), 0 2px 4px hsla(0, 0%, 0%, 0.7);border:none;border-radius:50px;margin:10px;box-shadow:inset 0 -5px 20px hsla(0, 0%, 0%, 0.4), inset 0 5px 20px hsla(0, 0%, 100%, 0.4), -8px 8px 5px hsla(0, 0%, 0%, 0.15), 5px 18px 10px hsla(0, 0%, 0%, 0.2);cursor:pointer;transition:transform 0.1s, box-shadow 0.1s;}
._button:before{content:'';display:block;position:absolute;left:10px;right:10px;top:5px;height:40px;border-radius:20px;background:linear-gradient( hsla(0, 0%, 100%, 0.8), hsla(0, 0%, 100%, 0) );}

._button_blue{background-color:#19F;}
._button_gold{background-color:#EA0;}
._button_green{background-color:#6C6;}
._button_red{background-color:#f00;}
._button:hover{transform:scale(1.05);box-shadow:inset 0 -5px 20px hsla(0, 0%, 0%, 0.4), inset 0 5px 20px hsla(0, 0%, 100%, 0.4), -12px 12px 5px hsla(0, 0%, 0%, 0.15), 10px 25px 10px hsla(0, 0%, 0%, 0.2);}

._ring {width: 58px;
    height: 58px;
    position: absolute;
    top: 5px;
    left: 3px;
    background-color:transparent;
    overflow: hidden;
    border: solid 5px goldenrod;
    border-radius: 50%;
    z-index: 1;}

.small_btn { font-family: Arial; font-size: 1.3rem; color:#fff; line-height:20px; text-decoration: none; }

/*.green_btn{-webkit-transition:background-color 0.3s,box-shadow 0.3s,color 0.3s; transition:background-color 0.3s,box-shadow 0.3s,color 0.3s; background-color:rgb(35,125,0); border-radius:25px !important; box-shadow:inset 0 0 1em rgba(1,216,47,0.5), 0 0 1em rgba(4,251,0,0.5); font-family: 'Abel', sans-serif; text-transform:uppercase; font-size:1.75rem; color:yellow; font-weight:bold; padding:6px 2rem; border:solid 3px #39da36 !important; text-decoration:none; text-shadow:0px 0px 2px #20ff00; }
.green_btn:hover,.green_btn:active{background-color:#52d600; box-shadow:inset 0 0 0 rgba(67,239,11,0.4), 0 0 1.5em rgba(107,251,81,0.6); color:#333; border-color:#61ff66!important; }
.blue_btn{-webkit-transition:background-color 0.3s,box-shadow 0.3s,color 0.3s; transition:background-color 0.3s,box-shadow 0.3s,color 0.3s; background-color:rgb(0, 75, 234); border-radius:25px !important; box-shadow:inset 0 0 1em rgba(1, 87, 216, 0.5), 0 0 1em rgba(0, 64, 175, 0.5); font-family: 'Abel', sans-serif; text-transform:uppercase; font-size:1.75rem; color:#fff; font-weight:bold; padding:6px 2rem; border:solid 3px #2995ff !important; text-decoration:none; text-shadow:0px 0px 2px #305096; }
.blue_btn:hover,.blue_btn:active{background-color:#52d600; box-shadow:inset 0 0 0 rgba(67,239,11,0.4), 0 0 1.5em rgba(107,251,81,0.6); color:#333; border-color:#61ff66!important; }
.red_btn{-webkit-transition:background-color 0.3s,box-shadow 0.3s,color 0.3s; transition:background-color 0.3s,box-shadow 0.3s,color 0.3s; background-color:rgb(246,17,0,1); border-radius:25px !important; box-shadow:inset 0 0 1em rgba(1,216,47,0.5), 0 0 1em rgba(4,251,0,0.5); font-family: 'Abel', sans-serif; text-transform:uppercase; font-size:2rem; color:#fff; font-weight:bold; padding:6px 2rem; border:solid 3px #39da36 !important; text-decoration:none; text-shadow:0px 0px 2px #20ff00; }
.red_btn:hover{background:#c72200; background:-moz-linear-gradient(top, #c72200 0%, #ff6600 25%, #ea2803 49%, #e86c57 50%, #f3c5bd 100%); background:-webkit-linear-gradient(top, #c72200 0%,#ff6600 25%,#ea2803 49%,#e86c57 50%,#f3c5bd 100%); background:linear-gradient(to bottom, #c72200 0%,#ff6600 25%,#ea2803 49%,#e86c57 50%,#f3c5bd 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#c72200', endColorstr='#f3c5bd',GradientType=0 ); }
.red_btn:active{position:relative; top:1px; }*/
.g_mode{width:100%; min-height:226px; text-align:center; }
.g_left{width:42%; float:left; min-height:182px; padding:1.5rem 1rem; }
.shine:after{content:""; position:absolute; top:-5%; left:-20%; width:100%; height:100%; opacity:0; transform:rotate(0deg); border:solid 1px rgba(255, 255, 255, 0.3); border-radius:50%; background:rgba(255, 255, 255, 0.1); background:linear-gradient( to right, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0.0) 100% ); }
.shine:hover:after{opacity:1; top:0%; left:0%; transition-property:left, top, opacity; transition-duration:0.8s, 0.8s, 0.45s; transition-timing-function:ease; border-radius: 50%;}
.shine-me{-webkit-animation-name:ShineAnimation; -webkit-animation-duration:9s; -webkit-animation-iteration-count:infinite; -webkit-animation-timing-function:cubic-bezier(.12,.89,.98,.47); }
@-webkit-keyframes ShineAnimation{from{background-repeat:no-repeat; background-image:-webkit-linear-gradient( top left, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.0) 45%, rgba(255, 255, 255, 0.5) 48%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.5) 52%, rgba(255, 255, 255, 0.0) 57%, rgba(255, 255, 255, 0.0) 100% ); background-position:-250px -250px; background-size:600px 600px }
 to{background-repeat:no-repeat; background-position:250px 250px; }
}
.slot1{background-position:0px 304px !important;}
.slot2{background-position:0px 226px !important; }
.slot3{background-position:0px 152px !important; }
.slot4{background-position:0px 74px !important; }
 .navbar{overflow:hidden; background-color:#333; font-family: 'Abel', sans-serif; }
.navbar a{float:left; font-size:16px; color:white; text-align:center; padding:14px 16px; text-decoration:none; }

@media only all and (min-device-width:320px) and (max-device-width:480px){body{overflow:hidden !important; -webkit-transform:scale(0.74); -webkit-transform-origin:top; -moz-transform-origin:top; transform:scale(0.74); transform-origin:top center; -webkit-backface-visibility:hidden; font-smoothing:antialiased; -moz-font-smoothing:antialiased; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; -moz-font-smoothing:antialiased; -webkit-font-smoothing:antialiased; -webkit-font-smoothing:subpixel-antialiased; -webkit-perspective:1000; ms-transform:translateZ(0); -webkit-transform:translateZ(0); transform:translateZ(0); }
 .logo{left:15%; right:15%; }
 .ak_popup{width:80% !important; left:10% !important; top:5%; right:10%; height:90rem !important; }
 .popup_inside{height:40vh !important; }
.heading{font-size:1em !important; }
.g_left, .g_right{float:none; width:100%; padding:5px; height:auto; }
.ak_popup h3{margin-top:16px; font-size:2.2em; line-height:1em; }
.green_btn, .red_btn{font-size:1.5em; }
.ak_popup p{font-size:1rem; line-height:normal; padding:2px 0; text-shadow:0px 0px 2px #333; }
}
@media all and (min-device-width:320px) and (max-device-width:568px){body{overflow:hidden !important; -webkit-transform:scale(0.75); -webkit-transform-origin:top center; -moz-transform-origin:top; transform:scale(1.7); transform-origin:top center; -webkit-backface-visibility:hidden; font-smoothing:antialiased; -moz-font-smoothing:antialiased; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; -moz-font-smoothing:antialiased; -webkit-font-smoothing:antialiased; -webkit-font-smoothing:subpixel-antialiased; filter:blur(0); -webkit-filter:blur(0); ms-transform:translateZ(0); -webkit-transform:translateZ(0); transform:translateZ(0); }
 .logo{left:15%; right:15%; }
 .ak_popup{width:80% !important; left:10% !important; right:10%; height:50vh; }
 .popup_inside{height:40vh !important; }
 .heading{font-size:1em !important; }
.g_left, .g_right{float:none; width:100%; padding:5px; height:auto; }
.ak_popup h3{margin-top:16px; font-size:2.2em; line-height:1em; }
.green_btn, .red_btn{font-size:1.5em; }
.ak_popup p{font-size:1rem; line-height:normal; padding:2px 0; text-shadow:0px 0px 2px #333; }
}
@media all and (min-device-width:320px) and (max-device-width:667px){body{overflow:hidden !important;-webkit-transform: scale(0.85);webkit-transform-origin:top center;-moz-transform-origin:top;transform: scale(1.8);transform-origin:top;-webkit-backface-visibility:hidden;font-smoothing:antialiased;-moz-font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-webkit-font-smoothing:subpixel-antialiased;-webkit-perspective:1000;filter:blur(0);-webkit-filter: blur(0) !important;}
 .logo{left:15%; right:15%; }
 .ak_popup{width:80% !important;left: 1% !important;right: 1%;height:50vh;}
 .popup_inside{height:40vh !important; }
 .heading{font-size:1em !important; }
.g_left, .g_right{float:none; width:100%; padding:5px; height:auto; }
.ak_popup h3{margin-top:16px; font-size:2.2em; line-height:1em; }
.green_btn, .red_btn{font-size:1.5em; }
.ak_popup p{font-size:1rem; line-height:normal; padding:2px 0; text-shadow:0px 0px 2px #333; }
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px){body{overflow:hidden !important; -webkit-transform:scale(0.75); -webkit-transform-origin:top; -moz-transform-origin:top; transform:scale(0.74); transform-origin:top center; -webkit-backface-visibility:hidden; font-smoothing:antialiased; -moz-font-smoothing:antialiased; -webkit-font-smoothing:antialiased; -webkit-font-smoothing:subpixel-antialiased; filter:blur(0); -webkit-filter:blur(0); }
 .logo{left:15%; right:15%; }
 .ak_popup{width:80% !important; left:10% !important; right:10%; height:50vh; }
 .popup_inside{height:30vh !important; }
 .heading{font-size:1em !important; }
.g_left, .g_right{float:none; width:100%; padding:5px; height:auto; }
.ak_popup h3{margin-top:16px; font-size:2.2em; line-height:1em; }
.green_btn, .red_btn{font-size:1.5em; }
.ak_popup p{font-size:1rem; line-height:normal; padding:2px 0; text-shadow:0px 0px 2px #333; }
}

@media only screen and (min-device-width:414) and (max-device-width:776) and (orientation:portrait) and (-webkit-device-pixel-ratio:2){body{overflow:hidden !important; -webkit-transform:scale(0.75); -webkit-transform-origin:top; -moz-transform-origin:top; transform:scale(0.74); transform-origin:top center; -webkit-backface-visibility:hidden; font-smoothing:antialiased; -moz-font-smoothing:antialiased; -webkit-font-smoothing:antialiased; -webkit-font-smoothing:subpixel-antialiased; filter:blur(0); -webkit-filter:blur(0); }
 .logo{left:15%; right:15%; }
 .ak_popup{width:80% !important; left:10% !important; right:10%; height:50vh; }
 .popup_inside{height:30vh !important; }
 .heading{font-size:1em !important; }
.g_left, .g_right{float:none; width:100%; padding:5px; height:auto; }
.ak_popup h3{margin-top:16px; font-size:2.2em; line-height:1em; }
.green_btn, .red_btn{font-size:1.5em; }
.ak_popup p{font-size:1rem; line-height:normal; padding:2px 0; text-shadow:0px 0px 2px #333; }
}
.result_animation{text-align: center; 
    background-image: url('images/animation_image2.gif');
    background-position: center;
    height: 100%;}}
.ak_popup h3{font-size:2.5rem; line-height:2.5rem; color:#d6ff00; text-shadow:0px 0px 10px rgba(0, 0, 0, 0.9); padding:0; margin:2rem 0 0 0; text-align:center; display:block; }
.ak_popup h4{font-size:1.2em; line-height:2em; color:#CF0; }
._button{display:inline-block;position:relative;background-color:#AAA;background-image:linear-gradient( hsla(0, 0%, 100%, 0.6), hsla(0, 0%, 100%, 0) 50%, hsla(0, 0%, 0%, 0.3) 50%, hsla(0, 0%, 100%, 0.2) );font-size:1.5rem;font-family:sans-serif;font-weight:bold;color:white;padding:1rem 1.2rem;text-shadow:0 0 15px hsla(0, 0%, 100%, 1), 0 2px 4px hsla(0, 0%, 0%, 0.7);border:none;border-radius:50px;margin:10px;box-shadow:inset 0 -5px 20px hsla(0, 0%, 0%, 0.4), inset 0 5px 20px hsla(0, 0%, 100%, 0.4), -8px 8px 5px hsla(0, 0%, 0%, 0.15), 5px 18px 10px hsla(0, 0%, 0%, 0.2);cursor:pointer;transition:transform 0.1s, box-shadow 0.1s;}
._button:before{content:'';display:block;position:absolute;left:20px;right:20px;top:5px;height:30px;border-radius:15px;background:linear-gradient( hsla(0, 0%, 100%, 0.8), hsla(0, 0%, 100%, 0) );}
._button_blue{background-color:#19F;}
._button_gold{background-color:#EA0;}
._button_green{background-color:#00da00;}
._button_red{background-color:#E21;}
._button:hover{transform:scale(1.05);box-shadow:inset 0 -5px 20px hsla(0, 0%, 0%, 0.4), inset 0 5px 20px hsla(0, 0%, 100%, 0.4), -12px 12px 5px hsla(0, 0%, 0%, 0.15), 10px 25px 10px hsla(0, 0%, 0%, 0.2);}

.small_btn {font-family: 'Abel', sans-serif;
    font-size: 14px;
    color: #FFF;
    padding: 4px 11px;
    background: #005ca5d6;
    border-radius: 20px;
    line-height: 20px;
    width: 55px;
    border: solid 2px #13a6d0 !important;}

.gear_ring {
         width: 66px;
    height: 66px;
    margin: 4px 0 0 4px;
    }
.message {font-size: 20px;}
.spin{  -webkit-animation:spin 6s linear infinite;
    -moz-animation:spin 6s linear infinite;
    animation:spin 6s linear infinite;}
    @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
.text_bottom {
    color: #000;
    position: absolute;
    bottom: 2px;
    right: 10%;
    left: 15%;
    font-size: 0.8rem;
    padding: 0px;
    z-index: 1;
    text-align: center;
    letter-spacing: 1px;
}