@font-face { font-family: metaguFont; src: url('../Fonts/EurostileTBlaExt.eot'); src: url('../Fonts/EurostileTBlaExt.eot?#iefix') format('embedded-opentype'), url('../Fonts/EurostileTBlaExt.ttf') format('truetype'); font-weight: normal; font-style: normal; }


#metaguNameContainer { position: absolute; top: 0; left: 0; width: 360px; height: 79px; }
#metaguNameTop       { position: absolute; top: 0; left: 0; width: 360px; height: 79px; z-index: 2; }
#metaguNameBot 		 { position: absolute; top: 0; left: 0; width: 360px; height: 79px; z-index: 1; }
p#metaguShineTop, p#metaguShineBot {
    font-size: 79px; font-family: metaguFont, Verdana; text-shadow: none;
    width: 360px; margin: 0 auto 0 auto; transform: translateY(1%); -ms-transform: translateY(1%); -webkit-transform: translateY(1%); -o-transform: translateY(1%); /* fixes iPad Mini pixel line issue */
}
#metaguShineTop {
	background: rgba(0, 251, 255, 0.0) -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0.1)), to(rgba(255,255,255,0.1)), color-stop(0.5, #fff)) 0 0 no-repeat;
    color: rgba(0, 251, 255, 1); -webkit-text-fill-color: transparent;	/* due to IE */
	background-size: 79px; /*280px 46px;*/ background-clip: content-box;
    animation-name: shineLeftRight; animation-duration: 3.7s; animation-iteration-count: infinite;
	-webkit-background-size: 79px; /*280px 46px;*/ -webkit-background-clip: text;
    -webkit-animation-name: shineLeftRight; -webkit-animation-duration: 3.7s; -webkit-animation-iteration-count: infinite;
}
#metaguShineBot {
	/*background-image: linear-gradient(to right, rgba(0, 251, 255, 1), rgba(0, 146, 250, 1));*/	/* changed to webkit to prevent IE using it */
	background-image: -webkit-linear-gradient(left, rgba(0, 251, 255, 1), rgba(0, 146, 250, 1));
	color: rgba(0, 251, 255, 1); -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}

#metaguLongNameContainer { position: absolute; top: 79px; left: 0; width: 360px; height: 46px; }
#metaguLongName          { position: absolute; top: 0; left: 0; width: 360px; height: 46px; }
p#metaguLongShine {
    font-size: 14px; font-family: metaguFont, Verdana; text-shadow: none;
    width: 360px; margin: 0 auto 0 auto; transform: translateY(1%); -ms-transform: translateY(1%); -webkit-transform: translateY(1%); -o-transform: translateY(1%); /* fixes iPad Mini pixel line issue */
}
#metaguLongShine {
	background: #C0BEC0 -webkit-gradient(linear, left top, right top, from(#C0BEC0), to(#C0BEC0), color-stop(0.5, #fff)) 0 0 no-repeat;
    color: rgba(192, 190, 192, 1); -webkit-text-fill-color: transparent;
	background-size: 46px; /*280px 46px;*/ background-clip: content-box;
    animation-name: shineLeftRight; animation-duration: 3.7s; animation-iteration-count: infinite;
	-webkit-background-size: 46px; /*280px 46px;*/ -webkit-background-clip: text;
    -webkit-animation-name: shineLeftRight; -webkit-animation-duration: 3.7s; -webkit-animation-iteration-count: infinite;
}

@keyframes shineLeftRight { 0% { background-position: top left; } 100% { background-position: top right; } }

#loadingScreen { background-color: black; width: 100%; height: 100%; z-index: 10; position: absolute; top: 0; left: 0; text-align: center; transform-style: preserve-3d; }
#loadingScreenContent { position: relative; top: 50%; width: 100%; height: 232px; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); margin: -4% 0 0 0;}

#orbVid { 
	position: absolute; top: 17px; left: 50%; /*margin: -8px 0 0 0;*/
	transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%);
	width: 124px; height: 124px;
	background-image: url("../Loading/LogoOrb/Orb_124x124.gif");
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

#metagu { 
	position: absolute; top: 126px; left: 50%; /*margin: -8px 0 0 0;*/
	transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%);
	/*width: 269px; height: 46px;*/
	width: 360px; height: 92px;
	/*background-image: url("../Loading/Metagu_Blue_White_Strapline_SD.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;*/
}

#loadingBarBg { 
	position: absolute;
	top: 195px;
	left: 50%;
	transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%);
	background: #5f5f5f;
	width: 264px;
	height: 8px;
	/*border:10px solid #282828;*/
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 0px 5px 17px rgba(40, 40, 40, 0.5);
	margin: 0 auto;
}

#loadingBar {
	height: 8px;
	/*width: 264px;*/
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-image: url('../Loading/Loading_Bar_SD_pixel3a.png');
	background-repeat: repeat-y;
	background-size: 264px 100%;
	width: 0;
}

#loadingBarFill {
	width: 100%;
	height: 100%;
	border-radius: 3px;
	-webkit-animation: progress 1.5s linear infinite;
	-moz-animation: progress 1.5s linear infinite;
	animation: progress 1.5s linear infinite;
	background-repeat: repeat-x;
	background-size: 30px 30px;
	background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0.15) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(315deg, rgba(0, 0, 0, 0.15) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.15) 75%, transparent 75%, transparent);
}

#loadingPlayText { font-size: 20px; font-family: Verdana; color: white; text-shadow: none; top: 458px; position: absolute; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); }

@-webkit-keyframes progress { to { background-position: 30px 0; } }
@-moz-keyframes progress { to {background-position: 30px 0; } }
@keyframes progress { to {background-position: 30px 0; } }

#logoScreen { background-color: black; width: 100%; height: 100%; z-index: 10; position: absolute; top: 0; left: 0; text-align: center; transform-style: preserve-3d; }
#logoScreenContent { position: relative; top: 50%; width: 100%; height: 232px; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); margin: -4% 0 0 0;}

#featuresPlayButton { display: block; position: absolute; left: 50%; top: 0; z-index: 20; transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); }
#featuresPlayButtonPressed { display: block; position: absolute; left: 50%; top: 0;  z-index: 21; transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); }
#featuresPlayText { font-size: 13px; font-family: Verdana; color: white; text-shadow: none; top: 475px; position: absolute; left: 50%;  z-index: 22; transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); }
#logoPlayText { font-size: 20px; font-family: Verdana; color: white; text-shadow: none; top: 458px; position: absolute; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); }


#videoScreen { position: absolute;  left: 50%; width: 960px; height: 540px; top: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); z-index: 7; }
#loadingVideo { width: 100%; height: 100%; }
#videoSkip {
	position: absolute;
	top: 475px;
	width: 100px;
	left: 50%;
	transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%);
	text-shadow: -1px 0 grey, 0 1px grey, 1px 0 grey, 0 -1px grey;
	font-size: 15px; font-family: Verdana;
	color: rgba(255,255,255,0.8);
	z-index: 8;
}

#loading_background { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-image: url("../Mobile/Real_Money/SD/Loading/CS_BG_Dark.jpg"); background-size: 100% 100%; background-repeat: no-repeat; }
/* alternative background design */
/*#loading_background { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-image: url("../Mobile/Real_Money/SD/Background/Generic/Free_Spins_BG.jpg"); background-size: 100% 100%; background-repeat: no-repeat; }*/

#behindVideo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: black; }

#featuresScreen { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color:black; z-index: 4;}

#featuresAll {
	z-index: 4;
	margin: 0 auto;
	width: 100%;
	height: 540px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);
}

#loadingGameLogo {
	position: absolute; top: 0; left: 50%; /*margin: 0 0 0 0;*/
	transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translate(-50%, -50%);
	/*width: 960px; height: 421px;*/
	width: 292px; height: 94px;
	background-image: url("../Loading/CS_Logo_Small.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	z-index: 10;
}

#featuresWild, #featuresFreeSpins, #featuresCandyBomb, #featuresLollipopBonus {
	position: absolute;
	top: 96px;
	transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform: translate(0,0); -o-transform: translate(0,0);
	height: 353px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	z-index: 11;
}

#featuresWild {
	width: 216px;
	background-image: url("../Loading/Super_Wild.png");
	left: 36px;
}

#featuresFreeSpins {
	width: 216px;
	background-image: url("../Loading/Scatter.png");
	left: 261px;
}

#featuresCandyBomb {
	width: 216px;
	background-image: url("../Loading/Candy_Bomb.png");
	left: 485px;
}

#featuresLollipopBonus {
	width: 216px;
	background-image: url("../Loading/Bonus.png");
	left: 709px;
}

#featuresWildTitle, #featuresFreeSpinsTitle, #featuresCandyBombTitle, #featuresLollipopBonusTitle {
	position: absolute;
	width: 162px;
	color: #eee1ec;
	text-shadow: none;
	top: 172px; left: 25px;
}

#featuresWildTitle 				{ text-shadow: 0px 0px 8px #ea6bb7, 0px 0px 8px #ea6bb7, 0px 0px 8px #ea6bb7; font-size: 1.4em; }
#featuresFreeSpinsTitle 		{ text-shadow: 0px 0px 8px #e2363a, 0px 0px 8px #e2363a, 0px 0px 8px #e2363a; font-size: 1.4em; }
#featuresCandyBombTitle  		{ text-shadow: 0px 0px 8px #e334e1, 0px 0px 8px #e334e1, 0px 0px 8px #e334e1; font-size: 1.4em; }
#featuresLollipopBonusTitle   	{ text-shadow: 0px 0px 8px #dbc630, 0px 0px 8px #dbc630, 0px 0px 8px #dbc630; font-size: 1.2em; }

#featuresWildText, #featuresFreeSpinsText, #featuresCandyBombText, #featuresLollipopBonusText {
	position: absolute;
	width: 170px;
	color: #f4c024;
	text-shadow: none;
	top: 203px; left: 22px;
}

#featuresWildText 				{ font-size: 0.85em; }
#featuresFreeSpinsText   		{ font-size: 0.75em; }
#featuresCandyBombText 		 	{ font-size: 0.85em; }
#featuresLollipopBonusText  	{ font-size: 0.80em; }

@font-face {
    font-family: 'BirdsOfParadiseFont';
	src: url('../Fonts/birds_of_paradise.eot');
    src: url('../Fonts/birds_of_paradise.eot?#iefix') format('embedded-opentype'),
		url("../Fonts/birds_of_paradise.ttf") format('truetype'),
		url('../Fonts/birds_of_paradise.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SourceSansPro-SemiBold';
	src: url('../Fonts/SourceSansPro-SemiBold.eot');
	src: url('../Fonts/SourceSansPro-SemiBold.eot?#iefix') format('embedded-opentype'),
		url("../Fonts/SourceSansPro-SemiBold.ttf") format('truetype'),
		url('../Fonts/SourceSansPro-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.fontLoad { display: block; opacity:0; }
#font1 { font-family: metaguFont; }
#font2 { font-family: SourceSansPro-SemiBold; }
#font3 { font-family: BirdsOfParadiseFont; }