@font-face {
  font-family: 'DSEG14Classic-Bold';
  src: url('../fonts/DSEG14Classic-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/DSEG14Classic-Bold.woff') format('woff'), url('../fonts/DSEG14Classic-Bold.ttf')  format('truetype'), url('../fonts/DSEG14Classic-Bold.svg#DSEG14Classic-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@media (aspect-ratio: 16/9) {
  .reelsGlass {
    color: red;
  }
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

html {
	background-color: black;
	margin: 0;
	padding: 0;
	overflow:hidden;
}

body {
	background-color: black;
	margin: 0;
	padding: 0;
	overflow:hidden;
}

.slotBody {
    height: 100vh;
    width: 100vw;
    background-color: rgba(20, 20, 20, 1.0);
	position:relative;
}

.inactive {
	display:none;
}

.assetPreload {
	visibility: hidden;
}

.payline {
	position:absolute; 
	left:0;
	right:0;
	margin:auto;	
	width: 90vw;	
	z-index: 1; 
	display: inline-block;
	border-top: 0.25vw solid rgba(234, 212, 11, 0.9);	
}

.lineShadow {
	box-shadow: 0.08vw 0.08vw rgba(160, 160, 160, 0.2);
}

.payline1 {
	bottom: 48.8vw;
}

.payline2 {
	bottom: 40.1vw;
}

.payline3 {
	bottom: 31.4vw;	
}

.payline4 { 
	bottom: 22.7vw;	
}

.payline5 {
	bottom: 14vw;	
}

.payline7 {
	bottom: 31.5vw;	
	width: 100vw;		
	transform: rotate(-26deg);
}

.payline6 {
	bottom: 31.5vw;	
	width: 100vw;		
	transform: rotate(26deg);	
}

@keyframes imageZoom{
    0% { transform: scale(1); filter: drop-shadow(0px 0px 0px rgba(255,255,255,0.5));}
    50% { transform: scale(1.15); filter: drop-shadow(0px 0px 0.8vw rgba(255,255,255,0.5));}
    100% { transform: scale(1); filter: drop-shadow(0px 0px 0px rgba(255,255,255,0.5));}
}

@keyframes paylineWin{
    0% { border-top: 0.25vw solid rgba(234, 212, 11, 0.9)}
    50% { border-top: 0.25vw solid rgba(234, 137, 11, 0.9)}
    100% { border-top: 0.25vw solid rgba(234, 212, 11, 0.9)}
}

.reel1 {
	position:absolute; 
	bottom: 0;
	top: 0;
	left: 0;
	margin-left: 5vw;
	width: 8vw;
	z-index: -2;	
}

.reel2 {
	position:absolute; 
	bottom: 0;
	top: 0;
	left: 0;
	margin-left: 16vw;
	width: 8vw;
	z-index: -2;	
}

.reel3 {
	position:absolute; 
	bottom: 0;
	top: 0;
	left: 0;
	margin-left: 27vw;
	width: 8vw;
	z-index: -2;	
}

.reel4 {
	position:absolute; 
	bottom: 0;
	top: 0;
	left: 0;
	margin-left: 38vw;
	width: 8vw;
	z-index: -2;	
}

.reel5 {
	position:absolute; 
	bottom: 0;
	top: 0;
	left: 0;
	margin-left: 49vw;
	width: 8vw;
	z-index: -2;	
}

.reelsGlassTop {
	position:absolute; 
	bottom: 53vw;
	left:0;
	right:0;
	margin:auto;	
	width: 100vw;
	height: 100vh;
	padding-bottom: 10vw;	
	background-color: rgba(20, 20, 20, 1.0);
	z-index: 2;  
}

.reels {
	position:absolute; 
	bottom: 10vw;
	left:0;
	right:0;
	margin:auto;	
	width: 90vw;
	background-color: black;
	padding-bottom: 43vw;
	z-index: 0;
	
	box-shadow: 0 0 0;
	transform: translate3d(0,0,0);
}

.status {
	position:absolute; 
	bottom:0;
	width: 100vw;
	height: 10vw;
	background-color: black;
	z-index: 2;	
}

.statusBar {
	position:absolute; 
	bottom:0;
	width: 100vw;
	z-index: 2;
}

.coinSlot {
	position:absolute; 
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	margin-bottom:0;
	width: 15vw;
	z-index: 3;
}

.coin {
	position:absolute; 
	bottom:-7vh;
	width: 5.5vw;
	left:0;
	right:0;
	margin:auto;
	margin-bottom:0;	
	z-index: 4;
	display: none;
	
	box-shadow: 0 0 0;
	transform: translate3d(0,0,0);
}

@keyframes coinDrop
{
from {bottom: 4vw;} 
to{bottom:-4vw;} 
}

.coinSlotBottom {
	position:absolute; 
	bottom:0;
	width: 15vw;
	left:0;
	right:0;
	margin:auto;
	margin-bottom:0;
	z-index: 5;
}

.cashOut {
	position:absolute; 
	bottom:0;
	left:0;
	margin-left:5vw;
	margin-bottom:2.5vw;
	width: 5vw;
	z-index: 3;
}

.cashOutTop {
	position:absolute; 
	bottom:0;
	left:0;
	margin-left:5vw;
	margin-bottom:2.5vw;
	width: 5vw;
	z-index: 4;
	display: none;
}

.betOne {
	position:absolute; 
	bottom:0;
	left:0;
	margin-left:11vw;
	margin-bottom:2.5vw;
	width: 5vw;
	z-index: 3;
}

.betOneTop {
	position:absolute; 
	bottom:0;
	left:0;
	margin-left:11vw;
	margin-bottom:2.5vw;
	width: 5vw;
	z-index: 4;
	display: none;
}

.betMax {
	position:absolute; 
	bottom:0;
	left:0;
	margin-left:17vw;
	margin-bottom:2.5vw;
	width: 5vw;
	z-index: 3;
}

.betMaxTop {
	position:absolute; 
	bottom:0;
	left:0;
	margin-left:17vw;
	margin-bottom:2.5vw;
	width: 5vw;
	z-index: 4;
	display: none;
}

.spin {
	position:absolute; 
	bottom:0;
	left:0;
	margin-left:23vw;
	margin-bottom:1.2vw;
	width: 7vw;
	z-index: 3;
}

.spinTop {
	position:absolute; 
	bottom:0;
	left:0;
	margin-left:23vw;
	margin-bottom:1.2vw;
	width: 7vw;
	z-index: 4;
	display: none;
}

.sounds{
	display: none;
}

.winnerPaid{
	position:absolute;
	font-family: 'DSEG14Classic-Bold';
	font-size: 2vw;
	right:26.2vw;
	bottom:1.85vw;
	color: #FF0000;
	text-shadow: 0 0 0.6vw #FF0000;
	z-index: 3;
}

.credits{
	position:absolute;
	font-family: 'DSEG14Classic-Bold';
	font-size: 2vw;
	right:12.3vw;
	bottom:1.85vw;
	color: #FF0000;
	text-shadow: 0 0 0.6vw #FF0000;
	z-index: 3;
}

.coinsPlayed{
	position:absolute;
	font-family: 'DSEG14Classic-Bold';
	font-size: 2vw;
	right:5vw;
	bottom:1.85vw;
	color: #FF0000;
	text-shadow: 0 0 0.6vw #FF0000;
	z-index: 3;
}