#layer_03, .layer_03{
	position:absolute;
	 -webkit-transition: opacity 1s ease-out;
  -moz-transition: opacity 1s ease-out;
  -o-transition: opacity 1s ease-out;
  transition: opacity 1s ease-out;
	}
	
@keyframes picFadeOut {
	0% {
		opacity:1;
	}
	45% {
		opacity:1;
	}
	55% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@keyframes picFadeIn {
	0% {
		opacity:0;
	}
	45% {
		opacity:0;
	}
	55% {
		opacity:1;
	}
	100% {
		opacity:1;
	}
}

.layer_03{
	animation-name: picFadeOut;
	animation-timing-function: ease-in;
	animation-iteration-count: infinite;
	animation-duration: 2s;
	animation-direction: alternate;
}

#layer_03{
	animation-name: picFadeIn;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
	animation-duration: 2s;
	animation-direction: alternate;
}

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

.intro-portrait .intro_features {background-color: rgba(0,255,0,0.2);}

/* -- Intro Logo -- */
.intro-portrait #layer_02 {left: calc(50% - 200px);}

/* -- Intro Game -- */
.intro-portrait #layer_03 {left: calc(50% - 411px);}
.intro-portrait .layer_03 {left: calc(50% - 411px);}

/* -- Intro Arrow -- */
.intro-portrait #layer_04 {left: calc(50% - 205px);}

/* -- Intro Extra -- */
.intro-portrait #layer_05 {left: calc(50% - 455px)}

/* -- Intro Reels -- */
.intro-portrait #layer_06 {left: calc(50% - 177px);}

/* -- Intro Paylines -- */
.intro-portrait #layer_07 {left: calc(50% - 157px);}

/* -- Intro Extra Title -- */
.intro-portrait #layer_08 {left: calc(50% - 410px);}




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

.intro-landscape .intro_features {background-color: rgba(0,255,0,0.2);}

/* -- Intro Logo -- */
.intro-landscape #layer_02 {transform: scale(1); left: -2%; top: -5%;}

/* -- Intro Game -- */
.intro-landscape #layer_03 {transform: scale(1); left: calc(100% - 787px); top: 17%;}
.intro-landscape .layer_03 {transform: scale(1); left: calc(100% - 787px); top: 17%;}

/* -- Intro Arrow -- */
.intro-landscape #layer_04 {transform: scale(1); left: 10%; top: 50%;}

/* -- Intro Extra -- */
.intro-landscape #layer_05 {transform: scale(1); left: -130px; top: -7%;}

/* -- Intro Reels -- */
.intro-landscape #layer_06 {transform: scale(0.75); left: 0%; top: 64%;}

/* -- Intro Paylines -- */
.intro-landscape #layer_07 {transform: scale(0.75); left: 75%; top: 89%;}

/* -- Intro Title -- */
.intro-landscape #layer_08 {transform: scale(1); left: 38%; top: -1%;}

/* -- BASE -- */
img.bg_filter_base {
	-webkit-transform: translateZ(0);
	-webkit-perspective: 1000;
	-webkit-backface-visibility: hidden;

	-webkit-animation: bgBase 1s 1;
	-webkit-animation-fill-mode: forwards;
	animation-timing-function: ease-in-out;
}
@keyframes bgBase {
	 0%  { -webkit-filter: hue-rotate(18deg) brightness(0.5); }
	 100%  { -webkit-filter: hue-rotate(none) brightness(none); }
}


img.bg_filter_bonus_stat {
	-webkit-filter: hue-rotate(18deg) brightness(0.5); 
}

/* -- BONUS -- */
img.bg_filter_bonus {
	-webkit-transform: translateZ(0);
	-webkit-perspective: 1000;
	-webkit-backface-visibility: hidden;
	
	-webkit-animation: bgBonus 1s 1;
	-webkit-animation-fill-mode: forwards;
	animation-timing-function: ease-in-out;
}
@keyframes bgBonus {
/*0%  { -webkit-filter: hue-rotate(none); }
  50% { -webkit-filter: hue-rotate(90deg); }
  100% { -webkit-filter: hue-rotate(90deg); }*/
  
  0%  { -webkit-filter: hue-rotate(none) brightness(none); }
  100% { -webkit-filter: hue-rotate(18deg) brightness(0.5); }  
}

/* -- SPLASH -- */
img.bg_filter_info {
	-webkit-filter: brightness(0.66); 
}