html {
	--reelWidth: 16;
	--reelHeight: 16;
	--orientation: 0;
}
body {
	background-color: #000000;
}

.container {
		position: relative;
		top: 0px;
		margin: 0 auto;
		width: 100vmin;
		height:100vmin;
		z-index: 1;
		background: #111111;
	    background: -webkit-linear-gradient(#111111, #661111); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#111111, #661111); /* For Opera 11.1 to 12.0 */
    	background: -moz-linear-gradient(#111111, #661111); /* For Firefox 3.6 to 15 */
    	background: linear-gradient(#111111, #661111); /* Standard syntax */

	}
.imgCell {
		float:left;
		width: 12vmin;
		height:12vmin;
		background:url("assets/strip.jpg");
		background-size: 600% 200%;
		background-repeat: no-repeat;
		margin: 0.5vmin;
}
.textCell {
		float:right;
		width: 16vmin;
		height:12vmin;
		line-height: 2vmin;
		margin: 0.5vmin;
	
}
.tableCell {
		display:inline-block;
		width: 31vmin;
		height:13vmin;
		margin:2vmin 0.5vmin 1vmin 1vmin;
		background: #991111;

		
}
.tableCellLrg {
		display:inline-block;
		width: 48vmin;
		height:13vmin;
		margin:2vmin 0.5vmin 1vmin 1vmin;
		background: #991111;
		
}
.textCellLrg {
		float:right;
		width: 28vmin;
		height:12vmin;
		line-height: 2vmin;
		margin-right:5vmin;
	
}
.reels {
		position: absolute;
		top: 21vmin;
		margin: 0 auto;
		width: 100vmin;
		height:54vmin;
		background:url("assets/reels.jpg");
		background-size: 100% 100%;
		background-repeat: no-repeat;

	}
.splashpage {
		position: relative;
		top: 0px;
		margin: 0 auto;
		width: 100vmin;
		height:100vmin;
		z-index: 2;
		background:url("assets/splash.jpg");
		background-size: 100% 100%;
		background-repeat: no-repeat;

	}
.topcover {
		position: relative;
		top: 0px;
		left: 0px;
		width: 100vmin;
		height:22vmin;
		z-index: 100;
		background:url("assets/topImg.png");
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}
.btn {
		display:inline-block;
		width: 13vmin;
		height:13vmin;
		margin:2vmin 1.4vmin;
		background:url("assets/buttons.png");
		background-size: 600% 200%;
		background-repeat: no-repeat;
		cursor:pointer;
	}
.btn:active {
		width: 12.8vmin;
		height:12.8vmin;
		margin:1.9vmin 1.5vmin;
	}
.otherbtns {
		position:relative;
		width: 10vmin;
		height:10vmin;
		margin: 1vmin;
		cursor:pointer;
		background:url("assets/buttons.png");
		background-size: 600% 200%;
		background-repeat: no-repeat;
	}
.otherBtns:active {
	width: 9.8vmin;
	height:9.8vmin;
	margin:0.8vmin;
	}
.moreGamesButton {
		
		position: absolute;
		right:    0;
		bottom:   0;
		width: 10vmin;
		height:10vmin;
		margin: 1vmin;
		cursor:pointer;
		background:url("assets/moreGamesBtn.png");
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}
.affiliateButton:active {
	width: 9.8vmin;
	height:9.8vmin;
	margin:0.8vmin;
	}
.payoutlines {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100vmin;
		height:100vmin;
		z-index: 20;
	}
.mediumText {
	color: #fdfd99;
	font: bold 2.5vmin Cooper Black, Century Gothic, Helvetica, Verdana, Tahoma;
	text-shadow: 2px 2px #000000;
	
	}
.largeText {
	color: #fafa00;
	font: bold 3vmin Cooper Black, Century Gothic, Helvetica, Verdana, Tahoma;
	text-shadow: 2px 2px #000000;
	
	}
.extraLargeText {
	color: #fafa00;
	font: bold 4vmin Cooper Black, Century Gothic, Helvetica, Verdana, Tahoma;
	text-shadow: 2px 2px #000000;
	text-align: center;
	
	}
.alignLeft {
	text-align: left;
}
.alignRight {
	float:right;
}
.reel {
		position: absolute;
		width: 17vmin;
		height:17vmin;
		z-index: 2;
		background:url("assets/strip.jpg");
		background-size: 600% 200%;
		background-repeat: no-repeat;
	}
.topsection  {
		background-color: #dd00dd;
		width: 100vmin;
		height: 15vmin;
	 	background:url("assets/payoutTop.png");
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}
.btncontainer {
		position: absolute;
		top:  75vmin;
		width: 100vmin;
		height: 25vmin;
		background:url("assets/btmImg.png");
		background-size: 100% 100%;
		background-repeat: no-repeat;
		z-index: 200;
	}
.linenum {
		position: absolute;
		overflow: hidden;
		width: 2.5vmin;
		height: 2.5vmin;
		-webkit-box-shadow: inset 0 0 8px #ffffff;
	   	-moz-box-shadow: inset 0 0 8px #ffffff;
		box-shadow: inset 0 0 8px #ffffff;
		border: 2px solid #000000;
		border-radius: 25%;
		color: #f7f7f7;
		text-align: center;
		vertical-align: middle;
		font: bold 2vmin Century Gothic, Helvetica, Verdana, Tahoma;
		text-shadow: 1px 1px #000000;
		z-index: 50;
}
.infotextBox {
	position: absolute;
	right: 15vmin;
	text-align: center;
	width:50vmin;
	top:17vmin;
	height:auto;
}

.holder_top {
		position: absolute;
		left: 3vmin;
		width: 32vmin;
		height: 6vmin;
	}
.holder {
		position: absolute;
		left: 4vmin;
		width: 32vmin;
		height: 6vmin;
		background: #111111;
	    background: -webkit-linear-gradient(#111111, #661111); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#111111, #661111); /* For Opera 11.1 to 12.0 */
    	background: -moz-linear-gradient(#111111, #661111); /* For Firefox 3.6 to 15 */
    	background: linear-gradient(#111111, #661111); /* Standard syntax */
	 	border: 0.25vmin solid #a9a933;
    	border-radius: 10px;
	}
.holder_bottom {
		
		display:inline-block;
		margin:1vmin 6vmin 0vmin 5vmin ; 
		width: 21vmin;
		height: 4.5vmin;
		background: #111111;
	    background: -webkit-linear-gradient(#111111, #661111); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#111111, #661111); /* For Opera 11.1 to 12.0 */
    	background: -moz-linear-gradient(#111111, #661111); /* For Firefox 3.6 to 15 */
    	background: linear-gradient(#111111, #661111); /* Standard syntax */
	 	border: 0.25vmin solid #a9a933;
    	border-radius: 10px;
	}
.textBox {
		position: relative;
		width: auto;
		height: auto;
		text-align: center;
		color: #fdfd99;
    	font: bold 4vmin Cooper Black,Century Gothic, Helvetica, Verdana, Tahoma;
		text-shadow: 2px 2px #000000;
	}
.preloadDiv {
	position:absolute;
	width: 24vmin;
	height: 30vmin;
	left:calc(50% - 12vmin);
	top:calc(50% - 10vmin);
	background-repeat:no-repeat;
	background-position: top;
	background-size: contain;
	background-image: url("assets/preloadImg.png");
}
.loader {
	position:relative;
  border: 10px solid #666666;
  border-radius: 50%;
  border-top: 10px solid #3498db;
	margin: 20vmin auto 0 auto;
  width: 10vmin;
  height: 10vmin;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}