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

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

/* extra */
.intro-portrait #layer_05 {left: calc(50% - 227px);}

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

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

/* background pink */
.intro-portrait #layer_08 {left: calc(50% - 540px);}




/*   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(0.9); left: 2%; top: 2%;}

/* intro game */
.intro-landscape #layer_03 {transform: scale(0.96); left: calc(100% - 936px); top: -5%;}

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

/* extra */
.intro-landscape #layer_05 {transform: scale(1); left: 1%; top: 13%;}

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

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

/* background pink */
.intro-landscape #layer_08 {top:1px; transform:scale(1.2); left:calc(50% - 530px);}

/* -- INFO BG -- */
img.bg_filter_info {
	-webkit-filter: saturate(1.2) brightness(0.6) invert(0.1);
}

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

	-webkit-animation: bgSelection 1s 1;
	-webkit-animation-fill-mode: forwards;
	animation-timing-function: ease-in-out;
}

@keyframes bgSelection {
	 0%  { -webkit-filter: brightness(none); }
	 100%  { -webkit-filter: brightness(0.6); }
}


img.bg_filter_base{
	-webkit-animation: bgBase 1s 1;
	-webkit-animation-fill-mode: forwards;
	animation-timing-function: ease-in-out;
}

@keyframes bgBase {
	 0%  { -webkit-filter: brightness(0.6); }
	 100%  { -webkit-filter: brightness(none); }
}