.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;
}

.gameIntro .gameIntroFeaturesTitle { 
	position: absolute;
	color: #000000;
	text-transform: uppercase;
	font: 100% 'Clarendon', Arial;
	font-family: 'Clarendon', Arial;
	line-height: 105%;
}

.gameIntro .gameIntroFeaturesSubTitle { 
	position: absolute;
	color: #2a0800;
	text-transform: uppercase;
	font: 100% 'Clarendon', Arial;
	font-family: 'Clarendon', Arial;
	line-height: 105%;
}

.gameIntro .gameIntroPicture { 
	position: absolute;
	display: block;
}

.gameIntro .gameIntroPictureImage { 
	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 { 
	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;
	margin-top: 0%;
}

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

.gameIntro .gameIntroFeatures { 
	position: absolute;
	/*text-transform: uppercase;*/
	font: 100% 'Clarendon', Arial;
	font-family: 'Clarendon', Arial;
	line-height: 105%;
	text-transform: uppercase;
}

.gameIntro .gameIntroJackpotValue, .gameIntro .gameIntroPortraitJackpotValue {
	position: absolute;
	top: 79.5%;
	left: 50%;
	height: 10%;
	color: #ffffff;
	text-transform: uppercase;
	font: 100% 'present', 'Clarendon', Arial;
	font-family: 'present', 'Clarendon', Arial;
	cursor: pointer;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

.gameIntro .gameIntroPortraitJackpotValue {
	top: 78.5%;
}

.gameIntro .gameIntroText { 
	position: absolute;
	top: 79%;
	left: 50%;
	width: auto;
	height: 5.5%;
	color: #150400;
	text-transform: uppercase;
	font: 100% 'Clarendon', Arial;
	font-family: 'Clarendon', Arial;
	letter-spacing: 0.05em;
	padding: 0% 5%;
	cursor: pointer;
	background-color: #ffffff;
	border-radius: 1.042em;
	-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: 20% 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: 90%;
	left: 50%;
	width: auto;
	height: 4.5%;
	color: #150400;
	font: 100% 'Clarendon', Arial;
	font-family: 'Clarendon', Arial;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	padding: 0% 5%;
	border-radius: 1.042em;
	background-color: #ffffff;
	cursor: pointer;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

.gameIntro .gameIntroPortraitText > span { color: #150400; }

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

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

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

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

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

/*#slider_bullets div IMG { 
	width: 50%;
}*/

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

#slider_bullets_portrait div IMG { 
	width: 80%;
}

/*CSS INTRO ANIMATE*/
.gameIntroAnimate{
	position: absolute;
	width: 100%;
	height: 50%;
	min-height: 45%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	overflow: hidden;
}

.gameIntroAnimate .gameIntroAnimateCharacter {
	position: absolute;
	top: 0%;
	height: 100%;
	display: block;
	margin: 0% 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

.gameIntroAnimate .gameIntroAnimateCharacter IMG{ 
	height: 100%;
	margin: 0% auto;
	display: block;
}
.gameIntroAnimate .gameIntroAnimateCharacter IMG:nth-child(2){ 
	top: 0%;
	height: 100%;
	margin: 0% auto;
	z-index: 9999;
	position: absolute;
}

.gameIntroAnimate .gameIntroAnimateLogo {
	top: 65%;
	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%);
	position: absolute;
}

.gameIntroAnimate .gameIntroAnimateLogo IMG{ 
	top: 0%;
	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%);
	position: absolute;
}

.gameIntro_CR_Title {
	font: 80% 'Clarendon', Arial;
	font-family: 'Clarendon', Arial;
	text-align: center;
	align-content: center;
	text-transform: uppercase;
	color: #ffffff;
	margin: 13% 45%;
	border-radius: 3px;
	z-index: 9997;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	position: absolute;
}
.titleJackpot, .titleJackpotPortrait { 
	position: absolute;
	top: 77%;
	left: 20%;
	width: 60%;
	height: 10%;
	font: 80% 'Clarendon', Arial;
	font-family: 'Clarendon', Arial;
	text-align: center;
	text-transform: uppercase;
	color: #ffffff;
}
.animateLoop{
	width: 100%;
	top: 0%;
	margin: 0% 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	display: block;
	position: absolute;
	z-index: 9998;
}
.loopEnergy{
	background-size: 100% 1600%;
	animation: moveYenergy 1s steps(16) infinite;
	-webkit-animation: moveYenergy 1s steps(16) infinite;	
}
.loopLogo{
	background-size: 100% 500%;
	/* animation: moveYlogo 0.3s steps(5) infinite;
	-webkit-animation: moveYlogo 0.3s steps(5) infinite;	 */
}
.maskProgressBar{
	left: 7.5%;
	margin: 0% 42%;
	background-size: 98% auto;
	background-repeat: no-repeat;
	-webkit-transform: translateX(-54%);
	-moz-transform: translateX(-54%);
	-ms-transform: translateX(-54%);
	-o-transform: translateX(-54%);
	transform: translateX(-54%);
	z-index: 9997;
	position: absolute;
}
.maskProgressBar div{
	transition: left 1s ease;
	-webkit-transition: left 1s ease;
	-moz-transition: left 1s ease;
	-o-transition: left 1s ease;
	-ms-transition:  left 1s ease;
}
.parpadeo {
	animation: face 0.8s infinite;
	-webkit-animation: face 0.8s infinite;	
}
@-webkit-keyframes face{
	0% { opacity: 0.3; }
	50% { opacity: 0.7; }
	100% { opacity: 0.9; }
}
@-webkit-keyframes moveYenergy {
	from { background-position-y: 0%; }
	to { background-position-y: 1600%; }
}
@-webkit-keyframes moveYlogo {
	from { background-position-y: 0%; }
	to { background-position-y: 500%; }
}
@keyframes face{
	0% { opacity: 0.9; }
	50% { opacity: 0.5; }
	100% { opacity: 1.0; }
}
@keyframes moveYenergy {
	from { background-position-y: 0%; }
	to { background-position-y: 1600%; }
}
@keyframes moveYlogo {
	from { background-position-y: 0%; }
	to { background-position-y: 100%; }
}