@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: black;
	position:relative;
}

.inactive {
	display:none;
}

.assetPreload {
	visibility: hidden;
}

.paylineIndicatorText {
	text-align: center;
	vertical-align: middle;
	line-height: 2vw;
	font-family: "Arial Black", Gadget, sans-serif;
	color: white;
	font-size: 1.5vw;
	text-shadow: .05vw .05vw .4vw rgba(0, 0, 0, 0.5);
}

.paylineIndicator {
    width: 4.3vw;
    height: 2vw;
    position: absolute;
    background: rgba(234, 212, 11, 1.0);
	z-index: 1;
}

.paylineIndicatorDiagonal {
	width: 4.3vw;
}
  
.paylineIndicator:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 1vw solid transparent;
    border-top: 1vw solid transparent;
    border-bottom: 1vw solid transparent;
}

.paylineIndicator:before {
    content: "";
    position: absolute;
    right: -1vw;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 1vw solid rgba(234, 212, 11, 1.0);
    border-top: 1vw solid transparent;
    border-bottom: 1vw solid transparent;
}
 
.paylineIndicator1 {
	bottom: 47.925vw;
}	

.paylineIndicator2 {
	bottom: 39.225vw;
}

.paylineIndicator3 {
	bottom: 30.525vw;
}

.paylineIndicator4 {
	bottom: 21.825vw;
}

.paylineIndicator5 {
	bottom: 13.125vw;
}

.paylineIndicator6 {
	bottom: 9.0vw;
	z-index: 3;
}

.paylineIndicator7 {
	bottom: 52.05vw;
	z-index: 2;
}

.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(-25.7deg);
}

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

@keyframes imageZoom{
    0% { transform: scale(1); filter: drop-shadow(0px 0px 0px rgba(64,64,64,0.5));}
    50% { transform: scale(1.15); filter: drop-shadow(0px 0px 0.8vw rgba(64,64,64,0.5));}
    100% { transform: scale(1); filter: drop-shadow(0px 0px 0px rgba(64,64,64,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: black;
	z-index: 2;  
}

.reels {
	position:absolute; 
	bottom: 10vw;
	left:0;
	right:0;
	margin:auto;	
	width: 90vw;
	background-color: white;
	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;
}