/*   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% - 464px);}

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

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

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

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




/*   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.1); left: 67%; top: 2%;}

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

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

/* -- Intro Extra -- */
.intro-landscape #layer_05 {transform: scale(0.8); left: -390px; top: -35%;}

/* -- 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%;}


/* -- 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); 
}