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

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

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

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

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

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

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

/* -- Intro Golden -- */
.intro-portrait #layer_09 {}

/* -- Intro Golden -- */
.intro-portrait #layer_10 {}




/*   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.5); left: calc(50% - 436px); top: -14%;}

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

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

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

/* -- 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 Golden Bowl -- */
.intro-landscape #layer_08 {transform: scale(0.94); left: 547px; top: -3%;}

/* -- Intro Golden Bowl -- */
.intro-landscape #layer_09 {transform: scale(0.94); left:6px; top: 0%;}

/* -- Intro Golden Bowl -- */
.intro-landscape #layer_10 {transform: scale(0.94); right: 6px; top: 0%;}


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

	-webkit-animation: bgJackpotWin  1s 1;
	-webkit-animation-fill-mode: forwards;
	animation-timing-function: ease-in-out;
}
@keyframes bgJackpotWin {
	 0%  { -webkit-filter: brightness(none); }
	 100%  { -webkit-filter: brightness(0.7); }
}

img.bg_filter_normal {
	-webkit-transform: translateZ(0);
	-webkit-perspective: 1000;
	-webkit-backface-visibility: hidden;

	-webkit-animation: bgNormal  0.7s 1;
	-webkit-animation-fill-mode: forwards;
	animation-timing-function: ease-in-out;
}
@keyframes bgNormal {
	 0%  { -webkit-filter: brightness(0.7); }
	 100%  { -webkit-filter: brightness(none); }
}


/** FONTS **/
@font-face {
  font-family: 'HeatherDigits';
  
  src: url('fonts/HeatherDigits-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/HeatherDigits-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/HeatherDigits-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/HeatherDigits-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
}