1
html, body, div, span, applet, object, iframe,
2
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
3
a, abbr, acronym, address, big, cite, code,
4
del, dfn, em, font, img, ins, kbd, q, s, samp,
5
small, strike, strong, sub, sup, tt, var,
6
dl, dt, dd, ol, ul, li,
7
fieldset, form, label, legend,
8
table, caption, tbody, tfoot, thead, tr, th, td {
9
	margin: 0;
10
	padding: 0;
11
	border: 0;
12
	outline: 0;
13
	font-weight: inherit;
14
	font-style: inherit;
15
	font-size: 100%;
16
	font-family: inherit;
17
	vertical-align: baseline;
18
}
19
/* remember to define focus styles! */
20
:focus {
21
	outline: 0;
22
}
23
body {
24
	line-height: 1;
25
	color: black;
26
	background: white;
27
}
28
ol, ul {
29
	list-style: none;
30
}
31
/* tables still need 'cellspacing="0"' in the markup */
32
table {
33
	border-collapse: separate;
34
	border-spacing: 0;
35
}
36
caption, th, td {
37
	text-align: left;
38
	font-weight: normal;
39
}
40
blockquote:before, blockquote:after,
41
q:before, q:after {
42
	content: "";
43
}
44
blockquote, q {
45
	quotes: "" "";
46
}
47

48
/*=============================BEGIN CSS=================================*/
49

50
html, body {
51
  height: 100%;
52
	width: 100%;
53
  font-family: "Open Sans";
54
	touch-action: manipulation;
55
	cursor: default;
56
}
57

58
.navbar {
59
	position: absolute;
60
	top: 0;
61
	height: 49px;
62
	background: #101619;
63
	width: 100%;
64
	border-bottom: 1px #186144 solid;
65
	z-index: 2;
66
}
67

68
.navbar ul li a {
69
	color: #fff;
70
	text-decoration: none;
71
	margin-right: 50px;
72
	line-height: 50px;
73
	float: left;
74
}
75

76
.headerLogo {
77
	width: 178px;
78
	height: 31px;
79
	margin-left: 20px;
80
	margin-top: 9px;
81
	float: left;
82
	background: url(https://i.imgur.com/zoKOaEY.png) no-repeat;
83
}
84

85
.about {
86
	color: #fff;
87
	text-decoration: none;
88
	margin-right: 50px;
89
	line-height: 50px;
90
	float: right;
91
	cursor: pointer;
92
}
93

94
.aboutContainer {
95
	position: relative;
96
	top: 50px;
97
	height: 300px;
98
	overflow: hidden;
99
}
100

101
.aboutInfo {
102
	color: #fff;
103
	text-align: center;
104
}
105

106
.aboutHeader {
107
	font-family: 'Rajdhani', sans-serif;
108
	font-size: 30px;
109
	margin-top: 20px;
110
}
111

112
.aboutBody {
113
	width: 70%;
114
	margin: 10px auto;
115
}
116

117
.aboutDevelopers {
118
	position: relative;
119
	display: flex;
120
	justify-content: space-around;
121
	text-align: center;
122
	width: 800px;
123
	margin: 0 auto;
124
}
125

126
.aboutDev {
127
	width: 350px;
128
	float: left;
129
}
130

131
.aboutDevName {
132
	display: block;
133
	font-family: 'Rajdhani', sans-serif;
134
	font-size: 20px;
135
	color: #186144;
136
	width: 150px;
137
	margin: 20px auto 5px;
138
	border-bottom: 1px #1E2C36 solid;
139
	text-decoration: none;
140
}
141

142
.aboutDevDesc {
143
	font-size: 14px;
144
}
145

146
.left {
147
	position: absolute;
148
	display: inline-block;
149
	width: 70%;
150
	height: 100%;
151
	left: 0;
152
	overflow: hidden;
153
}
154

155
.display {
156
	position: relative;
157
  height: 100%;
158
  width: 100%;
159
	background: #1E2C36;
160
}
161

162
.unboxing {
163
	display: block;
164
	position: absolute;
165
	top: 0;
166
	left: 0;
167
	height: 100%;
168
	width: 100%;
169
	opacity: 1;
170
}
171

172
.tooltipAnchor {
173
	display: none;
174
	position: absolute;
175
	text-align: center;
176
	font-size: 10px;
177
	height: 25px;
178
	line-height: 25px;
179
	background-color: rgba(24, 97, 68, 0.9);
180
	border-radius: 3px;
181
	color: #fff;
182
	width: 200px;
183
	z-index: 20;
184
}
185

186
.tooltipAnchor:before {
187
	content: "";
188
	display: block;
189
	position: absolute;
190
	width: 0;
191
	height: 0;
192
	border-top: 5px rgba(24, 97, 68, 0.9) solid;
193
	border-left: 5px transparent solid;
194
	border-right: 5px transparent solid;
195
	left: 0;
196
	right: 0;
197
	margin: 0 auto;
198
	top: 25px;
199
}
200

201
.backgroundImage {
202
	height: 100%;
203
	width: 100%;
204
}
205

206
.backgroundImage:before {
207
	content: "";
208
	position: relative;
209
	display: block;
210
	height: 100%;
211
	width: 100%;
212
	background: linear-gradient(rgba(0, 23, 40, 0.6),rgba(0, 23, 40, 0.6)), url("../images/sunburst.png");
213
	background-position: center;
214
	animation: infRotate 25s linear infinite;
215
}
216

217
.caseDisplay {
218
	height: 182px;
219
	width: 240px;
220
	position: absolute;
221
	top: 0;
222
	right: 0;
223
	left: 0;
224
	bottom: 0;
225
	margin: auto;
226
	transition: .2s;
227
	cursor: pointer;
228
	padding-top: 10px;
229
}
230

231
.caseDisplay:active {
232
	padding-top: 0;
233
}
234

235
.caseInfoContainer {
236
	position: absolute;
237
	right: 0;
238
	left: -45%;
239
	bottom: -50px;
240
	text-align: center;
241
	width: 450px;
242
}
243

244
.caseName {
245
	font-size: 22px;
246
	color: #fff;
247
}
248

249
.priceContainer {
250
	font-weight: 200;
251
	color: #fff;
252
	margin-top: 5px;
253
}
254

255
.casePrice {
256
	display: inline-block;
257
}
258

259
.keyPrice {
260
	display: inline-block;
261
}
262

263
.jackpot {
264
	display: none;
265
	position: absolute;
266
	top: 0;
267
	left: 0;
268
	height: 100%;
269
	width: 100%;
270
	opacity: 1;
271
	background: #111715;
272
	/*background: linear-gradient(rgba(0, 40, 1, 0.6),rgba(0, 40, 1, 0.6)), url("../images/sunburst.png");
273
	background-position: center;
274
	animation: infRotate 25s linear infinite;*/
275
}
276

277
.jackpotDifficultyContainer {
278
	display: flex;
279
	justify-content: space-around;
280
	height: 30px;
281
	width: 100%;
282
}
283

284
.jackpotDifficultyContainer div {
285
	font-family: 'Rajdhani', sans-serif;
286
  color: #273135;
287
	line-height: 30px;
288
	float: left;
289
	width: 33.3%;
290
	background: #090D10;
291
	text-align: center;
292
	border: 1px #186144 solid;
293
	border-left: 1px transparent;
294
	cursor: pointer;
295
}
296

297
.jackpotDifficultyContainer div.active {
298
	background: #25793B;
299
	color: #59BB32;
300
}
301

302
.jackpotStats {
303
	height: 125px;
304
	position: absolute;
305
	right: 0;
306
	left: 0;
307
	bottom: 75px;
308
}
309

310
.jackpotCurrentWorth {
311
	text-align: center;
312
	color: #fff;
313
	font-size: 15px;
314
	margin-top: 4px;
315
}
316

317
.jackpotPercentOfTickets {
318
	text-align: center;
319
	color: #fff;
320
	font-size: 15px;
321
	margin-top: 4px;
322
}
323

324
.canvasContainer {
325
	width: 100%;
326
}
327

328
#canvasCircle {
329
	display: block;
330
	margin: 0 auto;
331
}
332

333
.jackpotTopContainer {
334
	position: absolute;
335
	top: 0;
336
	right: 0;
337
	left: 0;
338
	bottom: 395px;
339
	width: 100%;
340
}
341

342
.jackpotTop {
343
	height: 100%;
344
	width: 100%;
345
	background: #101619;
346
	border-bottom: 1px #186144 solid;
347
	background: linear-gradient(rgba(16, 22, 25, .5), rgba(16, 22, 25, 1)), url(http://i.imgur.com/vakyLA5.png);
348
	background-size: cover;
349
}
350

351
.jackpotCountDown {
352
	text-align: center;
353
	color: #fff;
354
	font-size: 25px;
355
}
356

357
.jackpotCountDownLabel {
358
	text-align: center;
359
	color: #fff;
360
	font-size: 15px;
361
	margin-top: 4px;
362
}
363

364
.winnerIs {
365
	text-align: center;
366
	color: #fff;
367
	font-size: 25px;
368
}
369

370
.depositorItemsLabel {
371
	float: right;
372
	margin-right: 300px;
373
}
374

375
.depositorPriceLabel {
376
	float: left;
377
	margin-left: 304px;
378
}
379

380
.depositorNameLabel {
381
	float: left;
382
	margin-left: 85px;
383
}
384

385
.depositorLabel {
386
	position: absolute;
387
	width: 100%;
388
	bottom: 0;
389
	height: 50px;
390
	line-height: 50px;
391
	color: #fff;
392
	background: #0E0E0E;
393
	border-top: 1px #272727 solid;
394
}
395

396
.jackpotRightContainer {
397
	display: none;
398
	position: relative;
399
	height: 100%;
400
	width: 100%;
401
	overflow: hidden;
402
}
403

404
.jackpotRightToBet {
405
	position: absolute;
406
	display: flex;
407
	justify-content: center;
408
	bottom: 80px;
409
	width: 100%;
410
	left: 0;
411
	right: 0;
412
	height: 85px;
413
	background: #101619;
414
}
415

416
.jackpotRightPlayer {
417
	position: absolute;
418
  top: 50px;
419
	bottom: 185px;
420
	width: 100%;
421
	background: #101619;
422
	overflow-y: auto;
423
	border-bottom: 1px #186144 solid;
424
}
425

426
.inventoryTagContainer {
427
	font-family: 'Rajdhani', sans-serif;
428
	color: #354146;
429
	float: left;
430
	height: 20px;
431
	line-height: 24px;
432
	width: 100%;
433
	margin-top: 1px;
434
}
435

436
.inventoryTag {
437
	margin-left: 7px;
438
}
439

440
.inventoryValue {
441
	margin-right: 7px;
442
	float: right;
443
}
444

445
.jackpotRightSTBTag {
446
	position: absolute;
447
  bottom: 165px;
448
	font-family: 'Rajdhani', sans-serif;
449
	color: #273135;
450
	float: left;
451
	height: 20px;
452
	line-height: 24px;
453
	padding-left: 6px;
454
	width: 100%;
455
	margin-top: 1px;
456
}
457

458
.inventorySwapItem {
459
	position: relative;
460
	width: 70px;
461
	height: 70px;
462
	border: 1px #1B2329 solid;
463
	margin: 6.5px 0 0 6.5px;
464
	float: left;
465
	cursor: pointer;
466
}
467

468
.jackpotRightInfo {
469
	position: absolute;
470
	width: 100%;
471
	height: 80px;
472
	background: #0D1113;
473
	color: #fff;
474
	bottom: 0;
475
	border-top: 1px #186144 solid;
476
}
477

478
.jackpotRightStartButton {
479
	position: absolute;
480
	right: 0;
481
	top: 0;
482
	text-align: center;
483
	height: 100%;
484
	width: 150px;
485
	line-height: 80px;
486
	background: #186144;
487
	cursor: pointer;
488
}
489

490
.jackpotRightStartButton:hover {
491
	background: #095839;
492
}
493

494
.jackpotRightSkins {
495
	margin-left: 8px;
496
	font-size: 25px;
497
	float: left;
498
	width: 300px;
499
}
500

501
.swappedItem {
502
	position: relative;
503
	width: 70px;
504
	height: 70px;
505
	border: 1px #1B2329 solid;
506
	margin: 5px 0 0 7px;
507
	float: left;
508
	cursor: pointer;
509
}
510

511
.spanTag {
512
	font-size: 20px;
513
	color: #186144;
514
}
515

516
.jackpotRightValue {
517
	margin: 8px;
518
	font-size: 25px;
519
	float: left;
520
	width: 300px;
521
}
522

523
.jackpotBottomContainer {
524
	position: absolute;
525
	bottom: 0;
526
	height: 395px;
527
	width: 100%;
528
	background: #151515;
529
	border-top: 1px #25793B solid;
530
}
531

532
.depositorContainer {
533
	display: block;
534
	width: 100%;
535
	height: 100%;
536
	overflow-y: auto;
537
}
538

539
.jackpotDepositor {
540
	height: 80px;
541
	margin: 5px 5px 0;
542
	background: #0E0E0E;
543
	overflow: hidden;
544
}
545

546
.jackpotDepositor.winner {
547
	background: #38340A;
548
	transition: .2s;
549
}
550

551
.depositorInfo {
552
	position: relative;
553
	color: #FFFFFF;
554
	font-size: 20px;
555
	line-height: 80px;
556
	height: 100%;
557
	width: 100%;
558
	font-family: 'Rajdhani', sans-serif;
559
}
560

561
.depositorProPic {
562
	height: 64px;
563
	width: 64px;
564
	float: left;
565
	margin: 8px;
566
	outline: 1px #25793B solid;
567
}
568

569
.depositorName {
570
	float: left;
571
	width: 200px;
572
}
573

574
.depositorValue {
575
	float: left;
576
	margin-left: 150px;
577
}
578

579
.depositorSkinContainer {
580
	height: 80px;
581
	float: right;
582
}
583

584
.depositorSkin {
585
	position: relative;
586
	width: 70px;
587
	height: 70px;
588
	border: 1px #1B2329 solid;
589
	margin: 4px;
590
	float: right;
591
}
592

593
.depositorSkin img {
594
	height: 70px;
595
	width: 70px;
596
}
597

598
.modalWindow {
599
	display: none;
600
	position: absolute;
601
	background: rgba(0, 0, 0, 0.5);
602
	right: 0;
603
	left: 0;
604
	top: 0;
605
	bottom: 0;
606
	z-index: 10;
607
}
608

609
.modalMain.unbox {
610
	position: absolute;
611
	top: 0;
612
	right: 0;
613
	left: 0;
614
	bottom: 0;
615
	margin: auto;
616
	height: 600px;
617
	width: 700px;
618
	background: #101619;
619
	border: 1px #186144 solid;
620
}
621

622
.modalMain.winner {
623
	position: absolute;
624
	top: 0;
625
	right: 0;
626
	left: 0;
627
	bottom: 0;
628
	margin: auto;
629
	height: 500px;
630
	width: 900px;
631
	text-align: center;
632
	background: #101916;
633
	border: 1px #186144 solid;
634
	box-shadow: 0 0 125px rgba(24, 109, 63, 0.87);
635
}
636

637
.modalSkinName {
638
	font-size: 25px;
639
	color: #fff;
640
	text-align: center;
641
}
642

643
.modalMain img {
644
	display: block;
645
	height: 450px;
646
	width: 450px;
647
	margin: 0 auto;
648
}
649

650
.winnerAmount {
651
  color: #186144;
652
}
653

654
.winnerModalSkinContainer {
655
	margin-top: 20px;
656
	display: flex;
657
	justify-content: center;
658
	flex-flow: row wrap;
659
}
660

661
.winnerModalHeader {
662
	margin: 20px;
663
	font-size: 40px;
664
	color: #fff;
665
}
666

667
.winnerModalMessage {
668
	font-size: 30px;
669
	color: #fff;
670
	margin: 20px;
671
}
672

673
.winnerModalWarnMessage {
674
  color: #903434;
675
}
676

677
.modalClose {
678
	position: absolute;
679
	right: 0;
680
	width: 30px;
681
	height: 30px;
682
	line-height: 30px;
683
	color: #2D9E71;
684
	background: #186144;
685
	cursor: pointer;
686
	transition: .2s;
687
}
688

689
.modalClose:hover {
690
	color: #186144;
691
	background: #2D9E71;
692
}
693

694
/*
695
.modalClose {
696
	position: absolute;
697
	right: 0;
698
	left: 0;
699
  bottom: 30px;
700
	font-size: 20px;
701
	font-family: 'Rajdhani', sans-serif;
702
	text-align: center;
703
	line-height: 40px;
704
	color: #fff;
705
	margin: 0 auto;
706
	width: 150px;
707
	height: 40px;
708
	background: linear-gradient(#1d7751, #0e382c);
709
	border: 2px #25793b solid;
710
	border-radius: 5px;
711
	text-shadow: 0 0 10px rgba(255,255,255,0.3);
712
	transition: .1s;
713
	transform: scale(1);
714
	cursor: pointer;
715
	-webkit-user-select: none;
716
	box-shadow: 0 0 25px rgba(0,117,9,0.5);
717
	overflow: hidden;
718
}
719
*/
720
.modalClose.unbox {
721
	position: absolute;
722
	right: 0;
723
	left: 0;
724
  bottom: 30px;
725
	font-size: 20px;
726
	font-family: 'Rajdhani', sans-serif;
727
	text-align: center;
728
	line-height: 40px;
729
	color: #fff;
730
	margin: 0 auto;
731
	width: 150px;
732
	height: 40px;
733
	background: linear-gradient(#1d7751, #0e382c);
734
	border: 2px #25793b solid;
735
	border-radius: 5px;
736
	text-shadow: 0 0 10px rgba(255,255,255,0.3);
737
	transition: .1s;
738
	transform: scale(1);
739
	cursor: pointer;
740
	-webkit-user-select: none;
741
	box-shadow: 0 0 25px rgba(0,117,9,0.5);
742
	overflow: hidden;
743
}
744

745
.right {
746
	position: absolute;
747
	right: 0;
748
	top: 0;
749
	bottom: 0;
750
	width: 575px;
751
	background: #090D10;
752
	border-left: 1px #186144 solid;
753
}
754

755
.rightMain {
756
	width: 100%;
757
	background: #101619;
758
	position: absolute;
759
	top: 82px;
760
	bottom: 135px;
761
	right: 0;
762
	left: 0;
763
}
764

765
.upgradeContainer {
766
	display: none;
767
	height: 100%;
768
	width: 100%;
769
	position: relative;
770
}
771

772
.stackingUpgradeContainer {
773
	position: absolute;
774
	right: 0;
775
	left: 0;
776
	bottom: 125px;
777
	top: 0;
778
}
779

780
.permUpgradeContainer {
781
	position: absolute;
782
	left: 0;
783
	right: 0;
784
	bottom: 0;
785
	height: 125px;
786
	border-top: 1px #186144 solid;
787
	/*display: flex;*/
788
	display: none;
789
	justify-content: space-around;
790
	background: #0F843F;
791
}
792

793
.permUpgrade {
794
	position: relative;
795
	height: 125px;
796
  width: 25%;
797
	background: #0F843F;
798
	box-shadow: inset 0 0 0 2px #0A5D2C, inset 0 0 0 6px #0A7134, inset 0 0 0 8px #068C3D;
799
	text-align: center;
800
	color: #0A5D2C;
801
	overflow: hidden;
802
}
803

804
.permUpgrade.locked {
805
	background: #4A4A4A;
806
	box-shadow: inset 0 0 0 2px #5D5D5D, inset 0 0 0 6px #4A4A4A, inset 0 0 0 8px #525252;
807
	color: #585858;
808
}
809

810
.permUpgrade i {
811
	display: block;
812
	margin-top: 38px;
813
}
814

815
.permUpgradeLabel {
816
}
817

818
.inventoryContainer {
819
	position: relative;
820
	height: 100%;
821
	width: 100%;
822
	overflow: hidden;
823
}
824

825
.inventoryItemContainer {
826
	position: absolute;
827
	display: block;
828
	width: 100%;
829
	float: left;
830
	top: 25px;
831
	bottom: 0;
832
	overflow-y: scroll;
833
	overflow-x: hidden;
834
}
835

836
.upgrade.cantAfford {
837
	background: #150C0C;
838
	/*color: #080808;*/
839
}
840

841
.upgrade {
842
	position: relative;
843
	color: #fff;
844
	height: 100px;
845
	width: 570px;
846
	background: #090D10;
847
	margin: 2px auto;
848
	overflow: auto;
849
	border-radius: 3px;
850
	cursor: pointer;
851
	box-shadow: inset 0 0 0 2px #090D10, inset 0 0 0 6px #101619, inset 0 0 0 8px #0B1015;
852
}
853

854
.upgradePicture {
855
	height: 76px;
856
	width: 76px;
857
	float: left;
858
	margin: 10px;
859
	border: 2px #186144 solid;
860
}
861

862
.upgradePicture img {
863
	height: 100%;
864
	width: 100%;
865
}
866

867
.upgradeInfo {
868
	margin-top: 10px;
869
}
870

871
.upgradePriceLabel {
872
	position: absolute;
873
	top: 0;
874
	right: 0;
875
	float: right;
876
	margin: 10px;
877
}
878

879
.upgradeAmountLabel {
880
	position: absolute;
881
	bottom: 0;
882
	right: 0;
883
	float: right;
884
	margin: 10px;
885
}
886

887
.upgradeDesc {
888
	margin-top: 10px;
889
}
890

891
.upgradeName {
892
  font-weight: 600;
893
}
894

895
.tradeButtonContainer {
896
	height: 135px;
897
	position: absolute;
898
	width: 100%;
899
	bottom: 0;
900
	border-top: 1px #186144 solid;
901
}
902

903
.container {
904
  height: 100%;
905
	width: 100%;
906
	background: #0F1317;
907
}
908

909
.main {
910
	overflow: hidden;
911
	top: 50px;
912
	position: absolute;
913
	left: 0;
914
	right: 0;
915
	bottom: 0;
916
	transition: 1s;
917
}
918

919
.main.small {
920
	top: 350px;
921
	border-top: 1px #186144 solid;
922
}
923

924
.button:hover {
925
  text-shadow: 0 0 10px rgba(255,255,255,0.5);
926
  transform: scale(1.05);
927
}
928

929
.button:active {
930
  background: linear-gradient(#1f8258, #114435);
931
  text-shadow: 0 0 10px rgba(255,255,255,0.5);
932
  transform: scale(1);
933
  box-shadow: 0 0 35px rgba(43,137,68,0.5);
934
}
935

936
.tabContainer {
937
	margin-top: 2px;
938
	float: left;
939
	width: 100%;
940
	height: 50px;
941
	overflow: hidden;
942
}
943

944
.tab {
945
	background: red;
946
	float: left;
947
	height: 50px;
948
	width: 95px;
949
	background: #0D1113;
950
	margin-right: 1px;
951
	color: #2F2F2F;
952
	text-align: center;
953
	line-height: 50px;
954
	border-bottom: 1px #090D10 solid;
955
	cursor: pointer;
956
}
957

958
.tab.active {
959
	color: #fff;
960
	background: #101619;
961
	border-bottom: 1px #101619 solid;
962
}
963

964
.caseContainer {
965
	display: none;
966
	height: 100%;
967
	width: 100%;
968
	overflow-y: auto;
969
	overflow-x: hidden;
970
}
971

972
.case {
973
	position: relative;
974
	color: #fff;
975
	height: 100px;
976
	width: 570px;
977
	background: #090D10;
978
	margin: 2px auto;
979
	overflow: auto;
980
	border-radius: 3px;
981
	cursor: pointer;
982
}
983

984
.caseInfo {
985
  margin-top: 10px;
986
}
987

988
.caseTitle {
989
	font-weight: 600;
990
}
991

992
.caseValue {
993
	margin-top: 10px;
994
}
995

996
.casePicture {
997
	height: 76px;
998
	width: 76px;
999
	float: left;
1000
	margin: 9px;
1001
	border: 2px #BA7729 solid;
1002
}
1003

1004
.casePicture img {
1005
	margin-top: 7px;
1006
	height: 80%;
1007
	width: 100%;
1008
}
1009

1010
.mainInfo {
1011
	position: relative;
1012
	overflow: hidden;
1013
	color: #fff;
1014
	width: 100%;
1015
	height: 30px;
1016
	border-bottom: 1px #186144 solid;
1017
}
1018

1019
.mainInfoLabel {
1020
	color: #186144;
1021
	margin: 0 10px;
1022
	height: 100%;
1023
	line-height: 30px;
1024
}
1025

1026
.mainInfoLabelWarning {
1027
	position: relative;
1028
	display: none;
1029
	font-size: 1.1em;
1030
	color: #A02020;
1031
	cursor: pointer;
1032
}
1033
/*
1034
.mainInfoLabelWarning:before {
1035
	top: 2px;
1036
	left: 30px;
1037
	content: "";
1038
	display: block;
1039
	position: absolute;
1040
	text-align: center;
1041
	font-size: 10px;
1042
	height: 25px;
1043
	line-height: 25px;
1044
	background-color: rgba(0, 0, 0, 1);
1045
	border-radius: 3px;
1046
	color: #fff;
1047
	width: 200px;
1048
	z-index: 20;
1049
}
1050
*/
1051
.mainInfoLabel.wallet {
1052
	float: right;
1053
}
1054

1055
.mainInfoLabel.inv {
1056
	float: left;
1057
}
1058

1059
.mainInfoLabel span {
1060
	color: #fff;
1061
}
1062

1063
.money {
1064

1065
}
1066

1067
.inventorySpace {
1068
	margin-top: 10px;
1069
	font-size: 20px;
1070
}
1071

1072
.itemPrice {
1073
	font-size: 13px;
1074
	position: absolute;
1075
	bottom: 0;
1076
	height: 15px;
1077
	text-align: center;
1078
	background: #080808;
1079
	width: 100%;
1080
	line-height: 15px;
1081
	color: #fff;
1082
}
1083

1084
.inventoryItem {
1085
	position: relative;
1086
	width: 70px;
1087
	height: 70px;
1088
	border: 1px #1B2329 solid;
1089
	margin: 6.5px 0 0 6.5px;
1090
	float: left;
1091
	cursor: pointer;
1092
}
1093

1094
.inventoryItem img {
1095
	width: 100%;
1096
	height: 100%;
1097
}
1098

1099
div.consumer {
1100
	border: 1px #B0C3D9 solid;
1101
}
1102

1103
div.industrial {
1104
	border: 1px #5E98D9 solid;
1105
}
1106

1107
div.milspec {
1108
	border: 1px #4B69FF solid;
1109
}
1110

1111
div.restricted {
1112
	border: 1px #8847FF solid;
1113
}
1114

1115
div.classified {
1116
	border: 1px #D32CE6 solid;
1117
}
1118

1119
div.covert {
1120
	border: 1px #C12222 solid;
1121
}
1122

1123
div.knife {
1124
	border: 1px #FFD700 solid;
1125
}
1126

1127
.notification.hidden {
1128
	top: -50px;
1129
}
1130

1131
.notification {
1132
	position: absolute;
1133
	left: 0;
1134
	right: 0;
1135
	top: 7px;
1136
	width: 800px;
1137
	height: 35px;
1138
	line-height: 35px;
1139
	text-align: center;
1140
	background: #186144;
1141
	color: #fff;
1142
	margin: 0 auto;
1143
	z-index: 10;
1144
	border-radius: 3px;
1145
	cursor: pointer;
1146
	transition: .5s;
1147
}
1148

1149
.settings {
1150
	float: right;
1151
	height: 49px;
1152
	width: 50px;
1153
	border-left: 1px #186144 solid;
1154
	background-image: url(https://i.imgur.com/Pw82Pa6.png);
1155
	background-repeat: no-repeat;
1156
	background-size: 70% 70%;
1157
	background-position: center;
1158
	transition: .1s;
1159
}
1160

1161
.settings:hover {
1162
	background-color: #1A2929;
1163
}
1164

1165
.settingsList {
1166
	color: #fff;
1167
	position: absolute;
1168
	right: 0;
1169
	top: 50px;
1170
	width: 575px;
1171
	background: #1A2929;
1172
	border-bottom: 1px #186144 solid;
1173
	z-index: 1;
1174
	transition: .5s;
1175
}
1176

1177
.settingsList li {
1178
	list-style: none;
1179
	margin: 10px 20px;
1180
}
1181

1182
.settingsList li h1 {
1183
	font-size: 25px;
1184
	margin-bottom: 25px;
1185
}
1186

1187
.settingsList.hidden {
1188
	top: -155px;
1189
}
1190

1191
#canvas {
1192
  background: #fff;
1193
}
1194

1195
#drawing {
1196
	z-index: 1;
1197
}
1198

1199
.inventory {
1200
	font-size: 20px;
1201
	font-family: 'Rajdhani', sans-serif;
1202
	text-align: center;
1203
	line-height: 40px;
1204
	color: #fff;
1205
	margin: 0 auto;
1206
	width: 150px;
1207
	height: 40px;
1208
	background: linear-gradient(#1d7751, #0e382c);
1209
	border: 2px #25793b solid;
1210
	border-radius: 5px;
1211
	text-shadow: 0 0 10px rgba(255,255,255,0.3);
1212
	transition: .1s;
1213
	transform: scale(1);
1214
	cursor: pointer;
1215
	-webkit-user-select: none;
1216
	box-shadow: 0 0 25px rgba(0,117,9,0.5);
1217
	overflow: hidden;
1218
}
1219

1220
.shop {
1221
	font-size: 20px;
1222
	font-family: 'Rajdhani', sans-serif;
1223
	text-align: center;
1224
	line-height: 40px;
1225
	color: #fff;
1226
	margin: 0 auto;
1227
	width: 150px;
1228
	height: 40px;
1229
	background: linear-gradient(#1d7751, #0e382c);
1230
	border: 2px #25793b solid;
1231
	border-radius: 5px;
1232
	text-shadow: 0 0 10px rgba(255,255,255,0.3);
1233
	transition: .1s;
1234
	transform: scale(1);
1235
	cursor: pointer;
1236
	-webkit-user-select: none;
1237
	box-shadow: 0 0 25px rgba(0,117,9,0.5);
1238
	overflow: hidden;
1239
}
1240

1241
.tradeButton {
1242
  font-size: 60px;
1243
  font-family: 'Rajdhani', sans-serif;
1244
  text-align: center;
1245
  line-height: 85px;
1246
  color: #fff;
1247
  margin: 20px auto;
1248
  width: 350px;
1249
  height: 85px;
1250
  background: linear-gradient(#1d7751, #0e382c);
1251
  border: 3px #25793b solid;
1252
  border-radius: 5px;
1253
  text-shadow: 0 0 20px rgba(255,255,255,0.3);
1254
  transition: .1s;
1255
  transform: scale(1);
1256
  cursor: pointer;
1257
  -webkit-user-select: none;
1258
  box-shadow: 0 0 25px rgba(0,117,9,0.5);
1259
  overflow: hidden;
1260
}
1261

1262
.tradeButton:hover {
1263
  text-shadow: 0 0 20px rgba(255,255,255,0.5);
1264
  transform: scale(1.05);
1265
}
1266

1267
.tradeButton:active {
1268
  background: linear-gradient(#1f8258, #114435);
1269
  text-shadow: 0 0 20px rgba(255,255,255,0.5);
1270
  transform: scale(1);
1271
  box-shadow: 0 0 30px rgba(43,137,68,0.5);
1272
}
1273

1274
.tradeButton:after {
1275
  content: "";
1276
  position: relative;
1277
  top: -120px;
1278
  left: -90px;
1279
  display: block;
1280
  width: 35px;
1281
  height: 150px;
1282
  background: rgba(255, 255, 255, 0.5);
1283
  transform: rotate(35deg);
1284
  -webkit-filter: blur(20px);
1285
  transition: none;
1286
}
1287

1288
.tradeButton:hover:after {
1289
  left: 400px;
1290
  transition: .3s ease-in-out;
1291
}
1292

1293
.clearGameState {
1294
	font-size: 17px;
1295
	font-family: 'Rajdhani', sans-serif;
1296
	text-align: center;
1297
	line-height: 40px;
1298
	color: #fff;
1299
	margin: 50px 0 25px 20px;
1300
	width: 150px;
1301
	height: 40px;
1302
	background: linear-gradient(#1d7751, #0e382c);
1303
	border: 2px #25793b solid;
1304
	border-radius: 5px;
1305
	text-shadow: 0 0 10px rgba(255,255,255,0.3);
1306
	transition: .1s;
1307
	transform: scale(1);
1308
	cursor: pointer;
1309
	-webkit-user-select: none;
1310
	box-shadow: 0 0 25px rgba(0,117,9,0.5);
1311
	overflow: hidden;
1312
}
1313

1314

1315
::-webkit-scrollbar {
1316
	width: 17px;
1317
}
1318

1319
::-webkit-scrollbar-track {
1320
   background-color: #101619;
1321
}
1322

1323
::-webkit-scrollbar-thumb {
1324
   background-color: #25793B;
1325
}
1326

1327
/*===============HELPERS===================*/
1328

1329
.noselect {
1330
    -webkit-touch-callout: none;
1331
    -webkit-user-select: none;
1332
    -khtml-user-select: none;
1333
    -moz-user-select: none;
1334
    -ms-user-select: none;
1335
    user-select: none;
1336
}
1337

1338
/*===============MEDIA QUERIES=================*/
1339
@media only screen and (max-width: 1660px) {
1340
	.depositorSkinContainer {
1341
		left: 0;
1342
    bottom: 0;
1343
    position: absolute;
1344
    height: 80px;
1345
		background: rgba(10,10,10,.8);
1346
		width: 100%;
1347
	}
1348

1349
	.jackpotDepositor {
1350
		height: 160px;
1351
	}
1352

1353
	.modalMain.unbox {
1354
    position: absolute;
1355
    top: 0;
1356
    right: 0;
1357
    left: 0;
1358
    bottom: 0;
1359
    margin: auto;
1360
    height: 300px;
1361
    width: 500px;
1362
    background: #101619;
1363
    border: 1px #186144 solid;
1364
	}
1365

1366
	.modalMain.winner {
1367
		transform: scale(.75);
1368
	}
1369

1370
	.modalClose.unbox {
1371
    position: absolute;
1372
    right: 0;
1373
    left: 0;
1374
    bottom: 15px;
1375
    font-size: 20px;
1376
    font-family: 'Rajdhani', sans-serif;
1377
    text-align: center;
1378
    line-height: 40px;
1379
    color: #fff;
1380
    margin: 0 auto;
1381
    width: 150px;
1382
    height: 40px;
1383
    background: linear-gradient(#1d7751, #0e382c);
1384
    border: 2px #25793b solid;
1385
    border-radius: 5px;
1386
    text-shadow: 0 0 10px rgba(255,255,255,0.3);
1387
    transition: .1s;
1388
    transform: scale(1);
1389
    cursor: pointer;
1390
    -webkit-user-select: none;
1391
    box-shadow: 0 0 25px rgba(0,117,9,0.5);
1392
    overflow: hidden;
1393
	}
1394

1395
	.modalMain > img {
1396
    display: block;
1397
    height: 200px;
1398
    width: 200px;
1399
    margin: 0 auto;
1400
	}
1401

1402
	.jackpotStats {
1403
    height: 125px;
1404
    position: absolute;
1405
    right: 0;
1406
    left: 0;
1407
	}
1408

1409
}
1410

1411

1412
/*===============KEYFRAMES=================*/
1413

1414
@keyframes infRotate {
1415
	from {
1416
		-ms-transform: rotate(0deg) scale(1.75);
1417
    -moz-transform: rotate(0deg) scale(1.75);
1418
    -webkit-transform: rotate(0deg) scale(1.75);
1419
    -o-transform: rotate(0deg) scale(1.75);
1420
    transform: rotate(0deg) scale(1.75);
1421
	} to {
1422
		-ms-transform: rotate(360deg) scale(1.75);
1423
    -moz-transform: rotate(360deg) scale(1.75);
1424
    -webkit-transform: rotate(360deg) scale(1.75);
1425
    -o-transform: rotate(360deg) scale(1.75);
1426
    transform: rotate(360deg) scale(1.75);
1427
	}
1428
}
1429