/** FONTS **/
@font-face {
  font-family: 'BrandonMedium';
  src: url('fonts/BRANDON_MED.eot'); /* IE9 Compat Modes */
  src: url('fonts/BRANDON_MED.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/BRANDON_MED.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/BRANDON_MED.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/BRANDON_MED.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/BRANDON_MED.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'BrandonBold';
  src: url('fonts/BRANDON_BLD.eot'); /* IE9 Compat Modes */
  src: url('fonts/BRANDON_BLD.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/BRANDON_BLD.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/BRANDON_BLD.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/BRANDON_BLD.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/BRANDON_BLD.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'BrandonBlack';
  src: url('fonts/BRANDON_BLK.eot'); /* IE9 Compat Modes */
  src: url('fonts/BRANDON_BLK.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/BRANDON_BLK.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/BRANDON_BLK.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/BRANDON_BLK.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/BRANDON_BLK.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'BrandonNum';
  src: url('fonts/BRANDON_NUM.eot'); /* IE9 Compat Modes */
  src: url('fonts/BRANDON_NUM.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/BRANDON_NUM.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/BRANDON_NUM.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/BRANDON_NUM.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/BRANDON_NUM.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'MyriadPro';
  src: url('fonts/MyriadPro-Regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/MyriadPro-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/MyriadPro-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/MyriadPro-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/MyriadPro-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
}

/* -- Opens Sans Regular -- */
@font-face {
  font-family: 'OpenSans';
  src: url('fonts/OpenSans-Regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/OpenSans-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/OpenSans-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/OpenSans-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/OpenSans-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
}

/* -- Open Sans Semi Bold -- */
@font-face {
  font-family: 'OpenSans-SemiBold';
  src: url('fonts/OpenSans-SemiBold.eot'); /* IE9 Compat Modes */
  src: url('fonts/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/OpenSans-SemiBold.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/OpenSans-SemiBold.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/OpenSans-SemiBold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/OpenSans-SemiBold.svg#svgFontName') format('svg'); /* Legacy iOS */
}


/* -- Open Sans Bold -- */
@font-face {
  font-family: 'OpenSans-Bold';
  src: url('fonts/OpenSans-Bold.eot'); /* IE9 Compat Modes */
  src: url('fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/OpenSans-Bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/OpenSans-Bold.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/OpenSans-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/OpenSans-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
}

/* --- Chinese fonts --*/
/*@font-face {
  font-family: 'DroidSansFallback';
  src: url('fonts/DroidSansFallback.ttf')  format('truetype'); 
       
}*/


@font-face {
   font-family: 'NotoSansSC';
   font-style: normal;
   font-weight: 400;
   src: url('fonts/NotoSansSC-Regular.woff2') format('woff2'),
        url('fonts/NotoSansSC-Regular.woff') format('woff'),
        url('fonts/NotoSansSC-Regular.otf') format('opentype');
 }

@font-face {
   font-family: 'NotoSansSCBold';
   font-style: normal;
   font-weight: 700;
   src: url('fonts/NotoSansSC-Bold.woff2') format('woff2'),
        url('fonts/NotoSansSC-Bold.woff') format('woff'),
        url('fonts/NotoSansSC-Bold.otf') format('opentype');
}

/*@font-face {
   font-family: 'Noto Sans SC';
   font-style: normal;
   font-weight: 900;
   src: url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Black.otf) format('opentype');
 }*/




/* dat.GUI */
.dg.ac{
	z-index: 1000 !important;
}

/** ----- **/

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

/* USE WHEN YOU NEED INTERACTION */
.collider {
	width: 100%;
	height: inherit;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: 0;
	padding: 0;
}
/* WITH HAND CURSOR */
.interactive {
	cursor:pointer;
}

.center-me {
  margin: 0 auto;
}

body {
	height:100%;
	margin: 0; 
	background: #000000;
	overflow:hidden;
	cursor:default;
	outline:0;
	
	-moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user-select:none;-o-user-select:none;
	-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; 
}

body:focus {
	outline:none;
	outline:0;
}

#cover {
	background-color: black;
	opacity: 0.6;
	width: 100vw;
	height: 100vh;
	padding: 0;
	margin: 0;
	
	position: absolute;
	left: 0;
	top: 0;
	display: none;

	z-index: 900;
}
#khanvas {
	outline:none;
	outline:0;
}

#khanvas:focus {
	outline:none;
	outline:0;
}

#background-image {
	position: relative;
	
	/*background-image: url(../Game01/bg.jpg);*/
	height:100%;
	margin: 0; 
	overflow:hidden;
	cursor:default;
	background-position: center; 
}

#main {
	width: 1280px; 
	height:720px;
	position:absolute; 
}

#panel-main, #panel-main-portrait {
	width: 1280px; 
	height:720px;
	position:absolute; 
	height:220px;
	position:relative; 
	
}

#info-main {
	width: 1280px; 
	height:720px;
	position:absolute; 
	z-index: 2;
}

#dialog-background {
	width: 100% !important; 
	height: 100% !important;
	position: absolute;
	margin: 0;
	top: 0;
	overflow: hidden;
	display: none;
	background-color: black;
	opacity: 0.8;
	z-index: 2;
}

#dialog-main {
	width: 1280px; 
	height:720px;
	position:absolute; 
	z-index: 2;
}
#jackpot-main {
	width: 1280px; 
	height:50px;
	position:absolute; 
	z-index: 2;
}
#system-main {
	position: absolute;
	width: 120px;
	height: 50px;
	z-index: 2;
}

/*----------------------------------------------------------------------*/
/* TEXT-FIELD*/ 
.tf {
	overflow: hidden;
	height:50px;
	/*border: 0.1px solid white;*/
}

.tf-resizer {
/*	width: !inherit;
	height: !inherit; */
	/*text-align:left;*/
	/*position:static!important;*/
}
.tf-value {
	text-align: center;
}
.tf-invisible {
	opacity: 0;
}
.tf-none {
	display: none;
}
/*----------------------------------------------------------------------*/
/* GENERAL STYLES*/
.float-left {
	float: left;
}

.float-right {
	float: right;
}

.clear-all {
	clear: both;
}

.relative {
	position: relative;
}

.absolute {
	position: absolute;
}
/*----------------------------------------------------------------------*/
#ghame {
	width: 1280px; 
	height: 720px;
	position: absolute;
	left: 0px;
	top:0px;
	
	opacity: 0; 
	display: block; 
	-webkit-user-select: none; 
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
	cursor: inherit;
	z-index:2;
}
/* ERRDIALOG MAIN */

#dialog {width: 700px; height: 500px; left: 290px; top: 100px; position: absolute; z-index: 901;}



/** ERRDIALOG CONTAINERS **/
/**------------------**/
#dialog-panel {width: inherit; height: inherit; background-color: #ffffff; border-radius: 21px;}



/**  TITLE  **/
#dialog-title-holder {position: relative; width: 100%; height:70px;	/*background-color: red;*/ margin-left: auto; margin-right: auto; top: 10px; opacity: 1;}

#dialog-title-holder .type-error {height: 100%; width: 100%; text-align: center; background-color: #eaeaea; color:#650909; position: absolute; top: 30px; display: table; opacity: 1;}

#dialog-title-holder .type-info {height: 100%; width: 100%; text-align: center; background-color: #eaeaea; color:#241882; position: absolute; top: 30px; display: table; opacity: 1;}

#dialog-title-holder .type-action {height: 100%; width: 100%; text-align: center; background-color: #eaeaea; color: gray; position: absolute; top: 30px; display: table;opacity: 1;}

#dialog-title-holder .text {display: table-cell; /*font-weight: bold;*/ font-size: 50px; vertical-align: middle; opacity: 1;}



/**  TEXT  **/
#dialog-text-holder {/* background-color: green; */ position: relative; width: 100%; height: 310px; margin-left: auto; margin-right: auto; top: 40px; opacity: 1;}

#dialog-text-holder .label {height: 100%; width: 100%; text-align: center; /*background-color: pink;*/ position: absolute; top: 0px; display: table; opacity: 1;}

#dialog-text-holder .text {display: table-cell; /*background-color: purple;*/ font-size: 30px; vertical-align: middle; opacity: 1;}



/** BUTTONS **/
#dialog-button-holder {position: relative; width: 380px;height: 70px; /*background-color: navy;*/ margin-left: auto; margin-right: auto;top: 20px; opacity: 1;}

#dialog-button-holder .button-center{position: absolute; margin-left: 120px; width: 140px; height: 70px; top: 0px; vertical-align: middle; text-align: center; display: table; border-radius: 7px; opacity: 1;}

#dialog-button-holder .button-left{position: absolute; margin-left: 0px; /*margin-right: auto;*/ width: 140px;	height: 70px; top: 0px; /*background-color: gray;*/ border-radius: 7px; vertical-align: middle; text-align: center;	display: table;	opacity: 1;}

#dialog-button-holder .button-right{position: absolute;	margin-left: 240px;	/*margin-right: 280px;*/ width: 140px; height: 70px; top: 0px;	/*background-color: gray;*/	border-radius: 7px; vertical-align: middle; text-align: center; display: table; opacity: 1;}

.dialog_button_normal {width: inherit; height: inherit; display: inherit; border-radius: inherit; background-color: #424242; color: white; text-shadow: 0px 4px 2px rgba(41, 31, 31, 0.78);	opacity: 1;}

.dialog_button_hover {width: inherit; height: inherit; display: inherit; border-radius: inherit; background-color: #525252; color: white; text-shadow: 0px 4px 2px rgba(41, 31, 31, 0.78); opacity: 1;}

.dialog_button_down {width: inherit; height: inherit; display: inherit; border-radius: inherit;	background-color: #353535; color: white; text-shadow: none; box-shadow: none; opacity: 1;}

.dialog_button_disabled {width: inherit; height: inherit; display: inherit; border-radius: inherit; background-color: #303030; color: #353535; text-shadow: none; opacity: 1;}

.dialog_button_text {display: table-cell; font-size: 25px; vertical-align: middle; text-align: center; opacity: 1;}




#intro {width: 1280px; 	height: 720px; /*background-color: #fff;*/	position: absolute;	left: 0px; top:0px; z-index: 2;}

#intro-background {display: none; opacity: 0; background:white;}

#intro-page-content {width:100%; height: 480px;}

#preloader-bkg {width: 500px; height: 63px; position:absolute;}

#preloader {overflow:hidden; position:absolute;}

#progressBar {position:relative;}

#providerLogo {top: 240px;}



/*   L A N D S C A P E																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Bottom Holder -- */
.intro-landscape #intro-bottom-holder{/*background: green;*/ position: absolute; width: 100%; margin-top: 557px;}

/* -- Play Button -- */
.intro-landscape #btn-play{/*background-color:red;*/ transform:scale(1); margin:auto;}

/* -- Skip message -- */
.intro-landscape #intro-skip{/*background:purple;*/ text-align: center; font-size: 25px; margin-top: 0px; color: white; text-shadow: 1px 1px 1px rgba(0,0,0,0.75); opacity: 0; text-transform: uppercase;}

/* -- Check Box -- */
.intro-landscape .intro-check {width: 20px;height: 20px;}

/* -- Invisible Press -- */
.intro-landscape .collider{/*background:rgba(0,0,0,0.6);*/ width: 318px; height: 92px; position: absolute; bottom: 40px; top:unset; left: 485px;}

/* -- Preloader Back -- */
.intro-landscape .preloader-back{left: calc(640px - 250px); top: 634px;}

/* -- Preloader Bar -- */
.intro-landscape .preloader-bar{left: calc(640px - 197px); top: 626px;}


/*   P O R T R A I T   																						 */
/* --------------------------------------------------------------------------------------------------------- */

.intro-portrait #intro-bottom-holder{/*background: purple;*/ height: 220px;}

/* -- Play Button -- */
.intro-portrait #btn-play{/*background-color:red;*/ margin:auto;}

/* -- Skip message -- */
.intro-portrait #intro-skip{/*background:green;*/ text-align: center; color: white; text-shadow: 0px 1px 1px rgba(0,0,0,1); opacity: 0; text-transform: uppercase;}

/* -- Check Box -- */
.intro-portrait .intro-check {width: 30px;height: 30px;}

/* -- Invisible Press -- */
.intro-portrait .collider{/*background:rgba(0,0,0,0.6);*/ position:absolute; top:unset;}






#mainLogo {position:absolute; left: 200px; top: -70px;}

.logo-container {width: 838px; height: 400px; display:none; position: relative;	left: 0; top: 0;}

.no-js .logo-container {height: 200px;}

.no-js .logo-container svg {display: none;}

/************************* FEATURES **********************************/
.page{width:1280px; height:720px; position:absolute; text-align:center;	color:white;}




/*********************** CSS LOADER ******************************/
.cssload-loader {
	width: 97px;
	height: 19px;
	position: absolute;
    left: 640px;
    top: 550px;
    display: none;
	transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
}
.cssload-loader > div {
	content: " ";
	width: 13px;
	height: 13px;
	background: rgb(255,255,255);
	border-radius: 100%;
	position: absolute;
	animation: cssload-shift 2.3s linear infinite;
		-o-animation: cssload-shift 2.3s linear infinite;
		-ms-animation: cssload-shift 2.3s linear infinite;
		-webkit-animation: cssload-shift 2.3s linear infinite;
		-moz-animation: cssload-shift 2.3s linear infinite;
}
.cssload-loader > div:nth-of-type(1) {
	animation-delay: -0.46s;
		-o-animation-delay: -0.46s;
		-ms-animation-delay: -0.46s;
		-webkit-animation-delay: -0.46s;
		-moz-animation-delay: -0.46s;
}
.cssload-loader > div:nth-of-type(2) {
	animation-delay: -0.92s;
		-o-animation-delay: -0.92s;
		-ms-animation-delay: -0.92s;
		-webkit-animation-delay: -0.92s;
		-moz-animation-delay: -0.92s;
}
.cssload-loader > div:nth-of-type(3) {
	animation-delay: -1.38s;
		-o-animation-delay: -1.38s;
		-ms-animation-delay: -1.38s;
		-webkit-animation-delay: -1.38s;
		-moz-animation-delay: -1.38s;
}
.cssload-loader > div:nth-of-type(4) {
	animation-delay: -1.84s;
		-o-animation-delay: -1.84s;
		-ms-animation-delay: -1.84s;
		-webkit-animation-delay: -1.84s;
		-moz-animation-delay: -1.84s;
}



@keyframes cssload-shift {
	0% {
		left: -58px;
		opacity: 0;
		background-color: rgb(255,89,0);
	}
	10% {
		left: 0;
		opacity: 1;
	}
	90% {
		left: 97px;
		opacity: 1;
	}
	100% {
		left: 156px;
		background-color: rgb(255,45,0);
		opacity: 0;
	}
}

@-o-keyframes cssload-shift {
	0% {
		left: -58px;
		opacity: 0;
		background-color: rgb(255,89,0);
	}
	10% {
		left: 0;
		opacity: 1;
	}
	90% {
		left: 97px;
		opacity: 1;
	}
	100% {
		left: 156px;
		background-color: rgb(255,45,0);
		opacity: 0;
	}
}

@-ms-keyframes cssload-shift {
	0% {
		left: -58px;
		opacity: 0;
		background-color: rgb(255,89,0);
	}
	10% {
		left: 0;
		opacity: 1;
	}
	90% {
		left: 97px;
		opacity: 1;
	}
	100% {
		left: 156px;
		background-color: rgb(255,45,0);
		opacity: 0;
	}
}

@-webkit-keyframes cssload-shift {
	0% {
		left: -58px;
		opacity: 0;
		background-color: rgb(255,89,0);
	}
	10% {
		left: 0;
		opacity: 1;
	}
	90% {
		left: 97px;
		opacity: 1;
	}
	100% {
		left: 156px;
		background-color: rgb(255,45,0);
		opacity: 0;
	}
}

@-moz-keyframes cssload-shift {
	0% {
		left: -58px;
		opacity: 0;
		background-color: rgb(255,89,0);
	}
	10% {
		left: 0;
		opacity: 1;
	}
	90% {
		left: 97px;
		opacity: 1;
	}
	100% {
		left: 156px;
		background-color: rgb(255,45,0);
		opacity: 0;
	}
}



/*  info.css */
/*

1.  PAGE SETTINGS	
2.  MAIN HOLDER
3.  NAVIGATION BUTTONS
4.  CLOSE BUTTON	
5.  PAGINATION
6.  PAGES TITLE	
7.  PAGE RULES
8.  PAGE PAYLINES	
9.  PAGE PAYOUTS
10. PAGE GAMBLE
11. GENERAL

*/





/* ######################################################################################################### */
/* 1. PAGE SETTINGS																							 */
/* ######################################################################################################### */

/* visible area of the pages */
#pages-mask{width:1280px; height:720px;	margin:auto; position:relative; overflow:hidden;}

/* active page holder */
#pages-holder{width:1280px;	height:inherit;	position:relative; top:0px;}

/* -- Page Background -- */
#pages-background{width:1280px;	height:720px; position:absolute; top:0px; /*display: none;*/}

/* collection of all pages of a group */
#pages-collection{min-width:1280px;	height:inherit;	position:fixed;	bottom:-720px; left:0px; display:none;}

/* page definition */
.page{width:100%; height:100%; top: 0px; position:absolute; text-align:center;	color:white;}










/* ######################################################################################################### */
/* 2. MAIN HOLDER																							 */
/* ######################################################################################################### */


/*   C O M M O N  																							 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Info Container -- */
#info {position:absolute; top: 0px;	left: 0px;}

#info{width:1280px; height:720px; position:absolute; top:0px; left:0px; z-index:2;}


/*   L A N D S C A P E																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Info Container -- */
#info .landscape{width: 1280px; height:720px;}

/* -- Info Background -- */
.info-background-landscape{position:absolute; width:1280px; top: 0px; height:100%; background:rgba(148, 8, 8, 0.6);}

/* --Info Content -- */
/*.info-page-content-landscape{height:480px;}*/

.site-content-landscape .info-holder{/*background:#ff007b;*/ width:calc(100% - 300px); height:100%; margin:auto; display:table;}

/*   P O R T R A I T   																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Info Container -- */
#info .portrait{width: 100%!important; height:100%!important;}

/* -- Info Background -- */
.info-background-portrait{position:absolute; width:100%; height:100%; background:rgba(148, 8, 8, 0.6); left:0px; top: 0px;}

/* --Info Content -- */
/*.info-page-content-portrait{width:100%; height:480px;}*/
.site-content-portrait .info-holder{/*background:#ff007b;*/ width:calc(100% - 40px); height:100%; margin:auto; display:table; transform:scale(0.9);}










/* ######################################################################################################### */
/* 3. NAVIGATION BUTTONS																							 */
/* ######################################################################################################### */


/*   C O M M O N  																							 */
/* --------------------------------------------------------------------------------------------------------- */


/*   D E S K T O P																							 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Previous Button -- */
.info-parts-desktop .info-btn-prev{position:absolute; top: calc(50% - 75px); left: 7px;}

/* -- Next Button -- */
.info-parts-desktop .info-btn-next{position:absolute; top: calc(50% - 75px); right: 7px;}


/*   L A N D S C A P E																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Previous Button -- */
.info-parts-landscape .info-btn-prev{position:absolute; top: calc(50% - 75px); left: 7px;}

/* -- Next Button -- */
.info-parts-landscape .info-btn-next{position:absolute; top: calc(50% - 75px); right: 7px;}


/*   P O R T R A I T   																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Previous Button -- */
.info-parts-portrait .info-btn-prev{position:absolute; left: -30px; -ms-transform: scale(0.5); /* IE 9 */ -webkit-transform: scale(0.5); /* Safari */ transform: scale(0.5);}

/* -- Next Button -- */
.info-parts-portrait .info-btn-next{position:absolute;  right: -30px;	-ms-transform: scale(0.5, 0.5); /* IE 9 */ -webkit-transform: scale(0.5, 0.5); /* Safari */ transform: scale(0.5, 0.5);}










/* ######################################################################################################### */
/* 4. CLOSE BUTTON																							 */
/* ######################################################################################################### */


/*   C O M M O N  																							 */
/* --------------------------------------------------------------------------------------------------------- */


/*   D E S K T O P																							 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Close Info Button -- */
.info-parts-desktop .btn-close {position:absolute; transform:scale(0.7);}

/* -- Close Info Label -- */
.info-parts-desktop .btn-close-label {font-size:30px; height: 33px; text-align:center; padding-top:10px;}


/*   L A N D S C A P E																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Close Info Button -- */
.info-parts-landscape .btn-close {position:absolute; transform:scale(0.7);}

/* -- Close Info Label -- */
.info-parts-landscape .btn-close-label {font-size:30px; height: 33px; text-align:center; padding-top:10px;}


/*   P O R T R A I T   																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Close Info Button -- */
.info-parts-portrait .btn-close {position:absolute; bottom: 50px; left: calc(50% - 95px); -ms-transform: scale(0.8); /* IE 9 */ -webkit-transform: scale(0.8); /* Safari */ transform: scale(0.8);}

/* -- Close Info Label -- */
.info-parts-portrait .btn-close-label {font-size:30px; height: 33px; text-align:center; padding-top:10px;}










/* ######################################################################################################### */
/* 5. PAGINATION																							 */
/* ######################################################################################################### */


/*   C O M M O N  																							 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Status Container -- */
#pages-status{background: rgba(0,0,0,0.2); position:absolute; right: 0; left: 0; margin-right: auto; margin-left: auto; width:200px; height:14px; bottom: 20px; padding-top:10px;	padding-bottom:10px; padding-left:12px;	padding-right:6px; border-radius: 25px;	display:none; z-index:1000;}

/* -- Status Dot -- */
.dot{border-radius: 50%; width: 14px; height: 14px; float:left; margin-right:9px; margin-left:9px;}
/*.dot:last-of-type {border-radius: 50%; width: 14px; height: 14px; float:left;margin-right:0px;}*/

/* -- Status Selected Dot -- */
.dot-selected{border-radius: 50%; width: 14px; height: 14px; float:left; margin-right:9px; margin-left:9px;}


/*   D E S K T O P																							 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Info Status -- */
.info-parts-desktop .info-status{display: table; margin: 0 auto; padding-top: 3px;}

/* -- Page Footer -- */
.info-parts-desktop .info-page-footer {position:absolute; top:569px; width: 100%; height: 20px; margin-top:120px;}


/*   L A N D S C A P E																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Info Status -- */
.info-parts-landscape .info-status{display: table; margin: 0 auto; padding-top: 3px;}

/* -- Page Footer -- */
.info-parts-landscape .info-page-footer {position:absolute; top:569px; width: 100%; height: 20px; 	margin-top:120px;}


/*   P O R T R A I T   																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Info Status -- */
.info-parts-portrait .info-status{display: table; margin: 0 auto; padding-top: 3px;}

/* -- Page Footer -- */
.info-parts-portrait .info-page-footer {position:fixed; bottom: 7px; width:100%;/*left:calc(50% - 65px);*/ /* TODO: there will be 5 pages, now 4 (4 x 16/2)*/}










/* ######################################################################################################### */
/* 6. PAGES TITLE																							 */
/* ######################################################################################################### */


/*   C O M M O N  																							 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Page Title -- */
#pages-title{width:1280px; text-align:center; height:60px; position:fixed; top: 20px; z-index:999; font-size:50px; /*line-height:60px;  text-transform:uppercase;*/}

/* -- Page Title Animation Containers -- */
#pages-title #a, #pages-title #b{ position:fixed; color:white; right: 0; left: 0; margin-right: auto; margin-left: auto;}



/*   D E S K T O P																							 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Page Title Holder -- */
.info-parts-desktop .title-holder{width: 100%; height: 54px; padding-top:35px;}

/* -- Page Title -- */
.info-parts-desktop .info-title{display: table; margin: 0 auto; line-height: 100%;}


/*   L A N D S C A P E																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Page Title Holder -- */
.info-parts-landscape .title-holder{width: 100%; height: 54px; padding-top:35px;}

/* -- Page Title -- */
.info-parts-landscape .info-title{display: table; margin: 0 auto; line-height: 100%;}


/*   P O R T R A I T   																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Page Title Holder -- */
.info-parts-portrait .title-holder{width: 100%; height: 40px; -ms-transform: scale(0.8); /* IE 9 */ -webkit-transform: scale(0.8); /* Safari */ transform: scale(0.8);}

/* -- Page Title -- */
.info-parts-portrait .info-title{margin: auto; margin-top:20px; margin-bottom:50px;}














/* ######################################################################################################### */
/* 8. PAGE PAYLINES																							 */
/* ######################################################################################################### */


/*   L A N D S C A P E																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Paylines Pic -- */
.site-content-landscape .paylines-pic{transform: scale(0.9); transform-origin: -130px -45px;}

/* -- Paylines Holder -- */
.site-content-landscape .paylines-holder {height: 352px;}

/* #### LINES 10 (1-20) #### */

/* -- Grid Box -- */
.site-content-landscape .grid-box-10{/*background:brown;*/ width:calc(100% / 5); float:left; margin-top:10px; margin-bottom:10px;}

/* -- Grid Background -- */
.site-content-landscape .grid-background-10{width:95px; margin:auto; border-radius:8px; padding-bottom: 10px;}

/* -- Grid Reels Holder -- */
.site-content-landscape .grid-reels-holder-10{/*background:green;*/ width:75px; margin:auto;}

/* -- Grid Cell -- */
.site-content-landscape .grid-cell-10{float: left; width: 14px; height: 14px; margin: 0.5px;}

/* -- Payline Number -- */
.site-content-landscape .line-number-10{font-size: 26px;}



/* #### LINES 25 (21-35) #### */

/* -- Grid Box -- */
.site-content-landscape .grid-box-25{/*background:brown;*/ width:calc(100% / 9); float:left; margin-top:4px; margin-bottom:4px;}

/* -- Grid Background -- */
.site-content-landscape .grid-background-25{float:left; margin-left:10px; margin-right:10px; margin-top: 10px; padding-bottom:8px; padding-left:8px; padding-right:8px; /* border-radius:5px; background: #3c0303;*/}

/* -- Grid Reels Holder -- */
.site-content-landscape .grid-reels-holder-25{/*background:green;*/ width:60px; margin:auto; /*height: 39px;*/}

/* -- Grid Cell -- */
.site-content-landscape .grid-cell-25{float: left; width: 11px; height: 11px; margin: 0.5px;}

/* -- Payline Number -- */
.site-content-landscape .line-number-25{font-size: 20px;}



/* #### LINES 50 (36-50) #### */

/* -- Grid Box -- */
.site-content-landscape .grid-box-50{/*background:brown;*/ width:calc(100% / 11); float:left; margin-top:0px; margin-bottom:0px;}

/* -- Grid Background -- */
.site-content-landscape .grid-background-50{float:left; margin-left:10px; margin-right:10px; margin-bottom: 10px; padding-bottom:8px; padding-left:8px; padding-right:8px; /* border-radius:5px; background: #3c0303;*/}

/* -- Grid Reels Holder -- */
.site-content-landscape .grid-reels-holder-50{/*background:green;*/ width:50px; margin:auto;/* height: 39px;*/}

/* -- Grid Cell -- */
.site-content-landscape .grid-cell-50{float: left; width: 9px; height: 9px; margin: 0.5px;}

/* -- Payline Number -- */
.site-content-landscape .line-number-50{font-size: 18px;}



/* #### WIN WAYS #### */

/* -- Ways Box -- */
.site-content-landscape .way-box{/*background:wheat;*/ width:25%; /*height:211px; padding-top:11px;*/ float:left;}

/* -- Ways Grid Background -- */
.site-content-landscape .grid-ways{/*width:194px;*/ margin:auto; border-radius:17px; /*padding-top:16px; padding-bottom:16px;*/}

/* -- Ways Reels Holder -- */
.site-content-landscape .ways-reels-holder{/*background:#336699;*/ margin:auto; width:115px; }

/* -- Ways Grid Cell -- */
.site-content-landscape .grid-ways-cell{float: left; width: 22px; height: 19px; /*border: 1px solid #ffcc00;*/ margin: 0.5px;}

/* -- Ways Info -- */
.site-content-landscape .ways-info{margin-top: 40px; font-size: 24px; line-height: 26px; padding-left: 30px; padding-right: 30px;}

/* -- Ways Title -- */
.site-content-landscape .ways-title{/*background:green;*/font-size:24px;}

/* -- Ways Reels Numbers Holder -- */
.site-content-landscape .ways-reels{/*background:orange;*/font-size:18px; line-height:18px;}

/* -- Ways Reel Number -- */
.site-content-landscape .ways-reel{float:left; width:23px;}

/* -- Ways Positions Holder -- */
.site-content-landscape .ways-positions{/*background:black;*/font-size:18px;}

/* -- Ways Position -- */
.site-content-landscape .ways-pos{/*background:blue;*/ float:left; width:23px; text-align:left;}

/* -- Ways Total -- */
.site-content-landscape .ways-total{/*background:black;*/ font-size:24px; width:100%; text-align:center; margin-top:6px; }


/*   P O R T R A I T   																						 */
/* --------------------------------------------------------------------------------------------------------- */


/* #### LINES 10 (1-20) #### */ 

/* -- Grid Box -- */
.site-content-portrait .grid-box-10{/*background:brown;*/ width:calc(100% / 6); float:left;}

/* -- Grid Reels Holder -- */
.site-content-portrait .grid-reels-holder-10{/*background:green;*/ /*width:40px;*/  margin:auto;}

/* -- Payline Container -- */
.site-content-portrait .grid-background-10{margin:auto; /*width:50px;*/}

/* -- Grid Cell -- */
.site-content-portrait .grid-cell-10{float: left; width: 7px; height: 7px; margin: 0.5px;}

/* -- Payline Number -- */
.site-content-portrait .line-number-10{font-size: 16px;}


/* -- LINES 25 (21-35) #### */ 
/* -------------------------- */

/* -- Grid Box -- */
.site-content-portrait .grid-box-25{/*background:brown;*/ width:calc(100% / 6); float:left;}

/* -- Grid Reels Holder -- */
.site-content-portrait .grid-reels-holder-25{/*background:green;*/ /*width:40px;*/  margin:auto;}

/* -- Payline Container -- */
.site-content-portrait .grid-background-25{margin:auto; /*width:50px;*/}

/* -- Grid Cell -- */
.site-content-portrait .grid-cell-25{float: left; width: 7px; height: 7px; margin: 0.5px;}

/* -- Payline Number -- */
.site-content-portrait .line-number-25{font-size: 16px;}



/* #### LINES 50 (36-50) #### */

/* -- Grid Box -- */
.site-content-portrait .grid-box-50{/*background:brown;*/ width:calc(100% / 5); float:left;}

/* -- Grid Reels Holder -- */
.site-content-portrait .grid-reels-holder-50{/*background:green;*/ width:30px;  margin:auto;}

/* -- Payline Container -- */
.site-content-portrait .grid-background-50{margin:auto;/* width:40px;*/}

/* -- Grid Cell -- */
.site-content-portrait .grid-cell-50{float:left; width: 5px; height: 4px; margin:0.5px;}

/* -- Payline Number -- */
.site-content-portrait .line-number-50{font-size: 14px;}



/* #### WIN WAYS #### */

/* -- Ways Box -- */
.site-content-portrait .way-box{/*background: wheat;*/ width:50%; height:155px; float:left;}

/* -- Ways Grid Background -- */
.site-content-portrait .grid-ways{width:99px; margin:auto; padding-top:3px; padding-bottom:3px; border-radius:12px;}

/* -- Ways Reels Holder -- */
.site-content-portrait .ways-reels-holder{/*background:#336699;*/ margin:auto; width:76px; /*height:70px;*/}

/* -- Ways Grid Cell -- */
.site-content-portrait .grid-ways-cell{float:left; /* margin:0.5px;*/}

/* -- Ways Info -- */
.site-content-portrait .ways-info{font-size:14px; line-height:14px; margin-top:20px;}

/* -- Ways Title -- */
.site-content-portrait .ways-title{/*background:green;*//* font-size:13px;*/}

/* -- Ways Reels Numbers Holder -- */
.site-content-portrait .ways-reels{/*background:orange;*/ /*font-size:10px;*/}

/* -- Ways Reel Number -- */
.site-content-portrait .ways-reel{float:left; width:21px;}

/* -- Ways Positions Holder -- */
.site-content-portrait .ways-positions{/*background:black;*/ /*font-size:16px;*/}

/* -- Ways Position -- */
.site-content-portrait .ways-pos{/*background:blue;*/ float:left; /*width:21px;*/ text-align:left;}

/* -- Ways Total -- */
.site-content-portrait .ways-total{/*background:black;*/ /*font-size:14px;*/ width:100%; text-align:center; margin-top:6px;}










/* ######################################################################################################### */
/* 9. PAGE PAYOUTS																							 */
/* ######################################################################################################### */
 

/*   C O M M O N  																							 */
/* --------------------------------------------------------------------------------------------------------- */
 
/* -- Paytable Container -- */
.symbols-holder{/*background: red;*/ width: 100%; height:100%;}

.symbols-holder-cell{/* background: blue; */width: 100%; display: table-cell; vertical-align: middle;}

.site-content-portrait .symbols-holder-cell{/* background: blue; */width: 100%; display: table-cell; vertical-align: middle;}

#paytable-list{height:100%;}

#paytable-list2{height:100%;}

.sym-pays { font-size:30px; line-height:30px;font-family:BrandonBlack; }

/*   L A N D S C A P E 																						 */
/* --------------------------------------------------------------------------------------------------------- */

 /* -- Symbol Container -- */
.site-content-landscape .sym-holder{width: calc(100%/3 - 20px);/* border-radius: 10px;*/ margin-right: 10px; margin-left: 10px; height: 115px; margin-top: 15px; float: left; margin-bottom: 15px;}

/* -- Image Scale -- */
.site-content-landscape .sym-img-scale{ width:250px; height: 250px; transform: scale(0.81); margin-top: -48px;  margin-left: -18px;}

/* -- Pay Holder -- */
.site-content-landscape .sym-pay-holder{/* background: red;*/ width: 47%; height: 100%; float: right; top: -201px; display: table; position: relative;}
	
/* -- Pays Holder -- */
.site-content-landscape .sym-pays-holder{width: 100%; /* background: green;*/ display: table-cell; padding-left: 9px; vertical-align: middle;}

/* -- Each Pay -- */
.site-content-landscape .sym-pays{/*font-size: 20px; line-height: 25px;*/}

.site-content-landscape .mpp-label {float:left; width:15px; height:24px;padding:0px;}
.site-content-landscape .mpp-value{float:left; width: 100px; height:24px; margin-left:4px; padding:0px;}



/*   P O R T R A I T   																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Symbol Container -- */
.site-content-portrait .sym-holder{width: calc(100%/2 - 10px); /*border-radius: 10px;*/ margin-right: 5px; margin-left: 5px; height: 70px; margin-top: 15px; margin-bottom: 15px; float: left;}

/* -- Image Scale -- */
.site-content-portrait .sym-img-scale{ width:250px; height: 250px; transform: scale(0.36); margin-top: -90px;  margin-left: -80px;}

/* -- Pay Holder -- */
.site-content-portrait .sym-pay-holder{ width: 45%; height: 100%; float: right; top: -160px; display: table; position: relative;}

/* -- Pays Holder -- */
.site-content-portrait .sym-pays-holder{width: 100%; display: table-cell; padding-left: 5px; vertical-align: middle;}

/* -- Each Pay -- */
.site-content-portrait .sym-pays{/*font-size: 10px; line-height: 12px;*/}

.site-content-portrait .mpp-label {float:left; width:15px; height:12px;padding:0px;}
.site-content-portrait .mpp-value{float:left; width: 73px; height:12px; margin-left:2px; padding:0px;}

/*   D E S K T O P   																						 */
/* --------------------------------------------------------------------------------------------------------- */

 /* -- Symbol Container -- */
.site-content-desktop .sym-holder{width: calc(100%/3 - 20px); border-radius: 10px; margin-right: 10px; margin-left: 10px; height: 115px; margin-top: 30px; float: left; margin-bottom: 30px;}

/* -- Image Scale -- */
.site-content-desktop .sym-img-scale{ width:250px; height: 250px; transform: scale(0.65); margin-top: -68px;  margin-left: -39px;}

/* -- Pay Holder -- */
.site-content-desktop .sym-pay-holder{/* background: red;*/ width: 45%; height: 100%; float: right; top: -182px; display: table; position: relative;}
	
/* -- Pays Holder -- */
.site-content-desktop .sym-pays-holder{width: 100%; /* background: green;*/ display: table-cell; padding-left: 10px; vertical-align: middle;}

/* -- Each Pay -- */
.site-content-desktop .sym-pays{font-size: 20px; line-height: 25px; height:25px;}










/* ######################################################################################################### */
/* 11. INFO BOX																						 */
/* ######################################################################################################### */


/*   L A N D S C A P E																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Box -- */
.site-content-landscape .info-box {width:100%;}

/* -- Cell -- */
.site-content-landscape .info-cell{/*background:blue;*/ width:100%; height:100%;  padding-bottom: 10px; padding-top: 10px;}

/* -- 3 Row Column -- */
.site-content-landscape .info-column-triple{/*background:orange;*/ width:calc(33.3% - 20px); padding-left:10px; padding-right:10px; height:100%; float:left;} 

/* -- 2 Row Column -- */
.site-content-landscape .info-column-double{/*background:yellow;*/ width:calc(100% / 2 - 40px); padding-left:20px; padding-right:20px; height:100%; float:left;}

/* -- 1 Row Column -- */
.site-content-landscape .info-column-single{/*background:brown;*/ width:calc(100% - 40px); padding-left:20px; padding-right:20px; height:100%;}



/* -------------------- */
/* #### INFO FONTS #### */
/* -------------------- */

/* -- Info Font 1 -- */
.site-content-landscape .info-font-1{font-size: 21px; line-height: 25px; margin-bottom: 12px; margin-top:12px;}

/* -- Info Font 2 -- */
.site-content-landscape .info-font-2{font-size: 17px; line-height: 21px; margin-bottom: 9px; margin-top:9px;}

/* -- Info Font 3 -- */
.site-content-landscape .info-font-3{font-size: 17px; line-height: 21px; margin-bottom: 9px; margin-top:9px;}

/* -- Info Font 4 -- */
.site-content-landscape .info-font-4{font-size: 20px; line-height: 25px; margin-bottom: 12px; margin-top: -10px;}

/* -- Info Font 5 -- */
.site-content-landscape .info-font-5{font-size: 17px; line-height: 21px; margin-bottom: 9px; margin-top:-9px;}

/* -- Info Font 6 -- */
.site-content-landscape .info-font-6{font-size: 16px; line-height: 16px; margin-bottom: 9px; margin-top:-9px;}


/* --------------------------- */
/* #### INFO MARKED FONTS #### */
/* --------------------------- */

/* -- Info Font 1 Marked -- */
.site-content-landscape .info-font-1 .marked{font-size: 30px;}

/* -- Info Font 2 Marked -- */
.site-content-landscape .info-font-2 .marked{font-size: 21px;}

/* -- Info Font 3 Marked -- */
.site-content-landscape .info-font-3 .marked{font-size: 21px;}

/* -- Info Font 4 Marked -- */
.site-content-landscape .info-font-4 .marked{font-size: 25px;}

/* -- Info Font 5 Marked -- */
.site-content-landscape .info-font-5 .marked{font-size: 21px;}

/* -- Info Font 6 Marked -- */
.site-content-landscape .info-font-6 .marked{font-size: 21px;}



/* --------------------- */
/* #### INFO TITLES #### */
/* --------------------- */

/* -- Info Title 1 -- */
.site-content-landscape .info-title-1{}

/* -- Info Title 1 Holder -- */
.site-content-landscape .info-title-1-holder{width: 202px; height:50px; margin: auto;}

/* -- Info Title 2 -- */
.site-content-landscape .info-title-2{}

/* -- Info Title 2 Holder -- */
.site-content-landscape .info-title-2-holder{margin: auto; width: 380px;}

/* -- Info Title 3 -- */
.site-content-landscape .info-title-3{}

/* -- Info Title 3 Holder -- */
.site-content-landscape .info-title-3-holder{width: 514px; height:50px; margin: auto;}



/* ------------------- */
/* #### INFO PICS #### */
/* ------------------- */

/* -- Info Image 1 (Features 01) -- */
.site-content-landscape .info-pic-1{margin:auto; margin-bottom:20px;}

/* -- Info Image 1 Holder (Features 01) -- */
.site-content-landscape .info-pic-1-holder{width:350px; height:210px; margin:auto; margin-top:-40px;}

/* -- Info Image 2 (Features 02)-- */
.site-content-landscape .info-pic-2{transform: scale(1.24); transform-origin: center -10px; margin:auto; margin-bottom:20px;}

/* -- Info Image 2 Holder (Features 02) -- */
.site-content-landscape .info-pic-2-holder{width:280px; height:240px; margin: auto; margin-top:-60px;}

/* -- Info Image 3 (Features 01)-- */
.site-content-landscape .info-pic-3{margin:auto; margin-bottom:20px;}

/* -- Info Image 3 Holder (Features 01) -- */
.site-content-landscape .info-pic-3-holder{/*background: red; */width:256px; height:120px; margin:auto; margin-top:-40px;}

/* -- Info Image 4 (Features 01)-- */
.site-content-landscape .info-pic-4{margin:auto; margin-bottom:20px;}

/* -- Info Image 4 Holder (Features 01) -- */
.site-content-landscape .info-pic-4-holder{/* background: red; */ width:304px; height:175px; margin:auto;}

/* -- Info Image 5 (Features 01)-- */
.site-content-landscape .info-pic-5{margin:auto; margin-bottom:20px;}

/* -- Info Image 5 Holder (Features 01) -- */
/*.site-content-landscape .info-pic-5-holder{width: 500px; height: 72px; margin: auto; margin-top: 0px;}*/

/* -- Info Image 5 Holder (Features 01) -- */
.site-content-landscape .info-pic-5-holder{/*background: red; */width:397px; height:140px; margin:auto; margin-top:-40px;}


/* -- Info Image 6 (Info Extra Payout)-- */
.site-content-landscape .info-pic-6{margin:auto; margin-bottom:20px;}

/* -- Info Image 6 Holder (Info Extra Payout) -- */
.site-content-landscape .info-pic-6-holder{/*background: #25c3b6;*/ width: 154px; height: 113px; margin: auto; margin-top:-8px; float: left;}

/* -- Info Image 7 -- */
.site-content-landscape .info-pic-7{margin:auto; margin-bottom:20px; transform: scale(0.6); transform-origin: top left;}

/* -- Info Image 7 Holder (Info Extra Payout) -- */
.site-content-landscape .info-pic-7-holder{/*background: #25c3b6;*/ width: 210px; height: 127px; margin: auto; margin-top:-8px; /*float: left;*/}



	
/* -- Info Image 2 (Gamble) -- */
.site-content-landscape .info-pic-gamble{margin:auto; margin-bottom:20px; transform: scale(0.9);}

/* -- Info Image 2 Holder (Gamble) --*/
.site-content-landscape .info-pic-gamble-holder{width: 540px; /* background: red; */ height: 250px; margin: auto;}



/* ------------------------- */
/* ### INFO BACK STYLES #### */
/* ------------------------- */

/* -- Info Back Style 0 -- */ 
.site-content-landscape .back-style-0{/*background: red;*/ width: calc(100% - 30px); margin: auto;}
	
/* -- Info Back Style 1 (Feature 02) -- */
.site-content-landscape .back-style-1{width: 400px; margin: auto; margin-top: 20px; height: 240px; padding: 10px 10px 10px 10px; border-top: 2px solid yellow; border-bottom: 2px solid yellow;}

/* -- Info Back Style 2 -- */
.site-content-landscape .back-style-2{width:340px; height:177px; padding: 10px 10px 10px 10px; margin:auto; margin-bottom:30px; border-top: 2px solid yellow; border-bottom: 2px solid yellow;}

/* -- Info Back Style 3 (Rules) -- */
.site-content-landscape .back-style-3{width: 730px; margin: auto; /*height:352px;*/ padding: 10px 10px 10px 10px; border-top: 2px solid yellow; border-bottom: 2px solid yellow;}

/* -- Info Back Style 4 (Gamble) -- */
.site-content-landscape .back-style-4{width: 790px; margin: auto; /*height: 196px;*/ padding: 10px 10px 10px 10px; border-top: 2px solid yellow; border-bottom: 2px solid yellow;}

/* -- Info Back Style 5 (Feature 02) -- */
.site-content-landscape .back-style-5{width: 285px; margin: auto; margin-top:40px; height: 180px; padding: 10px 10px 10px 10px; border-top: 2px solid yellow; border-bottom: 2px solid yellow;}

/* -- Info Back Style 6 (Feature 02) -- */
.site-content-landscape .back-style-6{width: 400px; margin: auto; margin-top: 30px; height: 270px; padding: 10px 10px 10px 10px; border-top: 2px solid yellow; border-bottom: 2px solid yellow;}

/* -- Info Back Style 7 (Info extra payouts) -- */
.site-content-landscape .back-style-7{width: 400px; margin: auto; margin-top: -20px; height: 100px; padding: 10px 10px 10px 10px; border-top: 2px solid yellow; border-bottom: 2px solid yellow;}

/* -- Info Back Style 8 (Info extra payouts) -- */
.site-content-landscape .back-style-8{width: 500px; margin: auto; margin-top: 0px; height: 86px; padding: 10px 10px 10px 10px; border-top: 2px solid yellow; border-bottom: 2px solid yellow;}


/* #### PAYTABLE LABELS #### */

/* -- Scatter Label Holder -- */
.site-content-landscape .pay-scatter-holder{width:202px; margin-top:-234px; margin-left: 135px;}

/* -- Scatter Label -- */
.site-content-landscape .pay-scatter{/*transform: scale(0.7); transform-origin: 146px 23px;*/ transform: scale(0.6); transform-origin: 82px 10px;}

/* -- Wild Label Holder -- */
.site-content-landscape .pay-wild-holder{width:202px; margin-top:-234px; margin-left:135px;}

/* -- Wild Label -- */
.site-content-landscape .pay-wild{/*transform: scale(0.7); transform-origin: 146px 23px;*/transform: scale(0.6); transform-origin: 82px 10px;}

/* -- font colors -- */
.colorYellow{color:#fdcb32;}

/* -- Extra Payout Holder -- */
.site-content-landscape .info-extra-payout-holder{/*background: green;*/ height: 104px; display: table;}


/*   P O R T R A I T   																						 */
/* --------------------------------------------------------------------------------------------------------- */

.site-content-portrait .extra-align{display:table-cell; vertical-align:middle;}

.site-content-portrait .info-box {width:100%; /*padding-top:10px;*/}

/* -- Cell -- */
.site-content-portrait .info-cell{/*background:blue;*/ display: table; width:100%; /*padding-bottom: 5px; padding-top: 5px;*/}

/* -- 3 Row Column -- */
.site-content-portrait .info-column-triple{/*background:orange;*/ width:100%; /*padding-bottom: 5px; padding-top: 5px;*/} 

/* -- 2 Row Column -- */
.site-content-portrait .info-column-double{/*background:yellow;*/ width:100%; /*padding-bottom: 5px; padding-top: 5px;*/}

/* -- 1 Row Column -- */
.site-content-portrait .info-column-single{/*background:brown;*/ width:100%; /*padding-bottom: 5px; padding-top: 5px;*/}






/* ######################################################################################################### */
/* 12. GENERAL																								 */
/* ######################################################################################################### */

/* -- center position -- */
.center{margin:auto;background:brown;}

/* -- align left -- */
.align-left{float:left;}

/* -- align right -- */
.align-right{float:right;}

/* -- color yellow -- */
.yellow{color:#fdcb32;}

/* -- color white -- */
.white{color:white;}

/* -- text shadow effect -- */
.textshadow1{text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);}

/*.mpp-label { background-color: rgba(0,255,0,0.4); }
.mpp-value { background-color: rgba(0,255,0,0.4); }*/



/*  history.css */
/*

1.  HISTORY CONTAINER
2.  HISTORY PLAY BUTTON
3.  HISTORY CLOSE BUTTON
4.  HISTORY BACK BUTTON
5.  HISTORY FADER
6.  HISTORY INFO	
7.  HISTORY MENU
8.  HISTORY INVISIBLE SPIN	
9. 	HISTORY SOUND
10. HISTORY FS

*/










/* ######################################################################################################### */
/* 1. HISTORY CONTAINER																						 */
/* ######################################################################################################### */

/* -- Info Container -- */
#history2{width:1280px; height:720px; position:absolute; top:0px; left:0px; z-index:3; }











/* ######################################################################################################### */
/* 2. HISTORY PLAY BUTTON																					 */
/* ######################################################################################################### */

/* -- Play Button -- */
.history2-landscape #btn-history-play {width:200px; height:200px; position:absolute; left:calc(50% - 100px); top:calc(50% - 100px); z-index:100;}
.history2-portrait #btn-history-play {width:200px; height:200px; position:absolute; left:calc(50% - 100px); top:calc(50% - 100px); z-index:100;}
.history2-desktop #btn-history-play{width: 154px; height: 154px; position: absolute; right: 8px; bottom: 8px; left:unset; top:unset; z-index: 100;}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* IE10+ CSS styles go here */
	.history2-desktop #btn-history-play{width: 146px; height: 146px; position: absolute; right: 11px; bottom: 6px; left:unset; top:unset; z-index: 100;}
}

@supports (-ms-accelerator:true) {
	/* IE Edge 12+ CSS styles go here */ 
	.history2-desktop #btn-history-play{width: 154px; height: 154px; position: absolute; right: 8px; bottom: 8px; left:unset; top:unset; z-index: 100;}
}

/*.history2-desktop #btn-history-play{width: 154px; height: 154px; position: absolute; right: 8px; bottom: 8px; left:unset; top:unset; z-index: 100;}

.history2-desktop #btn-history-play{width: 146px; height: 146px; position: absolute; right: 11px; bottom: 6px; left:unset; top:unset; z-index: 100;}
*/




/* ######################################################################################################### */
/* 3. HISTORY CLOSE BUTTON																					 */
/* ######################################################################################################### */

/* -- Close Button -- */
#btn-history-close {width:112px; height:94px;}


/*   L A N D S C A P E																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Close Button Holder -- */
.history2-landscape .history-close{width: 112px; height:94px; position:fixed; bottom:-1px; left:0px; /*background:#650000;*/}


/*    D E S K T O P																							 */
/* --------------------------------------------------------------------------------------------------------- */


.history2-desktop #btn-history-close{width: 82px; height: 72px;}


/* -- Close Button Holder -- */
.history2-desktop .history-close{/*width: calc(1280px / 5); */height:100%;/* margin:auto;*/ float: left; /*background:#650000;*/}









/* ######################################################################################################### */
/* 4. HISTORY BACK BUTTON																					 */
/* ######################################################################################################### */

/* -- Back Button -- */
#btn-history-back{width: 112px; height:94px;}

/*.history2-destkop #btn-history-back{width: 82px; height:72px;}*/

/*   L A N D S C A P E																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Back Button Holder -- */
.history2-landscape .history-back{width: 112px; height:94px; position:fixed; bottom:-1px; right: 0px;}


/*    D E S K T O P																							 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Back Button Holder -- */
.history2-desktop .history-back{width: 82px; height:100%; margin:auto; float: right; /*background:green;*/}

/* -- Close Button Holder -- */
.history2-desktop #btn-history-back{width: 82px; height: 72px;}




@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* IE10+ CSS styles go here */
	/*#btn-history-back{margin-top:-42px;}*/
}

@supports (-ms-accelerator:true) {
	/* IE Edge 12+ CSS styles go here */ 
	/*#btn-history-back{margin-top:-42px;}*/
}





/* ######################################################################################################### */
/* 5. HISTORY FADER																							 */
/* ######################################################################################################### */
	
/* -- Fader -- */
#history-fader{width:100%; height:100%;/*position: fixed;*/ z-index:100;}


.history2-desktop #history-fader{width:530px; /*margin-left:8px;*/ border-radius:13px;}







/* ######################################################################################################### */
/* 6. HISTORY INFO																							 */
/* ######################################################################################################### */

/* -- Info Line -- */
#history-info {width: 1280px;/* padding: 20px; */ height: 100%; position: absolute; top: 20px; left: 20px; border-radius: 8px; z-index: 100;}

.history2-desktop #history-info{left: 20px;}


/* -- Info Item -- */
.history-info-item {/* background: rebeccapurple; */ width:100%; line-height:20px; font-size:20px; margin-bottom:24px;}

/* -- Info Item - DESKTOP -- */
.history2-desktop .history-info-item{width:100%; line-height:18px; font-size:14px; margin-bottom:20px;}

/* -- Info Label -- */
.history-info-label {position:relative;}

/* -- Info Value -- */
.history-info-value {font-size:20px;}


/*   L A N D S C A P E																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Info Container -- */
#history2 .landscape{width: 1280px; height:720px;}

/* -- Info Background -- */
.history2-landscape{position:absolute; width:1280px; top: 0px; height:100%; /*background:rgba(0,0,255,0.3);*/}


/* -- Info Left -- */
.history2-landscape .history-info-left{float: left; text-align: left; position: absolute; top: 20px; left: 20px; width: 94%;}
   
/* -- Info Right -- */
.history2-landscape .history-info-right{float: left; text-align: left;}
	
/* -- JP Info Badge -- */
.history2-landscape .jp-info-badge{text-align: center; padding-left: 10px; padding-right: 10px; float: right; height: 23px; font-size: 16px; border-radius: 4px; margin-bottom: 15px; border:2px solid #ffcc00;}	
	

/*   P O R T R A I T   																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Info Container -- */
#history2 .portrait{width: 100%!important; height:100%!important;}

/* -- Info Background -- */
.history2-portrait{position:absolute; width:100%; height:100%; /*background:rgba(0,255,0,0.3);*/ left:0px; top: 0px;}

/* -- Info Left -- */
.history2-portrait .history-info-left{float: left; text-align: left;}
   
/* -- Info Right -- */
.history2-portrait .history-info-right{float: right; text-align: right;}
	
/* -- JP Info Badge -- */
.history2-portrait .jp-info-badge{text-align: center; padding-left:10px; padding-right:10px; float: right; height: 20px; font-size: 13px; border-radius: 3px; margin-bottom: 6px;}	
	


/*    D E S K T O P																							 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Info Container -- */
#history2 .desktop{width: 1280px; height:720px;}

/* -- Info Background -- */
.history2-desktop{position:absolute; width:1280px; top: 0px; height:100%; /*background:rgba(0,0,255,0.3);*/}


/* -- Info Left -- */
.history2-desktop .history-info-left{float: left; text-align: left;}
   
/* -- Info Right -- */
.history2-desktop .history-info-right{float: left; text-align: left;}
	
/* -- JP Info Badge -- */
.history2-desktop .jp-info-badge{text-align: center; padding-left: 10px; padding-right: 10px; float: right; height: 23px; font-size: 16px; border-radius: 4px; margin-bottom: 15px; border:2px solid #ffcc00;}	
	









/* ######################################################################################################### */
/* 7. HISTORY MENU																							 */
/* ######################################################################################################### */

/*   L A N D S C A P E																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* --  History Menu -- */
.history2-landscape .history-menu {width:100%; height:102px; position: absolute; bottom: 0px; z-index:100;}


/*   P O R T R A I T   																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* --  History Menu -- */
.history2-portrait .history-menu{z-index:100;}


/*    D E S K T O P																							 */
/* --------------------------------------------------------------------------------------------------------- */

/* --  History Menu -- */
.history2-desktop .history-menu {width:530px; height:72px; position: absolute; /*left:8px; */bottom: 0px; z-index:100;}
	









/* ######################################################################################################### */
/* 8. HISTORY INVISIBLE SPIN																				 */
/* ######################################################################################################### */

/*   L A N D S C A P E																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- History Spin Clicker -- */
.history2-landscape #btn-history-spin {width:200px; height:200px; position:fixed; right: 2px; top: 259px; border-radius:100px; z-index:100; /*background:#336699;*/}


/*    D E S K T O P																							 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- History Spin Clicker -- */
.history2-desktop #btn-history-spin {width:170px; height:170px; position:absolute; left:1108px; top:547px; border-radius:100px; z-index:100;}


/*  P O R T R A I T																							*/
/* -------------------------------------------------------------------------------------------------------- */
.history2-portrait #btn-history-spin{position:fixed; border-radius:50px; /*background:blue; opacity:0.8;*/}
	









/* ######################################################################################################### */
/* 9. HISTORY SOUND																					 */
/* ######################################################################################################### */

/*   L A N D S C A P E																						 */
/* --------------------------------------------------------------------------------------------------------- */
@supports not (-webkit-overflow-scrolling: touch) {
	/* CSS for other than iOS devices */ 		
	
	/* -- History Sound Clicker -- */
	.history2-landscape #history-sound {position:fixed; /*background:red;*/ width: 56px; height: 56px; top: 90px; right: 12px;}

}

@supports (-webkit-overflow-scrolling: touch) {
	/* CSS specific to iOS devices */ 
	
	/* -- History Sound Clicker -- */
	.history2-landscape #history-sound {position:fixed; /*background:red;*/ width: 56px; height: 56px; top: 40px; right: 12px;}
}



/*    D E S K T O P																							 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- History Sound Clicker -- */
.history2-desktop #history-sound {position:absolute;/* background:red;*/ width: 81px; height: 50px; left: 1145px; top: 3px;}


/*  P O R T R A I T																							*/
/* -------------------------------------------------------------------------------------------------------- */

/* -- History Sound Clicker -- */
.history2-portrait #history-sound{position:fixed; /*background:red;*/}
	









/* ######################################################################################################### */
/* 10. FULL SCREEN																						 */
/* ######################################################################################################### */

/*   L A N D S C A P E																						 */
/* --------------------------------------------------------------------------------------------------------- */
@supports not (-webkit-overflow-scrolling: touch) {
	/* CSS for other than iOS devices */ 	
	
	/* -- History FS Clicker -- */
	.history2-landscape #history-fs {position:fixed; /*background:blue;*/ width: 56px; height: 56px; top: 12px; right: 12px;}
}

@supports (-webkit-overflow-scrolling: touch) {
	/* CSS specific to iOS devices */ 
	
	/* -- History FS Clicker -- */
	.history2-landscape #history-fs {display:none; position:fixed; /*background:blue; */width: 56px; height: 56px; top: 90px; right: 12px;}
}



/*    D E S K T O P																							 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- History Spin Clicker -- */
.history2-desktop #history-fs {position:absolute; /*background:blue;*/ width: 43px;  height: 50px; top: 3px; left: 1225px;}


/*  P O R T R A I T																							*/
/* -------------------------------------------------------------------------------------------------------- */
.history2-portrait #history-fs{position:fixed; /*background:blue;*/}

#system {position:absolute; top: 0px;	left: 0px; pointer-events: none;}

#system{width:1280px; height:720px; position:absolute; top:0px; left:0px; z-index:3;}


/*************************
/*	SCREEN BUTTON
/*************************/

.fs-fill{fill:#FFFFFF;}


/* ######################################################################################################### */
/* 11. SOUND BUTTON																							 */
/* ######################################################################################################### */


/*   C O M M O N  																							 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Sound Icon -- */
#sound-holder{ position:fixed; z-index:1001;}


/*   L A N D S C A P E																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Sound Icon -- */
.panel-landscape .soundButton{position:fixed; z-index:1000; width:100px; /*left:1179px; top:643px;*/ pointer-events:auto;}


/*   P O R T R A I T   																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Sound Icon -- */
.panel-portrait .soundButton{position:fixed; right:0px; bottom:0px; width:60px; pointer-events:auto;}


/*   D E S K T O P																							 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Sound Icon -- */
.panel-desktop .soundButton{position: absolute; z-index: 1001; width:81px; height:50px; left:1145px; top:3px;  pointer-events:auto;}



/* ######################################################################################################### */
/* 22. FULL SCREEN ICON																						 */
/* ######################################################################################################### */

/* -- fs icon -- */
#fs-holder{/*background: green;*/ position:fixed; z-index:1000;}


/*   L A N D S C A P E																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- fs icon -- */
.panel-landscape .fsButton{position:fixed; z-index:1001; width:100px; height:77px; top:3px; left:1186px; pointer-events:auto;}


/*   P O R T R A I T																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- fs icon -- */
.panel-portrait .fsButton{position:fixed; z-index:1001; pointer-events:auto;}


/*   D E S K T O P																							 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- fs icon -- */
.panel-desktop .fsButton{position:absolute; z-index:1001; width:81px; height:50px; top:3px; left:1185px; pointer-events:auto;}

/*  settings.css */
/*

1.  SITE HOLDER
2.  SETTINGS MENU
3.  SETTINGS CONTAINER
4.  ON / OFF CONTROL
5.  PLUS / MINUS CONTROL
6.  SITE TITLE	
7.  SITE ICON
8.  SITE CONTENT	

*/










/* ######################################################################################################### */
/* 1. SITE HOLDER																							 */
/* ######################################################################################################### */


/*   C O M M O N  																							 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Main Holder -- */
#settings {width:1280px; height:720px; position:absolute; top: 0px; left: 0px; z-index: 3;}

/* -- Settings Holder -- */
.setting-holder{/*background:yellow;*/ width:100%; height:100%;}

/* -- Settings Site -- */
.settings-site{width:100%; height:100%;}


/*   D E S K T O P   																						 */
/* --------------------------------------------------------------------------------------------------------- */

.settings-desktop{width:530px!important;/* margin-left:8px;*//*left:8px!important;*/ border-radius:13px;}


/*   L A N D S C A P E																						 */
/* --------------------------------------------------------------------------------------------------------- */
.site-content-landscape #settings{}


/*   P O R T R A I T   																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Settings Holder -- */
.site-content-portrait .setting-holder{transform:scale(0.9);}








/* ######################################################################################################### */
/* 2. SETTINGS MENU																							 */
/* ######################################################################################################### */


/*   C O M M O N  																							 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Settings Menu -- */
#settings-menu{width:100%; position:absolute; bottom:0px;}


/*   D E S K T O P 
/* -------------------------------*/
.settings-menu-desktop{width:100%; height:150px; position:absolute; bottom:0px; left:0px;}

/* -- Settings Items Container -- */
.settings-menu-desktop .settings-items{/*background:#820606; */float:left; width:100%; height:46px;}

/* -- Settings Close Container -- */
.settings-menu-desktop .settings-close{/*background:purple;*/ /*float:left;*/width: 115px; margin: auto; height: 104px; position: absolute; top: 84px; left: calc(50% - 60px); /*border-top: 2px #FFCC00 solid;*/}

/* -- Settings Item Close -- */
.settings-menu-desktop .settings-item-close{width:100%; height:100%; text-align:center;}

/* -- Settings Item -- */
.settings-menu-desktop .settings-item{width:calc(100% / 4); height:100%;float:left;text-align:center; /*border-top: 1px solid #ad2121; border-bottom: 1px solid #560404;*/}

/* -- Settings Icon Selected -- */
.settings-menu-desktop .settings-item-selected{width:calc(100% / 4); height:100%;float:left;text-align:center;} 

/* -- Settings Icon -- */
.settings-menu-desktop .settings-icon{width:60%; height:100%; margin:auto;}

/* -- DIRTY FIX for desktop middle icons -- */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* IE10+ CSS styles go here */
	/*#betMenuIcon{position:relative; top:-50px;}
	#autoMenuIcon{position:relative; top:-50px;}*/
	/*.settings-menu-desktop .settings-icon{width:60%; height:100%; margin:auto;position:relative; top:-50px;}*/
}

@supports (-ms-accelerator:true) {
	/* IE Edge 12+ CSS styles go here */ 
	/*#betMenuIcon{position:relative; top:-50px;}
	#autoMenuIcon{position:relative; top:-50px;}*/
	/*.settings-menu-desktop .settings-icon{width:60%; height:100%; margin:auto;position:relative; top:-50px;}*/
}
	

/*   L A N D S C A P E																						 */
/* --------------------------------------------------------------------------------------------------------- */

.settings-menu-landscape{/*background:#650000;*/ height:102px; position:fixed; bottom:3px!important; width: 100%;}

/* -- Settings Items Container -- */
.settings-menu-landscape .settings-items{/*background:#820606; */float:left; width:100%; height:inherit; margin-top: 11px;}

/* -- Settings Close Container -- */
.settings-menu-landscape .settings-close{/*background:purple;*/ float:left; width:20%; height:inherit;}

/* -- Settings Item Close -- */
.settings-menu-landscape .settings-item-close{width:20%; height:100%;float:left;text-align:center;}


/* -- ITEM -- */


/*.settings-menu-landscape .settings-item:not(:last-child){width:calc((100% - 400px)/3); height:100%;float:left;text-align:center;}
.settings-menu-landscape .settings-item:first-child{width:200px; height:100%;float:left;text-align:center;}
.settings-menu-landscape .settings-item:last-child{width:200px; height:100%;float:left;text-align:center;}*/

.settings-menu-landscape .settings-item:not(:last-child){width:calc((100% - 500px)/2); height:100%;float:left;text-align:center;}
.settings-menu-landscape .settings-item:first-child{width:250px; height:100%;float:left;text-align:center;}
.settings-menu-landscape .settings-item:last-child{width:250px; height:100%;float:left;text-align:center;}

/* -- ICON -- */
.settings-menu-landscape .settings-item:not(:last-child) .settings-icon{width:112px; height:120px; margin:auto;}
.settings-menu-landscape .settings-item:first-child .settings-icon{width:112px; height:120px; margin:auto; margin-left:0px;}
.settings-menu-landscape .settings-item:last-child .settings-icon{width:112px; height:120px; margin:auto; margin-right:0px;}



/* -- ITEM SELECTED -- */

/* -- Settings Item Selected -- */
/*.settings-menu-landscape .settings-item-selected:not(:last-child) {width:calc((100% - 400px)/3); height:100%;float:left;text-align:center;} 
.settings-menu-landscape .settings-item-selected:last-child {width:200px; height:100%;float:left;text-align:center;} 
*/

.settings-menu-landscape .settings-item-selected:not(:last-child) {width:calc((100% - 500px)/2); height:100%;float:left;text-align:center;} 
.settings-menu-landscape .settings-item-selected:last-child {width:200px; height:100%;float:left;text-align:center;} 


/* -- ICON SELECTED -- */

/* -- Settings Icon Selected -- */
.settings-menu-landscape .settings-item-selected:not(:last-child) .settings-icon{width:112px; height:120px; margin:auto;}
.settings-menu-landscape .settings-item-selected:first-child .settings-icon{width:112px; height:120px; margin:auto; margin-left:0px;}
.settings-menu-landscape .settings-item-selected:last-child .settings-icon{width:112px; height:120px; margin:auto; margin-right:0px;}
	

/*   P O R T R A I T   																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Settings Menu -- */
.settings-menu-portrait{height:66px; width:100%; position:absolute; bottom:0px;}

/* -- Settings Items Container -- */
.settings-menu-portrait .settings-items{/*background:#820606;*/ width:100%; height:100%;}

/* -- Settings Close Container -- */
.settings-menu-portrait .settings-close{/*background:purple; */width:calc(20%); height:50%; margin:auto;}


/* -- ITEM -- */
.settings-menu-portrait .settings-item:not(:last-child){/*background:pink;*/ width:calc((100% - 130px)/3); height:100%; float:left; text-align:center;}
.settings-menu-portrait .settings-item:first-child{/*background:red;*/ width:65px; height:100%; float:left; text-align:center;}
.settings-menu-portrait .settings-item:last-child{/*background:blue;*/ width:65px; height:100%; float:left; text-align:center;}


/* -- ICON -- */
.settings-menu-portrait .settings-item:not(:last-child) .settings-icon{width:62px; height:100%; margin:auto; margin-top: 10px;}
.settings-menu-portrait .settings-item:first-child .settings-icon{width:62px; height:100%; margin:auto; margin-top: 10px; margin-left:0px;}
.settings-menu-portrait .settings-item:last-child .settings-icon{width:62px; height:100%; margin:auto; margin-top: 10px; margin-right:0px;}



/* -- ITEM SELECTED -- */
.settings-menu-portrait .settings-item-selected:not(:last-child){/*background:pink;*/ width:calc((100% - 130px)/3); height:100%; float:left; text-align:center;}
.settings-menu-portrait .settings-item-selected:last-child{/*background:blue;*/ width:65px; height:100%; float:left; text-align:center;}


/* -- ICON SELECTED -- */
.settings-menu-portrait .settings-item-selected:not(:last-child) .settings-icon{width:62px; height:100%; margin:auto; margin-top: 10px;}
.settings-menu-portrait .settings-item-selected:last-child .settings-icon{width:62px; height:100%; margin:auto; margin-top: 10px; margin-right:0px;}












/* ######################################################################################################### */
/* 3. SETTINGS CONTAINER																					 */
/* ######################################################################################################### */


/*   C O M M O N  																							 */
/* --------------------------------------------------------------------------------------------------------- */


/*   D E S K T O P  																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Settings Box: 1 row -- */
.setting-box-desktop {/*background:#e568ff;*/ float:left; /* text-align: left; */ width:calc(100% - 20px); padding-left:10px; padding-right:10px;}


/*   L A N D S C A P E																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Settings Box: 2 rows -- */
.setting-box-landscape{/*background:#e568ff;*/ float:left; text-align:left; width:calc(50% - 40px); padding-left:20px; padding-right:20px; }

/* -- Settings Box: 1 row -- */
.setting-box-single-landscape{/*background:#e568ff; */ text-align:left; width:80%; margin:auto; }


/*   P O R T R A I T   																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Settings Box: 1 row -- */
.setting-box-portrait{/*background:blue;*/ text-align:left; width:calc(100% - 40px); padding-left:20px; padding-right:20px;}










/* ######################################################################################################### */
/* 4. ON / OFF CONTROL																						 */
/* ######################################################################################################### */


/*   C O M M O N  																							 */
/* --------------------------------------------------------------------------------------------------------- */


/*   D E S K T O P  																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- On / Off Control -- */
.setting-box-desktop .toggle-ctrl{/*background:green;*/ width:100%; margin:auto; height:36px; margin-bottom:30px; margin-top:0px;}

/* -- On / Off Label -- */
.setting-box-desktop .onoff-label{/*background:brown;*/ width:70%; height:36px; font-size:21px!important; position:relative; left:5%; text-align:left;}

/* -- On / Off Button -- */
.setting-box-desktop .onoff-control{/*background:red;*/ width: 54px; height: 32px; float: right; margin-right: 6%; margin-top: -34px;}


/*   L A N D S C A P E																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* 2 cols version */

/* -- On / Off Control: 2 cols -- */
.setting-box-landscape .toggle-ctrl{/*background:green;*/ width:100%; height:50px; margin-bottom:50px; margin-top:50px;}

/* -- On / Off Label: 2 cols -- */
.setting-box-landscape .onoff-label{/*background:brown;*/ width: calc(70% - 80px); height: 50px; position: relative; left: 15%;}

/* -- On / Off Button: 2 cols -- */
.setting-box-landscape .onoff-control{/*background:red;*/ width:80px; height:50px; float:right; position:relative; margin-right:15%; margin-top:-50px;}


/* 1 col version */

/* -- On / Off Control -- */
.setting-box-single-landscape .toggle-ctrl{/*background:green;*/ width:100%; height:50px; margin-bottom:50px; margin-top:50px;}

/* -- On / Off Label -- */
.setting-box-single-landscape .onoff-label{/*background:brown;*/ width: calc(70% - 70px); height: 50px; position: relative; left: 13%;}

/* -- On / Off Button -- */
.setting-box-single-landscape .onoff-control{/*background:red;*/ width:80px; height:50px; float:right; position:relative; margin-right:13%; margin-top:-50px;}


/*   P O R T R A I T   																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- On / Off Control -- */
.setting-box-portrait .toggle-ctrl{/*background:green;*/ width:100%; margin:auto; height:36px; /*margin-bottom:30px;*/}

/* -- On / Off Label -- */
.setting-box-portrait .onoff-label{/*background:brown;*/ width:calc(70% - 6px); height:30px; position:relative; left:6%;}

/* -- On / Off Button -- */
.setting-box-portrait .onoff-control{/*background:red;*/ width: 50px; height: 30px; float: right; margin-right: 6%; margin-top: -30px;}










/* ######################################################################################################### */
/* 5. PLUS / MINUS CONTROL																					 */
/* ######################################################################################################### */


/*   C O M M O N  																							 */
/* --------------------------------------------------------------------------------------------------------- */


/*   D E S K T O P  																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Stepper Control -- */
.setting-box-desktop .stepper-ctrl{/*background:green;*/ width:100%; height:86px; margin:auto; margin-bottom:50px; margin-top:0px;}

/* -- Stepper Label -- */
.setting-box-desktop .pm-label{/*background:blue;*/ width:88%; text-align: center; position:relative; left:6%; height:36px; font-size:24px;}

/* -- Stepper Controls Holder -- */
.setting-box-desktop .stepper-control{/*background:brown;*/ width:88%; position:relative; left:6%; height:41px;}

/* -- Infinity icon -- */
.setting-box-desktop .infinity-symbol {width:50px; height:36px; margin-top:-5px;}

/* -- NEW: Text Holder -- */
.setting-box-desktop .text-holder{position:absolute; left:73px; top:0px; width:177px; height: 36px; margin-left:5px;}

/* -- NEW: Text Value -- */
.setting-box-desktop .text-value{position:absolute;top:0px;left:0px; width:177px; height: 36px;font-size:14px; line-height:24px; text-align:center;}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* IE10+ CSS styles go here */
	.setting-box-desktop .infinity-symbol {margin-top:2px;}
}

@supports (-ms-accelerator:true) {
	/* IE Edge 12+ CSS styles go here */ 
	.setting-box-desktop .infinity-symbol {margin-top:2px;}
}

/* -- Stepper Minus Button -- */
.setting-box-desktop .pm-minus-btn{width:70px; top:4px; left: 4px; position:absolute;}

/* -- Stepper Value -- */
.setting-box-desktop .pm-value{width:calc(100% - 6px)!important; padding:3px 0 3px 0; border-radius:26px; border: 2px solid #ffcc00; background: #210000; position:absolute;}

/* -- Stepper Plus Button -- */
.setting-box-desktop .pm-plus-btn{width:70px; position:absolute; right:6px; top:4px;}
	


/*   L A N D S C A P E																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* 2 cols verison */

/* -- Stepper Control: 2 cols -- */
.setting-box-landscape .stepper-ctrl{/*background:green;*/ width:100%; height:60px; margin-bottom:30px;}

/* -- Stepper Label: 2 cols -- */
.setting-box-landscape .pm-label{/*background:blue;*/ width:calc(70% - 200px); height:50px; position:relative; left:15%;}

/* -- Stepper Controls Holder : 2 cols -- */
.setting-box-landscape .stepper-control{/*background:red;*/ width:200px; height:60px; float:right; margin-right:15%;}

/* -- Stepper Minus Button: 2 cols -- */
.setting-box-landscape .pm-minus-btn{/*background:purple;*/ height:inherit; width:90px; height:60px; float:left;}

/* -- Stepper Value: 2 cols -- */
.setting-box-landscape .pm-value{background: #210000; width:calc(100% - 6px)!important; height:inherit; float:left; }

/* -- Stepper Plus Button: 2 cols -- */
.setting-box-landscape .pm-plus-btn{/*background:purple;*/ height:inherit; width:90px; height:60px; float:left;}

/* -- Infinity icon -- */
.setting-box-landscape .infinity-symbol {width:59px; height:30px; margin-top:-4px;}

/* -- Text Field Component -- */
.tf{width:132px; height:30px; margin:auto; /*background:red;*/}

/* -- Text Field Value -- */
.tf-value{width:132px;}

/* -- NEW: Text Holder -- */
.setting-box-landscape .text-holder{position: absolute;  left: 110px; top: 0px; width: 183px; height: 59px; margin-left: 7px; /*background: blue;*/}

/* -- NEW: Text Value -- */
.setting-box-landscape .text-value{position:absolute;top:0px;left:0px; width: 63px; height: 24px;font-size:14px; line-height:24px; text-align:center;}




/* 1 col version */

/* -- Stepper Control -- */
.setting-box-single-landscape .stepper-ctrl{/*background:green;*/ width:100%; height:60px; margin-bottom:50px; margin-top:50px;}

/* -- Stepper Control:BET -- */
.setting-box-single-landscape .stepper-bet{height:126px;}

/* -- Stepper Label -- */
.setting-box-single-landscape .pm-label{/*background:blue;*/ width:calc(70% - 260px); height:60px; position:relative; left:15%;}

/* -- Stepper Label:BET -- */
.setting-box-single-landscape .label-bet{text-align:center; width:70%;}

/* -- Stepper Controls Holder -- */
.setting-box-single-landscape .stepper-control{/*background:red;*/ width:408px; height:60px; float:right; margin-right:15%; margin-top:-60px;}

/* -- Stepper Controls Holder:BET -- */
.setting-box-single-landscape .stepper-control-bet{width:470px; margin-right:unset; margin-top:unset; float:none; margin:auto;}

/* -- Stepper Minus Button -- */
.setting-box-single-landscape .pm-minus-btn{/*background:purple;*/ height:inherit; width:114px; height:51px; position:relative; top:-109px; left:7px;}

/* -- Stepper Value 1 col -- */
.setting-box-single-landscape .pm-value{background: #210000; width: 100%!important; padding: 14px 0 14px 0; border-radius: 34px; border: 3px solid #ffcc00; position: relative;}

/* -- Stepper Plus Button -- */
.setting-box-single-landscape .pm-plus-btn{/*background:purple;*/ height:inherit; width:114px; height:51px; position:relative; right:-294px; top:-58px;}

/* -- Stepper Plus Button:BET -- */
.setting-box-single-landscape .pm-plus-btn-bet{right:-355px;}

/* -- Infinity icon -- */
.setting-box-single-landscape .infinity-symbol {width:59px; height:7px; margin-top:-7px;}

/* -- NEW: Text Holder -- */
.setting-box-single-landscape .text-holder{position: absolute;  left: 110px; top: 0px; width: 183px; height: 59px; margin-left: 7px; /*background: blue;*/}

/* -- NEW: Text Value -- */
.setting-box-single-landscape .text-value{position:absolute;top:0px;left:0px; width: 63px; height: 24px;font-size:14px; line-height:24px; text-align:center;}



/*   P O R T R A I T   																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Stepper Control -- */
.setting-box-portrait .stepper-ctrl{/*background:green;*/ width:100%; height:60px; margin:auto; margin-bottom:30px;}

/* -- Stepper Label -- */
.setting-box-portrait .pm-label{/*background:blue;*/ width:88%; /*text-align: center;*/ position:relative; left:6%; height:60px; text-align:center;}

/* -- Stepper Label:BET -- */
.setting-box-portrait .label-bet{text-align:center;}

/* -- Stepper Controls Holder -- */
.setting-box-portrait .stepper-control{/*background:brown;*/ width:80%; position:relative; left:10%; height:36px;}

/* -- Stepper Minus Button -- */
.setting-box-portrait .pm-minus-btn{/*background:purple;*/ height:inherit; width:35px; float:left;}

/* -- Stepper Value -- */
.setting-box-portrait .pm-value{background:#210000; float:left; text-align:center;}

/*.tf{width:132px!important; height:30px!important;}*/

/* -- Stepper Plus Button -- */
.setting-box-portrait .pm-plus-btn{/*background:purple;*/ height:inherit; width:35px; float:left;}

/* -- Infinity icon -- */
.setting-box-portrait .infinity-symbol {width:50px; height:5px; margin-top:-5px;}

/* -- NEW: Text Holder -- */
.setting-box-portrait .text-holder{position:absolute; left:73px; top:0px; width:177px; height: 36px; margin-left:5px;}

/* -- NEW: Text Value -- */
.setting-box-portrait .text-value{position:absolute;top:0px;left:0px; width:177px; height: 36px;font-size:14px; line-height:24px; text-align:center;}



/* ######################################################################################################### */
/* 6. SITE TITLE																							 */
/* ######################################################################################################### */


/*   C O M M O N  																							 */
/* --------------------------------------------------------------------------------------------------------- */


/*   D E S K T O P																							 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Site Title -- */
.settings-title-desktop{height:60px; line-height:60px; width:calc(100% - 13px); position:absolute; /*top:12px;*/ padding-left:13px; font-size:34px; text-align:left; border-bottom: 1px solid #ffcc00;}


/*   L A N D S C A P E																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Site Title -- */
.settings-title-landscape{/*background:#b50909;*/ width:calc(100% - 24px); position:absolute; /*top:12px; */padding-left:24px;}


/*   P O R T R A I T   																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Site Title -- */
.settings-title-portrait{/*background:blue;*/ width:calc(100% - 40px); position:absolute; /*top:12px;*/ padding-left:20px; padding-right:20px;}










/* ######################################################################################################### */
/* 7. SITE ICON																								 */
/* ######################################################################################################### */


/*   C O M M O N  																							 */
/* --------------------------------------------------------------------------------------------------------- */


/*   D E S K T O P																							 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Site Icon -- */
.site-icon-desktop{/*background:red;*/ width:70px; height:53px; position:absolute; top:4px; right:0px;}

/* -- DIRTY FIX for desktop middle icons -- */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* IE10+ CSS styles go here */
	.site-icon-desktop{/*background:red;*/ width:70px; height:53px; position:absolute; top:-45px; right:0px;}
}

@supports (-ms-accelerator:true) {
	/* IE Edge 12+ CSS styles go here */ 
	.site-icon-desktop{/*background:red;*/ width:70px; height:53px; position:absolute; top:-45px; right:0px;}
	
}

/*   L A N D S C A P E																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Site Icon -- */
.site-icon-landscape{/*background:red;*/ width:140px; height:102px; position:absolute; top:0px;	right:-16px;}


/*   P O R T R A I T   																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Site Icon -- */
.site-icon-portrait{/*background:red;*/ width:64px;	height:50px; position:absolute; top:0px; right:0px;}










/* ######################################################################################################### */
/* 8. SITE CONTENT																							 */
/* ######################################################################################################### */


/*   C O M M O N  																							 */
/* --------------------------------------------------------------------------------------------------------- */


/*   D E S K T O P																							 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Site Content Container -- */
.site-content-desktop{width:calc(100% - 13px); height:calc(100% - 213px); position:absolute; top:60px;}


/*   L A N D S C A P E																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Site Content Container -- */
.site-content-landscape{width:100%; height:calc(100% - 198px); position:absolute; top:102px;}


/*   P O R T R A I T   																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Site Content Container -- */
.site-content-portrait{/*background:green;*/ width:100%; height:calc(100% - 168px); position:absolute; top:68px;}










/* ######################################################################################################### */
/* 9. HISTORY LIST																							 */
/* ######################################################################################################### */


/*   C O M M O N  																							 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Table Container -- */
#history-table-holder{width:100%; top:0px;}

/* -- Table -- */
#history-table{width:100%; overflow: auto;}

/* -- Header Item -- */
.h-item .wrap, .h-header-item .wrap{display:table; height:100%; width:100%;}
 
/* -- Row Item -- */
.h-item .wrap span, .h-header-item .wrap span {display:table-cell; vertical-align:middle;}


/*   D E S K T O P																							 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Table Holder -- */
.site-content-desktop #history-table-holder{top:2px; left: 13px;}

/* -- Table -- */
.site-content-desktop .h-table{height:calc(100% - 42px);}

/* -- Table Header -- */
.site-content-desktop #history-header{width: calc(100% - 19px); height:40px;}

/* -- Header Item -- */
.site-content-desktop .h-header-item {font-size:13px; line-height:12px; float:left; height:inherit; display:inline-block;}

/* -- Table Row -- */
.site-content-desktop .history-row{width:100%; height:42px;/*font-size: 24px; height: 50px;*/}

/* -- Row Item -- */
.site-content-desktop .h-item{float:left; height:inherit; line-height:10px; font-size:12px; display: inline-block;}

/* -- Round ID -- */
.site-content-desktop .round-id{font-size:13px; line-height:10px;}

/* -- JP Badge -- */
.site-content-desktop .jp-badge{width: 12px; font-size: 12px; line-height: 18px; border-radius: 5px; margin-left: 0px; padding-left:4px; padding-right:4px; border: 2px solid #ffcc00;}

/* -- Item Server Time -- */
.site-content-desktop .item-servertime{font-size:12px!important; line-height:10px!important;}

/* -- Partial Items Holder -- */
.site-content-desktop .h-part-items{width: 244px; margin: auto; margin-top: 2px;}

/* -- Partial Item -- */
.site-content-desktop .h-part-item{height:10px; line-height:10px; margin-bottom:3px; /*background:red;*/}

/* -- Partial Item Label -- */
.site-content-desktop .h-part-label{width:70px; text-align:right; padding-right: 6px; color:#ffcc00; }

/* -- Partial Item Value -- */
.site-content-desktop .h-part-value{text-align:left; /*background:blue;*/}


/*   L A N D S C A P E																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Table Holder -- */
.site-content-landscape #history-table-holder{top:2px;}

/* -- Table -- */
.site-content-landscape .h-table{height:calc(100% - 50px);}

/* -- Table Header -- */
.site-content-landscape #history-header{width:100%; height:50px; width: calc(100% - 19px);}
   
/* -- Header Item -- */
.site-content-landscape .h-header-item{font-size:24px; line-height:50px; float:left; height:inherit; display:inline-block;}

/* -- Table Row -- */
.site-content-landscape .history-row{width:100%; height:91px;}

/* -- Row Item -- */
.site-content-landscape .h-item{float:left; height:inherit; line-height:50px; font-size:24px; display: inline-block;}

/* -- Round ID -- */
.site-content-landscape .round-id{font-size:26px; line-height:50px;}

/* -- JP Badge -- */
.site-content-landscape .jp-badge{width: 37px; font-size: 25px; line-height: 32px; border-radius: 10px; margin-left: 10px; padding-left:4px; padding-right:4px; border: 4px solid #ffcc00;}

/* -- Item Server Time -- */
.site-content-landscape .item-servertime{font-size:25px!important; line-height:22px!important;}

/*---*/

/* -- Partial Items Holder -- */
.site-content-landscape .h-part-items{width: 450px; margin: auto; margin-top: 5px;}

/* -- Partial Item -- */
.site-content-landscape .h-part-item{height:24px; line-height:24px; margin-bottom:4px;/*background:red;*/}

/* -- Partial Item Label -- */
.site-content-landscape .h-part-label{width:200px; text-align:right; padding-right: 10px;}

/* -- Partial Item Value -- */
.site-content-landscape .h-part-value{text-align:left; /*background:blue;*/}


/*   P O R T R A I T   																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Table Holder -- */
/*.site-content-portrait #history-table-holder{height:100%;}*/

/* -- Table -- */
.site-content-portrait .h-table{height:calc(100% - 30px);}

/* -- Table Header -- */
.site-content-portrait #history-header{/*width:100px;*/ height:30px;}

/* -- Header Item -- */
.site-content-portrait .h-header-item{font-size:14px; line-height:12px; float:left; height:inherit; display: inline-block;}

/* -- Table Row -- */
.site-content-portrait .history-row{/*color: #6d1f1f;*/ font-size: 12px; height: 30px;}

/* -- Row Item -- */
.site-content-portrait .h-item{float:left; height:inherit; line-height:11px; font-size:12px; display: inline-block;}

/* -- Round ID -- */
.site-content-portrait .round-id{font-size:9px; line-height: 8px;}

/* -- JP Badge -- */
.site-content-portrait .jp-badge{width: 45px; font-size: 25px; line-height: 38px; border-radius: 10px; margin-left: 10px; padding-left:4px; padding-right:4px;}

/*---*/

/* -- Partial Items Holder -- */
.site-content-portrait .h-part-items{margin: auto;}

/* -- Partial Item -- */
.site-content-portrait .h-part-item{ /*background:red;*/}

/* -- Partial Item Label -- */
.site-content-portrait .h-part-label{text-align:right;}

/* -- Partial Item Value -- */
.site-content-portrait .h-part-value{text-align:left; /*background:blue;*/}




/*   S C R O L L E R   																						 */
/* --------------------------------------------------------------------------------------------------------- */


/* -- Scroll Track -- */
#history-table::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: brown;}

/* -- Scroll -- */
#history-table::-webkit-scrollbar{width:/*32px*/19px;/* background-color:#F5F5F5;*/}

/* -- Scroll Thumb -- */
#history-table::-webkit-scrollbar-thumb{background-color:#ffcc00; border: 5px solid;/* rgb(165, 42, 42);*/ border-radius: 50px; height: 50px;}



/*   N A N O 		   																						 */
/* --------------------------------------------------------------------------------------------------------- */


.nano {/* background: #bba; */width: 100%; height: 100px; }
.nano .nano-content {/*padding: 10px; */ /*background:#650000;*/}
.nano .nano-pane   { background: #888; }
.nano .nano-slider { background: #111; }



/*TextField*/
/*.text-field {
	background-color: #333;
}*/

/*.tf-value{
	line-height:90px;
	font-family:BrandonBlack;
	color:#ffffff;
	font-size: 34px;
}*/




/** initial setup **/
.nano {
  position : relative;
  width    : 100%;
  height   : 100%;
  overflow : hidden;
}
.nano > .nano-content {
  position      : absolute;
  /*overflow      : scroll;*/
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano > .nano-content:focus {
  outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
  display: none;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  display: block;
}
.nano > .nano-pane {
  background : rgba(0,0,0,.25);
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01;
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
}
.nano > .nano-pane > .nano-slider {
  background: #444;
  background: rgba(0,0,0,.5);
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}
/* TEXT SIZE CALCULATION ELEMENT*/
#myTextHolder {
	position:absolute; 
	font-family:BrandonBlack;
	left:300px; 
	top:30px; 
	width:400px; 
	height:30px; 
	background-color:black; 
	color:white; 
	border:0.1px solid white;
	opacity:0;
	font-size:27px;
	/*line-height:16px;*/
}

/* OUTPUT DEFINITION: holder > value */
.output-holder { margin:0; padding:0;/* position:absolute; *//*font-family:BrandonBlack;*/ /*font-size:16px;*/ }
.output-value { /*overflow: hidden;*//*position:relative;top:0px;left:0px;*/ }


#myOutput {
	left:300px; 
	top:70px; 
	width:120px; 
	height: 30px;
 	opacity:0;
}
/*#vid-bet-holder{
	left:57px; 
	top:15px; 
	width:133px; 
	height: 30px; 	
	color: white;
}

#vid-credits-holder{
	left:15px; 
	top:15px; 
	width:208px; 
	height: 30px; 	
	color: white;
}*/

/*  panel2.css */
/*

1.  MAIN HOLDER
2.  PANEL HOLDER
3.  PANEL CONTROLS
4.  BET LABEL
5.  WIN LABEL	
6.  CREDIT LABEL	
7.  FREE GAMES WIDGET
8.  GAMBLE BUTTON	
9.  AUTOPLAY BUTTON
10. SPIN BUTTON	
11. SOUND BUTTON	
12. BET OPEN BUTTON	
13. BET CONTROL	
14. OPTIONS BUTTON
15. INFO BAR
16. OPTIONS MENU	
17. AUTO MENU
18. INFINITY ICON

*/


/* ######################################################################################################### */
/* 0. TEST																									 */
/* ######################################################################################################### */

/*   L A N D S C A P E																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Test Window -- */
.panel-landscape #test-info{position: fixed; z-index: 20000; bottom: -410px; font-family: Arial; font-size: 20px; padding: 10px; left: 410px; background: black; width: 520px; height: 370px; color: white;}


/*   P O R T R A I T   																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Test Window -- */
.panel-portrait #test-info{position:fixed; z-index:20000; bottom:50px; font-family:Arial; font-size:11px; padding:10px; left:0; background:black; color:white;}


/* ######################################################################################################### */
/* 1. MAIN HOLDER																							 */
/* ######################################################################################################### */


/*   C O M M O N  																							 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Main Holder -- */
#panel{/*background:rgba(255, 0, 0, 0.5);*/ position:absolute; top: 0px; left: 0px;z-index:3; user-select:none; pointer-events:none;}

/* -- Game Id --*/
#game-id-holder{position:fixed;}


/*   L A N D S C A P E																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Main Holder -- */
.panel-landscape{width:1280px!important; height:720px!important;}

/* -- Game Id --*/
.panel-landscape .gameId{top:2px; left:5px; /*width:110px;*/padding-left:3px; padding-right:3px; font-size:16px;  text-shadow:1px 1px 1px rgba(0,0,0,0.7);}


/*   P O R T R A I T   																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Main Holder -- */
.panel-portrait{width:1280px!important; height:100%!important;}

/* -- Game Id --*/
.panel-portrait .gameId{top: 1px; left: 0px; font-size: 10px;  text-shadow:1px 1px 1px rgba(0,0,0,0.7);}


/*   D E S K T O P   																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Main Holder -- */
.panel-desktop{width:1280px!important; height:720px!important;}

/* -- Game Id --*/
.panel-desktop .gameId{top:0px; left:10px; /*width:110px;*/ padding-left:3px; padding-right:3px; font-size:12px;  text-shadow:1px 1px 1px rgba(0,0,0,0.7);}





/* ######################################################################################################### */
/* 2. GAME LOGO	 																							 */
/* ######################################################################################################### */

/* -- Game Logo --*/
/*.panel-portrait .gameLogo{width: 200px; height: 82px; position: absolute; top: 20px; left: calc(50% - 100px);}*/





/* ######################################################################################################### */
/* 2. PANEL HOLDER																							 */
/* ######################################################################################################### */


/*   C O M M O N  																							 */
/* --------------------------------------------------------------------------------------------------------- */


/* -- Controls Panel Holder -- */
/*#panel-holder{/*background:#1e0000;*//*background:purple;*//* position:fixed; height:77px; pointer-events:auto;}*/


/*   L A N D S C A P E																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Controls Panel Holder -- */
/*.panel-landscape .panelHolder{*//*background:Red;*/ /*width: 1280px; top:643px!important; left:0px;}	*/


/*   P O R T R A I T   																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Controls Panel Holder -- */
/*.panel-portrait .panelHolder{*//*background: green;*//* width:100%; bottom: 35%;}*/


/*   D E S K T O P																							 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Controls Panel Holder -- */
/*.panel-desktop .panelHolder{*//*background:Red;*//* width: 1280px; top:624px; left:0px; height:90px!important;}	*/






/* ######################################################################################################### */
/* 3. PANEL CONTROLS																						 */
/* ######################################################################################################### */


/*   C O M M O N  																							 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Panel Controls Back -- */
#controls{position:relative; left: 0px;}


/*   L A N D S C A P E																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Panel Controls Back -- */
.panel-landscape .controlsBack{width:1280px; height:77px; background-color:rgba(0, 0, 0, 0.5);}


/*   P O R T R A I T   																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Panel Controls Back -- */
.panel-portrait .controlsBack{width:100%; height:47px;}


/*   D E S K T O P 																							 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Panel Controls Back -- */
.panel-desktop .controlsBack{width:1280px; top:0px; height:60px; }


/*background: -moz-linear-gradient(left, rgba(82,3,3,0) 0%, rgba(82,3,3,0.64) 50%, rgba(82,3,3,0) 100%); 
background: -webkit-linear-gradient(left, rgba(82,3,3,0) 0%,rgba(82,3,3,0.64) 50%,rgba(82,3,3,0) 100%); 
background: linear-gradient(to right, rgba(82,3,3,0) 20%, rgba(82,3,3,0.8) 30%, rgba(82,3,3,1) 50%,rgba(82,3,3,0.8) 70%,rgba(82,3,3,0) 80%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00520303', endColorstr='#00520303',GradientType=1 ); }
*/






/* ######################################################################################################### */
/* 4. BET LABEL																								 */
/* ######################################################################################################### */


/*   C O M M O N  																							 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Bet Label -- */
#bet-holder{/*background:orange; */position:fixed;}


/*   L A N D S C A P E																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Bet Label -- */ 
.panel-landscape .betLabel{width: 250px; right: 240px; bottom: 16px; text-align: right;}

/* -- Bet Label -- */
.panel-landscape .bLabel{width: 100%; font-size: 21px; color: #ffcc00; position: relative; top: 47px; text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);}

/* -- Bet Value Holder -- */
.panel-landscape #bet-holder-holder {color: white; position:relative; width:250px; height:46px; top:-17px; left:0px;}

/* -- Bet Value -- */
.panel-landscape #bet-holder-value {position:relative; text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);}


/*   P O R T R A I T   																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Bet Label -- */
.panel-portrait .bLabel{text-align:left; font-size:14px; padding-top:0px; margin-top:0px; color: #ffcc00; position:relative; text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);}

/* -- Bet Value -- */
.panel-portrait #bet-holder-value{position:relative; text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);}

/* -- Bet Value Holder -- */
.panel-portrait #bet-holder-holder{color: white; position:relative;}


/*   D E S K T O P																							 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Bet Label -- */
.panel-desktop .betLabel{width:242px; height:61px; bottom:7px; right:275px;}

/* -- Bet Label -- */
.panel-desktop #bet-holder{position:absolute; text-align:center;}

/* -- Bet Lines Info -- */
.panel-desktop .bet-lines-label{width:198px; position:absolute; left:25px; top:5px;  font-size:10px;}

/* -- Bet Value Holder -- */
.panel-desktop #bet-holder-holder {color: white; position:absolute;	width:132px; height:32px; top:14px; left:58px;}

/* -- Bet Value Holder -- */
.panel-desktop #bet-holder-value {position:absolute; text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);}

/* -- Bet Label -- */
.panel-desktop .bLabel {position:absolute; width: 198px; left: 25px; bottom: 5px; color:#ffcc00; font-size: 14px; text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);}
















/* ######################################################################################################### */
/* 6. CREDIT LABEL																							 */
/* ######################################################################################################### */


/*   C O M M O N  																							 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Credit Label Holder -- */
.panel-portrait #credit-holder{/*background:green;*/ position:fixed; }
.panel-desktop #credit-holder{/*background:green;*/ position:absolute; }
.panel-landscape #credit-holder{/*background:green;*/ position:fixed; }



/*   L A N D S C A P E																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Credit Label Main Holder -- */
.panel-landscape .creditLabel{left:210px; bottom:16px; width:250px; text-align:left; font-family:BrandonBlack;}

/* -- Credit Label -- */
.panel-landscape .cLabel{width: 100%; font-size: 21px; color: #ffcc00; font-family:BrandonBlack; text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);}

/* -- Credit Value Holder -- */
.panel-landscape #credit-holder-holder {color: white; position:relative; width:250px; height:46px; top:13px; left:0;}

/* -- Credit Value -- */
.panel-landscape #credit-holder-value {position:relative; text-shadow: 0px 1px 1px rgba(0, 0, 0, 1); font-family:BrandonBlack;}



/*   P O R T R A I T   																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Credit Label Main Holder -- */
.panel-portrait .creditLabel{text-align:left; font-family: BrandonBlack;}

/* -- Credit Value Holder -- */
.panel-portrait #credit-holder-holder{color: white; position:relative;}

/* -- Credit Label -- */
.panel-portrait .cLabel{padding-top:0px; margin-top:0px; color: #ffcc00; font-family: BrandonBlack; text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);}

/* -- Credit Value -- */
.panel-portrait #credit-holder-value {text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);}


/*   D E S K T O P																							 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Credit Label Holder -- */
.panel-desktop .creditLabel{position:absolute; left:275px; width:242px; height:61px; bottom:7px;}

/* -- Credit Value -- */
.panel-desktop .value{font-size:25px; position: absolute; top:11px; width:100%; text-align: center;}

/* -- Credit Label -- */
.panel-desktop .label{font-size:14px; position:absolute; top:37px; width:100%; text-align:center;}

/* -- Credit Value Holder -- */
.panel-desktop #credit-holder-holder {font-family: BrandonBlack; color: white; position:absolute; width:218px; height:32px; top:13px; left:8px;}

/* -- Credit Value -- */
.panel-desktop #credit-holder-value {position:absolute; text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);}

/* -- Credit Label -- */
.panel-desktop .cLabel {position:absolute; width: 198px; bottom: 5px; left: 18px; color:#ffcc00; font-size: 14px; text-align:center; text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);}




















/* ######################################################################################################### */
/* 5. WIN LABEL																								 */
/* ######################################################################################################### */


/*   C O M M O N  																							 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Win Label -- */
#win-holder{position:absolute; text-align:center;}

/* -- Win Value Holder -- */
.panel-desktop #win-holder-holder {color: white; position:absolute;	width:244px; height:49px; top:2px; left:12px; /*background:rgba(0,255,0,0.5);*/}

/* -- Win Value Holder -- */
.panel-desktop #win-holder-value {position:absolute; text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);}

/*  NEW: MAC   */
.panel-desktop #win-holder-value.desktop-mac {font-size: 12px !important; position:absolute; text-shadow: 0px 1px 1px rgba(0, 0, 0, 1); margin-top:4px !important;}


.panel-desktop #win-holder{position:absolute; text-align:center;}

.panel-landscape #win-holder{position:fixed; text-align:center;}

.panel-portrait #win-holder{position:fixed; text-align:center;}


/*   L A N D S C A P E																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Win Label -- */
.panel-landscape .winLabel{bottom:4px; left:calc(50% - 190px); width:380px; height:76px; border-radius:60px; /*border:3px solid #ffcc00;*/}

@supports not (-webkit-overflow-scrolling: touch) {
  /* CSS for other than iOS devices */ 
  
  /* -- Win Value -- */
  .panel-landscape .win-value{margin-top: 2px; font-size: 46px; height: 43px; /*line-height: 48px;*/ /*background:blue;*/}

}
	
@supports (-webkit-overflow-scrolling: touch) {
  /* CSS specific to iOS devices */ 
  
  /* -- Win Value -- */
  .panel-landscape .win-value{font-size: 46px; height:46px;}
}



/* -- Win Label -- */
.panel-landscape .win-label{/*background:purple;*/font-size: 21px; height:18px; line-height:18px;}

/* -- Win Value Holder -- */
.panel-landscape #win-holder-holder {color: white; position:absolute;	width:253px; height:49px; top:2px; left:7px; background:rgba(255,0,0,0.5);}

/* -- Win Value Holder -- */
.panel-landscape #win-holder-value {position:absolute; text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);}


/*   P O R T R A I T   																						 */
/* --------------------------------------------------------------------------------------------------------- */



/* -- Win Value -- */
.panel-portrait .win-value{font-size:26px; line-height:35px;}

.panel-portrait .winLabel{width:100%; left:0px; }

.panel-portrait .winLabel.winLabelBkg{
background: -moz-linear-gradient(left, rgba(0,0,0,0) 15%, rgba(0,0,0,0.5) 40%, rgba(0,0,0,0.5) 60%, rgba(0,0,0,0) 85%);
background: -webkit-linear-gradient(left, rgba(0,0,0,0) 15%,rgba(0,0,0,0.5) 40%,rgba(0,0,0,0.5) 60%,rgba(0,0,0,0) 85%);
background: linear-gradient(to right, rgba(0,0,0,0) 15%,rgba(0,0,0,0.5) 40%,rgba(0,0,0,0.5) 60%,rgba(0,0,0,0) 85%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 );
}

/* -- Win Value Holder -- */
.panel-portrait #win-holder-holder {color: white; position:absolute;	width:253px; height:49px; top:2px; left:7px; background:rgba(0,0,255,0.5);}

/* -- Win Value Holder -- */
.panel-portrait #win-holder-value {position:absolute; text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);}
/*   D E S K T O P																							 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Win Panel -- */
.panel-desktop .winLabel{position:relative; left:calc(50% - 134px); bottom:5px; width:267px; height: 64px;}

/* -- Win Label -- */
.panel-desktop .win-label{font-size:17px; position:absolute; top:34px; width:100%; text-align:center;}

/* -- Win Value -- */
.panel-desktop .win-value{font-size:34px; position:absolute; top:0px; width:100%;}



/*   D E S K T O P	 -   MAC																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Win Label -- */
.panel-desktop .win-label.desktop-mac{font-size:17px; position:absolute; top:36px !important; width:100%; text-align:center;}









/* ######################################################################################################### */
/* 7. FREE GAMES WIDGET																						 */
/* ######################################################################################################### */


/*   C O M M O N  																							 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Free Games Holder -- */
.panel-landscape #freegames-holder{position:absolute; z-index:97;}
.panel-portrait #freegames-holder{position:fixed; z-index:97;}
.panel-desktop #freegames-holder{position:absolute; z-index:97;}

/* -- Free Games Label -- */
#freegames-label{position:absolute; text-align:center;}

/* -- Free Games value -- */
#freegames-value{position:absolute; text-align:center;}

/* -- Retrigger Value -- */
#retrigger-value{position: absolute; text-align:center;}


/*   L A N D S C A P E																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Free Games Holder -- */
.panel-landscape .freeHolder{width:181px; height:121px; left:5px; bottom:2px;}

/* -- Free Games Label -- */
.panel-landscape .freeLabel{width:152px; height:30px; top:28px; left:24px; font-size:19px; line-height: 30px;}

/* -- Free Games value -- */
.panel-landscape .freeValue{width:152px; height:53px; top:62px; left:24px; font-size:36px; line-height:53px;}

/* -- Retrigger Value -- */
.panel-landscape .retriggerValue{width:49px; height:40px; top:4px; left:0; font-size:30px; line-height: 40px;}


/*   P O R T R A I T   																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Free Games Holder -- */
/*.panel-portrait .freeHolder{width:108px; height: 73px; left:0px; bottom:250px;}*/

/* -- Free Games Label -- */
.panel-portrait .freeLabel{width: 91px; height:21px; top:16px; left: 15px; font-size: 11px; line-height: 21px;}	

/* -- Free Games value -- */
.panel-portrait .freeValue{width: 92px; height:33px; top:36px; left: 14px; font-size: 26px; line-height: 33px;}

/* -- Retrigger Value -- */
.panel-portrait .retriggerValue{width: 25px; height:24px; top:2px; left:2px; font-size:20px; line-height: 24px;}


/*   D E S K T O P 																							 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Free Games Holder -- */
.panel-desktop .freeHolder{width:181px; height:121px; bottom:4px; left: 90px;}

/* -- Free Games Label -- */
.panel-desktop .freeLabel{width:152px; height:30px; top:28px; left:24px; font-size:18px; line-height: 30px;}

/* -- Free Games value -- */
.panel-desktop .freeValue{width:152px; height:53px; top:62px; left:24px; font-size:36px; line-height:53px;}

/* -- Retrigger Value -- */
.panel-desktop .retriggerValue{width:49px; height:40px; top:4px; left:0; font-size:30px; line-height: 40px;}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* IE10+ CSS styles go here */
	/*.panel-desktop .gambleButton{width: 115px; height: 76px; position: relative; top:673px; left: 1009px; z-index:11;}*/	
	
	/* -- Free Games value -- */
	.panel-desktop .freeValue{width:152px; height:53px; top:75px; left:24px; font-size:36px; line-height:53px;}
	
	/* -- Retrigger Value -- */
	.panel-desktop .retriggerValue{width:49px; height:40px; top:18px; left:0; font-size:30px; line-height: 40px;}
	
	/* -- Free Games Holder -- */
	.panel-desktop .freeHolder{width:181px; height:121px; bottom:18px; left: 90px;}

}

@supports (-ms-accelerator:true) {
	/* IE Edge 12+ CSS styles go here */ 
	/*.panel-desktop .gambleButton{width: 115px; height: 76px; position: relative; top:534px; left: 1009px; z-index:11;}*/
	
	/* -- Free Games value -- */
	.panel-desktop .freeValue{width:152px; height:53px; top:75px; left:24px; font-size:36px; line-height:53px;}
	
	/* -- Retrigger Value -- */
	.panel-desktop .retriggerValue{width:49px; height:40px; top:18px; left:0; font-size:30px; line-height: 40px;}
	
	/* -- Free Games Holder -- */
.panel-desktop .freeHolder{width:181px; height:121px; bottom:18px; left: 90px;}

}









/* ######################################################################################################### */
/* 8. GAMBLE BUTTON																							 */
/* ######################################################################################################### */


/*   C O M M O N  																							 */
/* --------------------------------------------------------------------------------------------------------- */
#gamble-btn{pointer-events:auto;}

/*   L A N D S C A P E																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Gamble Button -- */
.panel-landscape .gambleButton{width:100px; height:100px; position:fixed; top:300px; left:30px;}


/*   P O R T R A I T   																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Gamble Button -- */
.panel-portrait .gambleButton{width:56px; height:56px; position: fixed; bottom: 20%; left: 70px;}


/*   D E S K T O P 																							 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Gamble Button -- */
.panel-desktop .gambleButton{width: 115px; height: 76px; position: absolute; top:718px; left: 1009px; z-index:11;}


/* -- Back Button -- */
.panel-desktop .gamble-desktop{width: 116px; position:relative; top:-64px;}


/* -- Gamble Icon -- */
.panel-desktop .gambleIcon{position: relative; top: -101px; left: 3px; width: 110px;}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* IE10+ CSS styles go here */
	/*.panel-desktop .gambleButton{width: 115px; height: 76px; position: relative; top:673px; left: 1009px; z-index:11;}*/
}

@supports (-ms-accelerator:true) {
	/* IE Edge 12+ CSS styles go here */ 
	/*.panel-desktop .gambleButton{width: 115px; height: 76px; position: relative; top:534px; left: 1009px; z-index:11;}*/
}




/* ######################################################################################################### */
/* 9. AUTOPLAY BUTTON																						 */
/* ######################################################################################################### */


/*   C O M M O N  																							 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Autoplay Button -- */
#auto-btn{position:absolute; pointer-events:auto;/*z-index:510;*/}


/*   L A N D S C A P E																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Autoplay Button -- */
.panel-landscape .autoButton{height:74px; width:74px; left:1100px; top:165px;}


/*   P O R T R A I T   																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Autoplay Button -- */
.panel-portrait .autoButton{height:40px; width:40px; right: 70px; bottom: 100px;}


/*   D E S K T O P																							 */
/* --------------------------------------------------------------------------------------------------------- */

/* IE */
/* -- Autoplay Button -- */
.panel-desktop .autoButton{height:60px; width:115px; right:156px; bottom:6px; z-index:/*1002*/100;}







/* ######################################################################################################### */
/* 10. SPIN BUTTON																							 */
/* ######################################################################################################### */


/*   C O M M O N  																							 */  
/* --------------------------------------------------------------------------------------------------------- */

/* -- Spin Button -- */
#spin-btn{/*background:gray;*/ pointer-events:none;}

/* -- Spin Counter -- */
#spin-counter {pointer-events: none; position:absolute; text-align:center;}

/* -- Spin Hit -- */
#spin-hit{position:absolute; left: 0px; top:0px;}


/*   L A N D S C A P E																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Spin Button -- */
.panel-landscape .spinButton{/*background:red;*/ width:260px; height:260px; position:fixed; right:-30px; top:226px;}

/* -- Spin Counter -- */
.panel-landscape .autoCounter{/*background:green;*/ width:100%; height:50px;left: 0px; top:107px; font-size:34px; line-height:50px; text-shadow: 0px 1px 1px rgba(0,0,0,0.75);}

/* -- Spin Hit -- */
.panel-landscape .spinHit{width:200px; height:200px; pointer-events:auto;}


/*   P O R T R A I T   																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Spin Button -- */
.panel-portrait .spinButton{/*background:red;*/ width: 100px; height: 100px; position: fixed; left: calc(50% - 50px); bottom: 15%;}

/* -- Spin Counter -- */
.panel-portrait .autoCounter{/*background:blue;*/ width:100%; height:25px; font-size:16px; top:38px; text-shadow: 0px 1px 1px rgba(0,0,0,0.75);}

/* -- Spin Hit -- */
.panel-portrait .spinHit{width:100%; height:100px; pointer-events:auto;}


/*   D E S K T O P																							 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Spin Button -- */
.panel-desktop .spinButton{width:210px; height:210px; position:absolute; right:-20px; bottom:-20px; z-index:10;}


/* -- Spin Counter -- */
.panel-desktop .autoCounter{/*background:green;*/ width: 100%; height: 34px; left: 0px; top: 86px; font-size: 21px; line-height: 34px; text-shadow: 0px 1px 1px rgba(0,0,0,0.75);}

/* -- Spin Hit -- */
.panel-desktop .spinHit{width:200px; height:200px; pointer-events:auto;}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* IE10+ CSS styles go here */
	.panel-desktop .spinButton{top:569px;}
	.panel-desktop #spin-btn-svg{-ms-transform:scale(1.14);}
	.panel-desktop .autoCounter{top: 57px;}
	/*.panel-desktop .fastplayButton{bottom:223px;}*/
	
	/* -- Autoplay Button -- */
	.panel-desktop .autoButton{height:60px; width:115px; right:156px; bottom:6px; z-index:99/*1002*/;}
}

@supports (-ms-accelerator:true) {
	/* IE Edge 12+ CSS styles go here */ 
	.panel-desktop .spinButton{top:569px;}
	.panel-desktop #spin-btn-svg{-ms-transform:scale(1.14);}
	.panel-desktop .autoCounter{top: 57px;}
	
	/* -- Autoplay Button -- */
	.panel-desktop .autoButton{height:60px; width:115px; right:156px; bottom:6px; z-index:99/*1002*/;}
}






/* ######################################################################################################### */
/* 11. SOUND BUTTON																							 */
/* ######################################################################################################### */


/*   C O M M O N  																							 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Sound Icon -- */
#soundBtn{/*background:purple;*/ position:fixed; z-index:97; pointer-events: auto;}


/*   L A N D S C A P E																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Sound Icon -- */
/*.panel-landscape .soundButton{width:56px; height:56px; right:12px; top: 90px;}*/

@supports not (-webkit-overflow-scrolling: touch) {
	/* CSS for other than iOS devices */ 
  
	/* -- Sound Icon -- */
	.panel-landscape .soundButton{width:56px; height:56px; right:12px; top: 90px;}

}

@supports (-webkit-overflow-scrolling: touch) {
  /* CSS specific to iOS devices */ 
  
	/* -- Sound Icon -- */
	.panel-landscape .soundButton{width:56px; height:56px; right:12px; top: 40px;}
}


/*   P O R T R A I T   																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Sound Icon -- */
.panel-portrait .soundButton{}


/*   D E S K T O P																							 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Sound Icon -- */
.panel-desktop .soundButton{position: absolute; z-index: 99; width:81px; height:50px; left:1145px; top:3px;  pointer-events:auto;}








/* ######################################################################################################### */
/* 11. FASTPLAY BUTTON																							 */
/* ######################################################################################################### */


/*   C O M M O N  																							 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Fastplay Icon -- */
#sound-holder{ position:fixed; z-index:99;}


/*   L A N D S C A P E																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Fastplay Icon -- */
.panel-landscape .fastplayButton{position: fixed; /*z-index: 1000;*/ width: 110px;  right: 0px; bottom: -12px; pointer-events: auto;}


/*   P O R T R A I T   																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Fastplay Icon -- */
.panel-portrait .fastplayButton{position:fixed; pointer-events:auto;}


/*   D E S K T O P																							 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Fastplay Icon -- */
.panel-desktop .fastplayButton{position: absolute;/* z-index: 99;*/ width:81px; height:50px; left:1153px; bottom:203px;  pointer-events:auto;}



@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* IE10+ CSS styles go here */	
	/*.panel-desktop .fastplayButton{bottom:223px;}	*/
}

@supports (-ms-accelerator:true) {
	/* IE Edge 12+ CSS styles go here */ 
	/*.panel-desktop .fastplayButton{bottom:223px;}*/
}






/* ######################################################################################################### */
/* 12. BET OPEN BUTTON																						 */
/* ######################################################################################################### */


/*   C O M M O N  																							 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Bet Open Icon -- */
/*#bet-open{*//*background:red;*/ /*position:absolute;}*/


/*   L A N D S C A P E																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Bet Open Icon -- */
/*.panel-landscape .betOpenIcon{width:100px; height:100%; right:180px;/*100px;*//* top:0;}*/


/*   P O R T R A I T   																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Bet Open Icon -- */
/*.panel-portrait .betOpenIcon{right:0px; width:60px; height:48px;*//*transform:rotate(180deg);}*/

/*.rotateTo180{transform:rotate(180deg);}
.rotateTo0{transform:rotate(0deg);}

.betOpenPort{transform:rotate(0deg);}
.betClosePort{transform:rotate(180deg);}

.betOpenLand{transform:rotate(180deg);}
.betCloseLand{transform:rotate(0deg);}*/


/*
$ctrl.isLandscape && $ctrl.betRotation 

.betClosePort = betOpenLand
.betCloseLand = betOpenPort
*/










/* ######################################################################################################### */
/* 13. BET CONTROL																							 */
/* ######################################################################################################### */


/*   C O M M O N  																							 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Bet Control -- */
#bet-control{position:fixed; pointer-events: auto;} /*position:absolute; display:none;}


/*   L A N D S C A P E																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Bet Control -- */
.panel-landscape .betControl{bottom:0px; right:100px; width:112px;}

/* -- Bet Plus Button -- */
.panel-landscape .betPlusControl{pointer-events:auto; width:110px; height:110px; position:fixed; top:150px; right:25px;}

/* -- Bet Minus Button -- */
.panel-landscape .betMinusControl{pointer-events: auto; width:110px; height:110px; position:fixed; top: 460px; right:25px;}


/*   P O R T R A I T   																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Bet Control -- */
/*.panel-portrait .betControl{width:120px; /*height:110px; *//*right: 10px; bottom:28%;}*/

/* -- Bet Plus Button -- */
.panel-portrait .betPlusControl{position:fixed; pointer-events: auto;}

/* -- Bet Minus Button -- */
.panel-portrait .betMinusControl{position:fixed; pointer-events: auto;}









/* ######################################################################################################### */
/* 14. OPTIONS BUTTON																						 */
/* ######################################################################################################### */


/*   C O M M O N  																							 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Options Button Icon -- */
#options-icon-holder{/*background:purple;*/ position:fixed; margin:auto; /*z-index:500;*/pointer-events:auto;}


/*   L A N D S C A P E																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Options Button Icon -- */
.panel-landscape .optionsButton{position:fixed; width: 100px; height: 81px; left: 5px; top: 634px;/*bottom:5px;*/}












/* ######################################################################################################### */
/* 15. INFO BAR																								 */
/* ######################################################################################################### */


/*   C O M M O N  																							 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Info Bar Holder -- */
.panel-desktop #infobar-holder{/*background:green;*/ position:absolute; text-align:center; overflow:hidden;}
.panel-portrait #infobar-holder{/*background:green;*/ position:fixed; text-align:center; overflow:hidden;}
.panel-landscape #infobar-holder{/*background:green;*/ position:fixed; text-align:center; overflow:hidden;}

/* -- Info Bar Background Shadow -- */
.gradient{
	background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 25%, rgba(0,0,0,0.8) 50%, rgba(0,0,0,0.6) 75%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 25%, rgba(0,0,0,0.8) 50%, rgba(0,0,0,0.6) 75%, rgba(0,0,0,0) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 25%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,0.6) 75%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 );
}

.infoyellow{color:#ffcc00;}



/*   L A N D S C A P E																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Info Bar Holder -- */
.panel-landscape .infoHolder{width:500px; left:calc(640px - 250px); height:34px; margin: 0 auto; bottom:73px; line-height:34px;
background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 25%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,0.6) 75%,rgba(0,0,0,0) 100%);
}

/* -- Info Bar Message -- */
.panel-landscape .infoMessage{font-size:24px;}

/* -- Win Align -- */
.panel-landscape #line-win-message{display:table; margin:auto;}

/* -- Info Bar Good Luck -- */
.panel-landscape .goodluck-value{/*background:red;*/font-size:54px; line-height: 77px; height: 77px; width: 380px; position: fixed; left:calc(50% -190px);}

/* -- Win Line Set of Cells -- */
.panel-landscape .infomsg-linewin-set{float:left;}

/* -- Win Line as Table -- */
.panel-landscape .infomsg-linewin-table{display: table; margin:auto;}

/* -- Win Line Cell -- */
.panel-landscape .infomsg-linewin-cell{float:left; margin-left:2px; margin-right:2px; margin-top:7px;}

/* -- Win Line Font -- */
.panel-landscape .infomsg-linewin-font{font-size:23px; margin-top: 0px;}

/* -- Win Line Pic -- */
.panel-landscape .infomsg-linewin-pic{margin-top:1px; margin-left:1px; margin-right:1px; float:left;}


/*   P O R T R A I T   																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Info Bar Holder -- */
.panel-portrait .infoHolder{width:100%; height:30px;}

/* -- Info Bar Message -- */
.panel-portrait .infoMessage{font-size:16px; line-height:30px;}

/* -- Win Align -- */
.panel-portrait #line-win-message{display:table; margin:auto;}

/* -- Info Bar Good Luck -- */
.panel-portrait .goodluck-value{/*background:red;*/}

/* -- Win Line as Table -- */
.panel-portrait .infomsg-linewin-table{display:table; margin:auto;}

/* -- Win Line Set of Cells -- */
.panel-portrait .infomsg-linewin-set{float:left;}

/* -- Win Line Cell -- */
.panel-portrait .infomsg-linewin-cell{float:left; margin-left:2px; margin-right:2px;}

/* -- Win Line Font -- */
.panel-portrait .infomsg-linewin-font{font-size:17px; margin-top: 3px;}

/* -- Win Line Pic -- */
.panel-portrait .infomsg-linewin-pic{ float:left;}


/*   D E S K T O P																							 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Info Bar Holder -- */
.panel-desktop .infoHolder{width:500px; left:calc(640px - 250px); height:30px; margin: 0 auto; bottom:66px; line-height:26px;
background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 25%, rgba(0,0,0,0.8) 50%, rgba(0,0,0,0.6) 75%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 25%, rgba(0,0,0,0.8) 50%, rgba(0,0,0,0.6) 75%, rgba(0,0,0,0) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 25%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,0.6) 75%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 );

}

/* -- Info Bar Message -- */
.panel-desktop .infoMessage{font-size:18px;}

/* -- Win Align -- */
.panel-desktop #line-win-message{display:table; margin:auto;}

/* -- Info Bar Good Luck -- */
.panel-desktop .goodluck-value{/*background:red;*/font-size:34px; line-height:40px; position:absolute; width:100%; top:13px;}

/* -- Win Line Set of Cells -- */
.panel-desktop .infomsg-linewin-set{float:left;}

/* -- Win Line as Table -- */
.panel-desktop .infomsg-linewin-table{display: table; margin:auto;}

/* -- Win Line Cell -- */
.panel-desktop .infomsg-linewin-cell{float:left; margin-left:2px; margin-right:2px;}

/* -- Win Line Font -- */
.panel-desktop .infomsg-linewin-font{font-size:18px; margin-top: 0px;}

/* -- Win Line Pic -- */
.panel-desktop .infomsg-linewin-pic{margin-top:1px; margin-left:1px; margin-right:1px; float:left;}




/* ######################################################################################################### */
/* 16. OPTIONS MENU																							 */
/* ######################################################################################################### */


/*   C O M M O N  																							 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Options Menu -- */
#options-holder{z-index:99; pointer-events:auto;}

/* -- Options Menu Holder */
#options-menu{position:absolute;}


/*   L A N D S C A P E																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Options Holder Wrapper -- */
.panel-landscape #options-holder-wrapper{overflow:hidden; width: 1280px; height: 100px; position: fixed; bottom: 0px;}	

/* -- Options Menu -- */
.panel-landscape .optionsHolder{position: absolute; height: 100px; width:1280px; bottom: 0px;}	

/* -- Options Menu Holder */
.panel-landscape .optionsMenu{/*background: #324d80;*/ height:100%;  width:100%; left:0; top:-2px;}


/* -- Options Item -- */
.panel-landscape .options-item:not(:last-child){/*background: pink;*/ width: calc((100% - 400px)/3); float: left; height: 100%;}
.panel-landscape .options-item:last-child{/*background: red; */width: 200px; float: left; height: 100%;}
.panel-landscape .options-item:first-child{/*background: blue;*/ width: 200px; float: left; height: 100%;}


/* -- Options Icon -- */
.panel-landscape .options-item:not(:last-child) .optionsIcon{position: relative; width: 112px; height: 84px; top: calc(50% - 42px); margin:auto;}
.panel-landscape .options-item:last-child .optionsIcon{position: relative; width: 112px; height: 84px; top: calc(50% - 42px); margin: auto; margin-right:4px;}
.panel-landscape .options-item:first-child .optionsIcon{position: relative; width: 112px; height: 84px; top: calc(50% - 42px); margin-left:-2px;}


/*   P O R T R A I T   																						 */
/* --------------------------------------------------------------------------------------------------------- */

.panel-portrait #options-holder-wrapper{}

/* -- Options Menu -- */
.panel-portrait .optionsHolder{position: fixed; height: 76px; width: 100%; left: 0px; bottom: 0px;}

/* -- Options Menu Holder */
.panel-portrait .optionsMenu{height: 100%; width: 100%; top: 10px; left: 0px;}


/* -- Options Item -- */
.panel-portrait .options-item:not(:last-child){width: calc((100% - 120px)/3); position: relative; float: left;}
.panel-portrait .options-item:last-child{/*background: red;*/ width: 60px; position: relative; float: left;}
.panel-portrait .options-item:first-child{/*background: blue;*/ width: 60px; position: relative; float: left;}


/* -- Options Icon -- */
.panel-portrait .options-item:not(:last-child) .optionsIcon{width:62px; height:100%; margin:auto;}
.panel-portrait .options-item:last-child .optionsIcon{width:62px; height:100%; margin: auto; margin-right:0px;}
.panel-portrait .options-item:first-child .optionsIcon{width:62px; height:100%; margin-left:0px;}










/* ######################################################################################################### */
/* 17. AUTO MENU																							 */
/* ######################################################################################################### */


/*   C O M M O N  																							 */
/* --------------------------------------------------------------------------------------------------------- */
/* -- Auto Wrapper --*/
#autoplay-options-wrapper{overflow:hidden; z-index: 98;position: absolute;}

/* -- Auto Menu -- */
#autoplay-options{pointer-events:auto;}

/* -- Auto Menu Holder -- */
#autoplay-menu{position:absolute;}
 
/* -- Auto Menu Items --*/
.autoplay-option{background:none; color: #ffcc00;}
.autoplay-option_selected{background:#267d1c; color: #ffffff !important}


/*   L A N D S C A P E																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Auto Menu Wrapper -- */ 
.panel-landscape #autoplay-options-wrapper{width:640px; height: 720px; width: 640px; left: 640px; top: 0px;}

/* -- Auto Menu -- */
.panel-landscape .autoOptions{position: fixed; width:inherit; height:inherit;/*height: 720px; width: 640px; left: 640px; top: 0px;*/ }

/* -- Auto Items -- */
.panel-landscape #auto-content{width: 600px; height: 415px; margin: auto; margin-top: 60px;}

/* -- Auto Selection Holder -- */
.panel-landscape .auto-selection{width: 354px; height: 240px; /*background: red;*/ margin: auto;}
 
#auto-content .setting-box-single-landscape{width:100%;}
 
/* -- Auto Start -- */
.panel-landscape #auto-start{width: 60%; height: 90px; font-size: 50px; line-height: 90px; border: solid 7px #776228; border-radius: 50px; margin: auto; /*margin-top: 260px*/;
background: rgb(252,234,187); /* Old browsers */
background: -moz-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 29%, rgba(248,181,0,1) 82%, rgba(248,181,0,1) 87%, rgba(248,181,0,1) 87%, rgba(251,223,147,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 29%,rgba(248,181,0,1) 82%,rgba(248,181,0,1) 87%,rgba(248,181,0,1) 87%,rgba(251,223,147,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 29%,rgba(248,181,0,1) 82%,rgba(248,181,0,1) 87%,rgba(248,181,0,1) 87%,rgba(251,223,147,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */

}

/* -- Auto Close Holder */
.panel-landscape .auto-close{width:100px; height:100%; top:630px; left:519px;}

/* -- Auto Close Item -- */
.panel-landscape .auto-close-item{width:100px; height:100px; bottom:-13px; position:absolute; right: 10px;}

/* -- Auto Icon -- */
.panel-landscape .autoplay-item{width:86px; height: 86px; font-size: 34px; text-align: center; line-height: 86px; margin-left: 10px; margin-right: 10px; margin-top: 10px; margin-bottom: 10px; float: left; color: #ffcc00; border-radius: 60px; border: 6px solid #ffcc00;}

/* -- Auto Menu Icon -- */
.panel-landscape .autoInfoIcon{width:89px; height:70px; position:absolute; top:7px; right:16px;}


.panel-landscape .autoLabel{font-size: 44px; margin-bottom: 25px; text-align:center;}


.custom-box-landscape .toggle-ctrl{/*background: green;	*/ width: 340px; height: 60px; }


.custom-box-landscape .onoff-label{/* background: blue; */ width: 260px; height: 100%; font-size: 34px; margin-left: 9px;}


.custom-box-landscape .onoff-control{width: 80px; height: 100%; float: right; margin-top: -60px;}

/* -- Auto Spacing -- */
.panel-landscape .autoSpacing{width: 100%; height: 30px; margin-bottom: 34px; border-bottom: 4px solid #ffcc00;}


/*   P O R T R A I T   																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Auto Menu Wrapper -- */ 
.panel-portrait #autoplay-options-wrapper{position:fixed; height:100px; width:100%; left:0px; bottom:0px;}

/* -- Auto Menu -- */
.panel-portrait .autoOptions{position: fixed; width:inherit; height:inherit;}

/* -- Auto Menu Holder -- */
.panel-portrait .autoMenu{width:100%;}

/* -- Auto Items -- */
.panel-portrait #auto-content{margin:auto;}


/* -- Auto Close Holder */
.panel-portrait .auto-close {position:absolute; width:100%; bottom:0; border-left:none;}

/* -- Auto Close Item -- */
.panel-portrait .auto-close-item{position:relative; width:62px; height:100%; left:calc(50% - 31px);}

/* -- Auto Icon -- */
.panel-portrait .autoplay-item{float:left; text-align:center; color: #ffcc00;}

/* -- Auto Menu Icon -- */
.panel-portrait .autoInfoIcon{position: absolute;}



/* -- Autoplay Label -- */
.panel-portrait .autoLabel{margin-bottom: 0px;}

/* -- On Off  -- */
.custom-box-portrait .toggle-ctrl{width: 100%;}

/* -- On Off label -- */
.custom-box-portrait .onoff-label{}

/* -- On Off Control -- */ 
.custom-box-portrait .onoff-control{float:right;}

.panel-portrait .autoSpacing{width: 100%; height: 12px; margin-bottom: 12px; border-bottom: 2px solid #ffcc00;}

/* -- Auto Start -- */
.panel-portrait #auto-start{background:#ffcc00;

 width: 60%;
height: 46px;
font-size: 24px;
line-height: 46px;
border-radius: 37px;
margin: auto;
/* margin-top: 136px;*/
border: solid 4px #776228;

background: rgb(252,234,187); /* Old browsers */
background: -moz-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 29%, rgba(248,181,0,1) 82%, rgba(248,181,0,1) 87%, rgba(248,181,0,1) 87%, rgba(251,223,147,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 29%,rgba(248,181,0,1) 82%,rgba(248,181,0,1) 87%,rgba(248,181,0,1) 87%,rgba(251,223,147,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 29%,rgba(248,181,0,1) 82%,rgba(248,181,0,1) 87%,rgba(248,181,0,1) 87%,rgba(251,223,147,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */
}


/*   D E S K T O P	 																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Auto Menu -- */
/*.panel-desktop .autoOptions{position:absolute; height: 316px; width: 70px; left: 1033px; top: 368px; overflow: hidden!important; }*/

/* -- Auto Menu Holder -- */
/*.panel-desktop .autoMenu{height: 312px; width: calc(100% - 4px); left: 0px; top: 0px; border-top-left-radius: 56px; border-top-right-radius: 56px; border: 2px solid #ffcc00;}*/

/* -- Auto Close Holder */
/*.panel-desktop .autoClose{display:none; position: absolute; width: 100%; height: 60px; top: 280px; border-bottom-left-radius: 56px; border-bottom-right-radius: 56px;}*/

/* -- Auto Close Item -- */
/*.panel-desktop .auto-close-item{position: relative; width: 60px; height: 60px; transform: rotate(90deg); margin: auto;}*/

/* -- Auto Icon -- */
/*.panel-desktop .autoplay-item{position: relative; top: 30px; font-size: 19px; text-align: center; line-height: 40px;}*/

/* -- Auto Item Selector -- */ 
/*.panel-desktop .selector{ position:relative; margin:auto;}*/

/* -- Auto Item Selector Selected -- */
/*.panel-desktop .selector:active{background: #650000; }*/

/* -- Auto Wrapper --*/
.panel-desktop .autoWrapper{height: 464px; width: 370px; right:27px; bottom: -5px; overflow: hidden;}

/* -- Auto Menu -- */
.panel-desktop .autoOptions{height: 439px; width: 370px; right: 86px; padding-top: 20px; background: rgba(0, 0, 0, 0.90); border-radius:13px;}

/* -- Auto Menu Holder -- */
.panel-desktop .autoMenu{width:100%;}

/* -- Auto Items -- */
.panel-desktop #auto-content{margin:auto;padding-left: 20px; padding-right: 20px;}

/* -- Auto Close Holder */
.panel-desktop .auto-close {position:absolute; width:100%; bottom:0; border-left:none;}

/* -- Auto Close Item -- */
.panel-desktop .auto-close-item{position:relative; width:62px; height:100%; left:calc(50% - 31px); display:none;}

/* -- Auto Icon -- */
.panel-desktop .autoplay-item{float: left; text-align: center; color: #ffcc00; width: 60px; margin-left: 3px; margin-right: 3px; margin-top: 3px; margin-bottom: 3px; line-height: 60px; height: 121px; border-radius: 40px; height: 60px; font-size: 20px; border: 3px solid #ffcc00;}

/* -- Auto Menu Icon -- */
.panel-desktop .autoInfoIcon{position: absolute;}

/* -- Autoplay Selection holder -- */
.panel-desktop .auto-selection{width: 216px; height: 144px; margin: auto; margin-bottom:20px;}

/* -- Autoplay Label -- */
.panel-desktop .autoLabel{margin-bottom: 20px; font-size:28px; text-align:center;}

/* -- On Off  -- */
.custom-box-desktop .toggle-ctrl{width: 100%;}

/* -- On Off label -- */
.custom-box-desktop .onoff-label{font-size:24px; float:left;}

/* -- On Off Control -- */ 
.custom-box-desktop .onoff-control{float: right; width: 60px;}
  
.panel-desktop .autoSpacing{width: 100%; height: 12px; margin-bottom: 12px; border-bottom: 2px solid #ffcc00;}

/* -- Auto Start -- */
.panel-desktop #auto-start{background:#ffcc00; width: 50%; height: 52px; font-size: 30px; line-height: 52px; border-radius: 37px; margin: auto; margin-top:80px; border: solid 4px #776228;

background: rgb(252,234,187); /* Old browsers */
background: -moz-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 29%, rgba(248,181,0,1) 82%, rgba(248,181,0,1) 87%, rgba(248,181,0,1) 87%, rgba(251,223,147,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 29%,rgba(248,181,0,1) 82%,rgba(248,181,0,1) 87%,rgba(248,181,0,1) 87%,rgba(251,223,147,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 29%,rgba(248,181,0,1) 82%,rgba(248,181,0,1) 87%,rgba(248,181,0,1) 87%,rgba(251,223,147,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */
}





/* ######################################################################################################### */
/* 18. INFINITY ICON																						 */
/* ######################################################################################################### */


/*   C O M M O N  																							 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- infinity icon -- */
#infinity-icon{/*background:green;*/ margin:auto;}

/* -- Icon Fill -- */
.inf-front{fill:#ffffff;}

/* -- Icon Shadow -- */
.inf-shadow{fill:#ff0000;}


/*   L A N D S C A P E																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- infinity icon -- */
.panel-landscape .infinityIcon{width:50px;}

/* -- infinity icon: counter -- */
.panel-landscape #infinity-counter{width: 48px; height: 30px; margin: auto; display:none; position: relative;top: -116px; pointer-events: none;}


/*   P O R T R A I T   																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- infinity icon -- */
.panel-portrait .infinityIcon{width:30px;}

/* -- infinity icon: counter -- */
.panel-portrait #infinity-counter{width: 28px; height: 30px; margin: auto; display:none; position: relative;top: -76px; pointer-events: none;}


/*   D E S K T O P																							 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- infinity icon -- */
.panel-desktop .infinityIcon{width:34px; height: 18px; margin-top:2px!important;}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
	/*.panel-desktop .infinityIcon{margin-top:21px!important;}*/
}

@supports (-ms-accelerator:true) {
  /* IE Edge 12+ CSS styles go here */ 
  /*.panel-desktop .infinityIcon{margin-top:10px!important;}*/
}

/* -- infinity icon: counter -- */
.panel-desktop #infinity-counter{width: 28px; height: 30px; margin: auto; display:none; position: relative;top: -97px; pointer-events: none;}







/* ######################################################################################################### */
/* 19. DESKTOP: INFO ICON																					 */
/* ######################################################################################################### */


/* -- info icon -- */
/*#info-holder{width:115px; height:60px; position:absolute;	top:653px; left:155px; z-index:3;}*/
#info-holder{width: 115px; height: 60px; position: absolute; bottom: 7px; left: 155px; z-index: 3; pointer-events:auto;}










/* ######################################################################################################### */
/* 20. DESKTOP: SETTINGS ICON																				 */
/* ######################################################################################################### */


/* -- settings icon -- */
#settings-holder{/*background:blue;*/ width: 115px; height: 60px; position: absolute; bottom: 7px; left: 98px; z-index: 2; pointer-events:auto;}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* IE10+ CSS styles go here */
	/*#settings-holder{width: 115px; height: 60px; position: absolute; bottom: 52px; left: 98px; z-index: 2; pointer-events:auto;}*/
}

@supports (-ms-accelerator:true) {
	/* IE Edge 12+ CSS styles go here */ 
	/*#settings-holder{width: 115px; height: 60px; position: absolute; bottom: 52px; left: 98px; z-index: 2; pointer-events:auto;}*/
}







/* ######################################################################################################### */
/* 21. DESKTOP: BET ICON																					 */
/* ######################################################################################################### */

/* -- minus icon -- */
#bet-minus-holder{pointer-events: auto;/*background:blue;*/ width:60px; height:48px; position:absolute; top:7px; left:9px;}

/* -- plus icon -- */
#bet-plus-holder{pointer-events: auto;/*background:green*;*/ width:60px; height:48px; position:absolute; top:7px; left:178px;}










/* ######################################################################################################### */
/* 22. FULL SCREEN ICON																						 */
/* ######################################################################################################### */

/* -- fs icon -- */
/*#fs-holder{*//*background: green;*/ /*position:fixed; z-index:1000;}*/


/*   L A N D S C A P E																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- fs icon -- */
.panel-landscape .fsButton{position:fixed; z-index:98; width:56px; height:56px; top:12px; left:1213px; pointer-events:auto;}


/*   P O R T R A I T																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- fs icon -- */
.panel-portrait .fsButton{position:fixed; z-index:98; pointer-events:auto;}


/*   D E S K T O P																							 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- fs icon -- */
.panel-desktop .fsButton{position:absolute; z-index:98; width:81px; height:50px; top:3px; left:1185px; pointer-events:auto;}





/* ######################################################################################################### */
/* 22. BOTTOM GRADIENT																						 */
/* ######################################################################################################### */

#bottom-gradient{position:fixed; width:100%; bottom:0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+100&0+0,0.7+100 */


background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#b3000000',GradientType=0 ); /* IE6-9 */}


.panel-landscape #bottom-gradient{background:rgba(0,0,0,0.5);}
.panel-landscape .bottomGradient{height:100px;}

.panel-portrait .bottomGradient{height:130px;}
/* -- Main Holder -- */
#rng{position:absolute; top: 0px; left:0px;	z-index:3; user-select:none; pointer-events:none;  font-family:OpenSans;}

.rng-landscape {
	width:1280px !important; 
	height:720px  !important;
}
.rng-portrait {
	width:1280px !important; 
	height:720px  !important;
	/*width:100%  !important; 
	height:100%  !important;*/
}

#rng-options {
	position: absolute; 
	background-color:#333;
	border-radius: 16px;
	/*-moz-border-radius: 16px 16px 16px 16px;
	-webkit-border-radius: 16px 16px 16px 16px;*/
	padding: 6px;
}
#rng-suboptions {
	position: absolute; 
	background-color:#333;
	border-radius: 16px;
	/*-moz-border-radius: 16px 16px 16px 16px;
	-webkit-border-radius: 16px 16px 16px 16px;*/
	padding: 6px;
}

.rng-landscape #rng-options {
	left: 25px; 
	top: 82px; 
}
.rng-landscape #rng-suboptions {
	left: 25px; 
	top: 82px; 
}
.rng-portrait #rng-options{
	left: 136px; 
	top: 82px; 
}
.rng-portrait #rng-suboptions{
	left: 136px; 
	top: 82px; 
}

/*.rng-options-portrait {position: absolute; left: calc(50% - 200px); top: 50px;}

.rng-options-desktop {position: absolute; left: 25px; top:75px;}
*/
#rng-options-ul {list-style-type: none; padding: 0;	margin: 0;}

.rng-option {width: 400px; height: 50px; color: #333333; background-color: white; font-size: 30px; text-align:center; line-height: 50px; pointer-events:auto; margin-bottom:1px;}
.rng-option:last-child { margin-bottom:0px;}

.rng-option-selected { background-color:#2196F3; color:white; }
.rng-option:first-child {
	border-radius: 12px 12px 0px 0px;
	-moz-border-radius: 12px 12px 0px 0px;
	-webkit-border-radius: 12px 12px 0px 0px;
	border: 0px solid #000000;
}

.rng-option:last-child {
	border-radius:0px 0px 12px 12px ;
	-moz-border-radius: 0px 0px 12px 12px;
	-webkit-border-radius: 0px 0px 12px 12px;
	border: 0px solid #000000;
}


.rng-option:only-child {
	border-radius:12px 12px 12px 12px ;
	-moz-border-radius: 12px 12px 12px 12px;
	-webkit-border-radius: 12px 12px 12px 12px;
	border: 0px solid #000000;
}

#rng-suboptions-ul {list-style-type: none; padding: 0;	margin: 0;}

.rng-suboption {width: 400px; height: 50px; background-color: #ccc; color: #222; font-size: 30px; text-align:left; line-height: 50px; pointer-events:auto; margin-bottom:4px;}
.rng-suboption:last-child { margin-bottom:0px;}

.rng-suboption-selected { background-color:#339999; color:white;}
.rng-suboption:first-child {
	border-radius: 12px 12px 0px 0px;
	-moz-border-radius: 12px 12px 0px 0px;
	-webkit-border-radius: 12px 12px 0px 0px;
	border: 0px solid #000000;
}

.rng-suboption:last-child {
	border-radius:0px 0px 12px 12px ;
	-moz-border-radius: 0px 0px 12px 12px;
	-webkit-border-radius: 0px 0px 12px 12px;
	border: 0px solid #000000;
}

#rng-button {
	font-family:BrandonBlack;
	text-align:center;
	font-size:27px;
	color: #ffcc00;
	position:absolute;	
	pointer-events:auto; 
	background-color:rgba(255,255,255,1);
	background-color:#333;
	border-radius:14px;
	/*-moz-border-radius: 14px 14px 14px 14px;
	-webkit-border-radius: 14px 14px 14px 14px;*/
	padding: 6px;
}

#rng-button.rngb-desktop{width: 80px; height: 40px; left: 25px; top: 25px;}

#rng-button.rngb-landscape {width: 100px; height: 40px; left: 25px; top: 25px;}

#rng-button.rngb-portrait {width: 100px; height: 40px; left:136px; top:25px;}  

.rng-key {
	color: white;
}
.rng-name {
	
}

.key-press{
	background:#323232; 
	margin-left: -1px; 
	float:left; 
	padding-left:20px; 
	padding-right:20px; 
	font-weight:bold; 
	color: #2196F3;"	
}

/*  jackpots.css */
/*

1.  JP HOLDER
2.  JP LABEL
3.  JP COUNTER
4.  JP JACKPOTS

*/










/* ######################################################################################################### */
/* 1. JP HOLDER																								 */
/* ######################################################################################################### */

/* -- Jackpot Holder -- */
#jackpot{/*background-color: green;*/ position: relative; width: 350px;	height: 110px; z-index: 2;}










/* ######################################################################################################### */
/* 2. JP LABEL																								 */
/* ######################################################################################################### */

/* -- Jackpot Label -- */
#jackpot .label {position: absolute; left: 114px;}










/* ######################################################################################################### */
/* 3. JP COUNTER																							 */
/* ######################################################################################################### */

/* -- Jackpot Counter -- */
#jackpot .counter {position: absolute; width: 350px; top: 36px; text-align: center;}

/* -- Jackpot Counter Font -- */
#jackpot .counter span{position: relative; font-family: BrandonNum;	font-size: 30px; color:#ffdb4d;	text-shadow: 0px 2px 2px rgba(41, 31, 31, 0.78);}










/* ######################################################################################################### */
/* 4. JACKPOTS																								 */
/* ######################################################################################################### */

/*   L A N D S C A P E / D E S K T O P																		 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Jackpot 1: GRAND -- */
.jp-landscape #jackpot-1 {position: absolute;	float: left; float: top;}

/* -- Jackpot 2: MAJOR -- */
.jp-landscape #jackpot-2 {position: absolute;	float: left; float: top; left: 1px;}

/* -- Jackpot 3: MINOR -- */
.jp-landscape #jackpot-3 {position: absolute;	float: left; float: top;}


/*   P O R T R A I T   																						 */
/* --------------------------------------------------------------------------------------------------------- */

/* -- Jackpot 1: GRAND -- */
.jp-portrait #jackpot-1 {position: absolute; transform: translateY(-170%) translateX(135%); opacity:1!important;}

/* -- Jackpot 2: MAJOR -- */
.jp-portrait #jackpot-2 {position: absolute; transform: translateY(-90%) translateX(85%); opacity:1!important;}

/* -- Jackpot 3: MINOR -- */
.jp-portrait #jackpot-3 {position: absolute; transform: translateY(-90%) translateX(185%); opacity:1!important;}




/*
#jackpot-jackpot1{width: 170px;	height: 50px; position:absolute; left: 5px; top: 5px;}
#jackpot-jackpot2{width: 170px;	height: 50px; position:absolute; left: 5px;	top: 60px;}
#jackpot-jackpot3{width: 170px;	height: 50px; position:absolute; left: 1100px; top: 5px;}

#jackpot .label-left {height: 14px;	width: 40px; font-family:BrandonBlack; text-align:center; float: left; font-size: 12px;	position:absolute; top: 15px; left: 5px; color:white; text-shadow: 0px 2px 2px rgba(41, 31, 31, 0.78);}
#jackpot .counter-left {height: 20px; width: 110px; font-family:BrandonBlack; text-align:center; float: left; font-size: 18px; position:absolute; top: 4px;	left: 50px;	color:white; text-shadow: 0px 2px 2px rgba(41, 31, 31, 0.78);}
#jackpot .label-right {height: 14px; width: 40px; font-family:BrandonBlack;	text-align:center; float: right; font-size: 12px; position:absolute; top: 15px;	right: 5px;	color:white; text-shadow: 0px 2px 2px rgba(41, 31, 31, 0.78);}
#jackpot .counter-right {height: 20px; width: 110px; font-family:BrandonBlack; text-align:center; float: right;	font-size: 18px; position:absolute; top: 4px; right: 50px; color:white;	text-shadow: 0px 2px 2px rgba(41, 31, 31, 0.78);}
*/
#background {
	position: relative;
	left: 0;
	top: 0;
	display: none;
	opacity: 0;
	margin: 0;
	padding: 0;
	/*z-index:2;*/
	z-index:1;
}

.background {
	position: absolute;
	margin: 0;
	padding: 0;
}

.relative {
	position: relative;
	top: 0px;
	left: 0px;
}

#freegames-left {
	display:none;
	opacity:0;
}
#freegames-right {
	display:none;
	opacity:0;
}
#freegames-top {
	display:none;
	opacity:0;
}
#freegames-bottom {
	display:none;
	opacity:0;
}
#freegames-center {
	display:none;
	opacity:0;
}

/*--------------------------------------*/
img.animated2 {
 -webkit-animation: filter-animation 2s infinite;
}
@-webkit-keyframes filter-animation {
 0% {
   -webkit-filter: hue-rotate(0deg);
 }
 50% {
   -webkit-filter: hue-rotate(180deg);
 }
 100% {
   -webkit-filter: hue-rotate(360deg);
 }
} 
/*--------------------------------------*/
/* ######################################################################################################### */
/* --------------------------------------------------------------------------------------------------------- */
/*																											 */
/*   L A N D S C A P E																						 */
/*																											 */
/* --------------------------------------------------------------------------------------------------------- */
/* ######################################################################################################### */

/* -- Info Button Close -- */
.info-parts-landscape .btn-close {top: 585px; left: 474px;}



/* ######################################################################################################### */
/* --------------------------------------------------------------------------------------------------------- */
/*																											 */
/*   D E S K T O P																							 */
/*																											 */
/* --------------------------------------------------------------------------------------------------------- */
/* ######################################################################################################### */

/* -- Info Button Close -- */
.info-parts-desktop .btn-close {top: 585px; left: 474px;}























/* ######################################################################################################### */
/* --------------------------------------------------------------------------------------------------------- */
/*																											 */
/*   Group H // iPad Mini / iPad 1 / iPad 2 / ipad 3 / iPad 4 / Kindle Fire		  							 */
/*																											 */
/* --------------------------------------------------------------------------------------------------------- */
/* ######################################################################################################### */


/* -- L A N D S C A P E -- */
@media screen 
	and (max-width: 768px) 
	and (max-height:1024px)
	and (orientation:landscape){
		
	#history-table::-webkit-scrollbar {width: 21px;}
	#history-table::-webkit-scrollbar-thumb{border: 4px solid;/* rgb(165, 42, 42);*/}
}
	
/* -- P O R T R A I T -- */
@media screen 
	and (max-width: 768px) 
	and (max-height:1024px)
	/*and (-webkit-device-pixel-ratio: 2)*/
	and (orientation:portrait) {
		
	/*.site-content-portrait{background:#fbaf5d;}*/
	
	
	
	
	
	
	
	
	
	
	
	/* -------------------------------------------------------------------------------------------------------- */
	/*																											*/
	/* 		 _____    ____   __   _   ____  _																	*/
	/*       |____|  |____|  | \  |  |___   |																	*/
	/*       |       |    |  |  \_|  |____  |____																*/
	/*																											*/
	/*																											*/
	/* -------------------------------------------------------------------------------------------------------- */
	
	
	
	/* ######################################################################################################### */
	/*   PANEL HOLDER																							 */
	/* ######################################################################################################### */
	
	.panel-portrait .panelHolder{bottom: 31%;}
	
	
	
	/* ######################################################################################################### */
	/*   GAME ID																								 */
	/* ######################################################################################################### */
	
	/* -- Game Id --*/
	.panel-portrait .gameId{top: 0px; left: 0px; font-size: 12px; padding-left:3px; padding-right:3px;}
	
	
	
	/* ######################################################################################################### */
	/*   RNG WIDGET																								 */
	/* ######################################################################################################### */
	
	#rng-button.rng-portrait {width: 476px; height: 100px; left: 395px; top: 648px;}

	
	
	/* ######################################################################################################### */
	/*   OPTIONS MENU																							 */
	/* ######################################################################################################### */

	/* -- Options Menu -- */
	.panel-portrait .optionsHolder{height:72px;}

	/* -- Options Item: Middle -- */
	.panel-portrait .options-item:not(:last-child){width: calc((100% - 240px)/3);}
	.panel-portrait .options-item:last-child{width: 120px;}
	.panel-portrait .options-item:first-child{width: 120px;}
	
	/* -- Options Icon: Middle -- */
	.panel-portrait .options-item:not(:last-child) .optionsIcon{width:68px;}
	.panel-portrait .options-item:last-child .optionsIcon{width:68px;}	
	.panel-portrait .options-item:first-child .optionsIcon{width:68px;}
	
	
	
	/* ######################################################################################################### */
	/*   AUTO MENU																								 */
	/* ######################################################################################################### */
		
	/* -- Auto Menu Wrapper -- */ 
	.panel-portrait #autoplay-options-wrapper{height:487px;}

	/* -- Auto Close -- */
	.panel-portrait .autoClose{height:50px;}
	
	/* -- Auto Close Item -- */
	.panel-portrait .auto-close-item{width:60px; left:calc(50% - 30px); bottom:7px;}
	
	/* -- Autoplay Selection holder -- */
	.panel-portrait .auto-selection{width: 234px; height: 153px; margin: auto;}
	
	/* -- Auto Items -- */
	.panel-portrait #auto-items{width:235px; height:151px; margin-top:20px;}
	
		/* -- Auto Item -- */
	.panel-portrait .autoplay-item{width: 56px; height: 56px; margin-left: 7px; margin-right: 7px; margin-bottom: 7px; margin-top: 7px; font-size: 24px; line-height: 56px; border: 4px solid #ffcc00; border-radius: 40px;}
	
	/* -- infinity icon -- */
	.panel-portrait .infinityIcon{width:34px;}
	
	/* -- infinity icon:counter -- */
	.panel-portrait #infinity-counter {width:30px; top:-81px;}
	
	/* --  Auto Menu -- */
	.panel-portrait .autoMenu{height:180px;}
	
	/* -- Auto Menu Icon -- */
	.panel-portrait .autoInfoIcon{width:60px; height:45px; top:6px; right:0px;}

	/* -- Auto Items -- */
	.panel-portrait #auto-content{width:560px; margin-top:20px;}

	/* -- Autoplay Label -- */
	.panel-portrait .autoLabel{font-size:28px; text-align:center; margin-bottom:15px;}
	
	/* -- On Off label -- */
	.custom-box-portrait .onoff-label{width: 130px;  height: 38px; font-size: 24px;}

	/* -- On Off Control -- */ 
	.custom-box-portrait .onoff-control{width:64px; height:38px; margin-top:-38px; }
	
	/* -- Auto Start -- */
	.panel-portrait #auto-start{width:40%; height:50px; font-size:30px; line-height:50px; border-radius:50px; margin:auto;}

	
	
	/* ######################################################################################################### */
	/*   OPTIONS BUTTON																							 */
	/* ######################################################################################################### */

	/* -- Options Button Icon -- */
	.panel-portrait .optionsButton{width:60px; height:45px; left:5px; bottom:12px;}
	
	
	
	/* ######################################################################################################### */
	/*   SOUND BUTTON																							 */
	/* ######################################################################################################### */

	@supports not (-webkit-overflow-scrolling: touch) {
		/* CSS for other than iOS devices */ 
	  
		/* -- Sound Icon -- */
		.panel-portrait .soundButton{width:42px; height:42px; right:8px; top:66px;}

	}
	
	@supports (-webkit-overflow-scrolling: touch) {
	  /* CSS specific to iOS devices */ 
	  
		/* -- Sound Icon -- */
		.panel-portrait .soundButton{width:42px; height:42px; right:8px; top:8px;}
	}
	
	
	
	/* ######################################################################################################### */
	/*   FULLSCREEN BUTTON																						 */
	/* ######################################################################################################### */

	/* -- Fullscreen Icon -- */
	.panel-portrait .fsButton{width:42px; height:42px; top:10px; right:8px;}
	
	
	
	/* ######################################################################################################### */
	/*   SPIN BUTTON																							 */
	/* ######################################################################################################### */

	/* -- Spin Button -- */
	.panel-portrait .spinButton{width:200px; height:200px; left:calc(50% - 100px); bottom:11%;}
	
	/* -- Spin Counter -- */
	.panel-portrait .autoCounter{height:25px; font-size:24px; top:82px;}
	
	
	
	/* ######################################################################################################### */
	/*   PANEL CONTROLS																							 */
	/* ######################################################################################################### */

	/* -- Panel Controls Back -- */
	.panel-portrait .controlsBack{height:47px;}


	
	/* ######################################################################################################### */
	/*   WIN LABEL																								 */
	/* ######################################################################################################### */

	/* -- Win Label Container -- */
	.panel-portrait .winLabel{/*bottom:33%;*/ height:53px;}
	
	/* -- Win Value -- */
	.panel-portrait .win-value{font-size:32px; height:26px; line-height:26px; margin-top:7px;}
	
	/* -- Win Label -- */
	.panel-portrait .win-label{font-size:14px; height:12px; line-height:12px;}
	
	/* -- Win Line Set -- */
	.panel-portrait .infomsg-linewin-set{transform:scale(0.8);}

	/* -- Win Line Font -- */
	.panel-portrait .infomsg-linewin-font{font-size:20px; margin-top: 0px;}

	/* -- Win Line Pic -- */
	.panel-portrait .infomsg-linewin-pic{margin-top:0px; margin-left:0px; margin-right:0px;}
	

	
	/* ######################################################################################################### */
	/*   CREDIT LABEL																							 */
	/* ######################################################################################################### */
	
	/* -- Credit Holder -- */
	.panel-portrait .creditLabel {left:16px; width:110px; bottom:88px;}
	
	/* -- Credit Value Holder -- */
	.panel-portrait #credit-holder-holder {width:236px; height:26px; top:6px; left:0;}
		
	/* -- Credit Label -- */
	.panel-portrait .cLabel{top: 16px; font-size:14px;}
	

	
	/* ######################################################################################################### */
	/*   BET LABEL																								 */
	/* ######################################################################################################### */
	
	/* -- Bet Label -- */
	.panel-portrait .betLabel {left: 16px; bottom: 130px;}
	
	/* -- Bet Value Holder -- */
	.panel-portrait #bet-holder-holder {width:166px; height:26px; top:-22px; left:0;}
	
	/* -- Bet Value -- */
	.panel-portrait .bLabel{top: 16px; font-size:14px;}
	
	
	
	/* ######################################################################################################### */
	/*   BET OPEN BUTTON																						 */
	/* ######################################################################################################### */

	/* -- Bet Open Icon -- */
	.panel-portrait .betOpenIcon{right:0px; width:60px; height:47px;}

	
	
	/* ######################################################################################################### */
	/*   BET CONTROL 																							 */
	/* ######################################################################################################### */
	
	/* -- Bet Control -- */
	.panel-portrait .betControl{width:90px; bottom:74px; right:-4px;}
	
	/* -- Bet Plus Button -- */
	.panel-portrait .betPlusControl{width:70px; height:70px;  bottom:21%; left:calc(50% + 70px);}

	/* -- Bet Minus Button -- */
	.panel-portrait .betMinusControl{width:70px; height:70px; bottom:14%; left:calc(50% + 70px);}
	
	
	
	/* ######################################################################################################### */
	/*   INFO BAR																								 */
	/* ######################################################################################################### */
	
	/* -- Info Bar Holder -- */
	.panel-portrait .infoHolder{height:26px; bottom:20px;}

	/* -- Info Bar Message -- */
	.panel-portrait .infoMessage{font-size:14px; line-height:26px;}
	
	/* -- Good Luck -- */
	.panel-portrait .goodluck-value{font-size: 26px; line-height: 46px; margin-top: 1px; height: 46px;}

	

	/* ######################################################################################################### */
	/*   FREE GAMES WIDGET																						 */
	/* ######################################################################################################### */

	/* -- Free Games Holder -- */
	.panel-portrait .freeHolder{width:128px; height: 85px; top:66%;}

	/* -- Free Games Label -- */
	.panel-portrait .freeLabel{width: 111px; height:26px; top:18px; left: 15px; font-size: 9px; line-height: 26px;}	

		
	@supports (-webkit-overflow-scrolling: touch) {
		/* CSS specific to iOS devices */ 
		
		/* -- Free Games value -- */
		.panel-portrait .freeValue{width: 111px; height:44px; top:47px; left: 14px; font-size: 28px; /*background:rgba(255,0,0,0.5);*/}
	}
 
	@supports not (-webkit-overflow-scrolling: touch) {
		/* CSS for other than iOS devices */ 
		
		/* -- Free Games value -- */
		.panel-portrait .freeValue{width: 111px; height:44px; top:41px; left: 14px; font-size: 28px; line-height: 44px;}
	}

	/* -- Retrigger Value -- */
	.panel-portrait .retriggerValue{width: 25px; height:24px; top:2px; left:2px; font-size:20px; line-height: 24px;}

	
	
	/* ######################################################################################################### */
	/*   GAMBLE BUTTON																							 */
	/* ######################################################################################################### */

	/* -- Gamble Button -- */
	.panel-portrait .gambleButton{width:66px; height: 66px; bottom: 6%; left: calc(50% - 33px);}

	
	
	/* ######################################################################################################### */
	/*   AUTO BUTTON																							 */
	/* ######################################################################################################### */
	
	/* -- Auto Button -- */
	.panel-portrait .autoButton{width:44px; height:44px; right: calc(50% - 16px - 46px); bottom: calc(8% + 50px + 11px);}
	
	
	
	/* ######################################################################################################### */
	/*   FASTPLAY BUTTON																						 */
	/* ######################################################################################################### */
	
	/* -- Auto Button -- */
	.panel-portrait .fastplayButton{width:73px; height:73px; bottom:2px; right:5px;}
	
	
	
	
	
	
	
	
	
	
	
	/* -------------------------------------------------------------------------------------------------------- */
	/*																											*/
	/*		 _____   ____  _____  _____  _   __   _    ____   ____												*/
	/*		 |___   |___     |      |    |   | \  |   |  __   |___ 												*/
	/*		 ____|  |____    |      |    |   |  \_|   |____|  ____|												*/
	/*																											*/
	/*																											*/
	/* -------------------------------------------------------------------------------------------------------- */
	
	

	/* ######################################################################################################### */
	/*   SETTINGS MENU																							 */
	/* ######################################################################################################### */

	/* -- Settings Menu -- */
	.settings-menu-portrait{height:72px;}
	
	/* -- Settings Icon -- */
	/*.settings-menu-portrait .settings-icon{width:64px; margin-top:10px;}*/
	
	/* -- Settings Item: Middle -- */
	.settings-menu-portrait .settings-item:not(:last-child){/*background:pink;*/ width:calc((100% - 240px)/3);}
	
	/* -- Settings Item: First -- */
	.settings-menu-portrait .settings-item:first-child{/*background:red;*/ width:120px;}
	
	/* -- Settings Item: Last -- */
	.settings-menu-portrait .settings-item:last-child{/*background:blue;*/ width:120px;}
	
	
	.settings-menu-portrait .settings-item-selected:not(:last-child){/*background:pink;*/ width:calc((100% - 240px)/3);}
	.settings-menu-portrait .settings-item-selected:last-child{/*background:blue;*/ width:120px;}
 
	
	/* -- Settings Item  Selected -- */
	.settings-menu-portrait .settings-item:not(:last-child) .settings-icon{width:68px;}
	.settings-menu-portrait .settings-item:first-child .settings-icon{width:68px;}
	.settings-menu-portrait .settings-item:last-child .settings-icon{width:68px;}
	
	.settings-menu-portrait .settings-item-selected:not(:last-child) .settings-icon{width:68px;}
	.settings-menu-portrait .settings-item-selected:last-child .settings-icon{width:68px;}
	
	
	
	/* ######################################################################################################### */
	/*   SITE TITLE																								 */
	/* ######################################################################################################### */
	
	/* -- SETTING TITLE -- */
	.settings-title-portrait{font-size: 30px;}
	
	
	
	/* ######################################################################################################### */
	/*   SITE ICON																								 */
	/* ######################################################################################################### */
	
	/* -- Site Icon -- */
	.site-icon-portrait {width: 60px; height: 44px; top: -1px;}
	
	
	
	/* ######################################################################################################### */
	/*   SITE CONTENT																							 */
	/* ######################################################################################################### */

	/* -- Site Content Container -- */
	.site-content-portrait {width: 100%; height: calc(100% - 125px); position: absolute; top: 52px;}

	
	
	/* ######################################################################################################### */
	/*   COMPONENT: ON/OFF																						 */
	/* ######################################################################################################### */

	/* -- Container -- */
	.setting-box-portrait .toggle-ctrl{margin-top:35px; margin-bottom:35px; width:80%; height:38px;}
	
	/* -- On / Off Label -- */
	.setting-box-portrait .onoff-label{font-size: 24px;  width:calc(70% - 50px); height:38px; line-height:38px; left:12%;}

	/* -- On / Off Button -- */
	.setting-box-portrait .onoff-control{width: 64px; height: 38px;  margin-top: -38px; margin-right: 12%;}
		
	
	
	/* ######################################################################################################### */
	/*   COMPONENT: PLUS/MINUS																					 */
	/* ######################################################################################################### */

	/* -- Infinity Symbol -- */
	.setting-box-portrait .infinity-symbol {width: 50px; height: 5px; margin-top: 2px;}
	
	/* -- Container -- */
	.setting-box-portrait .stepper-ctrl{margin-top:35px; margin-bottom:35px; width:80%; height:129px;}
	
	/* -- Stepper Label: Portrait -- */
	.setting-box-portrait .pm-label{font-size:24px; line-height:38px; height:38px;} 
	
	/* -- Stepper Control -- */
	.setting-box-portrait .stepper-control {width: 88%; position: relative; left: 6%; height: 36px;}

	/* -- Stepper Plus Button -- */
	.setting-box-portrait .pm-plus-btn {width: 80px; top:46px; right:calc(50% - 81px); position:absolute;}
	
	/* -- Stepper Minus Button -- */
	.setting-box-portrait .pm-minus-btn {width: 80px; top:46px; left:calc(50% - 81px); position:absolute;}

	/* -- Stepper Value -- */
	.setting-box-portrait .pm-value {width: calc(100% - 4px)!important; padding: 3px 0 3px 0; border-radius: 26px; border: 2px solid #ffcc00;}

	.tf{width:132px!important; height:30px!important; margin:auto;}
	
	.tf-value{width:132px!important;}
	
	/* -- NEW: Text Holder -- */
	.setting-box-portrait .text-holder{left: calc(50% - 150px); width:300px; height: 40px; margin-left:0px;}

	/* -- NEW: Text Value -- */
	.setting-box-portrait .text-value{width:300px; height:40px; font-size:14px; line-height:24px;}
	
	
	
	/* ######################################################################################################### */
	/*   HISTORY TABLE																							 */
	/* ######################################################################################################### */
	
	/* -- Header Item -- */
	.site-content-portrait .h-header-item{font-size:13px; line-height:12px;}
	
	/* -- Row Item -- */
	.site-content-portrait .h-item{line-height: 14px; font-size:15px;}
	
	/* -- Round ID -- */
	.site-content-portrait .round-id{line-height:14px; font-size:15px;}
	
	/* -- Table Header -- */
	.site-content-portrait #history-header{height:30px; width: calc(100% - 14px);}
	
	/* -- Table Row -- */
	.site-content-portrait .history-row{height:50px;}
	
	/* -- Scroll -- */
	#history-table::-webkit-scrollbar{width:14px;} 

	/* -- Scroll Thumb -- */
	#history-table::-webkit-scrollbar-thumb{border: 3px solid; /*rgb(165, 42, 42);*/ border-radius: 50px;}
	
	/* -- JP Badge -- */
	.site-content-portrait .jp-badge{width: 16px; font-size: 13px; line-height: 16px; border-radius:4px; margin-left: 5px; border: 2px solid #ffcc00;}
	
	/* -- Item Server Time -- */
	.site-content-portrait .item-servertime {font-size: 14px!important;  line-height: 13px!important;}
		
	/* -- Partial Items Holder -- */		
	.site-content-portrait .h-part-items{margin-top: 4px; width:400px;}		
			
	/* -- Partial Item -- */		
	.site-content-portrait .h-part-item{height:11px; line-height:11px; margin-bottom:5px;}		

	/* -- Partial Item Label -- */		
	.site-content-portrait .h-part-label{width:200px; padding-right:3px;}		
		
	/* -- Partial Item Value -- */		
	.site-content-portrait .h-part-value{}
	
	
	
	
	
	
	
	
	
	
	
	/* -------------------------------------------------------------------------------------------------------- */
	/*																											*/
	/*   		    _  _____  _____  ____   _____   _    _														*/
	/* 		|____|  |  |___     |   |    |  |____|  |____|														*/
	/* 		|    |  |  ____|    |   |____|  |   \      |														*/
	/*																											*/
	/* 																											*/
	/* -------------------------------------------------------------------------------------------------------- */
	
	
	
	/* -- Container -- */
	/*.site-history-portrait #history{width:100%!important; height:100%!important;}*/
	
	
	
	/* ######################################################################################################### */
	/*   HISTORY INFO																							 */
	/* ######################################################################################################### */
	
	/* -- Round Info Container-- */
	.history2-portrait #history-info {width: 100%; padding: 20px; height: 100%; top: 0px; left: 0px;}
	
	/* -- Info Line -- */
	.history2-portrait .history-info-item {line-height:13px; font-size:12px; margin-bottom: 7px;}
	
	/* -- Info Value -- */
	.history2-portrait .history-info-value{font-size:14px;}
	
	/* -- JP Info Badge -- */
	.history2-portrait .jp-info-badge{text-align: center; padding-left:10px; padding-right:10px; float: right; height: 25px; font-size: 18px; border-radius: 5px; margin-bottom: 6px; border: 2px solid #ffcc00;}	
	
	
	
	/* ######################################################################################################### */
	/*   HISTORY MENU																							 */
	/* ######################################################################################################### */
	
	/* -- Menu-- */
	.history2-portrait .history-menu{width:100%; height:49px; position:absolute; bottom:0px;}
	
	
	
	/* ######################################################################################################### */
	/*   HISTORY PLAY BUTTON																					 */
	/* ######################################################################################################### */
	
	/* -- Play Button -- */
	.history2-portrait #btn-history-play {width:140px; height:140px; left:calc(50% - 70px); top:calc(50% - 70px);}

	
	
	/* ######################################################################################################### */
	/*   HISTORY CLOSE BUTTON																					 */
	/* ######################################################################################################### */
	
	/* -- Close Button Holder -- */
	.history2-portrait .history-close{width:74px; position: fixed; left: 0px; bottom: 8px;}
	
	/* -- Close Button -- */
	.history2-portrait #btn-history-close {width: 68px; height: 54px;}
	
	
	
	/* ######################################################################################################### */
	/*   HISTORY BACK BUTTON 																					 */
	/* ######################################################################################################### */
	
	/* -- Back Button Holder -- */
	.history2-portrait .history-back{width:74px; position: fixed; right: 0px; bottom: 8px;}
	
	/* -- Back Button -- */
	.history2-portrait #btn-history-back{width: 68px; height: 54px;}
	
	
	
	/* ######################################################################################################### */
	/*   HISTORY INVISIBLE SPIN																					 */
	/* ######################################################################################################### */
	
	/* -- History Spin Clicker -- */
	.history2-portrait #btn-history-spin{width:150px; height:150px; left:calc(50% - 75px); bottom:140px; top:unset; border-radius:70px;}		
	
	
	
	@supports not (-webkit-overflow-scrolling: touch) {
		/* CSS for other than iOS devices */ 
		
		
		/* ######################################################################################################### */
		/*   HISTORY FULL SCREEN																					 */
		/* ######################################################################################################### */

		/* -- History FS Btn -- */
		.history2-portrait #history-fs{width:42px; height:42px; top:10px; right:8px;}
		
		
		
		/* ######################################################################################################### */
		/*   HISTORY SOUND																					 */
		/* ######################################################################################################### */
		
		/* -- History Sound Btn -- */
		.history2-portrait #history-sound{width:42px; height:42px; top:66px; right:8px;}
	}
	
	
	@supports (-webkit-overflow-scrolling: touch) {
		/* CSS specific to iOS devices */ 
		
		
		
		/* ######################################################################################################### */
		/*   HISTORY FULL SCREEN																					 */
		/* ######################################################################################################### */

		/* -- History FS Btn -- */
		.history2-portrait #history-fs{display:none; width:42px; height:42px; top:66px; right:8px;}
		
		
		
		/* ######################################################################################################### */
		/*   HISTORY SOUND																					 */
		/* ######################################################################################################### */
		
		/* -- History Sound Btn -- */
		.history2-portrait #history-sound{width:42px; height:42px; top:10px; right:8px;}
	}
}






















/* ######################################################################################################### */
/* --------------------------------------------------------------------------------------------------------- */
/*																											 */
/*   Group G // iPhone X																					 */
/*																											 */
/* --------------------------------------------------------------------------------------------------------- */
/* ######################################################################################################### */

@media only screen 
    and (device-width : 724px) 
    and (device-height : 375px) 
    and (-webkit-device-pixel-ratio : 3)
	and (orientation : landscape) {
}
		

  
@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3)
	and (orientation : portrait) {	
	
	/*.site-content-portrait{background:red;}*/
	
	
	
	
	
	
	
	
	
	
	
	/* -------------------------------------------------------------------------------------------------------- */
	/*																											*/
	/* 		 _____    ____   __   _   ____  _																	*/
	/*       |____|  |____|  | \  |  |___   |																	*/
	/*       |       |    |  |  \_|  |____  |____																*/
	/*																											*/
	/*																											*/
	/* -------------------------------------------------------------------------------------------------------- */
	
	
	
	/* ######################################################################################################### */
	/*   PANEL HOLDER																							 */
	/* ######################################################################################################### */
		
	.panel-portrait{width:1280px; height:100%;}
	
	
	
	/* ######################################################################################################### */
	/*   GAME ID																								 */
	/* ######################################################################################################### */
	
	/* -- Game Id --*/
	.panel-portrait .gameId{top: 0px; left: 0px; font-size: 10px; padding-left:3px; padding-right:3px;}
	
	
	
	/* ######################################################################################################### */
	/*   RNG WIDGET																								 */
	/* ######################################################################################################### */
	
	#rng-button.rng-portrait {width: 476px; height: 204px; left:395px; top:652px;}

	
	
	/* ######################################################################################################### */
	/*   OPTIONS MENU																							 */
	/* ######################################################################################################### */

	/* -- Options Menu -- */
	.panel-portrait .optionsHolder{height:67px;}

	
	/* -- Options Item -- */
	.panel-portrait .options-item:not(:last-child){/*background: pink;*/ width: calc((100% - 140px)/3);}
	.panel-portrait .options-item:last-child{/*background: red;*/ width: 70px;}
	.panel-portrait .options-item:first-child{/*background: blue;*/ width: 70px;}
	
	/* -- Options Icon -- */
	.panel-portrait .options-item:not(:last-child) .optionsIcon{width:58px;}
	.panel-portrait .options-item:last-child .optionsIcon{width:58px;}	
	.panel-portrait .options-item:first-child .optionsIcon{width:58px;}
	
	
	
	/* ######################################################################################################### */
	/*   AUTO MENU																								 */
	/* ######################################################################################################### */
	
	/* -- Auto Menu Wrapper -- */ 
	.panel-portrait #autoplay-options-wrapper{height:434px;}
	
	/* -- Auto Close -- */
	.panel-portrait .autoClose{height:60px;}
	
	/* -- Auto Close Item -- */
	.panel-portrait .auto-close-item{width: 50px; left: calc(50% - 25px);bottom:10px;}
	
	/* -- Auto Items -- */
	.panel-portrait #auto-items{width:198px; height:130px; margin-top:30px;}
	
		/* -- Auto Item -- */
	.panel-portrait .autoplay-item{width:50px; height:50px; margin-left:5px; margin-right:5px; margin-bottom:5px; margin-top:5px; font-size:21px; line-height:50px; border: 3px solid #ffcc00; border-radius:40px;}
	
	/* -- infinity icon -- */
	.panel-portrait .infinityIcon{width:27px;}
	
	/* -- infinity icon:counter -- */
	.panel-portrait #infinity-counter {width:24px; top:-71px;}
	
	/* --  Auto Menu -- */
	.panel-portrait .autoMenu{height:160px;}
	
	/* -- Auto Menu Icon -- */
	.panel-portrait .autoInfoIcon{width:60px; height:45px; top:6px; right:0px;}

	/* ---- */
	
	/* -- Auto Items -- */
	.panel-portrait #auto-content{width:360px; margin-top:30px;}

	/* -- Autoplay Label -- */
	.panel-portrait .autoLabel{font-size:24px; margin-bottom:24px; text-align:center;}
	
	/* -- Autoplay Selection holder -- */
	.panel-portrait .auto-selection{width: 200px; height: 129px; margin: auto;}
	
	/* -- On Off label -- */
	.custom-box-portrait .onoff-label{width: 130px;  height: 31px; font-size: 22px;}

	/* -- On Off Control -- */ 
	.custom-box-portrait .onoff-control{width:50px; height:32px; margin-top:-32px; }
	
	/* -- Auto Start -- */
	.panel-portrait #auto-start{width: 48%; height: 46px; font-size: 28px; line-height: 46px; border-radius: 50px; margin: auto; /*margin-top: 156px;*/}
	
	
	/* ######################################################################################################### */
	/*   OPTIONS BUTTON																							 */
	/* ######################################################################################################### */

	/* -- Options Button Icon -- */
	.panel-portrait .optionsButton{width: 50px; height: 36px; left: 5px; bottom: 16px;}
	
	
	
	/* ######################################################################################################### */
	/*   SOUND BUTTON																							 */
	/* ######################################################################################################### */

	/* -- Sound Icon -- */
	/*.panel-portrait .soundButton{width:36px; height:36px; right:8px; top:54px;}*/
	
	@supports not (-webkit-overflow-scrolling: touch) {
		/* CSS for other than iOS devices */ 
	  
		/* -- Sound Icon -- */
		.panel-portrait .soundButton{width:36px; height:36px; right:8px; top:54px;}

	}
	
	@supports (-webkit-overflow-scrolling: touch) {
	  /* CSS specific to iOS devices */ 
	  
		/* -- Sound Icon -- */
		.panel-portrait .soundButton{width:36px; height:36px; right:8px; top:8px;}
	}
	
	/* ######################################################################################################### */
	/*   FULLSCREEN BUTTON																						 */
	/* ######################################################################################################### */

	/* -- Fullscreen Icon -- */
	.panel-portrait .fsButton{width:36px; height:36px; top:10px; right:8px;}
	
	
	
	/* ######################################################################################################### */
	/*   SPIN BUTTON																							 */
	/* ######################################################################################################### */

	/* -- Spin Button -- */
	.panel-portrait .spinButton{width:170px; height:170px; left:calc(50% - 85px); bottom:18%;}
	
	/* -- Spin Counter -- */
	.panel-portrait .autoCounter{height:25px; font-size:20px; top:71px;}
	
	
	
	/* ######################################################################################################### */
	/*   PANEL CONTROLS																							 */
	/* ######################################################################################################### */

	/* -- Panel Controls Back -- */
	.panel-portrait .controlsBack{height:47px;}


	
	/* ######################################################################################################### */
	/*   WIN LABEL																								 */
	/* ######################################################################################################### */

	/* -- Win Label Container -- */
	.panel-portrait .winLabel{/*bottom:41%;*/ height:46px;}
	
	/* -- Win Value -- */
	.panel-portrait .win-value{height:24px; font-size:28px; line-height:24px; margin-top:6px;}
		
	/* -- Win Label -- */
	.panel-portrait .win-label{font-size:14px; height: 11px; line-height: 11px;}

	/* -- Win Lines Set -- */
	.panel-portrait .infomsg-linewin-set{transform:scale(0.8);}

	/* -- Win Line Font -- */
	.panel-portrait .infomsg-linewin-font{font-size:15px; margin-top: 0px;}

	/* -- Win Line Pic -- */
	.panel-portrait .infomsg-linewin-pic{ margin-top:0px; margin-left:0px; margin-right:0px;}
	
	
	
	/* ######################################################################################################### */
	/*   CREDIT LABEL																							 */
	/* ######################################################################################################### */
	
	/* -- Credit Holder -- */
	.panel-portrait .creditLabel {left:16px; width:110px; bottom:71px;}
	
	/* -- Credit Value Holder -- */
	.panel-portrait #credit-holder-holder {width:186px; height:26px; top:8px; left:0;}
		
	/* -- Credit Label -- */
	.panel-portrait .cLabel{top: 16px; font-size:12px;}
	

	
	/* ######################################################################################################### */
	/*   BET LABEL																								 */
	/* ######################################################################################################### */
	
	/* -- Bet Label -- */
	.panel-portrait .betLabel {left: 16px; bottom: 112px;}
	
	/* -- Bet Value Holder -- */
	.panel-portrait #bet-holder-holder {width:146px; height:26px; top:-20px; left:0;}
	
	/* -- Bet Value -- */
	.panel-portrait .bLabel{top: 16px; font-size:12px;}
	
	
	
	/* ######################################################################################################### */
	/*   BET OPEN BUTTON																						 */
	/* ######################################################################################################### */

	/* -- Bet Open Icon -- */
	.panel-portrait .betOpenIcon{right:0px; width:60px; height:47px;}

	
	
	/* ######################################################################################################### */
	/*   BET CONTROL 																							 */
	/* ######################################################################################################### */
	
	/* -- Bet Control -- */
	.panel-portrait .betControl{width: 70px; bottom: 61px; right: -2px;}
	
	/* -- Bet Plus Button -- */
	.panel-portrait .betPlusControl {width:60px; height:60px; bottom:28%; left:calc(50% + 60px);}
	
	/* -- Bet Minus Button -- */
	.panel-portrait .betMinusControl {width:60px; height:60px; bottom:21%; left:calc(50% + 60px);}
	
	
	
	/* ######################################################################################################### */
	/*   INFO BAR																								 */
	/* ######################################################################################################### */
	
	/* -- Info Bar Holder -- */
	.panel-portrait .infoHolder{height:26px; bottom:20px;}

	/* -- Info Bar Message -- */
	.panel-portrait .infoMessage{font-size:14px; line-height:26px;}
	
	/* -- Good Luck -- */
	.panel-portrait .goodluck-value{font-size: 20px; line-height: 47px; height:47px; margin-top: 0px;}

	

	/* ######################################################################################################### */
	/*   FREE GAMES WIDGET																						 */
	/* ######################################################################################################### */

	/* -- Free Games Holder -- */
	.panel-portrait .freeHolder{width:108px; height: 73px; top:58%;}

	/* -- Free Games Label -- */
	.panel-portrait .freeLabel{width: 91px; height:21px; top:16px; left: 15px; font-size: 11px; line-height: 21px;}	

		
	@supports (-webkit-overflow-scrolling: touch) {
		/* CSS specific to iOS devices */ 
		
		/* -- Free Games value -- */
		.panel-portrait .freeValue{width: 92px; height:33px; top:37px; left: 14px; font-size: 24px; margin-top: -8px; /*background:rgba(0,255,0,0.5);*/}
	}
 
	@supports not (-webkit-overflow-scrolling: touch) {
		/* CSS for other than iOS devices */ 
		
		/* -- Free Games value -- */
		.panel-portrait .freeValue{width: 92px; height:33px; top:37px; left: 14px; font-size: 24px; line-height: 33px;  /*background:rgba(255,0,0,0.5);*/}
	}

	/* -- Retrigger Value -- */
	.panel-portrait .retriggerValue{width: 25px; height:24px; top:2px; left:2px; font-size:20px; line-height: 24px;}

	
	
	/* ######################################################################################################### */
	/*   GAMBLE BUTTON																							 */
	/* ######################################################################################################### */

	/* -- Gamble Button -- */
	.panel-portrait .gambleButton{width:56px; height:56px; bottom:8%; left:calc(50% - 28px);}

	
	
	/* ######################################################################################################### */
	/*   AUTO BUTTON																							 */
	/* ######################################################################################################### */
	
	/* -- Auto Button -- */	
	.panel-portrait .autoButton{width:32px; height:32px; right: calc(50% - 16px - 37px); bottom: calc(8% + 50px + 17px);}
	
	
	
	/* ######################################################################################################### */
	/*   FASTPLAY BUTTON																							 */
	/* ######################################################################################################### */
	
	/* -- Auto Button -- */
	.panel-portrait .fastplayButton{/*background:red;*/ width:60px; height:60px; bottom:4px; right:2px;}
	
	
	
	
	/* ######################################################################################################### */
	/*  RNG																										 */
	/* ######################################################################################################### */
	
	/* -- Auto Button -- */
	/*#rng-button.rngb-portrait{width: 40px; height: 24px; left: 15px; font-size: 17px; border-radius:10px;}*/
	
	
	
	
	
	
	
	
	
	
	
	/* -------------------------------------------------------------------------------------------------------- */
	/*																											*/
	/*		 _____   ____  _____  _____  _   __   _    ____   ____												*/
	/*		 |___   |___     |      |    |   | \  |   |  __   |___ 												*/
	/*		 ____|  |____    |      |    |   |  \_|   |____|  ____|												*/
	/*																											*/
	/*																											*/
	/* -------------------------------------------------------------------------------------------------------- */
	
	

	/* ######################################################################################################### */
	/*   SETTINGS MENU																							 */
	/* ######################################################################################################### */

	/* -- Settings Menu -- */
	.settings-menu-portrait{height:66px;}
	
	/* -- Settings Icon -- */
	/*.settings-menu-portrait .settings-icon{width:62px; margin-top: 10px;}*/
	
	/* -- Settings Item -- */
	.settings-menu-portrait .settings-item:not(:last-child){/*background:pink;*/ width:calc((100% - 136px)/3);}
	.settings-menu-portrait .settings-item:first-child{/*background:red;*/ width:67px;}
	.settings-menu-portrait .settings-item:last-child{/*background:blue;*/ width:67px;}
	
	.settings-menu-portrait .settings-item-selected:not(:last-child){/*background:pink;*/ width:calc((100% - 136px)/3);}
	.settings-menu-portrait .settings-item-selected:last-child{/*background:blue;*/ width:67px;}
 
	
	/* -- Settings Item  Selected -- */
	.settings-menu-portrait .settings-item:not(:last-child) .settings-icon{width:58px;}
	.settings-menu-portrait .settings-item:first-child .settings-icon{width:58px;}
	.settings-menu-portrait .settings-item:last-child .settings-icon{width:58px;}
	
	.settings-menu-portrait .settings-item-selected:not(:last-child) .settings-icon{width:58px;}
	.settings-menu-portrait .settings-item-selected:last-child .settings-icon{width:58px;}
	
	
	
	/* ######################################################################################################### */
	/*   SITE TITLE																								 */
	/* ######################################################################################################### */
	
	/* -- SETTING TITLE -- */
	.settings-title-portrait{font-size: 30px;}
	
	
	
	/* ######################################################################################################### */
	/*   SITE ICON																								 */
	/* ######################################################################################################### */
	
	/* -- Site Icon -- */
	.site-icon-portrait {width: 62px; height: 50px; top: -2px;}
	
	
	
	/* ######################################################################################################### */
	/*   SITE CONTENT																							 */
	/* ######################################################################################################### */

	/* -- Site Content Container -- */
	.site-content-portrait {/* background: red; */ width: 100%; height: calc(100% - 120px); position: absolute; top: 52px;}

	
	
	/* ######################################################################################################### */
	/*   COMPONENT: ON/OFF																						 */
	/* ######################################################################################################### */

	/* -- Container -- */
	.setting-box-portrait .toggle-ctrl{margin-top:25px; margin-bottom:25px; width:100%;}
	
	/* -- On / Off Label -- */
	.setting-box-portrait .onoff-label{font-size: 21px;  width:calc(70% - 6px); height:38px; line-height:38px; left:8%;}

	/* -- On / Off Button -- */
	.setting-box-portrait .onoff-control{/*background:red;*/ width:50px; height:30px;  margin-top:-32px; margin-right:8%;}
	
	
	
	/* ######################################################################################################### */
	/*   COMPONENT: PLUS/MINUS																					 */
	/* ######################################################################################################### */

	/* -- Container -- */
	.setting-box-portrait .stepper-ctrl{margin-top:15px; margin-bottom:15px; width:100%; height:128px;}
	
	/* -- Stepper Label: Portrait -- */
	.setting-box-portrait .pm-label{font-size:20px; line-height:36px; height:36px; left:6%;} 
	
	/* -- Stepper Minus Button -- */
	.setting-box-portrait .pm-minus-btn{width: 80px; left: 63px; top: 46px; position: absolute;}

	/* -- Stepper Value -- */
	.setting-box-portrait .pm-value{width:calc(100% - 6px)!important; padding:3px 0 3px 0; border-radius:26px; border: 2px solid #ffcc00;}

	/* -- Stepper Plus Button -- */
	.setting-box-portrait .pm-plus-btn{width:80px; right:63px; top:46px; position:absolute;}
	
	.tf{width:132px!important; height:30px!important; margin:auto;}
	.tf-value{width:132px!important;}
	
	/* -- Infinity Symbol -- */
	.setting-box-portrait .infinity-symbol {width: 40px; height: 5px; margin-top: 5px;}
	
	/* -- NEW: Text Holder -- */
	.setting-box-portrait .text-holder{left: calc(50% - 103px); width:206px; height: 36px; margin-left:0px;}

	/* -- NEW: Text Value -- */
	.setting-box-portrait .text-value{width:206px; height:36px; font-size:14px; line-height:24px;}
	
	
	/* ######################################################################################################### */
	/*   HISTORY TABLE																							 */
	/* ######################################################################################################### */
	
	/* -- Header Item -- */
	.site-content-portrait .h-header-item{font-size:12px; line-height:11px;}
	
	/* -- Row Item -- */
	.site-content-portrait .h-item{line-height: 10px; font-size: 11px;}
	
	/* -- Round ID -- */
	.site-content-portrait .round-id{font-size:11px; line-height: 12px;}
	
	/* -- Table Header -- */
	.site-content-portrait #history-header{height:30px;}
	
	/* -- Table Row -- */
	.site-content-portrait .history-row{height:40px;}
	
	/* -- Scroll -- */
	#history-table::-webkit-scrollbar{width:14px;}

	/* -- Scroll Thumb -- */
	#history-table::-webkit-scrollbar-thumb{border: 3px solid; /*rgb(165, 42, 42);*/ border-radius: 50px;}
	
	/* -- JP Badge -- */
	.site-content-portrait .jp-badge{width: 11px; font-size: 11px; line-height: 17px; border-radius:4px; margin-left: 0px; border: 2px solid #ffcc00;}
	
	/* -- Item Server Time -- */
	.site-content-portrait .item-servertime {font-size: 11px!important;  line-height: 11px!important;}
	
	
	/* -- Partial Items Holder -- */
	.site-content-portrait .h-part-items{margin-top: 2px; width:200px;}

	/* -- Partial Item -- */
	.site-content-portrait .h-part-item{height:11px; line-height:11px; margin-bottom:2px;}

	/* -- Partial Item Label -- */
	.site-content-portrait .h-part-label{width:84px; padding-right:3px;}

	/* -- Partial Item Value -- */
	.site-content-portrait .h-part-value{}
	
	
	
	
	
	
	
	
	
	
	
	/* -------------------------------------------------------------------------------------------------------- */
	/*																											*/
	/*   		    _  _____  _____  ____   _____   _    _														*/
	/* 		|____|  |  |___     |   |    |  |____|  |____|														*/
	/* 		|    |  |  ____|    |   |____|  |   \      |														*/
	/*																											*/
	/* 																											*/
	/* -------------------------------------------------------------------------------------------------------- */
	
	
	
	/* -- Container -- */
	/*.site-history-portrait #history{width:100%!important; height:100%!important;}*/
	
	
	
	/* ######################################################################################################### */
	/*   HISTORY INFO																							 */
	/* ######################################################################################################### */

	/* -- Round Info Container-- */
	.history2-portrait #history-info {width: 100%; padding: 20px; height: 100%; top: 0px; left: 0px;}
		
	/* -- Info Line -- */
	.history2-portrait .history-info-item {line-height:12px; font-size:12px; margin-bottom: 3px;}
	
	/* -- Info Value -- */
	.history2-portrait .history-info-value{font-size:13px;}
	
	/* -- JP Info Badge -- */
	.history2-portrait .jp-info-badge{text-align: center; padding-left:10px; padding-right:10px; float: right; height: 21px; font-size: 14px; border-radius: 5px; margin-bottom: 6px; border: 2px solid #ffcc00;}	
	

	
	/* ######################################################################################################### */
	/*   HISTORY MENU																							 */
	/* ######################################################################################################### */

	/* -- Menu-- */
	.history2-portrait .history-menu{width:100%; height:49px; position:absolute; bottom:0px;}
	
	
	
	/* ######################################################################################################### */
	/*   HISTORY PLAY BUTTON																					 */
	/* ######################################################################################################### */

	/* -- Play Button -- */
	.history2-portrait #btn-history-play {width:120px; height:120px; left:calc(50% - 60px); top:calc(50% - 60px);}

	
	
	/* ######################################################################################################### */
	/*   HISTORY CLOSE BUTTON																					 */
	/* ######################################################################################################### */

	/* -- Close Button Holder -- */
	.history2-portrait .history-close{width: 62px; height: 47px; left: 0px; bottom: 9px; position: fixed;}
	
	/* -- Close Button -- */
	.history2-portrait #btn-history-close {width: 58px; height: 46px;}
	
	
	
	/* ######################################################################################################### */
	/*   HISTORY BACK BUTTON																					 */
	/* ######################################################################################################### */

	/* -- Back Button Holder -- */
	.history2-portrait .history-back{width: 62px; position: fixed; right: 0px; bottom: 9px;}
	
	/* -- Back Button -- */
	.history2-portrait #btn-history-back{width: 58px; height: 47px;}
	
	
	
	/* ######################################################################################################### */
	/*   HISTORY INVISIBLE SPIN																					 */
	/* ######################################################################################################### */

	/* -- History Spin Clicker -- */
	.history2-portrait #btn-history-spin{width:130px; height:130px; left:calc(50% - 65px); bottom:167px; top:unset;}
	
	
	
	
	@supports not (-webkit-overflow-scrolling: touch) {
		/* CSS for other than iOS devices */ 
	
		
		/* ######################################################################################################### */
		/*   HISTORY FULL SCREEN																					 */
		/* ######################################################################################################### */

		/* -- History FS Btn -- */
		.history2-portrait #history-fs{width:36px; height:36px; top:10px; right:8px;}
		
		
		
		/* ######################################################################################################### */
		/*   HISTORY SOUND																					 */
		/* ######################################################################################################### */
		
		/* -- History Sound Btn -- */
		.history2-portrait #history-sound{width:36px; height:36px; top:54px; right:8px;}
	}
	
	@supports (-webkit-overflow-scrolling: touch) {
	/* CSS specific to iOS devices */ 
	
		
		/* ######################################################################################################### */
		/*   HISTORY FULL SCREEN																					 */
		/* ######################################################################################################### */

		/* -- History FS Btn -- */
		.history2-portrait #history-fs{display:none; width:36px; height:36px; top:54px; right:8px;}
		
		
		
		/* ######################################################################################################### */
		/*   HISTORY SOUND																					 */
		/* ######################################################################################################### */
		
		/* -- History Sound Btn -- */
		.history2-portrait #history-sound{width:36px; height:36px; top:10px; right:8px;}
	}
}


















/* ######################################################################################################### */
/* --------------------------------------------------------------------------------------------------------- */
/*																											 */
/*   Group F // pixel 2 XL / Samsung Galaxy Note8 / Note9 / S9+	/ Xiaomi Pocophone F1						 */
/*																											 */
/* --------------------------------------------------------------------------------------------------------- */
/* ######################################################################################################### */



@media screen 
	and (min-width: 393px)
	and (max-width: 414px)
	and (min-height: 798px)
	and (max-height: 850px)
	and (orientation:portrait)
	and (-webkit-min-device-pixel-ratio: 2.6){
		
	/*.site-content-portrait{background:black;}*/
	
	
	
	
	
	
	
	
	
	
	
	/* -------------------------------------------------------------------------------------------------------- */
	/*																											*/
	/* 		 _____    ____   __   _   ____  _																	*/
	/*       |____|  |____|  | \  |  |___   |																	*/
	/*       |       |    |  |  \_|  |____  |____																*/
	/*																											*/
	/*																											*/
	/* -------------------------------------------------------------------------------------------------------- */
	
	
	
	/* ######################################################################################################### */
	/*   PANEL HOLDER																							 */
	/* ######################################################################################################### */
	
	/*.panel-portrait .panelHolder{bottom: 35%;}*/
	
	.panel-portrait{width:1280px; height:100%;}
	
	
	/* ######################################################################################################### */
	/*   GAME ID																								 */
	/* ######################################################################################################### */
	
	/* -- Game Id --*/
	.panel-portrait .gameId{top: 0px; left: 0px; font-size: 10px; padding-left:3px; padding-right:3px;}

	
	
	/* ######################################################################################################### */
	/*   RNG WIDGET																								 */
	/* ######################################################################################################### */
	
	#rng-button.rng-portrait {width: 476px; height: 204px; left:395px; top:652px;}

	
	
	/* ######################################################################################################### */
	/*   OPTIONS MENU																							 */
	/* ######################################################################################################### */

	/* -- Options Menu -- */
	.panel-portrait .optionsHolder{height:64px;}

	

	/* -- Options Item -- */
	.panel-portrait .options-item:not(:last-child){/*background: pink;*/ width: calc((100% - 140px)/3);}
	.panel-portrait .options-item:last-child{/*background: red;*/ width: 70px;}
	.panel-portrait .options-item:first-child{/*background: blue;*/ width: 70px;}
	
	/* -- Options Icon -- */
	.panel-portrait .options-item:not(:last-child) .optionsIcon{width:60px;}
	.panel-portrait .options-item:last-child .optionsIcon{width:60px;}	
	.panel-portrait .options-item:first-child .optionsIcon{width:60px;}
	
	
	
	
	/* ######################################################################################################### */
	/*   AUTO MENU																								 */
	/* ######################################################################################################### */
	
	/* -- Auto Menu Wrapper -- */ 
	.panel-portrait #autoplay-options-wrapper{height:462px;}

	/* -- Auto Close -- */
	.panel-portrait .autoClose{height:60px;}
	
	/* -- Auto Close Item -- */
	.panel-portrait .auto-close-item{width: 50px;left: calc(50% - 25px); bottom:10px;}
	
	/* -- Autoplay Selection holder -- */
	.panel-portrait .auto-selection{width: 198px; height: 125px; margin: auto;}
	
	/* -- Auto Item -- */
	.panel-portrait .autoplay-item{width:50px; height:50px; margin-left:5px; margin-right:5px; margin-bottom:5px; margin-top:5px; font-size:21px; line-height:50px; border: 3px solid #ffcc00; border-radius:60px;}
	
	/* -- infinity icon -- */
	.panel-portrait .infinityIcon{width:27px;}
	
	/* -- infinity icon:counter -- */
	.panel-portrait #infinity-counter {width:24px; top:-72px;}
	
	/* --  Auto Menu -- */
	.panel-portrait .autoMenu{height:160px;}
	

	/* ---- */
	
	/* -- Auto Items -- */
	.panel-portrait #auto-content{width:392px; margin-top:30px;}

	/* -- Autoplay Label -- */
	.panel-portrait .autoLabel{font-size:28px; margin-bottom:30px;}
	
		/* -- On Off label -- */
	.custom-box-portrait .onoff-label{width: 130px;  height: 31px; font-size: 22px;}

	/* -- On Off Control -- */ 
	.custom-box-portrait .onoff-control{width:50px; height:32px; margin-top:-32px; }
	
	/* -- Auto Start -- */
	.panel-portrait #auto-start{width:42%; height:46px; font-size:28px; line-height:46px; border-radius:50px; margin:auto;}

	
	
	/* ######################################################################################################### */
	/*   OPTIONS BUTTON																							 */
	/* ######################################################################################################### */

	/* -- Options Button Icon -- */
	.panel-portrait .optionsButton{width:50px; height:38px; left: 5px; bottom: 12px;}
	
	
	
	
	/* ######################################################################################################### */
	/*   SOUND BUTTON																							 */
	/* ######################################################################################################### */

	/* -- Sound Icon -- */
	/*.panel-portrait .soundButton{width:36px; height:36px; right:8px; top:54px;}*/
	
	@supports not (-webkit-overflow-scrolling: touch) {
		/* CSS for other than iOS devices */ 
	  
		/* -- Sound Icon -- */
		.panel-portrait .soundButton{width:36px; height:36px; right:8px; top:54px;}

	}
	
	@supports (-webkit-overflow-scrolling: touch) {
	  /* CSS specific to iOS devices */ 
	  
		/* -- Sound Icon -- */
		.panel-portrait .soundButton{width:36px; height:36px; right:8px; top:8px;}
	}
	
	
	/* ######################################################################################################### */
	/*   FULLSCREEN BUTTON																						 */
	/* ######################################################################################################### */

	/* -- Fullscreen Icon -- */
	.panel-portrait .fsButton{width:36px; height:36px; top:10px; right:8px;}
	
	
	
	/* ######################################################################################################### */
	/*   SPIN BUTTON																							 */
	/* ######################################################################################################### */

	/* -- Spin Button -- */
	.panel-portrait .spinButton{width: 170px; height: 170px; left: calc(50% - 85px); bottom: 15%;}
	
	/* -- Spin Counter -- */
	.panel-portrait .autoCounter{height:25px; font-size:20px; top:71px;}
	
	
	
	/* ######################################################################################################### */
	/*   PANEL CONTROLS																							 */
	/* ######################################################################################################### */

	/* -- Panel Controls Back -- */
	.panel-portrait .controlsBack{height:47px;}


	
	/* ######################################################################################################### */
	/*   WIN LABEL																								 */
	/* ######################################################################################################### */

	/* -- Win Label Container -- */
	.panel-portrait .winLabel{/*bottom:40%;*/ height:46px;}

	/* -- Win Value -- */
	.panel-portrait .win-value{height:24px; font-size:28px; line-height:24px; margin-top:6px;}
		
	/* -- Win Label -- */
	.panel-portrait .win-label{font-size:14px; height: 11px; line-height: 11px;}
	
	/* -- Win Lines Set -- */
	.panel-portrait .infomsg-linewin-set{transform:scale(0.8);}

	/* -- Win Line Font -- */
	.panel-portrait .infomsg-linewin-font{font-size:16px; margin-top: 0px;}

	/* -- Win Line Pic -- */
	.panel-portrait .infomsg-linewin-pic{ margin-top:2px; margin-left:0px; margin-right:0px;}
	
	

	
	/* ######################################################################################################### */
	/*   CREDIT LABEL																							 */
	/* ######################################################################################################### */
	
	/* -- Credit Holder -- */
	.panel-portrait .creditLabel {left:16px; width:110px; bottom:74px;}
	
	/* -- Credit Value Holder -- */
	.panel-portrait #credit-holder-holder {width:190px; height:26px; top:8px; left:0;}
		
	/* -- Credit Label -- */
	.panel-portrait .cLabel{top: 16px; font-size:12px;}
	

	
	/* ######################################################################################################### */
	/*   BET LABEL																								 */
	/* ######################################################################################################### */
	
	/* -- Bet Label -- */
	.panel-portrait .betLabel {left: 16px; bottom: 113px;}
	
	/* -- Bet Value Holder -- */
	.panel-portrait #bet-holder-holder {width:136px; height:26px; top:-20px; left:0;}
	
	/* -- Bet Value -- */
	.panel-portrait .bLabel{top: 16px; font-size:12px;}
	
	
	
	
	
	/* ######################################################################################################### */
	/*   BET OPEN BUTTON																						 */
	/* ######################################################################################################### */

	/* -- Bet Open Icon -- */
	.panel-portrait .betOpenIcon{right:0px; width:60px; height:47px;}

	
	
	/* ######################################################################################################### */
	/*   BET CONTROL 																							 */
	/* ######################################################################################################### */
	
	/* -- Bet Control -- */
	.panel-portrait .betControl{width: 74px; bottom: 58px; right: -5px;}
	
	/* -- Bet Plus Button -- */
	.panel-portrait .betPlusControl{width:60px; height:60px;  bottom:25%; left:calc(50% + 60px);}

	/* -- Bet Minus Button -- */
	.panel-portrait .betMinusControl{width:60px; height:60px; bottom:18%; left:calc(50% + 60px);}




	
	
	/* ######################################################################################################### */
	/*   INFO BAR																								 */
	/* ######################################################################################################### */
		
	/* -- Info Bar Holder -- */
	.panel-portrait .infoHolder{height:26px; bottom:20px; }

	/* -- Info Bar Message -- */
	.panel-portrait .infoMessage{font-size:14px; line-height:26px;}
	
	/* -- Good Luck -- */
	.panel-portrait .goodluck-value{font-size: 20px; line-height: 47px; height:47px; margin-top: 0px;}

	

	/* ######################################################################################################### */
	/*   FREE GAMES WIDGET																						 */
	/* ######################################################################################################### */

	/* -- Free Games Holder -- */
	.panel-portrait .freeHolder{width:108px; height: 73px; left:0px; top:59%;}

	/* -- Free Games Label -- */
	.panel-portrait .freeLabel{width: 91px; height:21px; top:16px; left: 15px; font-size: 11px; line-height: 21px;}	

	/* -- Free Games value -- */
	.panel-portrait .freeValue{width: 92px; height:33px; top:37px; left: 14px; font-size: 24px; line-height: 33px;}

	/* -- Retrigger Value -- */
	.panel-portrait .retriggerValue{width: 25px; height:24px; top:2px; left:2px; font-size:20px; line-height: 24px;}

	
	
	/* ######################################################################################################### */
	/*   GAMBLE BUTTON																							 */
	/* ######################################################################################################### */

	/* -- Gamble Button -- */
	.panel-portrait .gambleButton{width: 56px; height: 56px; left: calc(50% - 28px); bottom: 8%;}

	
	
	/* ######################################################################################################### */
	/*   AUTO BUTTON																							 */
	/* ######################################################################################################### */
	
	/* -- Auto Button -- */
	.panel-portrait .autoButton{width:32px; height:32px; right: calc(50% - 16px - 37px); bottom: calc(8% + 50px + 17px);}


	
	/* ######################################################################################################### */
	/*   FASTPLAY BUTTON																							 */
	/* ######################################################################################################### */
	
	/* -- Auto Button -- */
	.panel-portrait .fastplayButton{/*background:red;*/ width:60px; height:60px; bottom:3px; right:4px;}
	
	
	
	
	
	
	
	
	
	
	
	/* -------------------------------------------------------------------------------------------------------- */
	/*																											*/
	/*		 _____   ____  _____  _____  _   __   _    ____   ____												*/
	/*		 |___   |___     |      |    |   | \  |   |  __   |___ 												*/
	/*		 ____|  |____    |      |    |   |  \_|   |____|  ____|												*/
	/*																											*/
	/*																											*/
	/* -------------------------------------------------------------------------------------------------------- */
	
	
	
	/* ######################################################################################################### */
	/*   COMPONENT: ON/OFF																						 */
	/* ######################################################################################################### */

	/* -- Container -- */
	.setting-box-portrait .toggle-ctrl {margin-top: 35px; margin-bottom: 35px; width: 100%; height: 38px;}
	
	/* -- On / Off Label -- */
	.setting-box-portrait .onoff-label{font-size: 20px;  width:calc(70% - 40px); height:38px; line-height:38px;  left:14%;}

	/* -- On / Off Button -- */
	.setting-box-portrait .onoff-control{width: 50px; height: 30px;  margin-top: -33px; margin-right: 14%;}
	
	
	
	/* ######################################################################################################### */
	/*   COMPONENT: PLUS/MINUS																					 */
	/* ######################################################################################################### */

	/* -- Infinity Symbol -- */
	.setting-box-portrait .infinity-symbol {width: 44px; height: 5px; margin-top: 4px;}

	/* -- Container -- */
	.setting-box-portrait .stepper-ctrl {margin-top: 35px; margin-bottom: 35px;	width: 100%; height: 129px;}
	
	/* 60 */
	.settings-menu-portrait {height: 64px;}
	
	/* -- Settings Item -- */
	.settings-menu-portrait .settings-item:not(:last-child){/*background:pink;*/ width:calc((100% - 150px)/3);}
	.settings-menu-portrait .settings-item:first-child{/*background:red;*/ width:75px;}
	.settings-menu-portrait .settings-item:last-child{/*background:blue;*/ width:75px;}
	
	.settings-menu-portrait .settings-item-selected:not(:last-child){/*background:pink;*/ width:calc((100% - 150px)/3);}
	.settings-menu-portrait .settings-item-selected:last-child{/*background:blue;*/ width:75px;}
 
	
	/* -- Settings Item  Selected -- */
	.settings-menu-portrait .settings-item:not(:last-child) .settings-icon{width:60px;}
	.settings-menu-portrait .settings-item:first-child .settings-icon{width:60px;}
	.settings-menu-portrait .settings-item:last-child .settings-icon{width:60px;}
	
	.settings-menu-portrait .settings-item-selected:not(:last-child) .settings-icon{width:60px;}
	.settings-menu-portrait .settings-item-selected:last-child .settings-icon{width:60px;}
	
	/* -- NEW: Text Holder -- */
	.setting-box-portrait .text-holder{left: calc(50% - 150px); width:300px; height: 40px; margin-left:0px;}

	/* -- NEW: Text Value -- */
	.setting-box-portrait .text-value{width:300px; height:40px; font-size:14px; line-height:24px;}


	/* ######################################################################################################### */
	/*   SITE CONTENT																							 */
	/* ######################################################################################################### */

	/* -- Site Content Container -- */
	.site-content-portrait {/*background: red; */width: 100%; height: calc(100% - 122px); position: absolute; top: 52px;}


	/* -- Scroll Thumb -- */
	#history-table::-webkit-scrollbar-thumb{border: 3px solid; /*rgb(165, 42, 42);*/ border-radius: 50px;}
	
	
	
	
	/* ######################################################################################################### */
	/*   HISTORY TABLE																							 */
	/* ######################################################################################################### */
	
	/* -- Header Item -- */
	.site-content-portrait .h-header-item{font-size:12px; line-height:11px;}
	
	/* -- Row Item -- */
	.site-content-portrait .h-item{line-height: 10px; font-size: 10px;}
	
	/* -- Round ID -- */
	.site-content-portrait .round-id{font-size:11px; line-height: 12px;}
	
	/* -- Table Header -- */
	.site-content-portrait #history-header{height:30px;}
	
	/* -- Table Row -- */
	.site-content-portrait .history-row{height:40px;}
	
	/* -- Scroll -- */
	#history-table::-webkit-scrollbar{width:14px;}

	/* -- Scroll Thumb -- */
	#history-table::-webkit-scrollbar-thumb{border: 3px solid; /*rgb(165, 42, 42);*/ border-radius: 50px;}
	
	/* -- JP Badge -- */
	.site-content-portrait .jp-badge{width: 11px; font-size: 11px; line-height: 17px; border-radius:4px; margin-left: 0px; border: 2px solid #ffcc00;}
	
	/* -- Item Server Time -- */
	.site-content-portrait .item-servertime {font-size: 11px!important;  line-height: 11px!important;}
	
	
	/* -- Partial Items Holder -- */
	.site-content-portrait .h-part-items{margin-top: 2px; width:220px;}

	/* -- Partial Item -- */
	.site-content-portrait .h-part-item{height:11px; line-height:11px; margin-bottom:2px;}

	/* -- Partial Item Label -- */
	.site-content-portrait .h-part-label{width:90px; padding-right:3px;}

	/* -- Partial Item Value -- */
	.site-content-portrait .h-part-value{}
	
	
	
	
	
	
	/* -------------------------------------------------------------------------------------------------------- */
	/*																											*/
	/*   		    _  _____  _____  ____   _____   _    _														*/
	/* 		|____|  |  |___     |   |    |  |____|  |____|														*/
	/* 		|    |  |  ____|    |   |____|  |   \      |														*/
	/*																											*/
	/* 																											*/
	/* -------------------------------------------------------------------------------------------------------- */
	
	
	/* ######################################################################################################### */
	/*   HISTORY INFO																							 */
	/* ######################################################################################################### */

	/* -- Round Info Container-- */
	.history2-portrait #history-info {width: 100%; padding: 20px; height: 100%; top: 0px; left: 0px;}
		
	/* -- Info Line -- */
	.history2-portrait .history-info-item {line-height:12px; font-size:12px; margin-bottom: 3px;}
	
	/* -- Info Value -- */
	.history2-portrait .history-info-value{font-size:13px;}
	
	/* -- JP Info Badge -- */
	.history2-portrait .jp-info-badge{text-align: center; padding-left:10px; padding-right:10px; float: right; height: 21px; font-size: 14px; border-radius: 5px; margin-bottom: 6px; border: 2px solid #ffcc00;}	
	

	
	/* ######################################################################################################### */
	/*   HISTORY MENU																							 */
	/* ######################################################################################################### */

	/* -- Menu-- */
	.history2-portrait .history-menu{width:100%; height:49px; position:absolute; bottom:0px;}
	
	
	
	/* ######################################################################################################### */
	/*   HISTORY PLAY BUTTON																					 */
	/* ######################################################################################################### */

	/* -- Play Button -- */
	.history2-portrait #btn-history-play {width:120px; height:120px; left:calc(50% - 60px); top:calc(50% - 60px);}

	
	
	/* ######################################################################################################### */
	/*   HISTORY CLOSE BUTTON																					 */
	/* ######################################################################################################### */

	/* -- Close Button Holder -- */
	.history2-portrait .history-close{width: 62px; height: 47px; left: 0px; bottom: 7px; position: fixed;}
	
	/* -- Close Button -- */
	.history2-portrait #btn-history-close {width: 60px; height: 46px;}
	
	
	
	/* ######################################################################################################### */
	/*   HISTORY BACK BUTTON																					 */
	/* ######################################################################################################### */

	/* -- Back Button Holder -- */
	.history2-portrait .history-back{width: 62px; position: fixed; right: 0px; bottom: 7px;}
	
	/* -- Back Button -- */
	.history2-portrait #btn-history-back{width: 60px; height: 47px;}
		
	
	
	
	/* ######################################################################################################### */
	/*   HISTORY INVISIBLE SPIN																					 */
	/* ######################################################################################################### */

	/* -- History Spin Clicker -- */
	.history2-portrait #btn-history-spin {width: 130px; height: 130px; left: calc(50% - 65px); bottom: 146px; top: unset; border-radius: 70px;}

	
	
	
	/* ######################################################################################################### */
	/*   HISTORY FULL SCREEN																					 */
	/* ######################################################################################################### */

	/* -- History FS Btn -- */
	.history2-portrait #history-fs{width:36px; height:36px; top:10px; right:8px;}
	
	
	
	/* ######################################################################################################### */
	/*   HISTORY SOUND																					 */
	/* ######################################################################################################### */
	
	/* -- History Sound Btn -- */
	.history2-portrait #history-sound{width:36px; height:36px; top:54px; right:8px;}
}


















/* ######################################################################################################### */
/* --------------------------------------------------------------------------------------------------------- */
/*																											 */
/*   Group E // iPhone 6 / iPhone 6 Plus																	 */
/*																											 */
/* --------------------------------------------------------------------------------------------------------- */
/* ######################################################################################################### */


/* -- L A N D S C A P E -- */
@media screen 
	and (max-width: 360px),(max-width:414px) 
	and (max-height: 640px),(max-height: 736px)
	and (orientation:landscape){
		
		/*#history-table::-webkit-scrollbar {width: 21px;}
		#history-table::-webkit-scrollbar-thumb{border: 4px solid rgb(165, 42, 42);}*/
		
		/*.site-content-portrait{background:green;}*/
		
}
	
/* -- P O R T R A I T -- */
@media screen 
	and (max-width: 360px),(max-width:414px) 
	and (max-height: 640px),(max-height: 736px)
	and (orientation:portrait){
	
	/*.site-content-portrait{background:green;}*/
	
	
	
	
	
	
	
	
	
	
	
	/* -------------------------------------------------------------------------------------------------------- */
	/*																											*/
	/* 		 _____    ____   __   _   ____  _																	*/
	/*       |____|  |____|  | \  |  |___   |																	*/
	/*       |       |    |  |  \_|  |____  |____																*/
	/*																											*/
	/*																											*/
	/* -------------------------------------------------------------------------------------------------------- */
	
	
	
	/* ######################################################################################################### */
	/*   PANEL HOLDER																							 */
	/* ######################################################################################################### */
	
	/*.panel-portrait .panelHolder{bottom: 35%;}*/
	
	.panel-portrait{width:1280px; height:100%;}
	
	
	/* ######################################################################################################### */
	/*   GAME ID																								 */
	/* ######################################################################################################### */
	
	/* -- Game Id --*/
	.panel-portrait .gameId{top: 0px; left: 0px; font-size: 10px; padding-left:3px; padding-right:3px;}

	
	
	/* ######################################################################################################### */
	/*   RNG WIDGET																								 */
	/* ######################################################################################################### */
	
	#rng-button.rng-portrait {width: 476px; height: 204px; left:395px; top:652px;}

	
	
	/* ######################################################################################################### */
	/*   OPTIONS MENU																							 */
	/* ######################################################################################################### */

	/* -- Options Menu -- */
	.panel-portrait .optionsHolder{height:64px;}

	/*62*/
	
	/* -- Options Item -- */
	.panel-portrait .options-item:not(:last-child){/*background: pink;*/ width: calc((100% - 140px)/3);}
	.panel-portrait .options-item:last-child{/*background: red;*/ width: 70px;}
	.panel-portrait .options-item:first-child{/*background: blue;*/ width: 70px;}
	
	/* -- Options Icon -- */
	.panel-portrait .options-item:not(:last-child) .optionsIcon{width:58px;}
	.panel-portrait .options-item:last-child .optionsIcon{width:58px;}	
	.panel-portrait .options-item:first-child .optionsIcon{width:58px;}
	
	
	
	/* ######################################################################################################### */
	/*   AUTO MENU																								 */
	/* ######################################################################################################### */
	
	/* -- Auto Menu Wrapper -- */ 
	.panel-portrait #autoplay-options-wrapper{height:430px;}

	/* -- Auto Close -- */
	.panel-portrait .autoClose{height:60px;}
	
	/* -- Auto Close Item -- */
	.panel-portrait .auto-close-item{width: 50px;left: calc(50% - 25px); bottom:10px;}
	
	/* -- Auto Item -- */
	.panel-portrait .autoplay-item{width:50px; height:50px; margin-left:5px; margin-right:5px; margin-bottom:5px; margin-top:5px; font-size:21px; line-height:50px; border: 3px solid #ffcc00; border-radius:40px;}
	
	/* -- infinity icon -- */
	.panel-portrait .infinityIcon{width:27px;}
	
	/* -- infinity icon:counter -- */
	.panel-portrait #infinity-counter {width:24px; top:-72px;}
	
	/* --  Auto Menu -- */
	.panel-portrait .autoMenu{height:160px;}
	

	/* ---- */
	
	/* -- Auto Items -- */
	.panel-portrait #auto-content{width:340px; margin-top:30px;}

	/* -- Autoplay Label -- */
	.panel-portrait .autoLabel{font-size:24px; margin-bottom: 18px; text-align: center;}
	
	/* -- Autoplay Selection holder -- */
	.panel-portrait .auto-selection{width: 200px; height: 129px; margin: auto;}
		
	/* -- On Off label -- */
	.custom-box-portrait .onoff-label{width: 130px;  height: 31px; font-size: 22px;}

	/* -- On Off Control -- */ 
	.custom-box-portrait .onoff-control{width:50px; height:32px; margin-top:-32px; }
	
	/* -- Auto Start -- */
	.panel-portrait #auto-start{width: 48%; height: 46px; font-size: 28px; line-height: 46px; border-radius: 50px; margin: auto;}

	
	/* ######################################################################################################### */
	/*   OPTIONS BUTTON																							 */
	/* ######################################################################################################### */

	/* -- Options Button Icon -- */
	.panel-portrait .optionsButton{width: 50px; height: 36px; left: 5px; bottom: 14px;}
	
	
	
	
	/* ######################################################################################################### */
	/*   SOUND BUTTON																							 */
	/* ######################################################################################################### */
	
	@supports not (-webkit-overflow-scrolling: touch) {
	  /* CSS for other than iOS devices */ 
	  
	  /* -- Sound Icon -- */
	.panel-portrait .soundButton{width:32px; height:32px; right:8px; top:54px;}

	}
	
	@supports (-webkit-overflow-scrolling: touch) {
	  /* CSS specific to iOS devices */ 
	  
	  /* -- Sound Icon -- */
	.panel-portrait .soundButton{width:32px; height:32px; right:8px; top:8px;}
	}
	
	
	
	/* ######################################################################################################### */
	/*   FULLSCREEN BUTTON																						 */
	/* ######################################################################################################### */

	/* -- Fullscreen Icon -- */
	.panel-portrait .fsButton{width:32px; height:32px; top:10px; right:8px;}
	
	
	
	/* ######################################################################################################### */
	/*   SPIN BUTTON																							 */
	/* ######################################################################################################### */

	/* -- Spin Button -- */
	.panel-portrait .spinButton{width: 160px; height: 160px; left: calc(50% - 80px); bottom: 15%;}
	
	/* -- Spin Counter -- */
	.panel-portrait .autoCounter{height:25px; font-size:20px; top:66px;}
	
	
	
	/* ######################################################################################################### */
	/*   PANEL CONTROLS																							 */
	/* ######################################################################################################### */

	/* -- Panel Controls Back -- */
	.panel-portrait .controlsBack{height:47px;}


	
	/* ######################################################################################################### */
	/*   WIN LABEL																								 */
	/* ######################################################################################################### */

	/* -- Win Label Container -- */
	.panel-portrait .winLabel{/*bottom:40%;*/ height:46px;}

	/* -- Win Value -- */
	.panel-portrait .win-value{height:24px; font-size:28px; line-height:24px; margin-top:6px;}
		
	/* -- Win Label -- */
	.panel-portrait .win-label{font-size:14px; height: 11px; line-height: 11px;}
	  
	/* -- Win Lines Set -- */
	.panel-portrait .infomsg-linewin-set{transform:scale(0.8);}

	/* -- Win Line Font -- */
	.panel-portrait .infomsg-linewin-font{font-size:15px; margin-top: 0px;}

	/* -- Win Line Pic -- */
	.panel-portrait .infomsg-linewin-pic{ margin-top:2px; margin-left:0px; margin-right:0px;}
	
	

	
	/* ######################################################################################################### */
	/*   CREDIT LABEL																							 */
	/* ######################################################################################################### */
	
	/* -- Credit Holder -- */
	.panel-portrait .creditLabel {left:16px; width:110px; bottom:71px;}
	
	/* -- Credit Value Holder -- */
	.panel-portrait #credit-holder-holder {width:186px; height:26px; top:8px; left:0;}
		
	/* -- Credit Label -- */
	.panel-portrait .cLabel{top: 16px; font-size:12px;}
	

	
	/* ######################################################################################################### */
	/*   BET LABEL																								 */
	/* ######################################################################################################### */
	
	/* -- Bet Label -- */
	.panel-portrait .betLabel {left: 16px; bottom: 106px;}
	
	/* -- Bet Value Holder -- */
	.panel-portrait #bet-holder-holder {width:116px; height:26px; top:-20px; left:0;}
	
	/* -- Bet Value -- */
	.panel-portrait .bLabel{top: 16px; font-size:12px;}
	
	

	/* ######################################################################################################### */
	/*   BET OPEN BUTTON																						 */
	/* ######################################################################################################### */

	/* -- Bet Open Icon -- */
	.panel-portrait .betOpenIcon{right:0px; width:60px; height:47px;}

	
	
	/* ######################################################################################################### */
	/*   BET CONTROL 																							 */
	/* ######################################################################################################### */
	
	/* -- Bet Control -- */
	.panel-portrait .betControl{width:70px; bottom:63px; right:-2px;}
	
	/* -- Bet Plus Button -- */
	.panel-portrait .betPlusControl{width:60px; height:60px;  bottom:26%; left:calc(50% + 60px);}

	/* -- Bet Minus Button -- */
	.panel-portrait .betMinusControl{width:60px; height:60px; bottom:18%; left:calc(50% + 60px);}




	
	
	/* ######################################################################################################### */
	/*   INFO BAR																								 */
	/* ######################################################################################################### */
		
	/* -- Info Bar Holder -- */
	.panel-portrait .infoHolder{height:26px; bottom:20px; }

	/* -- Info Bar Message -- */
	.panel-portrait .infoMessage{font-size:14px; line-height:26px;}
	
	/* -- Good Luck -- */
	.panel-portrait .goodluck-value{font-size: 20px; line-height: 47px; height:47px; margin-top: 0px;}

	

	/* ######################################################################################################### */
	/*   FREE GAMES WIDGET																						 */
	/* ######################################################################################################### */

	/* -- Free Games Holder -- */
	.panel-portrait .freeHolder{width:108px; height: 73px; left:0px; top:59%;}

	/* -- Free Games Label -- */
	.panel-portrait .freeLabel{width: 91px; height:21px; top:16px; left: 15px; font-size: 11px; line-height: 21px;}	

		
	@supports (-webkit-overflow-scrolling: touch) {
		/* CSS specific to iOS devices */ 
		
		/* -- Free Games Label -- */
		.panel-portrait .freeValue{width: 92px; height:33px; top:36px; left: 14px; font-size: 24px; line-height: 33px; margin-top: -10px; /*background: rgba(0,255,0,0.5);*/}
	
	}
 
	@supports not (-webkit-overflow-scrolling: touch) {
		/* CSS for other than iOS devices */ 
		
		/* -- Free Games value -- */
		.panel-portrait .freeValue{width: 92px; height:33px; top:37px; left: 14px; font-size: 24px; line-height: 33px; /*background: rgba(255,0,0,0.5);*/}
	}

	

	/* -- Retrigger Value -- */
	.panel-portrait .retriggerValue{width: 25px; height:24px; top:2px; left:2px; font-size:20px; line-height: 24px;}

	
	
	/* ######################################################################################################### */
	/*   GAMBLE BUTTON																							 */
	/* ######################################################################################################### */

	/* -- Gamble Button -- */
	.panel-portrait .gambleButton{width: 56px; height: 56px; left: calc(50% - 28px); bottom: 8%;}

	
	
	/* ######################################################################################################### */
	/*   AUTO BUTTON																							 */
	/* ######################################################################################################### */
	
	/* -- Auto Button -- */
	.panel-portrait .autoButton{width:32px; height:32px; right: calc(50% - 16px - 37px); bottom: calc(8% + 50px + 17px);}
	
	
	
	/* ######################################################################################################### */
	/*   FASTPLAY BUTTON																						 */
	/* ######################################################################################################### */
	
	/* -- Auto Button -- */
	.panel-portrait .fastplayButton{/*background:red;*/ width:60px; height:60px; bottom:10px; right:5px;}
	
	
	
	/* ######################################################################################################### */
	/*   FASTPLAY BUTTON																						 */
	/* ######################################################################################################### */
	
	/* -- Auto Button -- */
	.panel-portrait .fastplayButton{/*background:red;*/ width:100px; height:100px; bottom:0px; right:0px;}
	
	

	/* ######################################################################################################### */
	/*   FASTPLAY BUTTON																						 */
	/* ######################################################################################################### */
	
	/* -- Auto Button -- */
	.panel-portrait .fastplayButton{/*background:red;*/ width:100px; height:100px; bottom:0px; right:0px;}
	
	
	
	/* ######################################################################################################### */
	/*   FASTPLAY BUTTON																						 */
	/* ######################################################################################################### */
	
	/* -- Auto Button -- */
	.panel-portrait .fastplayButton{/*background:red;*/ width:60px; height:60px; bottom:0px; right:0px;}
	
	
	
	/* ######################################################################################################### */
	/*  RNG																										 */
	/* ######################################################################################################### */
	
	/* -- Auto Button -- */
	/*#rng-button.rngb-portrait{width: 40px; height: 24px; left: 15px; font-size: 17px; border-radius:10px;}*/
	
	
	
	
	
	
	
	
	
	
	
	/* -------------------------------------------------------------------------------------------------------- */
	/*																											*/
	/*		 _____   ____  _____  _____  _   __   _    ____   ____												*/
	/*		 |___   |___     |      |    |   | \  |   |  __   |___ 												*/
	/*		 ____|  |____    |      |    |   |  \_|   |____|  ____|												*/
	/*																											*/
	/*																											*/
	/* -------------------------------------------------------------------------------------------------------- */
	
	

	/* ######################################################################################################### */
	/*   SETTINGS MENU																							 */
	/* ######################################################################################################### */

	/* -- Settings Menu -- */
	.settings-menu-portrait{height:64px;}
	
	
	/* -- Settings Item -- */
	.settings-menu-portrait .settings-item:not(:last-child){/*background:pink;*/ width:calc((100% - 136px)/3);}
	.settings-menu-portrait .settings-item:first-child{/*background:red;*/ width:67px;}
	.settings-menu-portrait .settings-item:last-child{/*background:blue;*/ width:67px;}
	
	.settings-menu-portrait .settings-item-selected:not(:last-child){/*background:pink;*/ width:calc((100% - 136px)/3);}
	.settings-menu-portrait .settings-item-selected:last-child{/*background:blue;*/ width:67px;}
	
	
	.settings-menu-portrait .settings-item:not(:last-child) .settings-icon{width:58px;}
	.settings-menu-portrait .settings-item:first-child .settings-icon{width:58px;}
	.settings-menu-portrait .settings-item:last-child .settings-icon{width:58px;}

	.settings-menu-portrait .settings-item-selected:not(:last-child) .settings-icon{width:58px;}
	.settings-menu-portrait .settings-item-selected:last-child .settings-icon{width:58px;}

	
	
	/* ######################################################################################################### */
	/*   SITE TITLE																								 */
	/* ######################################################################################################### */
	
	/* -- SETTING TITLE -- */
	.settings-title-portrait{font-size: 30px;}
	
	
	
	/* ######################################################################################################### */
	/*   SITE ICON																								 */
	/* ######################################################################################################### */
	
	/* -- Site Icon -- */
	.site-icon-portrait {width:64px; height:47px; top:-2px;}
	
	
	
	/* ######################################################################################################### */
	/*   SITE CONTENT																							 */
	/* ######################################################################################################### */

	/* -- Site Content Container -- */
	.site-content-portrait {/*background: red; */width: 100%; height: calc(100% - 120px); position: absolute; top: 52px;}

	
		
	/* ######################################################################################################### */
	/*   COMPONENT: ON/OFF																						 */
	/* ######################################################################################################### */

	/* -- Container -- */
	.setting-box-portrait .toggle-ctrl {margin-top: 25px; margin-bottom: 25px; width: 100%;}
	
	/* -- On / Off Label -- */
	.setting-box-portrait .onoff-label {font-size: 20px; width: calc(70% - 8px); height: 36px;  line-height: 36px;  left: 6%;}

	/* -- On / Off Button -- */
	.setting-box-portrait .onoff-control {/* background: red; */ width: 50px; height: 30px; margin-top: -32px; margin-right: 6%;}
		
	
	
	/* ######################################################################################################### */
	/*   COMPONENT: PLUS/MINUS																					 */
	/* ######################################################################################################### */

	/* -- Container -- */
	.setting-box-portrait .stepper-ctrl {margin-top: 15px; margin-bottom: 15px; width: 100%; height: 128px;}
	
	/* -- Stepper Label: Portrait -- */
	.setting-box-portrait .pm-label {font-size: 22px; line-height: 36px; height: 36px; left: 6%;}
	
	/* -- Stepper Value -- */
	.setting-box-portrait .pm-value {width: calc(100% - 6px)!important; padding: 3px 0 3px 0; border-radius: 26px; border: 2px solid #ffcc00;}

	
	.setting-box-portrait .stepper-control {/* background: brown; */ width: 88%; position: relative; left: 6%; height: 36px;}
	
	/* -- Stepper Plus Button -- */
	.setting-box-portrait .pm-plus-btn {width: 80px; right: calc(50% - 81px); top:46px; position:absolute}
	
	/* -- Stepper Minus Button -- */
	.setting-box-portrait .pm-minus-btn {width: 80px; left: calc(50% - 81px); top:46px; position:absolute}
	
	.tf{width:132px!important; height:30px!important; margin:auto;}
	.tf-value{width:132px!important;}
	
	/* -- Infinity Symbol -- */
	.setting-box-portrait .infinity-symbol {width: 44px; height: 5px; margin-top: 4px;}
	
	/* -- NEW: Text Holder -- */
	.setting-box-portrait .text-holder{left: calc(50% - 103px); width:207px; height: 36px; margin-left:0px;}

	/* -- NEW: Text Value -- */
	.setting-box-portrait .text-value{width:207px; height:36px; font-size:14px; line-height:24px;}
	
	
	/* ######################################################################################################### */
	/*   HISTORY TABLE																							 */
	/* ######################################################################################################### */
	
	/* -- Header Item -- */
	.site-content-portrait .h-header-item{font-size:12px; line-height:11px;}
	
	/* -- Row Item -- */
	.site-content-portrait .h-item{line-height: 11px; font-size: 10px;}
	
	/* -- Round ID -- */
	.site-content-portrait .round-id{font-size:11px; line-height: 12px;}
	
	/* -- Table Header -- */
	.site-content-portrait #history-header{height:30px; width: calc(100% - 14px);}
	
	/* -- Table Row -- */
	.site-content-portrait .history-row{height:40px;}
	  
	/* -- Scroll -- */
	#history-table::-webkit-scrollbar{width:14px;}

	/* -- Scroll Thumb -- */
	#history-table::-webkit-scrollbar-thumb{border: 3px solid; /*rgb(165, 42, 42);*/ border-radius: 50px;}
	
	/* -- JP Badge -- */
	.site-content-portrait .jp-badge{width: 11px; font-size: 11px; line-height: 15px; border-radius:4px; margin-left: 0px; border: 2px solid #ffcc00;}
	
	/* -- Item Server Time -- */
	.site-content-portrait .item-servertime {font-size: 12px!important;  line-height: 12px!important;}
	
	
	/* -- Partial Items Holder -- */
	.site-content-portrait .h-part-items{margin-top: 2px; width:200px;}

	/* -- Partial Item -- */
	.site-content-portrait .h-part-item{height:11px; line-height:11px; margin-bottom:2px;}

	/* -- Partial Item Label -- */
	.site-content-portrait .h-part-label{width:80px; padding-right:3px;}

	/* -- Partial Item Value -- */
	.site-content-portrait .h-part-value{}
	
	
	
	
	
	
	
	
	
	
	
	/* -------------------------------------------------------------------------------------------------------- */
	/*																											*/
	/*   		    _  _____  _____  ____   _____   _    _														*/
	/* 		|____|  |  |___     |   |    |  |____|  |____|														*/
	/* 		|    |  |  ____|    |   |____|  |   \      |														*/
	/*																											*/
	/* 																											*/
	/* -------------------------------------------------------------------------------------------------------- */
	
	
	
	/* -- Container -- */
	.site-history-portrait #history{width:100%!important; height:100%!important;}
	
	
	
	/* ######################################################################################################### */
	/*   HISTORY INFO																							 */
	/* ######################################################################################################### */

	/* -- Round Info Container-- */
	.history2-portrait #history-info {width: 100%; padding: 16px; height: 100%; top: 0px; left: 0px;}
		
	/* -- Info Line -- */
	.history2-portrait .history-info-item {line-height:12px; font-size:12px; margin-bottom: 4px;}
	
	/* -- Info Value -- */
	.history2-portrait .history-info-value{font-size:13px;}
	
	/* -- JP Info Badge -- */
	.history2-portrait .jp-info-badge{text-align: center; padding-left:10px; padding-right:10px; float: right; height: 21px; font-size: 14px; border-radius: 5px; margin-bottom: 6px; border: 2px solid #ffcc00;}	
	

	
	/* ######################################################################################################### */
	/*   HISTORY MENU																							 */
	/* ######################################################################################################### */

	/* -- Menu-- */
	.history2-portrait .history-menu{width:100%; height:49px; position:absolute; bottom:0px;}
	
	
	
	/* ######################################################################################################### */
	/*   HISTORY PLAY BUTTON																					 */
	/* ######################################################################################################### */

	/* -- Play Button -- */
	.history2-portrait #btn-history-play {width:120px; height:120px; left:calc(50% - 60px); top:calc(50% - 60px);}

	
	
	/* ######################################################################################################### */
	/*   HISTORY CLOSE BUTTON																					 */
	/* ######################################################################################################### */

	/* -- Close Button Holder -- */
	.history2-portrait .history-close{width: 62px; height: 47px; left: 0px; bottom: 7px; position: fixed; /* margin: auto; */ /*background: green;*/}
	
	/* -- Close Button -- */
	.history2-portrait #btn-history-close {width:58px; height:46px; /*margin:auto;*/}
	
	
	
	/* ######################################################################################################### */
	/*   HISTORY BACK BUTTON																					 */
	/* ######################################################################################################### */

	/* -- Back Button Holder -- */
	.history2-portrait .history-back{width:62px; height:47px; position:fixed; right:0px; bottom:7px;}
	
	/* -- Back Button -- */
	.history2-portrait #btn-history-back{width: 62px; height:50px;}
	
	
	
	/* ######################################################################################################### */
	/*   HISTORY INVISIBLE SPIN																					 */
	/* ######################################################################################################### */

	/* -- History Spin Clicker -- */
	.history2-portrait #btn-history-spin{width: 120px; height: 120px; left: calc(50% - 60px); bottom: 121px; top: unset;}
	
	
	
	@supports not (-webkit-overflow-scrolling: touch) {
		
		/* ######################################################################################################### */
		/*   HISTORY FULL SCREEN																					 */
		/* ######################################################################################################### */

		/* -- History FS Btn -- */
		.history2-portrait #history-fs{width:32px; height:32px; top:10px; right:8px;}
		
	
		/* ######################################################################################################### */
		/*   HISTORY SOUND																					 */
		/* ######################################################################################################### */
		
		/* -- History Sound Btn -- */
		.history2-portrait #history-sound{width:32px; height:32px; top:54px; right:8px;}
	}
	
	@supports (-webkit-overflow-scrolling: touch) {
		
		/* ######################################################################################################### */
		/*   HISTORY FULL SCREEN																					 */
		/* ######################################################################################################### */

		/* -- History FS Btn -- */
		.history2-portrait #history-fs{display:none; width:32px; height:32px; top:54px; right:8px;}
	
	
	
		/* ######################################################################################################### */
		/*   HISTORY SOUND																					 */
		/* ######################################################################################################### */
		
		/* -- History Sound Btn -- */
		.history2-portrait #history-sound{width:32px; height:32px; top:10px; right:8px;}
	}
	
}
	




















/* ######################################################################################################### */
/* --------------------------------------------------------------------------------------------------------- */
/*																											 */
/*   Group D // iPhone 5 / Galaxy S3, S4, S5, S6, S6 Edge, HTC One X, BlackBerry Z10 / LG G5 				 */
/*																											 */
/* --------------------------------------------------------------------------------------------------------- */
/* ######################################################################################################### */

  
/* -- L A N D S C A P E -- */
@media screen 
	and (max-width: 320px) 
	and (max-height: 568px),(max-height: 640px) 
	and (orientation:landscape){
		
	#history-table::-webkit-scrollbar {width: 21px;}
	#history-table::-webkit-scrollbar-thumb{border: 4px solid; /*rgb(165, 42, 42);*/}
}

/* -- P O R T R A I T -- */
@media screen 
	and (max-width: 320px) 
	and (max-height: 568px),(max-height: 640px)
	and (orientation:portrait){
	
	/*.site-content-portrait{background:pink;}*/
	
	
	
	
	
	
	
	
	
	
	
	/* -------------------------------------------------------------------------------------------------------- */
	/* 																											*/
	/* 		 _____    ____   __   _   ____  _																	*/
	/*       |____|  |____|  | \  |  |___   |																	*/
	/*       |       |    |  |  \_|  |____  |____																*/
	/*																											*/
	/*																											*/
	/* -------------------------------------------------------------------------------------------------------- */
	
	
	
	/* ######################################################################################################### */
	/*   PANEL HOLDER																							 */
	/* ######################################################################################################### */
	
	.panel-portrait .panelHolder{bottom: 35%;}
	
	
	
	/* ######################################################################################################### */
	/*   GAME ID																								 */
	/* ######################################################################################################### */
	
	/* -- Game Id --*/
	.panel-portrait .gameId{top: 0px; left: 0px; font-size: 9px; padding-left:3px; padding-right:3px;}
	
	
	
	/* ######################################################################################################### */
	/*   RNG WIDGET																								 */
	/* ######################################################################################################### */
	
	#rng-button.rng-portrait {width: 476px; height: 200px; left: 395px; top: 647px;}

	
	
	/* ######################################################################################################### */
	/*   OPTIONS MENU																							 */
	/* ######################################################################################################### */

	/* -- Options Menu -- */
	.panel-portrait .optionsHolder{height:61px;}

	/*52*/
	/* -- Options Item -- */
	/*.panel-portrait .options-item:not(:last-child){width: calc((100% - 120px)/3);}
	.panel-portrait .options-item:last-child{width: 60px;}
	.panel-portrait .options-item:first-child{width: 60px;}*/
	
	/* -- Options Icon -- */
	/*.panel-portrait .options-item:not(:last-child) .optionsIcon{width:52px;}
	.panel-portrait .options-item:last-child .optionsIcon{width:52px;}	
	.panel-portrait .options-item:first-child .optionsIcon{width:52px;}*/
	
	
	/* -- Options Item -- */
	.panel-portrait .options-item:not(:last-child){/*background: pink;*/ width: calc((100% - 120px)/3);}
	.panel-portrait .options-item:last-child{/*background: red;*/ width: 60px;}
	.panel-portrait .options-item:first-child{/*background: blue;*/ width: 60px;}
	
	/* -- Options Icon -- */
	.panel-portrait .options-item:not(:last-child) .optionsIcon{width:52px;}
	.panel-portrait .options-item:last-child .optionsIcon{width:52px;}	
	.panel-portrait .options-item:first-child .optionsIcon{width:52px;}
	
	 
	/* ######################################################################################################### */
	/*   AUTO MENU																								 */
	/* ######################################################################################################### */
	
	/* -- Auto Menu Wrapper -- */ 
	.panel-portrait #autoplay-options-wrapper{height:389px;}

	/* -- Auto Close -- */
	.panel-portrait .autoClose{height:40px;}
	
	/* -- Auto Close Item -- */
	.panel-portrait .auto-close-item{width:46px; left:calc(50% - 23px); bottom:6px;}
	
	/* -- Autoplay Selection holder -- */
	.panel-portrait .auto-selection{width: 186px; height: 120px; margin: auto;}

	/* -- Auto Items -- */
	.panel-portrait #auto-items{width:186px; height:120px; margin-top:20px;}
	
	/* -- Auto Item -- */
	.panel-portrait .autoplay-item{width:46px; height:46px; margin-left:5px; margin-right:5px; margin-bottom: 5px; margin-top: 5px; font-size: 18px; line-height: 46px; border: 3px solid #ffcc00; border-radius: 40px;}
		
	/* -- infinity icon -- */
	.panel-portrait .infinityIcon{width:24px;}
	
	/* -- infinity icon:counter -- */
	.panel-portrait #infinity-counter {width:22px; top:-64px;}
	
	/* --  Auto Menu -- */
	.panel-portrait .autoMenu{height:140px;}
	
	/* -- Auto Menu Icon -- */
	.panel-portrait .autoInfoIcon{width: 50px; height: 35px; top: 6px;}
	
	/* -- */
	
	/* -- Auto Items -- */
	.panel-portrait #auto-content{width:300px; margin-top:30px;}

	/* -- Autoplay Label -- */
	.panel-portrait .autoLabel{font-size:21px;}
	
	/* -- On Off label -- */
	.custom-box-portrait .onoff-label{width: 130px;  height: 27px; font-size: 18px;}

	/* -- Auto Start -- */
	.panel-portrait #auto-start{width:50%; height:44px; font-size:24px; line-height:44px; border-radius:50px; margin:auto;}

	/* -- On Off Control -- */ 
	.custom-box-portrait .onoff-control{width:48px; height:28px; margin-top:-28px; }
	
	
	
	/* ######################################################################################################### */
	/*   OPTIONS BUTTON																							 */
	/* ######################################################################################################### */

	/* -- Options Button Icon -- */
	.panel-portrait .optionsButton{width: 47px; height: 35px; left: 5px; bottom: 14px;}
	
	
	
	/* ######################################################################################################### */
	/*   SOUND BUTTON																							 */
	/* ######################################################################################################### */

	/* -- Sound Icon -- */
	/*.panel-portrait .soundButton{width: 32px; height:32px; right: 8px; top: 54px;}*/
	
	@supports not (-webkit-overflow-scrolling: touch) {
		/* CSS for other than iOS devices */ 
	  
		/* -- Sound Icon -- */
		.panel-portrait .soundButton{width: 32px; height:32px; right: 8px; top: 54px;}

	}
	
	@supports (-webkit-overflow-scrolling: touch) {
	  /* CSS specific to iOS devices */ 
	  
		/* -- Sound Icon -- */
		.panel-portrait .soundButton{width: 32px; height:32px; right: 8px; top: 8px;}
	}
	
	/* ######################################################################################################### */
	/*   FULLSCREEN BUTTON																						 */
	/* ######################################################################################################### */

	/* -- Fullscreen Icon -- */
	.panel-portrait .fsButton{width:32px; height:32px; top:10px; right:8px;}
	
	
	
	/* ######################################################################################################### */
	/*   SPIN BUTTON																							 */
	/* ######################################################################################################### */

	/* -- Spin Button -- */
	.panel-portrait .spinButton{width:140px; height:140px; left:calc(50% - 70px); bottom:14%;}
	
	/* -- Spin Counter -- */
	.panel-portrait .autoCounter{height:25px; font-size:18px; top:57px;}

	
	
	/* ######################################################################################################### */
	/*   PANEL CONTROLS																							 */
	/* ######################################################################################################### */

	/* -- Panel Controls Back -- */
	.panel-portrait .controlsBack{height:40px;}
	
	

	/* ######################################################################################################### */
	/*   WIN LABEL																								 */
	/* ######################################################################################################### */

	/* -- Win Label Container -- */
	.panel-portrait .winLabel{/*bottom:41%;*/ height:40px;}
	
	/* -- Win Value -- */
	.panel-portrait .win-value{font-size: 22px; line-height: 18px; margin-top: 6px; height: 18px;}
	
	/* -- Win Label -- */
	.panel-portrait .win-label{font-size:12px; height: 10px; line-height: 10px;}
	
	/* -- Win Lines Set -- */
	.panel-portrait .infomsg-linewin-set{transform:scale(0.71);}

	/* -- Win Line Font -- */
	.panel-portrait .infomsg-linewin-font{font-size:15px; margin-top: 0px;}
	
	/* -- Win Line Pic -- */
	.panel-portrait .infomsg-linewin-pic{margin-top:-4px; margin-left:0px; margin-right:0px;}
	
	
	
	/* ######################################################################################################### */
	/*   CREDIT LABEL																							 */
	/* ######################################################################################################### */
	
	/* -- Credit Holder -- */
	.panel-portrait .creditLabel {left:16px; width:110px; bottom:62px;}
	
	/* -- Credit Value Holder -- */
	.panel-portrait #credit-holder-holder {width:134px; height:18px; top:6px; left:0;}
		
	/* -- Credit Label -- */
	.panel-portrait .cLabel{top: 16px; font-size:10px;}
	

	
	/* ######################################################################################################### */
	/*   BET LABEL																								 */
	/* ######################################################################################################### */
	
	/* -- Bet Label -- */
	.panel-portrait .betLabel {left: 16px; bottom: 98px;}
	
	/* -- Bet Value Holder -- */
	.panel-portrait #bet-holder-holder {width:94px; height:18px; top:-11px; left:0;}
	
	/* -- Bet Value -- */
	.panel-portrait .bLabel{top: 16px; font-size:10px;}
	
	
	
	/* ######################################################################################################### */
	/*   BET OPEN BUTTON																						 */
	/* ######################################################################################################### */

	/* -- Bet Open Icon -- */
	.panel-portrait .betOpenIcon{right:0px; width:50px; height:40px;}

	
	
	/* ######################################################################################################### */
	/*   BET CONTROL 																							 */
	/* ######################################################################################################### */
	
	/* -- Bet Control -- */
	.panel-portrait .betControl{width:63px; bottom:50px; right:-2px;}
	
	/* -- Bet Plus Button -- */
	.panel-portrait .betPlusControl{width:50px; height:50px;  bottom:26%;left:calc(50% + 50px);}

	/* -- Bet Minus Button -- */
	.panel-portrait .betMinusControl{width:50px; height:50px; bottom:17%; left:calc(50% + 50px);}
	
	
	
	/* ######################################################################################################### */
	/*   INFO BAR																								 */
	/* ######################################################################################################### */
	
	/* -- Info Bar Holder -- */
	.panel-portrait .infoHolder{height:26px; bottom:11px;}

	/* -- Info Bar Message -- */
	.panel-portrait .infoMessage{font-size:12px; line-height:20px;}
	
	/* -- Good Luck -- */
	.panel-portrait .goodluck-value{font-size: 15px; height: 40px; line-height: 40px; margin-top: 0px;}

	

	/* ######################################################################################################### */
	/*   FREE GAMES WIDGET																						 */
	/* ######################################################################################################### */

	/* -- Free Games Holder -- */
	.panel-portrait .freeHolder{width:96px; height: 64px; top:58%;}

	/* -- Free Games Label -- */
	.panel-portrait .freeLabel{width: 79px; height:20px; top:13px; left: 15px; font-size: 10px; line-height: 20px;}	

	
	@supports (-webkit-overflow-scrolling: touch) {
	  /* CSS specific to iOS devices */ 
	  
		/* -- Free Games value -- */
		.panel-portrait .freeValue{width: 79px; height:25px; top:35px; left: 13px; font-size: 21px; margin-top: -5px;}
	}
	 
	@supports not (-webkit-overflow-scrolling: touch) {
		/* CSS for other than iOS devices */ 
		
		/* -- Free Games value -- */
		.panel-portrait .freeValue{width: 79px; height:25px; top:36px; left: 13px; font-size: 21px; line-height: 25px;}	
	}
		

	/* -- Retrigger Value -- */
	.panel-portrait .retriggerValue{width: 21px; height:22px; top:2px; left:2px; font-size:16px; line-height: 22px;}

	
	
	/* ######################################################################################################### */
	/*   GAMBLE BUTTON																							 */
	/* ######################################################################################################### */

	/* -- Gamble Button -- */
	.panel-portrait .gambleButton{width:46px; height:46px; bottom: 9%; left: calc(50% - 23px);}

	
	
	/* ######################################################################################################### */
	/*   AUTO BUTTON																							 */
	/* ######################################################################################################### */
	
	/* -- Auto Button -- */
	.panel-portrait .autoButton{width:34px; height:34px; right: calc(50% - 17px - 34px); bottom: calc(10% + 60px);}
		
	
	
	/* ######################################################################################################### */
	/*   FASTPLAY BUTTON																						 */
	/* ######################################################################################################### */
	
		
	/* -- Auto Button -- */
	.panel-portrait .fastplayButton{/*background:red; */width:56px; height:56px; bottom:4px; right:2px;}
	
	
	
	/* ######################################################################################################### */
	/*  RNG																										 */
	/* ######################################################################################################### */
	
	/* -- Auto Button -- */
	/*#rng-button.rngb-portrait{width: 40px; height: 24px; left: 15px; font-size: 17px; border-radius:10px;}*/
	
	
	
	
	
	
	
	
	
	
	
	/* -------------------------------------------------------------------------------------------------------- */
	/*																											*/
	/*		 _____   ____  _____  _____  _   __   _    ____   ____												*/
	/*		 |___   |___     |      |    |   | \  |   |  __   |___ 												*/
	/*		 ____|  |____    |      |    |   |  \_|   |____|  ____|												*/
	/*																											*/
	/*																											*/
	/* -------------------------------------------------------------------------------------------------------- */
	
	
	/* ######################################################################################################### */
	/*   SETTINGS MENU																							 */
	/* ######################################################################################################### */

	/* -- Settings Menu -- */
	.settings-menu-portrait{height:61px;}
	
		
	/* -- Settings Item -- */
	.settings-menu-portrait .settings-item:not(:last-child){/*background:pink;*/ width:calc((100% - 120px)/3);}
	.settings-menu-portrait .settings-item:first-child{/*background:red;*/ width:60px;}
	.settings-menu-portrait .settings-item:last-child{/*background:blue;*/ width:60px;}
	
	.settings-menu-portrait .settings-item-selected:not(:last-child){/*background:pink;*/ width:calc((100% - 120px)/3);}
	.settings-menu-portrait .settings-item-selected:last-child{/*background:blue;*/ width:60px;}

	
	/* -- Settings Item  Selected -- */
	.settings-menu-portrait .settings-item:not(:last-child) .settings-icon{width:52px;}
	.settings-menu-portrait .settings-item:first-child .settings-icon{width:52px;}
	.settings-menu-portrait .settings-item:last-child .settings-icon{width:52px;}
	
	.settings-menu-portrait .settings-item-selected:not(:last-child) .settings-icon{width:52px;}
	.settings-menu-portrait .settings-item-selected:last-child .settings-icon{width:52px;}


	
	
	
	/* ######################################################################################################### */
	/*   SITE TITLE																								 */
	/* ######################################################################################################### */
	
	/* -- SETTING TITLE -- */
	.settings-title-portrait {font-size: 27px;  line-height: 46px;  height: 46px;}
	
	
	
	/* ######################################################################################################### */
	/*   SITE ICON																								 */
	/* ######################################################################################################### */
	
	/* -- Site Icon -- */
	.site-icon-portrait {width: 60px; height: 46px; top:1px;}
	
	
	
	/* ######################################################################################################### */
	/*   SITE CONTENT																							 */
	/* ######################################################################################################### */

	/* -- Site Content Container -- */
	.site-content-portrait {/*background: brown;*/ width: 100%; height: calc(100% - 106px); position: absolute;  top: 48px;}

	
	
	/* ######################################################################################################### */
	/*   COMPONENT: ON/OFF																						 */
	/* ######################################################################################################### */

	/* -- Container -- */
	.setting-box-portrait .toggle-ctrl{margin-top:25px; margin-bottom:25px; width:100%; height:28px;}
	
	/* -- On / Off Label -- */
	.setting-box-portrait .onoff-label{font-size: 17px;  width:calc(70% - 6px); height:28px; line-height:28px;}

	/* -- On / Off Button -- */
	.setting-box-portrait .onoff-control{/*background:red;*/ width: 48px; height: 28px; margin-top: -28px;}

	
	
	/* ######################################################################################################### */
	/*   COMPONENT: PLUS/MINUS																					 */
	/* ######################################################################################################### */

	/* -- Container -- */
	.setting-box-portrait .stepper-ctrl{margin-top:25px; margin-bottom:25px; width:100%; height:106px;}
	
	/* -- Stepper Label: Portrait -- */
	.setting-box-portrait .pm-label{font-size:18px; line-height:28px; height:28px;} 
		
	/* -- Stepper Plus Button -- */
	.setting-box-portrait .pm-plus-btn {width: 70px; right:calc(50% - 71px); top:40px;}
	
	/* -- Stepper Minus Button -- */
	.setting-box-portrait .pm-minus-btn {width: 70px; left:calc(50% - 71px); top:40px;}

	/* -- Stepper Value -- */
	.setting-box-portrait .pm-value {width: calc(100% - 6px)!important; padding:0; border-radius: 26px; border: 2px solid #ffcc00;}
	
	.tf{width:132px!important; height:30px!important; margin:auto;}
	.tf-value{width:132px!important;}
	
	/* -- Infinity Symbol -- */
	.setting-box-portrait .infinity-symbol {width: 40px; height: 5px; margin-top: 5px;}
	
	/* -- NEW: Text Holder -- */
	.setting-box-portrait .text-holder{left: calc(50% - 89px); width:178px; height: 34px; margin-left:0px;}

	/* -- NEW: Text Value -- */
	.setting-box-portrait .text-value{width:178px; height:34px; font-size:14px; line-height:24px;}
	
	
	/* ######################################################################################################### */
	/*   HISTORY TABLE																							 */
	/* ######################################################################################################### */
	
	/* -- Header Item -- */
	.site-content-portrait .h-header-item{font-size:11px; line-height:10px;}
	
	/* -- Row Item -- */
	.site-content-portrait .h-item{line-height: 10px; font-size: 9px;}
	
	/* -- Round ID -- */
	.site-content-portrait .round-id{font-size:11px; line-height: 11px;}
	
	/* -- Table Header -- */
	.site-content-portrait #history-header{height:30px; width: calc(100% - 21px);}
	
	/* -- Table Row -- */
	.site-content-portrait .history-row{height:37px;}
	
	/* -- Scroll -- */
	#history-table::-webkit-scrollbar{width:10px;}

	/* -- Scroll Thumb -- */
	#history-table::-webkit-scrollbar-thumb{border: 3px solid; /*rgb(165, 42, 42);*/ border-radius: 50px;}
	
	/* -- JP Badge -- */
	.site-content-portrait .jp-badge{width: 10px; font-size: 11px; line-height: 12px; border-radius:4px; margin-left: 0px; border: 2px solid #ffcc00;}
	
	/* -- Item Server Time -- */
	.site-content-portrait .item-servertime {font-size: 10px!important;  line-height: 9px!important;}
	
	
	/* -- Partial Items Holder -- */
	.site-content-portrait .h-part-items{margin-top: 3px; width:170px;}

	/* -- Partial Item -- */
	.site-content-portrait .h-part-item{height:9px; line-height:9px; margin-bottom:2px;}

	/* -- Partial Item Label -- */
	.site-content-portrait .h-part-label{width:70px; padding-right:3px;}

	/* -- Partial Item Value -- */
	.site-content-portrait .h-part-value{}
	
	
	
	
	
	
	
	
	
	
	
	/* -------------------------------------------------------------------------------------------------------- */
	/*																											*/
	/*   		    _  _____  _____  ____   _____   _    _														*/
	/* 		|____|  |  |___     |   |    |  |____|  |____|														*/
	/* 		|    |  |  ____|    |   |____|  |   \      |														*/
	/*																											*/
	/* 																											*/
	/* -------------------------------------------------------------------------------------------------------- */	
	
	
	
	/* -- Container -- */
	/*.site-history-portrait #history{width:100%!important; height:100%!important; z-index:1000;}*/
	
	
	
	/* ######################################################################################################### */
	/*   HISTORY INFO																							 */
	/* ######################################################################################################### */

	/* -- Info Container-- */
	.history2-portrait #history-info {width: 100%; padding: 16px; height: 100%; top: 0px; left: 0px;}
		
	/* -- Info Line -- */
	.history2-portrait .history-info-item {line-height:11px; font-size:11px; margin-bottom: 4px;}
	
	/* -- Info Value -- */
	.history2-portrait .history-info-value{font-size:11px;}
	
	/* -- JP Info Badge -- */
	.history2-portrait .jp-info-badge{text-align: center; padding-left:10px; padding-right:10px; float: right; height: 21px; font-size: 14px; border-radius: 5px; margin-bottom: 6px; border: 2px solid #ffcc00;}	
	
	
	
	/* ######################################################################################################### */
	/*   HISTORY MENU																							 */
	/* ######################################################################################################### */

	/* -- Menu-- */
	.history2-portrait .history-menu{width:100%; height:39px; position:absolute; bottom:0px;}
	
	
	
	/* ######################################################################################################### */
	/*   HISTORY PLAY BUTTON																					 */
	/* ######################################################################################################### */

	/* -- Play Button -- */
	.history2-portrait #btn-history-play {width:120px; height:120px; left:calc(50% - 60px); top:calc(50% - 60px);}

	
	
	/* ######################################################################################################### */
	/*   HISTORY CLOSE BUTTON																					 */
	/* ######################################################################################################### */

	/* -- Close Button Holder -- */
	.history2-portrait .history-close{width: 52px; height: 47px; position: fixed; bottom: 4px; left: 0px;}
	
	/* -- Close Button -- */
	.history2-portrait #btn-history-close {width: 52px; height: 47px;}
	
	
	
	/* ######################################################################################################### */
	/*   HISTORY BACK BUTTON																					 */
	/* ######################################################################################################### */

	/* -- Back Button Holder -- */
	.history2-portrait .history-back{width: 52px; height: 47px; position: fixed; bottom: 4px; right: 0px;}
	
	/* -- Back Button -- */
	.history2-portrait #btn-history-back{width: 52px; height: 47px;}
	
	
	
	/* ######################################################################################################### */
	/*   HISTORY INVISIBLE SPIN																					 */
	/* ######################################################################################################### */

	/* -- History Spin Clicker -- */
	.history2-portrait #btn-history-spin{width:110px; height:110px; left:calc(50% - 55px); bottom:94px; top:unset;}
	
	
	
	
	@supports not (-webkit-overflow-scrolling: touch) {
		/* CSS for other than iOS devices */ 
		
		
		/* ######################################################################################################### */
		/*   HISTORY FULL SCREEN																					 */
		/* ######################################################################################################### */

		/* -- History FS Btn -- */
		.history2-portrait #history-fs{width:32px; height:32px; top:10px; right:8px;}
		
		
		
		/* ######################################################################################################### */
		/*   HISTORY SOUND																					 */
		/* ######################################################################################################### */
		
		/* -- History Sound Btn -- */
		.history2-portrait #history-sound{width:32px; height:32px; top:54px; right:8px;}
	}
	
	@supports (-webkit-overflow-scrolling: touch) {
		/* CSS specific to iOS devices */ 
		
		
		/* ######################################################################################################### */
		/*   HISTORY FULL SCREEN																					 */
		/* ######################################################################################################### */

		/* -- History FS Btn -- */
		.history2-portrait #history-fs{display:none; width:32px; height:32px; top:54px; right:8px;}
		
		
		
		/* ######################################################################################################### */
		/*   HISTORY SOUND																					 */
		/* ######################################################################################################### */
		
		/* -- History Sound Btn -- */
		.history2-portrait #history-sound{width:32px; height:32px; top:10px; right:8px;}
	}
}






















/* ######################################################################################################### */
/* --------------------------------------------------------------------------------------------------------- */
/*																											 */
/*   Group C // iPhone 4																					 */
/*																											 */
/* --------------------------------------------------------------------------------------------------------- */
/* ######################################################################################################### */


/* -- L A N D S C A P E -- */
@media screen 
	and (max-width: 320px) 
	and (max-height:480px)
	and (orientation:landscape) {

	#history-table::-webkit-scrollbar {width: 21px;}
	#history-table::-webkit-scrollbar-thumb{border: 4px solid; /*rgb(165, 42, 42);*/}
}

/* -- P O R T R A I T -- */
@media screen 
	and (max-width: 320px) 
	and (max-height:480px)
	and (orientation:portrait) {
	
	/*.site-content-portrait{background:brown;}*/
	
	
	
	
	
	
	
	
	
	
	
	/* -------------------------------------------------------------------------------------------------------- */
	/* 																											*/
	/* 		 _____    ____   __   _   ____  _																	*/
	/*       |____|  |____|  | \  |  |___   |																	*/
	/*       |       |    |  |  \_|  |____  |____																*/
	/*																											*/
	/*																											*/
	/* -------------------------------------------------------------------------------------------------------- */
	
	
	
	/* ######################################################################################################### */
	/*   PANEL HOLDER																							 */
	/* ######################################################################################################### */
	
	.panel-portrait .panelHolder{bottom: 33%;}
	
	
	
	/* ######################################################################################################### */
	/*   GAME ID																								 */
	/* ######################################################################################################### */
	
	/* -- Game Id --*/
	.panel-portrait .gameId{top: 0px; left: 0px; font-size: 9px; padding-left:3px; padding-right:3px;}
	
	
	
	/* ######################################################################################################### */
	/*   RNG WIDGET																								 */
	/* ######################################################################################################### */
	
	#rng-button.rng-portrait {width: 476px; height: 186px; left: 395px; top: 644px;}

	
	
	/* ######################################################################################################### */
	/*   OPTIONS MENU																							 */
	/* ######################################################################################################### */

	/* -- Options Menu -- */
	.panel-portrait .optionsHolder{height:60px;}	
	
	/* 48 */
	/* -- Options Item -- */
	.panel-portrait .options-item:not(:last-child){/*background: pink;*/ width: calc((100% - 120px)/3);}
	.panel-portrait .options-item:last-child{/*background: red;*/ width: 60px;}
	.panel-portrait .options-item:first-child{/*background: blue;*/ width: 60px;}
	
	/* -- Options Icon -- */
	.panel-portrait .options-item:not(:last-child) .optionsIcon{width:50px;}
	.panel-portrait .options-item:last-child .optionsIcon{width:50px;}	
	.panel-portrait .options-item:first-child .optionsIcon{width:50px;}
	
	 
	/* ######################################################################################################### */
	/*   AUTO MENU																								 */
	/* ######################################################################################################### */
	
	/* -- Auto Menu Wrapper -- */ 
	.panel-portrait #autoplay-options-wrapper{height:350px;}

	/* -- Auto Close -- */
	.panel-portrait .autoClose{height:40px;}
	
	/* -- Auto Close Item -- */
	.panel-portrait .auto-close-item{width:46px; left:calc(50% - 23px);}
	
	/* -- Autoplay Selection holder -- */
	.panel-portrait .auto-selection{width: 168px; height: 104px; margin: auto;}

	/* -- Auto Items -- */
	.panel-portrait #auto-items{width:168px; height:109px; margin-top:20px;}
	
	/* -- Auto Item -- */
	.panel-portrait .autoplay-item{width: 40px; height: 40px; margin-left: 5px; margin-right: 5px; margin-bottom: 5px; margin-top: 5px; font-size: 16px; line-height: 40px; border: 3px solid #ffcc00; border-radius: 40px;}
	
	/* -- infinity icon -- */
	.panel-portrait .infinityIcon{width:23px;}
	
	/* -- infinity icon:counter -- */
	.panel-portrait #infinity-counter {width:23px; top:-57px;}
	
	/* --  Auto Menu -- */
	/*.panel-portrait .autoMenu{height:130px;}*/
	
	/* -- Auto Menu Icon -- */
	.panel-portrait .autoInfoIcon{width: 50px; height: 35px; top: 6px;}
	
	/* -- */
	
	/* -- Auto Items -- */
	.panel-portrait #auto-content{width:280px; margin-top:20px;}

	/* -- Autoplay Label -- */
	.panel-portrait .autoLabel{font-size:19px; margin-bottom: 18px; text-align:center;}
	
	/* -- On Off label -- */
	.custom-box-portrait .onoff-label{width: 130px;  height: 26px; font-size: 16px;}

	/* -- Auto Start -- */
	.panel-portrait #auto-start{width: 50%; height: 38px; font-size: 20px; line-height: 38px; border-radius: 37px; margin: auto;}
	
	/* -- On Off Control -- */ 
	.custom-box-portrait .onoff-control{width:46px; height:26px; margin-top:-26px; }
	
	/* -- Auto Spacing -- */
	.panel-portrait .autoSpacing{margin-bottom:9px;}
	
	
	/* ######################################################################################################### */
	/*   OPTIONS BUTTON																							 */
	/* ######################################################################################################### */

	/* -- Options Button Icon -- */
	.panel-portrait .optionsButton{width: 46px; height: 36px; left: 5px; bottom: 12px;}
	
	
	
	/* ######################################################################################################### */
	/*   SOUND BUTTON																							 */
	/* ######################################################################################################### */

	/* -- Sound Icon -- */
	/*.panel-portrait .soundButton{width: 28px; height:28px; right: 8px; top: 44px;}*/
	
	@supports not (-webkit-overflow-scrolling: touch) {
		/* CSS for other than iOS devices */ 
	  
		/* -- Sound Icon -- */
		.panel-portrait .soundButton{width: 28px; height:28px; right: 8px; top: 44px;}

	}
	
	@supports (-webkit-overflow-scrolling: touch) {
	  /* CSS specific to iOS devices */ 
	  
		/* -- Sound Icon -- */
		.panel-portrait .soundButton{width: 28px; height:28px; right: 8px; top: 8px;}
	}
	
	
	/* ######################################################################################################### */
	/*   FULLSCREEN BUTTON																						 */
	/* ######################################################################################################### */

	/* -- Fullscreen Icon -- */
	.panel-portrait .fsButton{width:28px; height:28px; top:10px; right:8px;}
	
	
	
	/* ######################################################################################################### */
	/*   SPIN BUTTON																							 */
	/* ######################################################################################################### */

	/* -- Spin Button -- */
	.panel-portrait .spinButton{width:130px; height:130px; left:calc(50% - 65px); bottom:14%;}
	
	/* -- Spin Counter -- */
	.panel-portrait .autoCounter{height:25px; font-size:16px; top:54px;}

	
	
	/* ######################################################################################################### */
	/*   PANEL CONTROLS																							 */
	/* ######################################################################################################### */

	/* -- Panel Controls Back -- */
	.panel-portrait .controlsBack{height:36px;}
	
	

	/* ######################################################################################################### */
	/*   WIN LABEL																								 */
	/* ######################################################################################################### */

	/* -- Win Label Container -- */
	.panel-portrait .winLabel{/*bottom:41%;*/ height:37px;}
	
	/* -- Win Value -- */
	.panel-portrait .win-value{font-size:22px; height:20px; line-height:20px; margin-top:4px;}
	
	/* -- Win Label -- */
	.panel-portrait .win-label{font-size:11px; height:8px; line-height:8px;}
	
	/* -- Win Lines Set -- */
	.panel-portrait .infomsg-linewin-set{transform:scale(0.7);}

	/* -- Win Line Font -- */
	.panel-portrait .infomsg-linewin-font{font-size:15px; margin-top: 0px;}
	
	/* -- Win Line Pic -- */
	.panel-portrait .infomsg-linewin-pic{margin-top:-4px; margin-left:0px; margin-right:0px;}
	
	
	
	/* ######################################################################################################### */
	/*   CREDIT LABEL																							 */
	/* ######################################################################################################### */
	
	/* -- Credit Holder -- */
	.panel-portrait .creditLabel {left:16px; width:110px; bottom:65px;}
	
	/* -- Credit Value Holder -- */
	.panel-portrait #credit-holder-holder {width:120px; height:18px; top:6px; left:0;}
		
	/* -- Credit Label -- */
	.panel-portrait .cLabel{top: 16px; font-size:10px;}
	

	
	/* ######################################################################################################### */
	/*   BET LABEL																								 */
	/* ######################################################################################################### */
	
	/* -- Bet Label -- */
	.panel-portrait .betLabel {left: 16px; bottom: 98px;}
	
	/* -- Bet Value Holder -- */
	.panel-portrait #bet-holder-holder {width:96px; height:18px; top:-11px; left:0;}
	
	/* -- Bet Value -- */
	.panel-portrait .bLabel{top: 16px; font-size:10px;}
	
	
	
	/* ######################################################################################################### */
	/*   BET OPEN BUTTON																						 */
	/* ######################################################################################################### */

	/* -- Bet Open Icon -- */
	.panel-portrait .betOpenIcon{right:0px; width:46px; height:36px;}

	
	
	/* ######################################################################################################### */
	/*   BET CONTROL 																							 */
	/* ######################################################################################################### */
	
	/* -- Bet Control -- */
	.panel-portrait .betControl{width: 63px; bottom: 51px; right: -2px;}
	
	/* -- Bet Plus Button -- */
	.panel-portrait .betPlusControl{width:50px; height:50px;  bottom:28%; left:calc(50% + 50px);}

	/* -- Bet Minus Button -- */
	.panel-portrait .betMinusControl{width:50px; height:50px; bottom:18%; left:calc(50% + 50px);}
	
	
	
	/* ######################################################################################################### */
	/*   INFO BAR																								 */
	/* ######################################################################################################### */
	
	/* -- Info Bar Holder -- */
	.panel-portrait .infoHolder{height:20px; bottom:17px;}

	/* -- Info Bar Message -- */
	.panel-portrait .infoMessage{font-size:12px; line-height:20px;}
	
	/* -- Good Luck -- */
	.panel-portrait .goodluck-value{font-size: 17px; line-height: 36px; margin-top: 0px; height: 36px;}

	

	/* ######################################################################################################### */
	/*   FREE GAMES WIDGET																						 */
	/* ######################################################################################################### */

	/* -- Free Games Holder -- */
	.panel-portrait .freeHolder{width:90px; height: 59px; top:57%;}

	/* -- Free Games Label -- */
	.panel-portrait .freeLabel{width: 79px; height:20px; top:13px; left: 11px; font-size: 10px; line-height: 20px;}	

	
	@supports (-webkit-overflow-scrolling: touch) {
		/* CSS specific to iOS devices */ 
	  
		/* -- Free Games value -- */		
		.panel-portrait .freeValue{width: 73px; height:24px; top:32px; left: 13px; font-size: 20px; margin-top:-4px;}
	}
	 
	@supports not (-webkit-overflow-scrolling: touch) {
		/* CSS for other than iOS devices */ 
		
		/* -- Free Games value -- */
		.panel-portrait .freeValue{width: 73px; height:24px; top:33px; left: 13px; font-size: 20px; line-height: 24px;}
	}

	/* -- Retrigger Value -- */
	.panel-portrait .retriggerValue{width: 21px; height:22px; top:2px; left:2px; font-size:16px; line-height: 22px;}

	
	
	/* ######################################################################################################### */
	/*   GAMBLE BUTTON																							 */
	/* ######################################################################################################### */

	/* -- Gamble Button -- */
	.panel-portrait .gambleButton{width:44px; height:44px; bottom: 8%; left: calc(50% - 22px);}

	
	
	/* ######################################################################################################### */
	/*   AUTO BUTTON																							 */
	/* ######################################################################################################### */
	
	/* -- Auto Button -- */
	.panel-portrait .autoButton{width:44px; height:44px; bottom:8%; left:calc(50% - 22px);}
	
	
	
	/* ######################################################################################################### */
	/*   FASTPLAY BUTTON																							 */
	/* ######################################################################################################### */
	
	/* -- Auto Button -- */
	.panel-portrait .fastplayButton{/*background:red;*/ width:54px; height:54px; bottom:4px; right:2px;}
	
	
	
	/* ######################################################################################################### */
	/*  RNG																										 */
	/* ######################################################################################################### */
	
	/* -- Auto Button -- */
	/*#rng-button.rngb-portrait{width: 40px; height: 24px; left: 15px; font-size: 17px; border-radius:10px;}*/
	
	
	
	
	
	
	
	
	
	
	
	/* -------------------------------------------------------------------------------------------------------- */
	/*																											*/
	/*		 _____   ____  _____  _____  _   __   _    ____   ____												*/
	/*		 |___   |___     |      |    |   | \  |   |  __   |___ 												*/
	/*		 ____|  |____    |      |    |   |  \_|   |____|  ____|												*/
	/*																											*/
	/*																											*/
	/* -------------------------------------------------------------------------------------------------------- */
	
	
	
	/* ######################################################################################################### */
	/*   SETTINGS MENU																							 */
	/* ######################################################################################################### */

	/* -- Settings Menu -- */
	.settings-menu-portrait{height:62px;}
	
	
	/* -- Settings Item -- */
	.settings-menu-portrait .settings-item:not(:last-child){/*background:pink;*/ width:calc((100% - 120px)/3);}
	.settings-menu-portrait .settings-item:first-child{/*background:red;*/ width:60px;}
	.settings-menu-portrait .settings-item:last-child{/*background:blue;*/ width:60px;}
	
	.settings-menu-portrait .settings-item-selected:not(:last-child){/*background:pink;*/ width:calc((100% - 120px)/3);}
	.settings-menu-portrait .settings-item-selected:last-child{/*background:blue;*/ width:60px;}

	
	/* -- Settings Item  Selected -- */
	.settings-menu-portrait .settings-item:not(:last-child) .settings-icon{width:50px; margin-top: 12px;}
	.settings-menu-portrait .settings-item:first-child .settings-icon{width:50px; margin-top: 12px;}
	.settings-menu-portrait .settings-item:last-child .settings-icon{width:50px; margin-top: 12px;}
	
	.settings-menu-portrait .settings-item-selected:not(:last-child) .settings-icon{width:50px;margin-top: 12px;}
	.settings-menu-portrait .settings-item-selected:last-child .settings-icon{width:50px; margin-top: 12px;}
	
	
	
	/* ######################################################################################################### */
	/*   SITE CONTENT																							 */
	/* ######################################################################################################### */

	/* -- Site Content Container -- */
	.site-content-portrait {/*background: brown;*/ width: 100%; height: calc(100% - 100px); position: absolute; top: 42px;}

	
	
	/* ######################################################################################################### */
	/*   SITE ICON																								 */
	/* ######################################################################################################### */
	
	/* -- Site Icon -- */
	.site-icon-portrait {/* background: gray; */width: 46px; top: 3px; height: 40px;}
	
	
	
	/* ######################################################################################################### */
	/*   SITE TITLE																								 */
	/* ######################################################################################################### */
	
	/* -- SETTING TITLE -- */
	.settings-title-portrait{font-size: 22px; height: 40px; line-height: 40px;}
	
	
	
	/* ######################################################################################################### */
	/*   COMPONENT: ON/OFF																						 */
	/* ######################################################################################################### */
	
	/* -- Container -- */
	.setting-box-portrait .toggle-ctrl{margin-bottom:24px; margin-top:24px; margin-top: 24px; width: 93%; height:26px;}
	
	/* -- On / Off Label -- */
	.setting-box-portrait .onoff-label{font-size: 14px;  width:calc(70% - 6px); height:26px; line-height:26px;}

	/* -- On / Off Button -- */
	.setting-box-portrait .onoff-control{/*background:red;*/ width: 46px; height: 26px; margin-top: -26px;}

	
	
	/* ######################################################################################################### */
	/*   COMPONENT: PLUS/MINUS																					 */
	/* ######################################################################################################### */

	/* -- Container -- */
	.setting-box-portrait .stepper-ctrl{margin-top:24px; margin-bottom:24px; width:100%; height:96px;}
	
	/* -- Stepper Label: Portrait -- */
	.setting-box-portrait .pm-label{font-size:16px; line-height:26px; height:26px;} 
		
	/* -- Stepper Value -- */
	.setting-box-portrait .pm-value {width: calc(100% - 6px)!important; padding: 2px 0 2px 0; border-radius: 16px; border: 2px solid #ffcc00;}
	
	.tf{width:82px!important; height:24px!important; margin:auto;}
	.tf-value{width:82px!important;}
	
	.setting-box-portrait .stepper-control {/*background: brown;*/   width: 80%;  position: relative; left: 10%; height: 31px;}
	/* -- Stepper Plus Button -- */
	.setting-box-portrait .pm-plus-btn {/*background:green;*/position:absolute; width: 60px; right:calc(50% - 61px); top:37px;}
	
	/* -- Stepper Minus Button -- */
	.setting-box-portrait .pm-minus-btn {/*background:green;*/position:absolute; width: 60px; left:calc(50% - 61px); top:37px;}
	
	/* -- Infinity Symbol -- */
	.setting-box-portrait .infinity-symbol {width: 34px; height: 3px; margin-top: 9px;}
	
	/* -- NEW: Text Holder -- */
	.setting-box-portrait .text-holder{left: calc(50% - 89px); width:178px; height: 32px; margin-left:0px;}

	/* -- NEW: Text Value -- */
	.setting-box-portrait .text-value{width:178px; height:32px; font-size:14px; line-height:24px;}
	
	
	/* ######################################################################################################### */
	/*   HISTORY TABLE																							 */
	/* ######################################################################################################### */
	
	/* -- Header Item -- */
	.site-content-portrait .h-header-item{font-size:9px; line-height:9px;}
	
	/* -- Row Item -- */
	.site-content-portrait .h-item{line-height: 8px; font-size: 9px; width: calc(100% - 21px);}
	
	/* -- Round ID -- */
	.site-content-portrait .round-id{font-size:11px; line-height: 7px;}
	
	/* -- Table Header -- */
	.site-content-portrait #history-header{height:24px;}
	
	/* -- Table Row -- */
	.site-content-portrait .history-row{height:37px;}
	
	/* -- JP Badge -- */
	.site-content-portrait .jp-badge{width: 8px; font-size: 8px; line-height: 10px; border-radius:4px; margin-left: 0px; border: 2px solid #ffcc00;}
	
	/* -- Item Server Time -- */
	.site-content-portrait .item-servertime {font-size: 10px!important;  line-height: 9px!important;}
	
	
	/* -- Partial Items Holder -- */
	.site-content-portrait .h-part-items{margin-top: 3px; width:170px;}

	/* -- Partial Item -- */
	.site-content-portrait .h-part-item{height:9px; line-height:9px; margin-bottom: 2px;}

	/* -- Partial Item Label -- */
	.site-content-portrait .h-part-label{width:70px; padding-right:3px;}

	/* -- Partial Item Value -- */
	.site-content-portrait .h-part-value{}
	
	
	
	
	
	
	
	
	
	
	
	/* -------------------------------------------------------------------------------------------------------- */
	/*																											*/
	/*   		    _  _____  _____  ____   _____   _    _														*/
	/* 		|____|  |  |___     |   |    |  |____|  |____|														*/
	/* 		|    |  |  ____|    |   |____|  |   \      |														*/
	/*																											*/
	/* 																											*/
	/* -------------------------------------------------------------------------------------------------------- */	 

	

	/* -- Container -- */
	/*.site-history-portrait #history{width:100%!important; height:100%!important;}*/
	
	
	
	/* ######################################################################################################### */
	/*   HISTORY INFO																							 */
	/* ######################################################################################################### */
	
	/* -- Info Container-- */
	.history2-portrait #history-info {width: 100%; padding: 16px; height: 100%; top: 0px; left: 0px;}
		
	/* -- Info Line -- */
	.history2-portrait .history-info-item {line-height:10px; font-size:10px; margin-bottom: 2px;}
	
	/* -- Info Value -- */
	.history2-portrait .history-info-value{font-size:11px;}
	
	/* -- JP Info Badge -- */
	.history2-portrait .jp-info-badge{text-align: center; padding-left:10px; padding-right:10px; float: right; height: 20px; font-size: 13px; border-radius: 5px; margin-bottom: 6px; border: 2px solid #ffcc00;}	
	
	
	
	/* ######################################################################################################### */
	/*   HISTORY MENU																							 */
	/* ######################################################################################################### */
	
	/* -- Menu-- */
	.history2-portrait .history-menu{width:100%; height:34px; position:absolute; bottom:0px;}
	
	
	
	/* ######################################################################################################### */
	/*   HISTORY PLAY BUTTON																					 */
	/* ######################################################################################################### */
	
	/* -- Play Button -- */
	.history2-portrait #btn-history-play {width:100px; height:100px; left:calc(50% - 50px); top:calc(50% - 50px);}

	
	
	/* ######################################################################################################### */
	/*   HISTORY CLOSE BUTTON																					 */
	/* ######################################################################################################### */
	
	/* -- Close Button Holder -- */
	.history2-portrait .history-close{width: 56px; height: 43px; position: fixed; bottom: 6px; left: 0px;}
	
	/* -- Close Button -- */
	.history2-portrait #btn-history-close {width: 50px; height: 43px;}
	
	
	
	/* ######################################################################################################### */
	/*   HISTORY BACK BUTTON																					 */
	/* ######################################################################################################### */
	
	
	/* -- Back Button Holder -- */
	.history2-portrait .history-back{width: 56px; height: 43px; position: fixed; bottom: 6px; right: 0px;}
	
	/* -- Back Button -- */
	.history2-portrait #btn-history-back{width: 50px; height: 43px;}
	
	
	
	/* ######################################################################################################### */
	/*   HISTORY INVISIBLE SPIN																					 */
	/* ######################################################################################################### */
	
	/* -- History Spin Clicker -- */
	.history2-portrait #btn-history-spin{width:100px; height:100px; left:calc(50% - 50px); bottom:80px; top:unset;}
	
	
	
	
	@supports not (-webkit-overflow-scrolling: touch) {
		/* CSS for other than iOS devices */ 
	
		
		/* ######################################################################################################### */
		/*   HISTORY FULL SCREEN																					 */
		/* ######################################################################################################### */

		/* -- History FS Btn -- */
		.history2-portrait #history-fs{width:28px; height:28px; top:10px; right:8px;}
	
	
	
		/* ######################################################################################################### */
		/*   HISTORY SOUND																					 */
		/* ######################################################################################################### */
	
		/* -- History Sound Btn -- */
		.history2-portrait #history-sound{width:28px; height:28px; top:44px; right:8px;}
	}
	
	@supports (-webkit-overflow-scrolling: touch) {
		/* CSS specific to iOS devices */ 
	
		
		/* ######################################################################################################### */
		/*   HISTORY FULL SCREEN																					 */
		/* ######################################################################################################### */

		/* -- History FS Btn -- */
		.history2-portrait #history-fs{display:none; width:28px; height:28px; top:44px; right:8px;}
	
	
	
		/* ######################################################################################################### */
		/*   HISTORY SOUND																					 */
		/* ######################################################################################################### */
	
		/* -- History Sound Btn -- */
		.history2-portrait #history-sound{width:28px; height:28px; top:10px; right:8px;}
	}
}






	
















/* ######################################################################################################### */
/* --------------------------------------------------------------------------------------------------------- */
/*																											 */
/*   Group B // Huawei T3																					 */
/*																											 */
/* --------------------------------------------------------------------------------------------------------- */
/* ######################################################################################################### */

	
@media screen
	and (max-width: 800px)
	and (max-height: 1280px) 
	and (-webkit-min-device-pixel-ratio: 1.33) 
	and (-webkit-max-device-pixel-ratio: 1.34) 
	and (orientation:portrait){

		
	/* -------------------------------------------------------------------------------------------------------- */
	/*																											*/
	/* 		 _____    ____   __   _   ____  _																	*/
	/*       |____|  |____|  | \  |  |___   |																	*/
	/*       |       |    |  |  \_|  |____  |____																*/
	/*																											*/
	/*																											*/
	/* -------------------------------------------------------------------------------------------------------- */
	
	
	
	/* ######################################################################################################### */
	/*   PANEL HOLDER																							 */
	/* ######################################################################################################### */
	
	.panel-portrait .panelHolder{bottom: 31%;}
	
	
	
	/* ######################################################################################################### */
	/*   GAME ID																								 */
	/* ######################################################################################################### */
	
	/* -- Game Id --*/
	.panel-portrait .gameId{top: 0px; left: 0px; font-size: 12px; padding-left:3px; padding-right:3px;}
	
	
	
	/* ######################################################################################################### */
	/*   RNG WIDGET																								 */
	/* ######################################################################################################### */
	
	#rng-button.rng-portrait {width: 476px; height: 100px; left: 395px; top: 648px;}

	
	
	/* ######################################################################################################### */
	/*   OPTIONS MENU																							 */
	/* ######################################################################################################### */

	/* -- Options Menu -- */
	.panel-portrait .optionsHolder{height:71px;}

	/* -- Options Item: Middle -- */
	.panel-portrait .options-item:not(:last-child){width: calc((100% - 240px)/3);}
	
	/* -- Options Item: Last -- */
	.panel-portrait .options-item:last-child{width: 120px;}
	
	/* -- Options Item: First -- */
	.panel-portrait .options-item:first-child{width: 120px;}
	
	/* -- Options Icon: Middle -- */
	.panel-portrait .options-item:not(:last-child) .optionsIcon{width:68px;}
	
	/* -- Options Icon: Last -- */
	.panel-portrait .options-item:last-child .optionsIcon{width:68px;}	
	
	/* -- Options Icon: First -- */
	.panel-portrait .options-item:first-child .optionsIcon{width:68px;}
	
	
	
	/* ######################################################################################################### */
	/*   AUTO MENU																								 */
	/* ######################################################################################################### */
		
	/* -- Auto Menu Wrapper -- */ 
	.panel-portrait #autoplay-options-wrapper{height:488px;}

	/* -- Auto Close -- */
	.panel-portrait .autoClose{height:50px;}
	
	/* -- Auto Close Item -- */
	.panel-portrait .auto-close-item{width:60px; left:calc(50% - 30px); bottom:7px;}
	
	/* -- Autoplay Selection holder -- */
	.panel-portrait .auto-selection{width: 234px; height: 151px; margin: auto;}
	
	/* -- Auto Items -- */
	.panel-portrait #auto-items{width:235px; height:151px; margin-top:20px;}
	
		/* -- Auto Item -- */
	.panel-portrait .autoplay-item{width: 56px; height: 56px; margin-left: 7px; margin-right: 7px; margin-bottom: 7px; margin-top: 7px; font-size: 24px; line-height: 56px; border: 4px solid #ffcc00; border-radius: 40px;}
	
	/* -- infinity icon -- */
	.panel-portrait .infinityIcon{width:34px;}
	
	/* -- infinity icon:counter -- */
	.panel-portrait #infinity-counter {width:30px; top:-81px;}
	
	/* --  Auto Menu -- */
	.panel-portrait .autoMenu{height:180px;}
	
	/* -- Auto Menu Icon -- */
	.panel-portrait .autoInfoIcon{width:60px; height:45px; top:6px; right:0px;}

	/* -- Auto Items -- */
	.panel-portrait #auto-content{width:560px; margin-top:20px;}

	/* -- Autoplay Label -- */
	.panel-portrait .autoLabel{font-size:28px; text-align:center; margin-bottom:10px;}
	
	/* -- On Off label -- */
	.custom-box-portrait .onoff-label{width: 130px;  height: 38px; font-size: 24px;}

	/* -- On Off Control -- */ 
	.custom-box-portrait .onoff-control{width:64px; height:38px; margin-top:-38px; }
	
	/* -- Auto Start -- */
	.panel-portrait #auto-start{width:40%; height:50px; font-size:30px; line-height:50px; border-radius:50px; margin:auto;}

	
	
	/* ######################################################################################################### */
	/*   OPTIONS BUTTON																							 */
	/* ######################################################################################################### */

	/* -- Options Button Icon -- */
	.panel-portrait .optionsButton{width:60px; height:45px; left:5px; bottom:12px;}
	
	
	
	/* ######################################################################################################### */
	/*   SOUND BUTTON																							 */
	/* ######################################################################################################### */

	@supports not (-webkit-overflow-scrolling: touch) {
		/* CSS for other than iOS devices */ 
	  
		/* -- Sound Icon -- */
		.panel-portrait .soundButton{width:42px; height:42px; right:8px; top:66px;}

	}
	
	@supports (-webkit-overflow-scrolling: touch) {
	  /* CSS specific to iOS devices */ 
	  
		/* -- Sound Icon -- */
		.panel-portrait .soundButton{width:42px; height:42px; right:8px; top:8px;}
	}
	
	
	
	/* ######################################################################################################### */
	/*   FULLSCREEN BUTTON																						 */
	/* ######################################################################################################### */

	/* -- Fullscreen Icon -- */
	.panel-portrait .fsButton{width:42px; height:42px; top:10px; right:8px;}
	
	
	
	/* ######################################################################################################### */
	/*   SPIN BUTTON																							 */
	/* ######################################################################################################### */

	/* -- Spin Button -- */
	.panel-portrait .spinButton{width:200px; height:200px; left:calc(50% - 100px); bottom:9%;}
	
	/* -- Spin Counter -- */
	.panel-portrait .autoCounter{height:25px; font-size:24px; top:82px;}
	
	
	
	/* ######################################################################################################### */
	/*   PANEL CONTROLS																							 */
	/* ######################################################################################################### */

	/* -- Panel Controls Back -- */
	.panel-portrait .controlsBack{height:47px;}


	
	/* ######################################################################################################### */
	/*   WIN LABEL																								 */
	/* ######################################################################################################### */

	/* -- Win Label Container -- */
	.panel-portrait .winLabel{/*bottom:35%;*/ height:53px;}
	
	/* -- Win Value -- */
	.panel-portrait .win-value{font-size:32px; height:26px; line-height:26px; margin-top:7px;}
	
	/* -- Win Label -- */
	.panel-portrait .win-label{font-size:14px; height:12px; line-height:12px;}
	
	/* -- Win Line Set -- */
	.panel-portrait .infomsg-linewin-set{transform:scale(0.8);}

	/* -- Win Line Font -- */
	.panel-portrait .infomsg-linewin-font{font-size:20px; margin-top: 0px;}

	/* -- Win Line Pic -- */
	.panel-portrait .infomsg-linewin-pic{margin-top:0px; margin-left:0px; margin-right:0px;}
	

	
	/* ######################################################################################################### */
	/*   CREDIT LABEL																							 */
	/* ######################################################################################################### */
	
	/* -- Credit Holder -- */
	.panel-portrait .creditLabel {left:16px; width:110px; bottom:89px;}
	
	/* -- Credit Value Holder -- */
	.panel-portrait #credit-holder-holder {width:226px; height:32px; top:10px; left:0;}
		
	/* -- Credit Label -- */
	.panel-portrait .cLabel{top: 16px; font-size:14px;}
	

	
	/* ######################################################################################################### */
	/*   BET LABEL																								 */
	/* ######################################################################################################### */
	
	/* -- Bet Label -- */
	.panel-portrait .betLabel {left: 16px; bottom: 124px;}
	
	/* -- Bet Value Holder -- */
	.panel-portrait #bet-holder-holder {width:186px; height:32px; top:-26px; left:0;}
	
	/* -- Bet Value -- */
	.panel-portrait .bLabel{top: 16px; font-size:14px;}
	
	
	
	/* ######################################################################################################### */
	/*   BET OPEN BUTTON																						 */
	/* ######################################################################################################### */

	/* -- Bet Open Icon -- */
	.panel-portrait .betOpenIcon{right:0px; width:60px; height:47px;}

	
	
	/* ######################################################################################################### */
	/*   BET CONTROL 																							 */
	/* ######################################################################################################### */
	
	/* -- Bet Control -- */
	.panel-portrait .betControl{width:90px; bottom:74px; right:-4px;}
	
	/* -- Bet Plus Button -- */
	.panel-portrait .betPlusControl{width:70px; height:70px;  bottom:21%; left:calc(50% + 70px);}

	/* -- Bet Minus Button -- */
	.panel-portrait .betMinusControl{width:70px; height:70px; bottom:14%; left:calc(50% + 70px);}
	
	
	
	/* ######################################################################################################### */
	/*   INFO BAR																								 */
	/* ######################################################################################################### */
	
	/* -- Info Bar Holder -- */
	.panel-portrait .infoHolder{height:26px; bottom:20px;}

	/* -- Info Bar Message -- */
	.panel-portrait .infoMessage{font-size:14px; line-height:26px;}
	
	/* -- Good Luck -- */
	.panel-portrait .goodluck-value{font-size: 26px; line-height: 46px; margin-top: 1px; height: 46px;}

	

	/* ######################################################################################################### */
	/*   FREE GAMES WIDGET																						 */
	/* ######################################################################################################### */

	/* -- Free Games Holder -- */
	.panel-portrait .freeHolder{width:128px; height: 85px; top:66%;}

	/* -- Free Games Label -- */
	.panel-portrait .freeLabel{width: 111px; height:26px; top:19px; left: 15px; font-size: 14px; line-height: 26px;}	

	/* -- Free Games value -- */
	.panel-portrait .freeValue{width: 111px; height:44px; top:41px; left: 14px; font-size: 28px; line-height: 44px;}

	/* -- Retrigger Value -- */
	.panel-portrait .retriggerValue{width: 25px; height:24px; top:2px; left:2px; font-size:20px; line-height: 24px;}

	
	
	/* ######################################################################################################### */
	/*   GAMBLE BUTTON																							 */
	/* ######################################################################################################### */

	/* -- Gamble Button -- */
	.panel-portrait .gambleButton{width:66px; height: 66px; bottom: 6%; left: calc(50% - 33px);}

	
	
	/* ######################################################################################################### */
	/*   AUTO BUTTON																							 */
	/* ######################################################################################################### */
	
	/* -- Auto Button -- */
	.panel-portrait .autoButton{width:44px; height:44px; right: calc(50% - 16px - 46px); bottom: calc(8% + 50px + 11px);}
	
	
	
	/* ######################################################################################################### */
	/*   FASTPLAY BUTTON																						 */
	/* ######################################################################################################### */
	
	/* -- Auto Button -- */
	.panel-portrait .fastplayButton{width:73px; height:73px; bottom:2px; right:5px;}
	
	
	
	
	
	
	
	
	
	
	
	/* -------------------------------------------------------------------------------------------------------- */
	/*																											*/
	/*		 _____   ____  _____  _____  _   __   _    ____   ____												*/
	/*		 |___   |___     |      |    |   | \  |   |  __   |___ 												*/
	/*		 ____|  |____    |      |    |   |  \_|   |____|  ____|												*/
	/*																											*/
	/*																											*/
	/* -------------------------------------------------------------------------------------------------------- */
	
	

	/* ######################################################################################################### */
	/*   SETTINGS MENU																							 */
	/* ######################################################################################################### */

	/* -- Settings Menu -- */
	.settings-menu-portrait{height:71px;}
	
	/* -- Settings Icon -- */
	/*.settings-menu-portrait .settings-icon{width:64px; margin-top:10px;}*/
	
	/* -- Settings Item: Middle -- */
	.settings-menu-portrait .settings-item:not(:last-child){/*background:pink;*/ width:calc((100% - 200px)/3);}
	
	/* -- Settings Item: First -- */
	.settings-menu-portrait .settings-item:first-child{/*background:red;*/ width:100px;}
	
	/* -- Settings Item: Last -- */
	.settings-menu-portrait .settings-item:last-child{/*background:blue;*/ width:100px;}
	
	
	.settings-menu-portrait .settings-item-selected:not(:last-child){/*background:pink;*/ width:calc((100% - 200px)/3);}
	.settings-menu-portrait .settings-item-selected:last-child{/*background:blue;*/ width:100px;}
 
	
	/* -- Settings Item  Selected -- */
	.settings-menu-portrait .settings-item:not(:last-child) .settings-icon{width:68px;}
	.settings-menu-portrait .settings-item:first-child .settings-icon{width:68px;}
	.settings-menu-portrait .settings-item:last-child .settings-icon{width:68px;}
	
	.settings-menu-portrait .settings-item-selected:not(:last-child) .settings-icon{width:68px;}
	.settings-menu-portrait .settings-item-selected:last-child .settings-icon{width:68px;}
	
	
	
	/* ######################################################################################################### */
	/*   SITE TITLE																								 */
	/* ######################################################################################################### */
	
	/* -- SETTING TITLE -- */
	.settings-title-portrait{font-size: 30px;}
	
	
	
	/* ######################################################################################################### */
	/*   SITE ICON																								 */
	/* ######################################################################################################### */
	
	/* -- Site Icon -- */
	.site-icon-portrait {width: 60px; height: 44px; top: -1px;}
	
	
	
	/* ######################################################################################################### */
	/*   SITE CONTENT																							 */
	/* ######################################################################################################### */

	/* -- Site Content Container -- */
	.site-content-portrait {width: 100%; height: calc(100% - 125px); position: absolute; top: 52px;}

	
	
	/* ######################################################################################################### */
	/*   COMPONENT: ON/OFF																						 */
	/* ######################################################################################################### */

	/* -- Container -- */
	.setting-box-portrait .toggle-ctrl{margin-top:35px; margin-bottom:35px; width:80%; height:38px;}
	
	/* -- On / Off Label -- */
	.setting-box-portrait .onoff-label{font-size: 24px;  width:calc(70% - 50px); height:38px; line-height:38px; left:10%;}

	/* -- On / Off Button -- */
	.setting-box-portrait .onoff-control{width: 64px; height: 38px;  margin-top: -38px; margin-right: 10%;}
		
	
	
	/* ######################################################################################################### */
	/*   COMPONENT: PLUS/MINUS																					 */
	/* ######################################################################################################### */

	/* -- Container -- */
	.setting-box-portrait .stepper-ctrl{margin-top:35px; margin-bottom:35px; width:80%; height:129px;}
	
	/* -- Stepper Label: Portrait -- */
	.setting-box-portrait .pm-label{font-size:24px; line-height:38px; height:38px;} 
	
	/* -- Stepper Control -- */
	.setting-box-portrait .stepper-control {width: 88%; position: relative; left: 6%; height: 36px;}

	/* -- Stepper Plus Button -- */
	.setting-box-portrait .pm-plus-btn {width: 80px; top:46px; right:calc(50% - 81px); position:absolute;}
	
	/* -- Stepper Minus Button -- */
	.setting-box-portrait .pm-minus-btn {width: 80px; top:46px; left:calc(50% - 81px); position:absolute;}

	/* -- Stepper Value -- */
	.setting-box-portrait .pm-value {width: calc(100% - 4px)!important; padding: 3px 0 3px 0; border-radius: 26px; border: 2px solid #ffcc00;}

	.tf{width:132px!important; height:30px!important; margin:auto;}
	
	.tf-value{width:132px!important;}
	
	.setting-box-portrait .infinity-symbol {width: 40px; height: 5px; margin-top: 5px;}
	
	/* -- NEW: Text Holder -- */
	.setting-box-portrait .text-holder{left: calc(50% - 150px); width:300px; height: 40px; margin-left:0px;}

	/* -- NEW: Text Value -- */
	.setting-box-portrait .text-value{width:300px; height:40px; font-size:14px; line-height:24px;}
	
	
	/* ######################################################################################################### */
	/*   HISTORY TABLE																							 */
	/* ######################################################################################################### */
	
	/* -- Header Item -- */
	.site-content-portrait .h-header-item{font-size:13px; line-height:12px;}
	
	/* -- Row Item -- */
	.site-content-portrait .h-item{line-height: 14px; font-size:15px;}
	
	/* -- Round ID -- */
	.site-content-portrait .round-id{line-height:14px; font-size:15px;}
	
	/* -- Table Header -- */
	.site-content-portrait #history-header{height:30px; width: calc(100% - 14px);}
	
	/* -- Table Row -- */
	.site-content-portrait .history-row{height:50px;}
	
	/* -- Scroll -- */
	#history-table::-webkit-scrollbar{width:14px;} 

	/* -- Scroll Thumb -- */
	#history-table::-webkit-scrollbar-thumb{border: 3px solid; /*rgb(165, 42, 42);*/ border-radius: 50px;}
	
	/* -- JP Badge -- */
	.site-content-portrait .jp-badge{width: 16px; font-size: 13px; line-height: 16px; border-radius:4px; margin-left: 5px; border: 2px solid #ffcc00;}
	
	/* -- Item Server Time -- */
	.site-content-portrait .item-servertime {font-size: 14px!important;  line-height: 13px!important;}
		
	/* -- Partial Items Holder -- */		
	.site-content-portrait .h-part-items{margin-top: 4px; width:400px;}		
			
	/* -- Partial Item -- */		
	.site-content-portrait .h-part-item{height:11px; line-height:11px; margin-bottom:5px;}		

	/* -- Partial Item Label -- */		
	.site-content-portrait .h-part-label{width:200px; padding-right:3px;}		
		
	/* -- Partial Item Value -- */		
	.site-content-portrait .h-part-value{}
	
	
	
	
	
	
	
	
	
	
	
	/* -------------------------------------------------------------------------------------------------------- */
	/*																											*/
	/*   		    _  _____  _____  ____   _____   _    _														*/
	/* 		|____|  |  |___     |   |    |  |____|  |____|														*/
	/* 		|    |  |  ____|    |   |____|  |   \      |														*/
	/*																											*/
	/* 																											*/
	/* -------------------------------------------------------------------------------------------------------- */
	
	
	
	/* -- Container -- */
	/*.site-history-portrait #history{width:100%!important; height:100%!important;}*/
	
	
	
	/* ######################################################################################################### */
	/*   HISTORY INFO																							 */
	/* ######################################################################################################### */
	
	/* -- Round Info Container-- */
	.history2-portrait #history-info {width: 100%; padding: 20px; height: 100%; top: 0px; left: 0px;}
	
	/* -- Info Line -- */
	.history2-portrait .history-info-item {line-height:13px; font-size:12px; margin-bottom: 7px;}
	
	/* -- Info Value -- */
	.history2-portrait .history-info-value{font-size:14px;}
	
	/* -- JP Info Badge -- */
	.history2-portrait .jp-info-badge{text-align: center; padding-left:10px; padding-right:10px; float: right; height: 25px; font-size: 18px; border-radius: 5px; margin-bottom: 6px; border: 2px solid #ffcc00;}	
	
	
	
	/* ######################################################################################################### */
	/*   HISTORY MENU																							 */
	/* ######################################################################################################### */
	
	/* -- Menu-- */
	.history2-portrait .history-menu{width:100%; height:49px; position:absolute; bottom:0px;}
	
	
	
	/* ######################################################################################################### */
	/*   HISTORY PLAY BUTTON																					 */
	/* ######################################################################################################### */
	
	/* -- Play Button -- */
	.history2-portrait #btn-history-play {width:140px; height:140px; left:calc(50% - 70px); top:calc(50% - 70px);}

	
	
	/* ######################################################################################################### */
	/*   HISTORY CLOSE BUTTON																					 */
	/* ######################################################################################################### */
	
	/* -- Close Button Holder -- */
	.history2-portrait .history-close{width:74px; position: fixed; left: 0px; bottom: 7px;}
	
	/* -- Close Button -- */
	.history2-portrait #btn-history-close {width: 68px; height: 54px;}
	
	
	
	/* ######################################################################################################### */
	/*   HISTORY BACK BUTTON 																					 */
	/* ######################################################################################################### */
	
	/* -- Back Button Holder -- */
	.history2-portrait .history-back{width:74px; position: fixed; right: 0px; bottom: 7px;}
	
	/* -- Back Button -- */
	.history2-portrait #btn-history-back{width: 68px; height: 54px;}
	
	
	
	/* ######################################################################################################### */
	/*   HISTORY INVISIBLE SPIN																					 */
	/* ######################################################################################################### */
	
	/* -- History Spin Clicker -- */
	.history2-portrait #btn-history-spin{width:150px; height:150px; left:calc(50% - 75px); bottom:100px; top:unset; border-radius:70px;}
	
	
	
	
	/* ######################################################################################################### */
	/*   HISTORY FULL SCREEN																					 */
	/* ######################################################################################################### */

	/* -- History FS Btn -- */
	.history2-portrait #history-fs{width:42px; height:42px; top:10px; right:8px;}
	
	
	
	/* ######################################################################################################### */
	/*   HISTORY SOUND																					 */
	/* ######################################################################################################### */
	
	/* -- History Sound Btn -- */
	.history2-portrait #history-sound{width:42px; height:42px; top:66px; right:8px;}
}











/* ######################################################################################################### */
/* --------------------------------------------------------------------------------------------------------- */
/*																											 */
/*   Group A // iPad Pro / iPad Mini 2-4																	 */
/*																											 */
/* --------------------------------------------------------------------------------------------------------- */
/* ######################################################################################################### */


/* Portrait */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
	
	/*.site-content-portrait{background:white;}*/
	
	
	
	
	
	
	
	
	
	
	
	/* -------------------------------------------------------------------------------------------------------- */
	/*																											*/
	/* 		 _____    ____   __   _   ____  _																	*/
	/*       |____|  |____|  | \  |  |___   |																	*/
	/*       |       |    |  |  \_|  |____  |____																*/
	/*																											*/
	/*																											*/
	/* -------------------------------------------------------------------------------------------------------- */
	
	
	
	/* ######################################################################################################### */
	/*   PANEL HOLDER																							 */
	/* ######################################################################################################### */
	
	.panel-portrait .panelHolder{bottom: 31%;}
	
	
	
	/* ######################################################################################################### */
	/*   GAME ID																								 */
	/* ######################################################################################################### */
	
	/* -- Game Id --*/
	.panel-portrait .gameId{top: 0px; left: 0px; font-size: 16px; padding-left:3px; padding-right:3px;}
	
	
	
	/* ######################################################################################################### */
	/*   RNG WIDGET																								 */
	/* ######################################################################################################### */
	
	#rng-button.rng-portrait {width: 476px; height: 98px; left: 395px; top: 648px;}

	
	
	/* ######################################################################################################### */
	/*   OPTIONS MENU																							 */
	/* ######################################################################################################### */

	/* -- Options Menu -- */
	.panel-portrait .optionsHolder{height:88px;}

	
	/* -- Options Item -- */
	.panel-portrait .options-item:not(:last-child){/*background: pink;*/ width: calc((100% - 300px)/3);}	
	.panel-portrait .options-item:last-child{/*background: red;*/ width: 150px;}
	.panel-portrait .options-item:first-child{/*background: blue;*/ width: 150px;}
	
	/* -- Options Icon -- */
	.panel-portrait .options-item:not(:last-child) .optionsIcon{width:89px;}
	.panel-portrait .options-item:last-child .optionsIcon{width:89px;}	
	.panel-portrait .options-item:first-child .optionsIcon{width:89px;}
	
	
	
	/* ######################################################################################################### */
	/*   AUTO MENU																								 */
	/* ######################################################################################################### */
	
	/* -- Auto Menu Wrapper -- */ 
	.panel-portrait #autoplay-options-wrapper{height:622px;}

	/* -- Auto Close -- */
	.panel-portrait .autoClose{height:60px;}
	
	/* -- Auto Close Item -- */
	.panel-portrait .auto-close-item{width: 80px; left: calc(50% - 40px); bottom:7px;}
	
	/* -- Auto Items -- */
	.panel-portrait #auto-items{width:336px; height:220px; margin-top:30px;}
	
	/* -- Autoplay Selection holder -- */
	.panel-portrait .auto-selection{width: 336px; height: 217px; margin: auto;}
	
		/* -- Auto Item -- */
	.panel-portrait .autoplay-item{width: 80px; height: 80px; margin-left: 10px; margin-right: 10px; margin-bottom: 10px; margin-top: 10px; font-size: 32px; line-height: 80px; border: 6px solid #ffcc00; border-radius: 50px;}
	
	/* -- infinity icon -- */
	.panel-portrait .infinityIcon{width:46px;}
	
	/* -- infinity icon:counter -- */
	.panel-portrait #infinity-counter {width:44px; top:-108px;}
	
	/* --  Auto Menu -- */
	.panel-portrait .autoMenu{height:260px;}
	
	/* -- Auto Menu Icon -- */
	.panel-portrait .autoInfoIcon{width:90px; height:62px; top:8px; right:0px;}

	
		
	/* -- */
	
	/* -- Auto Items -- */
	.panel-portrait #auto-content{width:600px; margin-top:20px;}

	/* -- Autoplay Label -- */
	.panel-portrait .autoLabel{font-size:36px; margin-bottom:17px; text-align:center;}
	
	/* -- On Off label -- */
	.custom-box-portrait .onoff-label{width:160px; height:48px; font-size:30px;}

	/* -- On Off Control -- */ 
	.custom-box-portrait .onoff-control{width:80px; height:47px; margin-top:-47px;}
	
	/* -- Auto Start -- */
	.panel-portrait #auto-start{width: 50%; height: 70px; font-size: 38px; line-height: 70px; border-radius: 50px; margin: auto;}

	
	
	/* ######################################################################################################### */
	/*   OPTIONS BUTTON																							 */
	/* ######################################################################################################### */

	/* -- Options Button Icon -- */
	.panel-portrait .optionsButton{width:80px; left:5px; bottom:10px;}
	
	
	
	/* ######################################################################################################### */
	/*   SOUND BUTTON																							 */
	/* ######################################################################################################### */

	/* -- Sound Icon -- */
	/*.panel-portrait .soundButton{width:46px; height:46px; right:8px; top:66px;}*/
	
	@supports not (-webkit-overflow-scrolling: touch) {
		/* CSS for other than iOS devices */ 
	  
		/* -- Sound Icon -- */
		.panel-portrait .soundButton{width:46px; height:46px; right:8px; top:66px;}

	}
	
	@supports (-webkit-overflow-scrolling: touch) {
	  /* CSS specific to iOS devices */ 
	  
		/* -- Sound Icon -- */
		.panel-portrait .soundButton{width:46px; height:46px; right:8px; top:8px;}
	}
	
	
	/* ######################################################################################################### */
	/*   FULLSCREEN BUTTON																						 */
	/* ######################################################################################################### */

	/* -- Fullscreen Icon -- */
	.panel-portrait .fsButton{width:46px; height:46px; top:10px; right:8px;}
	
	
	
	/* ######################################################################################################### */
	/*   SPIN BUTTON																							 */
	/* ######################################################################################################### */

	/* -- Spin Button -- */
	.panel-portrait .spinButton{width:280px; height:280px; left:calc(50% - 140px); bottom:10%;}
	
	/* -- Spin Counter -- */
	.panel-portrait .autoCounter{height:35px; font-size:32px; top:118px;}
	
	
	
	/* ######################################################################################################### */
	/*   PANEL CONTROLS																							 */
	/* ######################################################################################################### */

	/* -- Panel Controls Back -- */
	.panel-portrait .controlsBack{height:60px;}


	
	/* ######################################################################################################### */
	/*   WIN LABEL																								 */
	/* ######################################################################################################### */

	/* -- Win container -- */
	.panel-portrait .winLabel{/*bottom:31%;*/ height:60px;}
	
	/* -- Win Value -- */
	.panel-portrait .win-value{font-size:38px; line-height:37px; height:37px; margin-top:3px;}
	
	/* -- Win Label -- */
	.panel-portrait .win-label{font-size:21px; height:16px; line-height:16px;}
	
	/* -- Win Line as Table -- */
	.panel-portrait .infomsg-linewin-table{transform:scale(0.8);}

	/* -- Win Line Font -- */
	.panel-portrait .infomsg-linewin-font{font-size:21px; margin-top: 0px;}

	/* -- Win Line Pic -- */
	.panel-portrait .infomsg-linewin-pic{margin-top:6px; margin-left:0px; margin-right:0px;}
	

	
	/* ######################################################################################################### */
	/*   CREDIT LABEL																							 */
	/* ######################################################################################################### */
	
	/* -- Credit Holder -- */
	.panel-portrait .creditLabel {left:24px; width:110px; bottom:105px;}
	
	/* -- Credit Value Holder -- */
	.panel-portrait #credit-holder-holder {width:326px; height:42px; top:12px; left:0;}
		
	/* -- Credit Label -- */
	.panel-portrait .cLabel{top: 16px; font-size:20px;}
	

	
	/* ######################################################################################################### */
	/*   BET LABEL																								 */
	/* ######################################################################################################### */
	
	/* -- Bet Label -- */
	.panel-portrait .betLabel {left: 24px; bottom: 145px;}
	
	/* -- Bet Value Holder -- */
	.panel-portrait #bet-holder-holder {width:236px; height:42px; top:-43px; left:0;}
	
	/* -- Bet Value -- */
	.panel-portrait .bLabel{top: 16px; font-size:20px;}
	
	
	
	/* ######################################################################################################### */
	/*   BET OPEN BUTTON																						 */
	/* ######################################################################################################### */

	/* -- Bet Open Icon -- */
	.panel-portrait .betOpenIcon{right:0px; width:80px; height:60px;}

	
	
	/* ######################################################################################################### */
	/*   BET CONTROL 																							 */
	/* ######################################################################################################### */
	
	/* -- Bet Control -- */
	.panel-portrait .betControl{width:110px; bottom:90px; right:-2px;}
	
	/* -- Bet Plus Button -- */
	.panel-portrait .betPlusControl{width:100px; height:100px;  bottom:21%; left:calc(50% + 100px);}

	/* -- Bet Minus Button -- */
	.panel-portrait .betMinusControl{width:100px; height:100px; bottom:13%; left:calc(50% + 100px);}
	
	
	
	/* ######################################################################################################### */
	/*   INFO BAR																								 */
	/* ######################################################################################################### */
	
	/* -- Info Bar Holder -- */
	.panel-portrait .infoHolder{height:36px; bottom:20px;}

	/* -- Info Bar Message -- */
	.panel-portrait .infoMessage{font-size:18px; line-height:36px;}
	
	/* -- Good Luck -- */
	.panel-portrait .goodluck-value{/*background:red;*/ font-size: 36px; line-height: 46px; margin-top: 1px; height: 46px;}

	

	/* ######################################################################################################### */
	/*   FREE GAMES WIDGET																						 */
	/* ######################################################################################################### */

	/* -- Free Games Holder -- */
	.panel-portrait .freeHolder{width:167px; height: 110px; top:66%;}

	/* -- Free Games Label -- */
	.panel-portrait .freeLabel{width: 148px; height:28px; top:26px; left: 19px; font-size: 12px; line-height: 28px;}	

	
	@supports (-webkit-overflow-scrolling: touch) {
		/* CSS specific to iOS devices */ 
		
		/* -- Free Games value -- */
		.panel-portrait .freeValue{width: 149px; height:55px; top:55px; left: 19px; font-size: 30px; /*line-height: 55px;*/}
	}
 
	@supports not (-webkit-overflow-scrolling: touch) {
		/* CSS for other than iOS devices */ 
		
		/* -- Free Games value -- */
		.panel-portrait .freeValue{width: 149px; height:53px; top:55px; left: 19px; font-size: 30px; line-height: 55px;}
	}


	/* -- Retrigger Value -- */
	.panel-portrait .retriggerValue{width: 25px; height:24px; top:2px; left:2px; font-size:20px; line-height: 24px;}

	
	
	/* ######################################################################################################### */
	/*   GAMBLE BUTTON																							 */
	/* ######################################################################################################### */

	/* -- Gamble Button -- */
	.panel-portrait .gambleButton{width:96px; height:96px; bottom:5%; left:calc(50% - 48px);}

	
	
	/* ######################################################################################################### */
	/*   AUTO BUTTON																							 */
	/* ######################################################################################################### */
	
	/* -- Auto Button -- */
	.panel-portrait .autoButton{width:44px; height:44px; right: calc(50% - 16px - 46px); bottom: calc(8% + 50px + 11px);}
	
	
		
	/* ######################################################################################################### */
	/*   FASTPLAY BUTTON																							 */
	/* ######################################################################################################### */
	
	/* -- Auto Button -- */
	.panel-portrait .fastplayButton{/*background:red;*/ width:80px; height:80px; bottom:6px; right:11px;}
	
	
	
	
	
	
	
	
	
	
	
	/* -------------------------------------------------------------------------------------------------------- */
	/*																											*/
	/*		 _____   ____  _____  _____  _   __   _    ____   ____												*/
	/*		 |___   |___     |      |    |   | \  |   |  __   |___ 												*/
	/*		 ____|  |____    |      |    |   |  \_|   |____|  ____|												*/
	/*																											*/
	/*																											*/
	/* -------------------------------------------------------------------------------------------------------- */
	
	

	/* ######################################################################################################### */
	/*   SETTINGS MENU																							 */
	/* ######################################################################################################### */

	/* -- Settings Menu -- */
	.settings-menu-portrait{height:88px;}
	
		
	/* -- Settings Item -- */
	.settings-menu-portrait .settings-item:not(:last-child){/*background:pink;*/ width:calc((100% - 320px)/3);}
	.settings-menu-portrait .settings-item:first-child{/*background:red;*/ width:160px;}
	.settings-menu-portrait .settings-item:last-child{/*background:blue;*/ width:160px;}
	
	.settings-menu-portrait .settings-item-selected:not(:last-child){/*background:pink;*/ width:calc((100% - 320px)/3);}
	.settings-menu-portrait .settings-item-selected:last-child{/*background:blue;*/ width:160px;}

	
	/* -- Settings Item  Selected -- */
	.settings-menu-portrait .settings-item:not(:last-child) .settings-icon{width:89px;}
	.settings-menu-portrait .settings-item:first-child .settings-icon{width:89px;}
	.settings-menu-portrait .settings-item:last-child .settings-icon{width:89px;}
	
	.settings-menu-portrait .settings-item-selected:not(:last-child) .settings-icon{width:89px;}
	.settings-menu-portrait .settings-item-selected:last-child .settings-icon{width:89px;}
	
	
	
	
	/* ######################################################################################################### */
	/*   SITE TITLE																								 */
	/* ######################################################################################################### */
	
	/* -- SETTING TITLE -- */
	.settings-title-portrait{font-size: 40px; height: 70px; line-height: 70px;}
	
	
	
	/* ######################################################################################################### */
	/*   SITE ICON																								 */
	/* ######################################################################################################### */
	
	/* -- Site Icon -- */
	.site-icon-portrait {width: 90px; height: 67px; top: 1px;}
	
	
	
	/* ######################################################################################################### */
	/*   SITE CONTENT																							 */
	/* ######################################################################################################### */

	/* -- Site Content Container -- */
	.site-content-portrait { /* background: #9E9E9E; */  width: 100%; height: calc(100% - 152px); position: absolute; top: 68px;}

	
	
	/* ######################################################################################################### */
	/*   COMPONENT: ON/OFF																						 */
	/* ######################################################################################################### */

	/* -- Container -- */
	.setting-box-portrait .toggle-ctrl{margin-top:35px; margin-bottom:35px; width:80%; height:48px;}
	
	/* -- On / Off Label -- */
	.setting-box-portrait .onoff-label{font-size: 30px;  width:calc(70% - 10px); height:48px; line-height:48px;}

	/* -- On / Off Button -- */
	.setting-box-portrait .onoff-control{/*background:red;*/ width: 80px; height: 47px;  margin-top: -47px; margin-right: 6%;}
	
	
	
	/* ######################################################################################################### */
	/*   COMPONENT: PLUS/MINUS																					 */
	/* ######################################################################################################### */

	/* -- Container -- */
	.setting-box-portrait .stepper-ctrl{margin-top:35px; margin-bottom:35px; width:80%; height:156px;}
	
	/* -- Stepper Label: Portrait -- */
	.setting-box-portrait .pm-label{font-size:30px; line-height:48px; height:48px;} 
	
	/* -- Stepper Control -- */
	.setting-box-portrait .stepper-control {/*background: brown;*/ width: 88%; position: relative; left: 6%; height: 36px;}

	/* -- Stepper Plus Button -- */
	.setting-box-portrait .pm-plus-btn {width: 92px; top:56px; right:calc(50% - 93px); position:absolute;}
	
	/* -- Stepper Minus Button -- */
	.setting-box-portrait .pm-minus-btn {width: 92px; top:56px; left:calc(50% - 93px); position:absolute;}

	/* -- Stepper Value -- */
	.setting-box-portrait .pm-value {width: calc(100% - 4px)!important; padding: 7px 0 7px 0; border-radius: 26px; border: 2px solid #ffcc00;}
		
	.tf{width:132px!important; height:30px!important; margin:auto;}
	.tf-value{width:132px!important;}
	
	
	
	/* ######################################################################################################### */
	/*   HISTORY TABLE																							 */
	/* ######################################################################################################### */
	
	/* -- Header Item -- */
	.site-content-portrait .h-header-item{font-size:20px; line-height:20px;}
	
	/* -- Row Item -- */
	.site-content-portrait .h-item{line-height: 20px; font-size:20px;}
	
	/* -- Round ID -- */
	.site-content-portrait .round-id{line-height:20px; font-size:22px;}
	
	/* -- Table Header -- */
	.site-content-portrait #history-header{height:40px; width: calc(100% - 14px);}
	
	/* -- Table Row -- */
	.site-content-portrait .history-row{height:69px;}
	
	/* -- Scroll -- */
	#history-table::-webkit-scrollbar{width:14px;}

	/* -- Scroll Thumb -- */
	#history-table::-webkit-scrollbar-thumb{border: 3px solid; /*rgb(165, 42, 42);*/ border-radius: 50px;}
	
	/* -- JP Badge -- */
	.site-content-portrait .jp-badge{width: 16px; font-size: 13px; line-height: 16px; border-radius:4px; margin-left: 5px; border: 2px solid #ffcc00;}
	
	/* -- Item Server Time -- */
	.site-content-portrait .item-servertime {font-size: 22px!important;  line-height: 20px!important;}
	
	
	/* -- Partial Items Holder -- */
	.site-content-portrait .h-part-items{margin-top: 5px; width:560px;}

	/* -- Partial Item -- */
	.site-content-portrait .h-part-item{height:18px; line-height:11px; margin-bottom:5px;}

	/* -- Partial Item Label -- */
	.site-content-portrait .h-part-label{width:276px; padding-right:6px;}

	/* -- Partial Item Value -- */
	.site-content-portrait .h-part-value{}
	
	/* -- NEW: Text Holder -- */
	.setting-box-portrait .text-holder{left: calc(50% - 89px); width:178px; height: 40px; margin-left:0px;}

	/* -- NEW: Text Value -- */
	.setting-box-portrait .text-value{width:178px; height:40px; font-size:14px; line-height:24px;}
	
	/* -- NEW: Text Holder -- */
	.setting-box-portrait .text-holder{left: 180px; width:340px; height: 47px; margin-left:0px;}

	/* -- NEW: Text Value -- */
	.setting-box-portrait .text-value{width:340px; height:47px; font-size:14px; line-height:24px;}
	
	
	
	
	
	
	
	/* -------------------------------------------------------------------------------------------------------- */
	/*																											*/
	/*   		    _  _____  _____  ____   _____   _    _														*/
	/* 		|____|  |  |___     |   |    |  |____|  |____|														*/
	/* 		|    |  |  ____|    |   |____|  |   \      |														*/
	/*																											*/
	/* 																											*/
	/* -------------------------------------------------------------------------------------------------------- */
	
	
	
	/* -- Container -- */
	/*.site-history-portrait #history{width:100%!important; height:100%!important;}*/
	
	
	
	/* ######################################################################################################### */
	/*   HISTORY INFO																							 */
	/* ######################################################################################################### */
		
	/* -- Round Info Container-- */
	.history2-portrait #history-info {width: 100%; padding: 16px; height: 100%; top: 0px; left: 0px;}
		
	/* -- Info Line -- */
	.history2-portrait .history-info-item {line-height:20px; font-size:18px; margin-bottom: 6px;}
	
	/* -- Info Value -- */
	.history2-portrait .history-info-value{font-size:21px;}
			
	/* -- JP Info Badge -- */
	.history2-portrait .jp-info-badge{text-align: center; padding-left:10px; padding-right:10px; float: right; height: 25px; font-size: 18px; border-radius: 5px; margin-bottom: 6px; border: 2px solid #ffcc00;}	
	
	
	
	/* ######################################################################################################### */
	/*   HISTORY MENU																							 */
	/* ######################################################################################################### */
	
	/* -- Menu-- */
	.history2-portrait .history-menu{width:100%; height:60px; position:absolute; bottom:0px;}
	
	
	
	/* ######################################################################################################### */
	/*   HISTORY PLAY BUTTON																					 */
	/* ######################################################################################################### */
	
	/* -- Play Button -- */
	.history2-portrait #btn-history-play {width:180px; height:180px; left:calc(50% - 90px); top:calc(50% - 90px);}

	
	
	/* ######################################################################################################### */
	/*   HISTORY CLOSE BUTTON																					 */
	/* ######################################################################################################### */
	
	/* -- Close Button Holder -- */
	.history2-portrait .history-close{width: 100px; height: 70px; position: absolute; left: 0px; bottom: 8px;}
	
	/* -- Close Button -- */
	.history2-portrait #btn-history-close {width:89px; height:74px;}
	
	
	
	/* ######################################################################################################### */
	/*   HISTORY BACK BUTTON 																					 */
	/* ######################################################################################################### */
	
	/* -- Back Button Holder -- */
	.history2-portrait .history-back{width: 100px; height: 70px; position: absolute; right: 0px; bottom: 8px;}
	
	/* -- Back Button -- */
	.history2-portrait #btn-history-back{width: 89px; height:74px;}
	
	
	
	/* ######################################################################################################### */
	/*   HISTORY INVISIBLE SPIN																					 */
	/* ######################################################################################################### */
	
	/* -- History Spin Clicker -- */
	.history2-portrait #btn-history-spin{width:210px; height:210px; left:calc(50% - 105px); bottom:176px; top:unset; border-radius:100px;}		
	
	
	
	
	@supports not (-webkit-overflow-scrolling: touch) {
		/* CSS for other than iOS devices */ 
		
		
		/* ######################################################################################################### */
		/*   HISTORY FULL SCREEN																					 */
		/* ######################################################################################################### */

		/* -- History FS Btn -- */
		.history2-portrait #history-fs{width:46px; height:46px; top:10px; right:8px;}
		
		
		
		/* ######################################################################################################### */
		/*   HISTORY SOUND																					 */
		/* ######################################################################################################### */
		
		/* -- History Sound Btn -- */
		.history2-portrait #history-sound{width:46px; height:46px; top:66px; right:8px;}
	}
	
	@supports (-webkit-overflow-scrolling: touch) {
		/* CSS specific to iOS devices */ 
		
		
		/* ######################################################################################################### */
		/*   HISTORY FULL SCREEN																					 */
		/* ######################################################################################################### */

		/* -- History FS Btn -- */
		.history2-portrait #history-fs{display:none; width:46px; height:46px; top:66px; right:8px;}
		
		
		
		/* ######################################################################################################### */
		/*   HISTORY SOUND																					 */
		/* ######################################################################################################### */
		
		/* -- History Sound Btn -- */
		.history2-portrait #history-sound{width:46px; height:46px; top:10px; right:8px;}
	}
}