.gameIntro{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	min-height: 100%;
	visibility: hidden;
	overflow: hidden;
	z-index: 9997;
}

.gameIntro .gameIntroInternal{
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	min-width: 20%;
	height: 100%;
	cursor: pointer;
	text-align: center;
}

.gameIntro .gameIntroFeaturesTitle { 
	position: absolute;
	color: #ffffff;
	text-transform: uppercase;
	font-family: 'Michroma', Arial, Sans-Serif;
	font-weight: bold;
	line-height: 100%;
	top: 62%;
	left: 0%;
	width: 100%;
	height: 10%;
}

#gameIntroPortraitInternal .gameIntroFeaturesTitle { 
	position: absolute;
	color: #ffffff;
	text-transform: uppercase;
	font-family: 'Michroma', Arial, Sans-Serif;
	font-weight: bold;
	line-height: 100%;
	top: 50%;
	left: 5%;
	width: 90%;
	height: 10%;
}

.gameIntro .gameIntroFeaturesSubTitle { 
	position: absolute;
	color: #2FDEFF;
	text-transform: uppercase;
	font-family: 'Michroma', Arial, Sans-Serif;
	font-weight: bold;
	line-height: 100%;
	text-shadow: 0 0 10px #000000;
}

.gameIntro .gameIntroPicture, .gameIntro .gameIntroLogo, .gameIntro .gameIntroCharacters { 
	position: absolute;
	display: block;
}

.gameIntro .gameIntroPictureImage, .gameIntro .gameIntroLogoImage, .gameIntro .gameIntroCharactersImage { 
	height: 100%;
	width: auto;
	display: block;
	margin: 0% 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

.gameIntro .gameIntroPortraitPictureImage, .gameIntro .gameIntroPortraitLogoImage, .gameIntro .gameIntroPortraitCharactersImage { 
	width: 100%;
	height: auto;
	display: block;
	margin: 0% 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

.gameIntro .gameIntroFeaturesImage { 
	position: absolute;
	top: 0%;
	left: 40%;
	width: 75%;
	height: auto;
}

.gameIntro .gameIntroFeaturesImagePortrait { 
	position: absolute;
	top: 9%;
	left: 40%;
	width: 100%;
	height: 50%;
}

.gameIntro .gameIntroFeaturesImage IMG{ 
	width: 100%;
	height: auto;
	display: block;
}

.gameIntro .gameIntroFeaturesImagePortrait IMG { 
	/*width: 100%;
	height: auto;
	display: block;
	max-height: 370px;*/

	width: auto;
	height: 100%;
	display: block;
	max-height: 370px;
	margin: 0 auto;
}

.gameIntro .gameIntroFeatures { 
	position: absolute;
	color: #ffffff;
	text-transform: uppercase;
	font-family: 'Michroma', Arial, Sans-Serif;
	font-weight: bold;
	line-height: 100%;
	top: 66.5%;
	left: 0%; 
	width: 100%; 
	height: 10%;
}

#gameIntroPortraitInternal .gameIntroFeatures { 
	position: absolute;
	color: #ffffff;
	text-transform: uppercase;
	font-family: 'Michroma', Arial, Sans-Serif;
	font-weight: bold;
	line-height: 100%;
	top: 57%;
	left: 10%; 
	width: 75%; 
	height: 13%;
}

.gameIntro .gameIntroJackpotValue  {
	position: absolute;
	top: 65%;
	left: 50%;
	height: 8%;
	color: #ffffff;
	text-transform: uppercase;
	font: 100% 'leanderPrimaryFont', Arial;
	font-family: 'leanderPrimaryFont', Arial;
	letter-spacing: 0.1em;
	cursor: pointer;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

.gameIntro .gameIntroText { 
	position: absolute;
	top: 82.5%;
	left: 50%;
	width: 100%;
	color: #150400;
	text-transform: uppercase;
	font: 100% 'leanderPrimaryFont', Arial;
	font-family: 'leanderPrimaryFont', Arial;
	letter-spacing: 0.05em;
	cursor: pointer;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

.gameIntro .gameIntroLeanderLogo { 
	position: absolute;
	top: 88%;
	left: 50%;
	width: 100%;
	height: 5.5%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

.gameIntro .gameIntroLeanderLogo IMG { 
	height: 100%;
	width: auto;
	display: block;
	margin: 0% 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

.gameIntro .gameIntroPortraitText { 
	position: absolute;
	top: 76%;
	left: 50%;
	width: 100%;
	color: #150400;
	text-transform: uppercase;
	font: 100% 'leanderPrimaryFont', Arial;
	font-family: 'leanderPrimaryFont', Arial;
	letter-spacing: 0.05em;
	cursor: pointer;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

.gameIntro .centerText {
	text-align: center;
}

.gameIntro .leftText {
	text-align: left;
}

.gameIntro .rightText {
	text-align: right;
}

#slider_bullets { 
	color: #ffffff;
	text-transform: uppercase;
	font: 11px 'Michroma', Arial, Sans-Serif;
	font-family: 'Michroma', Arial, Sans-Serif;
	font-weight: bold;
	line-height: 100%;
	text-align: center;
	position: absolute;
	top: 70%;
	width: 100%;
	height: 6%;
}

#slider_bullets_portrait { 
	color: #ffffff;
	text-transform: uppercase;
	font: 11px 'Michroma', Arial, Sans-Serif;
	font-family: 'Michroma', Arial, Sans-Serif;
	font-weight: bold;
	line-height: 100%;
	text-align: center;
	position: absolute;
	top: 66%;
	width: 100%;
	height: 6%;
}

#slider_bullets span.active { 
	color: #03f9ff;
	padding: .35em;
}
#slider_bullets span.inactive { 
	color: #ffffff;
	padding: .35em;
}

#slider_bullets_portrait span.active { 
	color: #03f9ff;
	padding: .35em;
}
#slider_bullets_portrait span.inactive { 
	color: #ffffff;
	padding: .35em;
}

#slider_bullets_portrait div { 
	float:left;
	margin: 0 2%;
	width: 4%;
}

#slider_bullets_portrait div { 
	float:left;
	margin: 0 2%;
}

#slider_bullets_portrait div IMG { 
	width: 80%;
}

#gameIntroLogo{
	height: 30%;
	margin: -3% 36%; 
	z-index: 100;
	position: relative;
}

#gameIntroLeanderLogoAsset{
	position: absolute;
}

#gameIntroPortraitLogo{
	height: 29%; 
	margin: 3% 0; 
	z-index: 100;
	position: relative;
}
#gameIntroPortraitLeanderLogoAsset1{
	position: absolute;
}

#gameIntroText, #gameIntroPortraitText{
	text-align: center;
	background-repeat:  no-repeat;
	background-position: 50% 50%;
}

.gameIntroBackground {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	min-height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: black;
	overflow: hidden;
}

div.leanderLogo {

	top: 90%; 
	left: 0; 
	width: 100%; 
	height: 10%;
	text-align: center;

}

#gameIntroLeanderLogoAsset > img {
	width: 20%;
}

#gameIntroPortraitLeanderLogoAsset1 > img {
	width: 35%;
}

.gameIntro .gameIntroText span {
	font: 90% 'leanderPrimaryFont', Arial;
}

.jackpotSlideText{
	color: #fff;
	font-family: 'Michroma', Arial, Sans-Serif;
	font-weight: bold;
	line-height: 100%;
	font-size: 30px;
}