.screenbg {
	background-color: black;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 0;
	overflow: hidden;
}

@media ( max-width : 960px) {
	.applyZoom {
		transform: scale(0.9);
		-webkit-transform: scale(0.9);
		-ms-transform: scale(0.9);
	}
}

@media ( max-width : 850px) {
	.applyZoom {
		transform: scale(0.6);
		-webkit-transform: scale(0.6);
		-ms-transform: scale(0.6);
	}
}

@media ( min-width : 1240px) and (min-height: 690px) {
	.applyZoom {
		transform: scale(1.15);
		-webkit-transform: scale(1.15);
		-ms-transform: scale(1.15);
	}
}

@media ( min-width : 1240px) and (min-height: 780px) {
	.applyZoom {
		transform: scale(1.2);
		-webkit-transform: scale(1.2);
		-ms-transform: scale(1.2);
	}
}

@media ( min-width : 1280px) and (min-height: 800px) {
	.applyZoom {
		transform: scale(1.25);
		-webkit-transform: scale(1.25);
		-ms-transform: scale(1.25);
	}
}

@media ( min-width : 1340px) and (min-height: 750px) {
	.applyZoom {
		transform: scale(1.2);
		-webkit-transform: scale(1.2);
		-ms-transform: scale(1.2);
	}
}

@media ( min-width : 1420px) and (min-height: 700px) {
	.applyZoom {
		transform: scale(1.2);
		-webkit-transform: scale(1.2);
		-ms-transform: scale(1.2);
	}
}

@media ( min-width : 1420px) and (min-height: 800px) {
	.applyZoom {
		transform: scale(1.3);
		-webkit-transform: scale(1.3);
		-ms-transform: scale(1.3);
	}
}

@media ( min-width : 1580px) and (min-height: 850px) {
	.applyZoom {
		transform: scale(1.4);
		-webkit-transform: scale(1.4);
		-ms-transform: scale(1.4);
	}
}

@media ( min-width : 1650px) and (min-height: 880px) {
	.applyZoom {
		transform: scale(1.5);
		-webkit-transform: scale(1.5);
		-ms-transform: scale(1.5);
	}
}

.mainScreen {
	background-repeat: no-repeat;
	display: block;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 1;
	width: 980px;
	height: 560px;
	background-size: 980px 560px;
}

.rangeArrowStyle {
	cursor: pointer;
}

.playerPanelNameStyle {
	color: #fdf6d2;
	font-family: 'Roboto Condensed', sans-serif;
	text-align: center;
}

.dailyChallengeFirstTitle {
	font-family: 'Francois One', sans-serif;
	text-align: center;
	background-image: -webkit-linear-gradient(top, white, white, #4e5bc0); /* For Chrome and Safari */
    background-image:    -moz-linear-gradient(top, white, white, #4e5bc0); /* For old Fx (3.6 to 15) */
    background-image:     -ms-linear-gradient(top, white, white, #4e5bc0); /* For pre-releases of IE 10*/
    background-image:      -o-linear-gradient(top, white, white, #4e5bc0); /* For old Opera (11.1 to 12.0) */
 	background-image: linear-gradient(to bottom, white, white, #4e5bc0); /* Standard syntax; must be last */
    color:transparent;
    -webkit-background-clip: text;
    background-clip: text;
}

.dailyChallengeRest {
	text-align: center;
 	background-image: -webkit-linear-gradient(top, white, white, #4e5bc0); /* For Chrome and Safari */
    background-image:    -moz-linear-gradient(top, white, white, #4e5bc0); /* For old Fx (3.6 to 15) */
    background-image:     -ms-linear-gradient(top, white, white, #4e5bc0); /* For pre-releases of IE 10*/
    background-image:      -o-linear-gradient(top, white, white, #4e5bc0); /* For old Opera (11.1 to 12.0) */
 	background-image: linear-gradient(to bottom, white, white, #4e5bc0); /* Standard syntax; must be last */
    color:transparent;
    -webkit-background-clip: text;
    background-clip: text;
}

.dailyCompletedRest {
	text-align: center;
 	background-image: -webkit-linear-gradient(top, white, white, #4e5bc0); /* For Chrome and Safari */
    background-image:    -moz-linear-gradient(top, white, white, #4e5bc0); /* For old Fx (3.6 to 15) */
    background-image:     -ms-linear-gradient(top, white, white, #4e5bc0); /* For pre-releases of IE 10*/
    background-image:      -o-linear-gradient(top, white, white, #4e5bc0); /* For old Opera (11.1 to 12.0) */
 	background-image: linear-gradient(to bottom, white, white, #4e5bc0); /* Standard syntax; must be last */
    color:transparent;
    -webkit-background-clip: text;
    background-clip: text;
}


.playerPanelStatsStyle {
	color: #fdf6d2;
	/*font-family: 'Open Sans', Helvetica, Arial, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	text-align: center;
}

.playerPanelStyle {
	background-color: #171717;
	opacity: 0.9;
	position: relative;
	margin: 1px;
	border-radius: 10px;
}

.newFishTitle {
	color: #e8ddff;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-align: center;
}

.newFishName {
	color: #88f439;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-align: center;
}

.newFishStyle {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0d0a39+0,0d0a39+100 */
	background: rgb(13, 10, 57); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(13, 10, 57, 1) 0%,
		rgba(13, 10, 57, 1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(13, 10, 57, 1) 0%,
		rgba(13, 10, 57, 1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(13, 10, 57, 1) 0%,
		rgba(13, 10, 57, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d0a39',
		endColorstr='#0d0a39', GradientType=1); /* IE6-9 */
	position: relative;
	margin: 2px;
	border-radius: 10px;
}

.adviceTitle {
	font-family: 'Francois One', sans-serif;
	font-weight: bold;
	color: #ffffff;
	white-space: nowrap;
}

.newFishWrapStyle {
	background: #af8cff; /* Old browsers */
	background: -moz-linear-gradient(top, #af8cff 1%, #9570e7 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #af8cff 1%, #9570e7 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #af8cff 1%, #9570e7 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#af8cff',
		endColorstr='#9570e7', GradientType=0); /* IE6-9 */
	box-shadow: 0px 0px 15px #f2eeff;
	border-radius: 10px;
	position: absolute;
	cursor: pointer;
}

.playerIdWrapStyle {
	border-radius: 10px; */
	background: #af8cff; /* Old browsers */
	background: -moz-linear-gradient(top, #af8cff 1%, #9570e7 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #af8cff 1%, #9570e7 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #af8cff 1%, #9570e7 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#af8cff',
		endColorstr='#9570e7', GradientType=0); /* IE6-9 */
	box-shadow: 0px 0px 15px #f2eeff;
	border-radius: 10px;
	z-index: 500;
	position: absolute;
}

.playerIdStyle {
	background: rgb(13, 10, 57); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(13, 10, 57, 1) 0%,
		rgba(13, 10, 57, 1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(13, 10, 57, 1) 0%,
		rgba(13, 10, 57, 1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(13, 10, 57, 1) 0%,
		rgba(13, 10, 57, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d0a39',
		endColorstr='#0d0a39', GradientType=1); /* IE6-9 */
	margin: 1px;
	border-radius: 10px;
}

.playerIdText {
	font-family: 'Roboto Condensed', sans-serif;
	color: #e8ddff;
}

.idLogOutStyle {
	/*font-family: 'Open Sans', Helvetica, Arial, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	color: #ececec;
	cursor: pointer;
	text-decoration: underline;
}

.playerIdHeroText {
	font-family: 'Roboto Condensed', sans-serif;
	color: #88f439;
	overflow: hidden;
	text-align: left;
	white-space: nowrap;
}

.menuTriangle {
	position: absolute;
	border-style: solid;
	border-color: #d9d9d9 transparent;
	display: block;
	width: 0;
}

.playerPanelStyleWrap {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.51, #E3D793
		), color-stop(1, #2A0A59));
	background-image: -o-linear-gradient(bottom, #E3D793 51%, #2A0A59 100%);
	background-image: -moz-linear-gradient(bottom, #E3D793 51%, #2A0A59 100%);
	background-image: -webkit-linear-gradient(bottom, #E3D793 51%, #2A0A59 100%);
	background-image: -ms-linear-gradient(bottom, #E3D793 51%, #2A0A59 100%);
	background-image: linear-gradient(to bottom, #E3D793 51%, #2A0A59 100%);
	border-radius: 10px;
	z-index: 500;
	position: absolute;
}

.popWrap {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#af8cff+1,9570e7+100 */
	background: #af8cff; /* Old browsers */
	background: -moz-linear-gradient(top, #af8cff 1%, #9570e7 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #af8cff 1%, #9570e7 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #af8cff 1%, #9570e7 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#af8cff',
		endColorstr='#9570e7', GradientType=0); /* IE6-9 */
	box-shadow: 0px 0px 15px #f2eeff;
	border-radius: 10px;
	z-index: 2000;
	position: relative;
}

.popStyle {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0d0a39+0,0d0a39+100 */
	background: rgb(13, 10, 57); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(13, 10, 57, 1) 0%,
		rgba(13, 10, 57, 1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(13, 10, 57, 1) 0%,
		rgba(13, 10, 57, 1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(13, 10, 57, 1) 0%,
		rgba(13, 10, 57, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d0a39',
		endColorstr='#0d0a39', GradientType=1); /* IE6-9 */
	position: relative;
	margin: 2px;
	border-radius: 10px;
}

.walkthroughText {
	font-family: 'Roboto Condensed', sans-serif;
	color: #e8ddff;
	text-align: left;
}

.finishWalkthroughText {
	font-family: 'Roboto Condensed', sans-serif;
	color: #e8ddff;
	cursor: pointer;
}

.finishWalkthrough {
	background: rgb(92, 22, 185);
	border-radius: 10px;
	box-shadow: 0px 0px 15px #af8cff;
	border-width: 2px;
	border-color: #af8cff;
	border-style: solid;
	cursor: pointer;
	text-align: center;
	font-weight: bold;
}

.skipReplay {
	font-family: 'Francois One', sans-serif;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efecdc+0,ccbd8c+49,efecdc+100 */
	background: #efecdc; /* Old browsers */
	background: -moz-linear-gradient(top, #efecdc 0%, #ccbd8c 49%, #efecdc 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #efecdc 0%,#ccbd8c 49%,#efecdc 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #efecdc 0%,#ccbd8c 49%,#efecdc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efecdc', endColorstr='#efecdc',GradientType=0 ); /* IE6-9 */	
	text-align: center;
 	font-weight: bold; 
	text-shadow: #ffffff 1px 1px;
	cursor: pointer;
	color:#170c35;
	text-transform: uppercase;
}

.walkthroughOk {
	color: #60ff56;
	text-align: left;
	text-decoration: underline;
	cursor: pointer;
}

.bubble {
	background: rgb(13,10,57); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(13,10,57,1) 0%, rgba(13,10,57,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(13,10,57,1) 0%,rgba(13,10,57,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(13,10,57,1) 0%,rgba(13,10,57,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d0a39', endColorstr='#0d0a39',GradientType=1 ); /* IE6-9 */
	position: relative;
	border-color: #af8cff;
	border-style: solid;
}


.praticeFailedStyle {
	color: #ff3333;
	font-family: 'Francois One', sans-serif;
	font-weight: bold;
	text-align: center;
}

.praticeCompletedStyle {
	color: #59f960;
	font-family: 'Francois One', sans-serif;
	font-weight: bold;
	text-align: center;
}

.loginTitle {
	color: #e8ddff;
	font-family: 'Roboto Condensed', sans-serif;
}

.rangeWhatsThisText {
	color: #e8ddff;
	font-family: 'Roboto Condensed', sans-serif;
}

.aboutUsMainTitle {
	color: #fcd4a1;
	font-family: 'Francois One', sans-serif;
	text-align: center;
	font-weight: bold;
}

.onlineListText {
	color: #fcd4a1;
	/*font-family: 'Open Sans', Helvetica, Arial, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	text-align: center;
}

.toolTipText {
	color: #e8ddff;
	font-family: 'Roboto Condensed', sans-serif;
	text-align: center;
}

.newSpinner {
	width: 50px;
	height: 50px;
	position: fixed;
	text-align: center;
	top: 50%;
	left: 50%;
	-webkit-animation: sk-rotate 2.0s infinite linear;
	animation: sk-rotate 2.0s infinite linear;
}

.dot1, .dot2 {
	width: 40%;
	height: 40%;
	display: inline-block;
	position: absolute;
	top: 0;
	background-color: #333;
	border-radius: 100%;
	-webkit-animation: sk-bounce 2.0s infinite ease-in-out;
	animation: sk-bounce 2.0s infinite ease-in-out;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f2f2+0,ffffff+100 */
	background: rgb(242, 242, 242); /* Old browsers */
	background: -moz-linear-gradient(top, rgb(242, 242, 242) 0%,
		rgb(255, 255, 255) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgb(242, 242, 242) 0%,
		rgb(255, 255, 255) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgb(242, 242, 242) 0%,
		rgb(255, 255, 255) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2',
		endColorstr='#ffffff', GradientType=0); /* IE6-9 */
}

.dot2 {
	top: auto;
	bottom: 0;
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

@-webkit-keyframes sk-rotate { 100% {
	-webkit-transform: rotate(360deg)
}

}
@keyframes sk-rotate { 
100% {
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
}}

@-webkit-keyframes sk-bounce { 0%, 
100% {
	-webkit-transform: scale(0.0);
}

50% {
	-webkit-transform:scale(1.0)
}}

@keyframes sk-bounce { 0%, 
100% {
	transform: scale(0.0);
	-webkit-transform: scale(0.0);
}

50%
{
transform:scale(1.0);
-webkit-transform:scale(1.0);
}
}

.spinner {
	margin: 2px auto 0;
	text-align: center;
}

.spinner>div {
	background-color: #333;
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
	background-color: white;
	margin: 4px auto 0;
	left: 200px;
}

.spinner .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
	background-color: white;
	margin: 4px auto 0;
}

.spinner .bounce3 {
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	background-color: white;
	margin: 4px auto 0;
}

@-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% {
	-webkit-transform: scale(0)
}

40%
{
-webkit-transform:scale(1.0)
 
}
}
@keyframes sk-bouncedelay { 0%, 80%, 100% {
	-webkit-transform: scale(0);
	transform: scale(0);
}

40%
{
-webkit-transform:scale(1.0);
transform:scale(1.0);
}
}
.prePremiumText {
	color: #e8ddff;
	font-family: 'Roboto Condensed', sans-serif;
	text-align: center;
}

.areYouSureText {
	color: #e8ddff;
	font-family: 'Roboto Condensed', sans-serif;
	text-align: center;
}

.aboutUsTitle {
	color: #e8ddff;
	font-family: 'Roboto Condensed', sans-serif;
	text-align: center;
}

.aboutUsMainTitle {
	color: #e8ddff;
	font-family: 'Francois One', sans-serif;
	text-align: center;
	font-weight: bold;
}

.aboutUsNames {
	color: #e8ddff;
	font-family: 'Francois One', sans-serif;
	text-align: left;
	font-weight: bold;
}

.aboutUsTitles {
	color: #e8ddff;
	font-family: 'Roboto Condensed', sans-serif;
	text-align: left;
}

.aboutUsAddress {
	color: #e8ddff;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	text-align: left;
}

.languageTitleClicked {
	color: #e8ddff;
	font-family: 'Roboto Condensed', sans-serif;
	text-align: left;
	font-weight: bold;
	border: solid;
	border-width: 2px;
}

.languageTitleUnclicked {
	color: #e8ddff;
	font-family: 'Roboto Condensed', sans-serif;
	text-align: left;
	cursor: pointer;
}

.curLangStyle {
	color: white;
	font-family: 'Roboto Condensed', sans-serif;
	text-align: center;
	cursor: pointer;
}

.curLangPanelStyle {
	background-color: #4e5063;
	border-radius: 10px;
	vertical-align: middle;
	cursor:pointer;
}

.loginTextBox {
	color: #646464;
	font-family: 'Roboto Condensed', sans-serif;
}

.newInputBox {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.3+1,0.3+100 */
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.9) 0%,
		rgba(0, 0, 0, 0.9) 1%, rgba(0, 0, 0, 0.9) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.9) 0%,
		rgba(0, 0, 0, 0.9) 1%, rgba(0, 0, 0, 0.9) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.9) 0%,
		rgba(0, 0, 0, 0.9) 1%, rgba(0, 0, 0, 0.9) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000',
		endColorstr='#4d000000', GradientType=0); /* IE6-9 */
	font-family: 'Roboto Condensed', sans-serif;
}

.forgotPassword {
	color: #bebebe;
	/*font-family: 'Open Sans', Helvetica, Arial, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	text-decoration: underline;
	cursor: pointer;
}

.newUser {
	color: #bebebe;
	/*font-family: 'Open Sans', Helvetica, Arial, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	text-decoration: underline;
	cursor: pointer;
}

.newUserNoLine2 {
	color: #bebebe;
	/*font-family: 'Open Sans', Helvetica, Arial, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
}

.newUser2 {
	color: #bebebe;
	/*font-family: 'Open Sans', Helvetica, Arial, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	text-decoration: underline;
	cursor: pointer;
}

.newUserGuest {
	color: #bebebe;
	/*font-family: 'Open Sans', Helvetica, Arial, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	text-decoration: underline;
	cursor: pointer;
}

.loginMessageLabel {
	color: green;
	/*font-family: 'Open Sans', Helvetica, Arial, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
}

.loginMessageLabelError {
	color: red;
	/*font-family: 'Open Sans', Helvetica, Arial, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
}

.actionBtnWrap:HOVER {
	background-image:
		url(https://az771910.vo.msecnd.net/images/buttons/BottomButtonMouseOverNew.png);
}

.actionBtnWrap {
	background-image:
		url(https://az771910.vo.msecnd.net/images/buttons/BottomButton.png);
	background-repeat: no-repeat;
	z-index: 500;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

.actionBtn {
	color: #e9e9e9;
	font-family: 'Francois One', sans-serif;
	text-align: center;
	cursor: pointer;
}

.actionBtnWrapSmall:HOVER {
	background-image:
		url(https://az771910.vo.msecnd.net/images/buttons/BottomButtonMouseOverNew.png);
}

.actionBtnWrapSmall {
	background-image:
		url(https://az771910.vo.msecnd.net/images/buttons/BottomButton.png);
	background-repeat: no-repeat;
	z-index: 500;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

.actionBtnSmall {
	color: #171717;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;

	text-align: center;
	margin: 2px;
	cursor: pointer;
}

.actionBtnWrapDisabled {
	background-image:
		url(https://az771910.vo.msecnd.net/images/buttons/BottomButtonDisabled.png);
	background-repeat: no-repeat;
	z-index: 500;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	cursor: default;
	pointer-events: none;
}

.replayActionsStyle {
	cursor: pointer;
	color: #42b8f5;
	border-style:solid;
	border-color:#42b8f5;
	border-width:2px;
	border-radius:5px;
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif;
}

.explainLastStyle {
	cursor: pointer;
	color: #e9e9e9;
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif;
}

.switchLevelStyle {
	cursor: pointer;
	color: #42b8f5;
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif;
}

.actionBtnDisabled {
	color: #171717;
	font-weight: bold;
	text-align: center;
	cursor: default;
	pointer-events: none;
	font-family: 'Francois One', sans-serif;
	text-transform: uppercase;
	
}

.actionBtnWrapDisabledSmall {
	background-image:
		url(https://az771910.vo.msecnd.net/images/buttons/BottomButtonDisabled.png);
	background-repeat: no-repeat;
	z-index: 500;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

.actionBtnDisabledSmall {
	color: #171717;
	/*font-family: 'Open Sans', Helvetica, Arial, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	text-align: center;
	margin: 2px;
	cursor: default;
	pointer-events: none;
}

.actionBtnAligner {
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
}

.busymaskStyle {
	opacity: 0.8;
	background-color: #000000;
}

.storemaskStyle {
	opacity: 0.9;
	background-color: #000000;
}

.storeHeadlineText {
	font-family: 'Roboto Condensed', sans-serif;
	color: #95d6ff;
	font-weight: bold;
}

.walkthroughmaskStyle {
	opacity: 0.3;
	background-color: #000000;
}

.graphicsmaskGrayStyle {
	background-color: #171717;
}

.graphicsmaskBlackStyle {
	background-color: black;
}

.rangeChartStyle {
	background-color: #373536;
	border-radius: 10px;
}

.rangeWhatsThis {
	color: #ffffff;
	/*font-family: 'Open Sans', Helvetica, Arial, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	text-align: center;
	text-decoration: underline;
	cursor: pointer;
}

.rangeTitleStyle {
	color: #ffffff;
	/*font-family: 'Open Sans', Helvetica, Arial, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	text-align: center;
}

.rangeChartContents {
	border-color: #696969;
	border-style: solid;
	border-width: 2px;
}

.noSupport {
	padding-left: 8px;
	padding-right: 8px;
	display: block;
	font-size: 32px;
	color: #ffffff;
	line-height: 120%;
	font-family: Cambria, Georgia, serif;
}

.rangeCardNotSelectedOffsuit {
	/*font-family: 'Open Sans', Helvetica, Arial, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	text-align: center;
	border-color: #F0F0F0;
	border-style: solid;
	border-width: 1px;
}

.rangeCardSelected {
	/*font-family: 'Open Sans', Helvetica, Arial, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	text-align: center;
	border-color: #F0F0F0;
	border-style: solid;
	border-width: 1px;
}

.indexSquareStyle {
	border-color: #F0F0F0;
	border-style: solid;
	border-width: 1px;
}

.indexRangeStyle {
	/*font-family: 'Open Sans', Helvetica, Arial, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	text-align: center;
}

.rangesIndexStyle {
	position: relative !important;
}

.rangeNavigationNum {
	text-align: center;
	color: #b7b7b7;
	/*font-family: 'Open Sans', Helvetica, Arial, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	cursor: pointer;
	text-decoration: underline;
}

.rangeNavigationNum:HOVER {
	color: #c6c4c4;
}

.rangeNavigationNumCurrent {
	text-align: center;
	color: #ffffff;
	/*font-family: 'Open Sans', Helvetica, Arial, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	cursor: default;
	text-decoration: underline;
}

.letsStartStyle {
	background-image:
		url(https://az771910.vo.msecnd.net/images/buttons/explanationsLetsStart.png);
	background-repeat: no-repeat;
	text-align: center;
	color: #000000;
	/*font-family: 'Open Sans', Helvetica, Arial, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	cursor: pointer;
}

.letsStartStyle:HOVER {
	background-image:
		url(https://az771910.vo.msecnd.net/images/buttons/explanationsLetsStartOver.png);
}

.feedbackButtonsStyle {
	background-image:
		url(https://az771910.vo.msecnd.net/images/buttons/explanationsLetsStart.png);
	background-repeat: no-repeat;
	text-align: center;
	color: #000000;
	/*font-family: 'Open Sans', Helvetica, Arial, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	cursor: pointer;
}

.feedbackButtonsStyle:HOVER {
	background-image:
		url(https://az771910.vo.msecnd.net/images/buttons/explanationsLetsStartOver.png);
}

.validateStyle {
	background-image:
		url(https://az771910.vo.msecnd.net/images/buttons/explanationsLetsStart.png);
	background-repeat: no-repeat;
	text-align: center;
	font-weight: bold;
	color: #000000;
	/*font-family: 'Open Sans', Helvetica, Arial, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	cursor: pointer;
}

.getFeedbackStyle {
	background-image:
		url(https://az771910.vo.msecnd.net/images/feedback/getFeedbackBtn.png);
	background-repeat: no-repeat;
	text-align: center;
	color: #000000;
	/*font-family: 'Open Sans', Helvetica, Arial, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	cursor: pointer;
}

.getFeedbackStyle:HOVER {
	background-image:
		url(https://az771910.vo.msecnd.net/images/feedback/getFeedbackBtnMouseOver.png);
}

.getReplayStyle {
	background-image:
		url(https://az771910.vo.msecnd.net/images/feedback/replayBtn.png);
	background-repeat: no-repeat;
	text-align: center;
	color: #f4ebc6;
	/*font-family: 'Open Sans', Helvetica, Arial, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	cursor: pointer;
}

.getReplayStyle:HOVER {
	background-image:
		url(https://az771910.vo.msecnd.net/images/feedback/replayBtnOver.png);
}

.theorySubtitle {
	color: #efd77a;
	/*font-family: 'Open Sans', Helvetica, Arial, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	text-decoration: underline;
	font-weight: bold;
	text-align: center;
}

.theoryPanelWrapperStyle {
	/* 	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #B3AEA7), */
	/* 		color-stop(1, #464646)); */
	/* 	background-image: -o-linear-gradient(bottom, #B3AEA7 0%, #464646 100%); */
	/* 	background-image: -moz-linear-gradient(bottom, #B3AEA7 0%, #464646 100%); */
	/* 	background-image: -webkit-linear-gradient(bottom, #B3AEA7 0%, #464646 100%); */
	/* 	background-image: -ms-linear-gradient(bottom, #B3AEA7 0%, #464646 100%); */
	/* 	background-image: linear-gradient(to bottom, #B3AEA7 0%, #464646 100%); */
	/* 	border-radius: 10px; */
	position: absolute;
}

.theoryPanelStyle {
	background-color: #121011;
	position: relative;
	overflow: hidden;
	background-repeat: no-repeat;
}

.theoryPanelStyleStreets {
	background-image:
		url(https://az771910.vo.msecnd.net/images/background/pickLevel.jpg);
}

.theoryPanelStylePreflop {
	background-image:
		url(https://az771910.vo.msecnd.net/images/background/pickLevel.jpg);
}

.theoryPanelStyleFlop {
	background-image:
		url(https://az771910.vo.msecnd.net/images/background/pickLevel.jpg);
}

.theoryPanelStyleTurn {
	background-image:
		url(https://az771910.vo.msecnd.net/images/background/pickLevel.jpg);
}

.theoryPanelStyleRiver {
	background-image:
		url(https://az771910.vo.msecnd.net/images/background/pickLevel.jpg);
}

.theoryPanelContentsPanel {
	overflow: hidden;
	position: relative;
}

.chooseLevelTitleStyle {
	color: #ffffff;
	text-transform: uppercase;
	font-family: 'Francois One', sans-serif;
	font-weight: bold;
	text-align: center;
	text-shadow: #000B33 1px 1px;
}

.theoryPanelTitleStyle {
	color: #b1fb7a;
	font-family: 'Francois One', sans-serif;
	text-align: center;
 	font-weight:bold; 
	text-shadow: #192113 1px 1px;
}

.theoryPanelContentsStyle {
	color: #F5F5F5;
	font-family: 'Roboto Condensed', sans-serif;
	line-height: 1.5;
	text-align: justify;
	position: relative;
}

.basicTitle {
	border-color: #83c6ff;
	border-radius: 10px;
	border-width: 3px;
	border-style: solid;
	box-shadow: 0px 0px 15px #bee1fe;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#287aff+0,222ed6+100 */
	background: rgb(40, 122, 255);
	background: -moz-linear-gradient(top, rgba(40, 122, 255, 1) 0%,
		rgba(34, 46, 214, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(40, 122, 255, 1) 0%,
		rgba(34, 46, 214, 1) 100%);
	background: linear-gradient(to bottom, rgba(40, 122, 255, 1) 0%,
		rgba(34, 46, 214, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#287aff',
		endColorstr='#222ed6', GradientType=0);
}

.simulationHeadline {
	
}

.levelLineFirst {
	
}

.levelLineSecond {
	
}

.levelLineFirst:HOVER {
	background-color: #6e6b67;
}

.levelLineSecond:HOVER {
	background-color: #6e6b67;
}

.streetDummiesLineFirst {
	
}

.streetDummiesLineSecond {
	
}

.streetDummiesLineFirst:HOVER {
	background-color: #6e6b67;
}

.streetDummiesLineSecond:HOVER {
	background-color: #6e6b67;
}

.levelLineText {
	font-family: 'Roboto Condensed', sans-serif;
	color: #ffffff;
	cursor: pointer;
}

.specialLevelLineText {
	font-family: 'Roboto Condensed', sans-serif;
	color: #fcf96d;
	cursor: pointer;
}

.levelLineDisabled {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2e2e38+0,2f3754+100 */
	background: rgb(46,46,56); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(46,46,56,0.8) 0%, rgba(47,55,84,0.8) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(46,46,56,0.8) 0%,rgba(47,55,84,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(46,46,56,0.8) 0%,rgba(47,55,84,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e2e38', endColorstr='#2f3754',GradientType=1 ); /* IE6-9 */
	border-color: #83c6ff;
	border-style: solid;
	border-radius: 10px;
}

.levelLineDummiesDisabled {
	background-color: #323232;
	border-color: #121011;
	border-style: solid;
	border-radius: 10px;
	border-width: 1px;
}

.adviceWrapperStyle {
	overflow: hidden;
	position: relative;
}

.adviceStyle {
	line-height: 1.5;
	color: #ffffff;
	/*font-family: 'Open Sans', Helvetica, Arial, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
}

.levelLineTextDisabled {
	font-family: 'Roboto Condensed', sans-serif;
	color: #545251;
	cursor: default;
}

.levelLineTextPremium {
	font-family: 'Roboto Condensed', sans-serif;
	color: #9c9c9c;
	cursor: default;
}

.centeredLevelText {
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif;
	color: #ffffff;
}

.feedbackHandNumFailed {
	font-family: 'Francois One', sans-serif;
	color: #ff3333;
	white-space: nowrap;
}

.feedbackHandNumSuccess {
	font-family: 'Francois One', sans-serif;
	color: #59f960;
	white-space: nowrap;
}

.leaderboardBackground {
	background-image:
		url(https://az771910.vo.msecnd.net/images/leaderboard/leaderboardBGV2.jpg);
	background-repeat: no-repeat;
	position: relative;
}

.leaderboardUpdate {
	font-family: 'Roboto Condensed', sans-serif;
	color: black;
}

.leaderboardClose {
	font-family: 'Roboto Condensed', sans-serif;
	color: #ececec;
	cursor: pointer;
}

.leaderboardClose:HOVER {
	color: #ffffff;
}

.leaderboardTitle {
	/*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F9F29F),
		color-stop(1, #9D7D3E));
	background-image: -o-linear-gradient(bottom, #F9F29F 0%, #9D7D3E 100%);
	background-image: -moz-linear-gradient(bottom, #F9F29F 0%, #9D7D3E 100%);
	background-image: -webkit-linear-gradient(bottom, #F9F29F 0%, #9D7D3E 100%);
	background-image: -ms-linear-gradient(bottom, #F9F29F 0%, #9D7D3E 100%);
	background-image: linear-gradient(to bottom, #F9F29F 0%, #9D7D3E 100%);*/
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcd140+22,deb42b+53 */
	background: #fcd140; /* Old browsers */
	background: -moz-linear-gradient(top, #fcd140 22%, #deb42b 53%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fcd140 22%, #deb42b 53%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fcd140 22%, #deb42b 53%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcd140',
		endColorstr='#deb42b', GradientType=0); /* IE6-9 */
	border-color: #ffe58b;
	border-radius: 10px;
	border-width: 3px;
	border-style: solid;
	box-shadow: 0px 0px 15px #ffe58b;
}

.leaderboardTitleText {
	color: #ffffff;
	/* 	font-family: 'Open Sans', Helvetica, Arial, sans-serif; */
	font-family: 'Francois One', sans-serif;
	font-weight: bold;
	text-align: center;
}

.leaderboardRank {
	font-family: 'Francois One', sans-serif;
	overflow: hidden;
}

.leaderboardPlayerName {
	font-family: 'Roboto Condensed', sans-serif;
	overflow: hidden;
	font-weight: bold;
}

.leaderboardScore {
	font-family: 'Roboto Condensed', sans-serif;
	overflow: hidden;
	font-weight: bold;
}

.leaderboardDate {
	font-family: 'Roboto Condensed', sans-serif;
	overflow: hidden;
	font-weight: bold;
}

.leaderboardTabsMenu {
	background-color: #2e2a64;
}

.leaderboardTabsChosen {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	color: #040707;
	border-radius: 25px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6d7aa0+1,a39cad+11,6d7aa0+55 */
	background: #fcd140; /* Old browsers */
	background: -moz-linear-gradient(top, #fcd140 22%, #deb42b 53%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fcd140 22%, #deb42b 53%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fcd140 22%, #deb42b 53%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcd140',
		endColorstr='#deb42b', GradientType=0); /* IE6-9 */
	text-align: center;
	border: 1.5px solid #ffe58b;
}

.leaderboardTabsUnchosen {
	font-family: 'Roboto Condensed', sans-serif;
	padding: 1.5px;
	color: #040707;
	background: rgb(222, 224, 249); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(222, 224, 249, 1) 1%,
		rgba(140, 157, 209, 1) 50%, rgba(222, 224, 249, 1) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(222, 224, 249, 1) 1%,
		rgba(140, 157, 209, 1) 50%, rgba(222, 224, 249, 1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(222, 224, 249, 1) 1%,
		rgba(140, 157, 209, 1) 50%, rgba(222, 224, 249, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dee0f9',
		endColorstr='#dee0f9', GradientType=0); /* IE6-9 */
	text-align: center;
	-moz-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 1), inset 0px 1px 1px
		rgba(0, 0, 0, 1);
	-webkit-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 1), inset 0px 1px 1px
		rgba(0, 0, 0, 1);
	box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 1), inset 0px 1px 1px
		rgba(0, 0, 0, 1);
	font-weight: bold;
	border-radius: 25px;
}

.leaderboardTabsDisabled {
	font-family: 'Roboto Condensed', sans-serif;
	padding: 1.5px;
	color: #040707;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a097a8+1,575d82+50,a097a8+100 */
	background: rgb(160, 151, 168); /* Old browsers */
	background: -moz-linear-gradient(top, rgb(160, 151, 168) 1%,
		rgb(87, 93, 130) 50%, rgb(160, 151, 168) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgb(160, 151, 168) 1%,
		rgb(87, 93, 130) 50%, rgb(160, 151, 168) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgb(160, 151, 168) 1%,
		rgb(87, 93, 130) 50%, rgb(160, 151, 168) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a097a8',
		endColorstr='#a097a8', GradientType=0); /* IE6-9 */
	text-align: center;
	-moz-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 1), inset 0px 1px 1px
		rgba(0, 0, 0, 1);
	-webkit-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 1), inset 0px 1px 1px
		rgba(0, 0, 0, 1);
	box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 1), inset 0px 1px 1px
		rgba(0, 0, 0, 1);
	font-weight: bold;
	border-radius: 25px;
}

.btn-facebook {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	background: transparent linear-gradient(#5B7BD5, #4864B1) repeat scroll
		0 0;
	border-radius: 5px;
	color: #FFF;
	cursor: pointer;
	text-shadow: 0 -1px 0 #354C8C;
	white-space: nowrap;
}

.btn-facebook:focus, .btn-facebook:hover, .btn-facebook:active {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#688af2+0,5881d8+100 */
	background: #688af2; /* Old browsers */
	background: -moz-linear-gradient(top, #688af2 0%, #5881d8 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #688af2 0%, #5881d8 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #688af2 0%, #5881d8 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#688af2',
		endColorstr='#5881d8', GradientType=0); /* IE6-9 */
}

.btn-google {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	background: #d54434;
	background: -moz-linear-gradient(left, #d54434 0%, #bc3e2d 100%);
	background: -webkit-linear-gradient(left, #d54434 0%,#bc3e2d 100%);
	background: linear-gradient(to right, #d54434 0%,#bc3e2d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d54434', endColorstr='#bc3e2d',GradientType=1 );
	color: #FFF;
	cursor: pointer;
	text-shadow: 0 -1px 0 #354C8C;
	white-space: nowrap;
}

.btn-google:focus, .btn-google:hover, .btn-google:active {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3f3f+0,ea3838+100 */
background: #ff3f3f; /* Old browsers */
background: -moz-linear-gradient(left, #ff3f3f 0%, #ea3838 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #ff3f3f 0%,#ea3838 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #ff3f3f 0%,#ea3838 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3f3f', endColorstr='#ea3838',GradientType=1 ); /* IE6-9 */
}

.leaderboardNumberOne {
	background-color: #2e2a64;
}

.leaderboardNumberTwo {
	background-color: #29265a;
}

.leaderboardNumberThree {
	background-color: #1F1C4C;
}

.leaderboardFirstLine {
	background-color: #0d0a39;
}

.leaderboardSecondLine {
	background-color: #0b0933;
}

.feedbackLineFirst {
	
}

.feedbackLineSecond {
	
}

.basicBox {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0d0a39+0,0d0a39+100 */
	background: rgb(13, 10, 57); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(13, 10, 57, 1) 0%,
		rgba(13, 10, 57, 1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(13, 10, 57, 0.9) 0%,
		rgba(13, 10, 57, 0.9) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(13, 10, 57, 0.9) 0%,
		rgba(13, 10, 57, 0.9) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d0a39',
		endColorstr='#0d0a39', GradientType=1); /* IE6-9 */
	border-color: #83c6ff;
	border-radius: 10px;
	border-width: 2px;
	border-style: solid;
	box-shadow: 0px 0px 15px #bee1fe;
}

.storeBox {
	background-image: url(https://az771910.vo.msecnd.net/images/store/patternV4.jpg);
	background-repeat: no-repeat;
	border-color: #83c6ff;
	border-radius: 10px;
	border-width: 2px;
	border-style: solid;
	box-shadow: 0px 0px 15px #bee1fe;
}

.storeOption {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0b0198+0,0b0198+100 */
	background: rgb(11,1,152); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(11,1,152,0.65) 0%, rgba(11,1,152,0.65) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(11,1,152,0.65) 0%,rgba(11,1,152,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(11,1,152,0.65) 0%,rgba(11,1,152,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b0198', endColorstr='#0b0198',GradientType=0 ); /* IE6-9 */
}

.storeOptionWrapper {
	border-color: #1050e0;
	border-radius: 10px;
	border-width: 3px;
	border-style: solid;
	box-shadow: 0px 0px 13px #3271ff;	
}

.storeOptionSpecific {
	border-color: #83c6ff;
	border-top-width: 2px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-style: solid;
	box-shadow: 0px 0px 15px #bee1fe; 
}

.storeOptionBest {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#170c35+0,170c35+100 */
	background: rgb(23,12,53); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(23,12,53,0.65) 0%, rgba(23,12,53,0.65) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(23,12,53,0.65) 0%,rgba(23,12,53,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(23,12,53,0.65) 0%,rgba(23,12,53,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#170c35', endColorstr='#170c35',GradientType=0 ); /* IE6-9 */
}

.storeOptionWrapperBest {
	border-color: #d0bdfd;
	border-radius: 10px;
	border-width: 3px;
	border-style: solid;
	box-shadow: 0px 0px 13px #c2a6ff;	
}

.borderCollapse {
	border-spacing: 0;
}

.leftCard {
	border-radius: 5px;
	z-index: 100;
	box-shadow: 0px 0px 8px black;
}

.rightCard {
	border-radius: 5px;
	transform: rotate(14deg);
	z-index: 99;
	box-shadow: 0px 0px 8px black;
}

.noBorders {
	border-spacing: 0;
}

.theoryImgStyle {
	vertical-align: middle;
	cursor: pointer;
}

.correctImgStyle {
	vertical-align: middle;
}

.feedbackCardImg {
	vertical-align: middle;
}

.simulationHeadlineText {
	font-family: 'Francois One', sans-serif;
	color: white;
	font-weight: bold;
	white-space: nowrap;
}

.embeddedSimulationDummiesHeadlinePanel {
	background-color: #323031;
}

.embeddedSimulationDummiesHeadline {
	background-color: #323031;
	font-family: 'Francois One', sans-serif;
	color: #ffffff;
	/* 	font-weight: bold; */
	text-align: center;
}

.feedbackHeadlineText {
	color: #ffffff;
	/*font-family: 'Open Sans', Helvetica, Arial, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	text-align: center;
}

.feedbackHeadline {
	text-align: center;
}

.theoryHeadline {
	text-align: center;
	font-family: 'Francois One', sans-serif;
	font-weight: bold;
	color: #ffffff;
	white-space: nowrap;
}

.startFightingBtn {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FCD5A1),
		color-stop(1, #EA5C31));
	background-image: -o-linear-gradient(bottom, #FCD5A1 0%, #EA5C31 100%);
	background-image: -moz-linear-gradient(bottom, #FCD5A1 0%, #EA5C31 100%);
	background-image: -webkit-linear-gradient(bottom, #FCD5A1 0%, #EA5C31 100%);
	background-image: -ms-linear-gradient(bottom, #FCD5A1 0%, #EA5C31 100%);
	background-image: linear-gradient(to bottom, #FCD5A1 0%, #EA5C31 100%);
	color: #000000;
	/*font-family: 'Open Sans', Helvetica, Arial, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	position: relative;
	border-radius: 50px;
	-moz-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 1), inset 0px 1px 1px
		rgba(0, 0, 0, 1);
	-webkit-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 1), inset 0px 1px 1px
		rgba(0, 0, 0, 1);
	box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 1), inset 0px 1px 1px
		rgba(0, 0, 0, 1);
}

.sizingBtn:HOVER {
	background-image:
		url(https://az771910.vo.msecnd.net/images/buttons/BottomButtonMouseOverNew.png);
	background-repeat: no-repeat;
}

.sizingBtn {
	background-image:
		url(https://az771910.vo.msecnd.net/images/buttons/BottomButton.png);
	color: #171717;
	/*font-family: 'Open Sans', Helvetica, Arial, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	position: relative;
	cursor: pointer;
}

.sizingSelected {
	background-image:
		url(https://az771910.vo.msecnd.net/images/buttons/BottomButtonRedBorderBig.png)
		!important;
}

.sizingSelected:HOVER {
	background-image:
		url(https://az771910.vo.msecnd.net/images/buttons/BottomButtonRedBorderBig.png)
		!important;
}

.sizingBtnDisabled {
	position: relative;
	background-image:
		url(https://az771910.vo.msecnd.net/images/buttons/BottomButtonDisabled.png);
	background-repeat: no-repeat;
	color: #171717;
	/*font-family: 'Open Sans', Helvetica, Arial, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	cursor: default;
	pointer-events: none;
}

.disabledStyle {
	pointer-events: none;
}

.actionsPanel {
	position: relative;
}

.actionsTable {
	border: 1px solid #d9d9d9;
}

.actionsTDMargin {
	font-family: 'Roboto Condensed', sans-serif;
	color: #ffffff;
}

.actionsTD {
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif;
	color: #ffffff;
}

.actionsTDWide {
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif;
	color: #ffffff;
}

.actionsTDWideTitle {
	text-align: center;
	font-family: 'Francois One', sans-serif;
	color: white;
	font-weight: bold;
}

.usernameStyle {
	overflow: hidden;
	font-family: 'Roboto Condensed', sans-serif;
	/* 	font-weight: bold; */
}

.experienceStyle {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1FC4DD),
		color-stop(1, #0B424B));
	background-image: -o-linear-gradient(bottom, #1FC4DD 0%, #0B424B 100%);
	background-image: -moz-linear-gradient(bottom, #1FC4DD 0%, #0B424B 100%);
	background-image: -webkit-linear-gradient(bottom, #1FC4DD 0%, #0B424B 100%);
	background-image: -ms-linear-gradient(bottom, #1FC4DD 0%, #0B424B 100%);
	background-image: linear-gradient(to bottom, #1FC4DD 0%, #0B424B 100%);
}

.lifeBarStyleGreen {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d3ffbf+0,0be029+100 */
	background: #d3ffbf; /* Old browsers */
	background: -moz-linear-gradient(top, #d3ffbf 0%, #0be029 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #d3ffbf 0%,#0be029 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #d3ffbf 0%,#0be029 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3ffbf', endColorstr='#0be029',GradientType=0 ); /* IE6-9 */
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.lifeBarStyleOrange {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffe2bf+0,ffa438+100 */
	background: #ffe2bf; /* Old browsers */
	background: -moz-linear-gradient(top, #ffe2bf 0%, #ffa438 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffe2bf 0%,#ffa438 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffe2bf 0%,#ffa438 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe2bf', endColorstr='#ffa438',GradientType=0 ); /* IE6-9 */
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.lifeBarStyleRed {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff1a00+0,ff1a00+100;Red+Flat+%231 */
	background: #ff1a00; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff1a00 0%, #ff1a00 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ff1a00 0%,#ff1a00 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ff1a00 0%,#ff1a00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1a00', endColorstr='#ff1a00',GradientType=0 ); /* IE6-9 */
}
.lifeBarStylePink {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff0084+0,ff0084+100;Pink+Flat */
	background: #ff0084; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff0084 0%, #ff0084 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ff0084 0%,#ff0084 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ff0084 0%,#ff0084 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0084', endColorstr='#ff0084',GradientType=0 ); /* IE6-9 */
}
.loginBoxStyle {
	box-shadow: 1px 1px 1px 1px #000;
	-moz-box-shadow: 1px 1px 1px 1px #000;
	-webkit-box-shadow: 1px 1px 1px 1px #000;
}

.discountStyle {
	font-family: 'Francois One', sans-serif;
}

.storeTitlesStyle {
	font-family: 'Francois One', sans-serif;
}

.storePayStyle {
	font-family: 'Francois One', sans-serif;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#baff1c+8,4bb30a+43,4bb30a+43,4bb30a+58,4bb30a+58,baff1c+91 */
	background: rgb(186,255,28); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(186,255,28,1) 8%, rgba(75,179,10,1) 43%, rgba(75,179,10,1) 43%, rgba(75,179,10,1) 58%, rgba(75,179,10,1) 58%, rgba(186,255,28,1) 91%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(186,255,28,1) 8%,rgba(75,179,10,1) 43%,rgba(75,179,10,1) 43%,rgba(75,179,10,1) 58%,rgba(75,179,10,1) 58%,rgba(186,255,28,1) 91%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(186,255,28,1) 8%,rgba(75,179,10,1) 43%,rgba(75,179,10,1) 43%,rgba(75,179,10,1) 58%,rgba(75,179,10,1) 58%,rgba(186,255,28,1) 91%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#baff1c', endColorstr='#baff1c',GradientType=0 ); /* IE6-9 */
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	color: #181346;
}

.promotionStyle {
	font-family: 'Roboto Condensed', sans-serif;
	text-align: center;
	font-weight: bold;
	color: rgb(189, 255, 29);
}

.storePayStyle:HOVER {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cbef53+1,6ed343+41,6ed343+60,cbef53+100 */
	background: rgb(203,239,83); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(203,239,83,1) 1%, rgba(110,211,67,1) 41%, rgba(110,211,67,1) 60%, rgba(203,239,83,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(203,239,83,1) 1%,rgba(110,211,67,1) 41%,rgba(110,211,67,1) 60%,rgba(203,239,83,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(203,239,83,1) 1%,rgba(110,211,67,1) 41%,rgba(110,211,67,1) 60%,rgba(203,239,83,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbef53', endColorstr='#cbef53',GradientType=0 ); /* IE6-9 */
}

.leaderboardFishImg {
	background-color: #8c9dd1;
}

.sofiaButtonStyleDisabled {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#324167+0,151e55+100 */
	background: #324167; /* Old browsers */
	background: -moz-linear-gradient(top, #324167 0%, #151e55 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #324167 0%,#151e55 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #324167 0%,#151e55 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#324167', endColorstr='#151e55',GradientType=0 ); /* IE6-9 */
	text-align: center;
	pointer-events: none;
	color:#576575;
	text-transform: uppercase;
}

.sofiaButtonStyle {
	font-family: 'Francois One', sans-serif;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dee0f9+1,8c9dd1+50,dee0f9+100 */
	background: rgb(222,224,249); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(222,224,249,1) 1%, rgba(140,157,209,1) 50%, rgba(222,224,249,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(222,224,249,1) 1%,rgba(140,157,209,1) 50%,rgba(222,224,249,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(222,224,249,1) 1%,rgba(140,157,209,1) 50%,rgba(222,224,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dee0f9', endColorstr='#dee0f9',GradientType=0 ); /* IE6-9 */	
	text-align: center;
 	font-weight: bold; 
	text-shadow: #ffffff 1px 1px;
	cursor: pointer;
	color:#170c35;
	text-transform: uppercase;
	border-radius: 25px;
}

.sofiaButtonStyleInLevel {
	font-family: 'Francois One', sans-serif;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6f9cd9+0,0a246d+100 */
	background: #6f9cd9; /* Old browsers */
	background: -moz-linear-gradient(top, #6f9cd9 0%, #0a246d 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #6f9cd9 0%,#0a246d 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #6f9cd9 0%,#0a246d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f9cd9', endColorstr='#0a246d',GradientType=0 ); /* IE6-9 */
	text-align: center;
	cursor: pointer;
	color:#170c35;
	text-transform: uppercase;
}

.sofiaButtonStyle:HOVER {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b9bef7+0,778dce+50,b9bef7+100 */
	background: #b9bef7; /* Old browsers */
	background: -moz-linear-gradient(top, #b9bef7 0%, #778dce 50%, #b9bef7 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #b9bef7 0%, #778dce 50%, #b9bef7 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #b9bef7 0%, #778dce 50%, #b9bef7 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9bef7',
		endColorstr='#b9bef7', GradientType=0); /* IE6-9 */
}

.loginBtnNew {
	font-family: 'Roboto Condensed', sans-serif;
	text-align: center;
	vertical-align: middle;
	position: relative;
	border-radius: 5px;
	cursor: pointer;
}

.loginMessageLabelNew {
	color: ivory;
	font-family: 'Roboto Condensed', sans-serif;
	text-shadow: 2px 2px #060b1d;
}

.welcomeLbl {
	font-family: 'Francois One', sans-serif;
	text-align: center;
}

.loginMessageLabelErrorNew {
	color: #ff0000;
	font-family: 'Roboto Condensed', sans-serif;
	text-shadow: 2px 2px #060b1d;
}

.newInputBox {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.3+1,0.3+100 */
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.9) 0%,
		rgba(0, 0, 0, 0.9) 1%, rgba(0, 0, 0, 0.9) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.9) 0%,
		rgba(0, 0, 0, 0.9) 1%, rgba(0, 0, 0, 0.9) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.9) 0%,
		rgba(0, 0, 0, 0.9) 1%, rgba(0, 0, 0, 0.9) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000',
		endColorstr='#4d000000', GradientType=0); /* IE6-9 */
	font-family: 'Roboto Condensed', sans-serif;
}

.upgradeStyle {
	color: #010101;
	font-weight: bold;
	background: rgba(170, 240, 29, 1);
	background: -moz-linear-gradient(left, rgba(170, 240, 29, 1) 0%,
		rgba(79, 168, 20, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(170, 240, 29,
		1)), color-stop(100%, rgba(79, 168, 20, 1)));
	background: -webkit-linear-gradient(left, rgba(170, 240, 29, 1) 0%,
		rgba(79, 168, 20, 1) 100%);
	background: -o-linear-gradient(left, rgba(170, 240, 29, 1) 0%,
		rgba(79, 168, 20, 1) 100%);
	background: -ms-linear-gradient(left, rgba(170, 240, 29, 1) 0%,
		rgba(79, 168, 20, 1) 100%);
	background: linear-gradient(to right, rgba(170, 240, 29, 1) 0%,
		rgba(79, 168, 20, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaf01d',
		endColorstr='#4fa814', GradientType=1);
	text-align: center;
	-moz-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 1), inset 0px 1px 1px
		rgba(0, 0, 0, 1);
	-webkit-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 1), inset 0px 1px 1px
		rgba(0, 0, 0, 1);
	box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 1), inset 0px 1px 1px
		rgba(0, 0, 0, 1);
	font-weight: bold;
	border-radius: 4px;
	cursor: pointer;
}

.upgradeStyle:HOVER {
	background: rgba(182, 255, 36, 1);
	background: -moz-linear-gradient(left, rgba(182, 255, 36, 1) 0%,
		rgba(153, 191, 122, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(182, 255, 36,
		  		 1)), color-stop(100%, rgba(153, 191, 122, 1)));
	background: -webkit-linear-gradient(left, rgba(182, 255, 36, 1) 0%,
		rgba(153, 191, 122, 1) 100%);
	background: -o-linear-gradient(left, rgba(182, 255, 36, 1) 0%,
		rgba(153, 191, 122, 1) 100%);
	background: -ms-linear-gradient(left, rgba(182, 255, 36, 1) 0%,
		rgba(153, 191, 122, 1) 100%);
	background: linear-gradient(to right, rgba(182, 255, 36, 1) 0%,
		rgba(153, 191, 122, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6ff24',
		endColorstr='#99bf7a', GradientType=1);
}

.premiumStyle {
	font-family: 'Roboto Condensed', sans-serif;
	color: #010101;
	font-weight: bold;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.51, #F6E293
		), color-stop(1, #997C2B));
	background-image: -o-linear-gradient(bottom, #F6E293 51%, #997C2B 100%);
	background-image: -moz-linear-gradient(bottom, #F6E293 51%, #997C2B 100%);
	background-image: -webkit-linear-gradient(bottom, #F6E293 51%, #997C2B 100%);
	background-image: -ms-linear-gradient(bottom, #F6E293 51%, #997C2B 100%);
	background-image: linear-gradient(to bottom, #F6E293 51%, #997C2B 100%);
	text-align: center;
	-moz-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 1), inset 0px 1px 1px
		rgba(0, 0, 0, 1);
	-webkit-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 1), inset 0px 1px 1px
		rgba(0, 0, 0, 1);
	box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 1), inset 0px 1px 1px
		rgba(0, 0, 0, 1);
	cursor: default;
}

.curMoneyStyle {
	color: #1ec533;  
	text-align: right;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	text-shadow: 1px 1px black;
}

.lifeLeftStyle {
	color: #ff3333;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	text-shadow: 1px 1px black;
	z-index: 60;
}

.timeLeftGreenStyle {
	color: #45da1d;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	text-shadow: 1px 1px black;
}

.handsCounterStyle {
	color: #c7c7c7;  
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	text-shadow: 1px 1px black;
}

.feedbackMainBtnStyle {
		font-family: 'Francois One', sans-serif;
	background: rgba(75, 179, 10, 1);
	background: -moz-linear-gradient(top, rgba(75, 179, 10, 1) 0%,
		rgba(160, 235, 25, 1) 7%, rgba(75, 179, 10, 1) 37%,
		rgba(75, 179, 10, 1) 67%, rgba(160, 235, 25, 1) 93%,
		rgba(75, 179, 10, 1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(75, 179, 10,
		1)), color-stop(7%, rgba(160, 235, 25, 1)),
		color-stop(37%, rgba(75, 179, 10, 1)),
		color-stop(67%, rgba(75, 179, 10, 1)),
		color-stop(93%, rgba(160, 235, 25, 1)),
		color-stop(100%, rgba(75, 179, 10, 1)));
	background: -webkit-linear-gradient(top, rgba(75, 179, 10, 1) 0%,
		rgba(160, 235, 25, 1) 7%, rgba(75, 179, 10, 1) 37%,
		rgba(75, 179, 10, 1) 67%, rgba(160, 235, 25, 1) 93%,
		rgba(75, 179, 10, 1) 100%);
	background: -o-linear-gradient(top, rgba(75, 179, 10, 1) 0%,
		rgba(160, 235, 25, 1) 7%, rgba(75, 179, 10, 1) 37%,
		rgba(75, 179, 10, 1) 67%, rgba(160, 235, 25, 1) 93%,
		rgba(75, 179, 10, 1) 100%);
	background: -ms-linear-gradient(top, rgba(75, 179, 10, 1) 0%,
		rgba(160, 235, 25, 1) 7%, rgba(75, 179, 10, 1) 37%,
		rgba(75, 179, 10, 1) 67%, rgba(160, 235, 25, 1) 93%,
		rgba(75, 179, 10, 1) 100%);
	background: linear-gradient(to bottom, rgba(75, 179, 10, 1) 0%,
		rgba(160, 235, 25, 1) 7%, rgba(75, 179, 10, 1) 37%,
		rgba(75, 179, 10, 1) 67%, rgba(160, 235, 25, 1) 93%,
		rgba(75, 179, 10, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4bb30a',
		endColorstr='#4bb30a', GradientType=0);
	text-align: center;
	-moz-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 1), inset 0px 1px 1px
		rgba(0, 0, 0, 1);
	-webkit-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 1), inset 0px 1px 1px
		rgba(0, 0, 0, 1);
	box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 1), inset 0px 1px 1pxrgba(0,
		0, 0, 1);
	cursor: pointer;
	color: #181346;
	font-weight: bold;
	text-transform: uppercase;
}

.feedbackMainBtnStyle:HOVER {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bee86a+0,5fba3b+41,5fba3b+59,bee86a+100 */
	background: rgb(190, 232, 106); /* Old browsers */
	background: -moz-linear-gradient(top, rgb(190, 232, 106) 0%,
		rgb(95, 186, 59) 41%, rgb(95, 186, 59) 59%, rgb(190, 232, 106) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgb(190, 232, 106) 0%,
		rgb(95, 186, 59) 41%, rgb(95, 186, 59) 59%, rgb(190, 232, 106) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgb(190, 232, 106) 0%,
		rgb(95, 186, 59) 41%, rgb(95, 186, 59) 59%, rgb(190, 232, 106) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bee86a',
		endColorstr='#bee86a', GradientType=0); /* IE6-9 */
}

.mobileUpgradeStyle {
	font-family: 'Francois One', sans-serif;
	background: rgba(75, 179, 10, 1);
	background: -moz-linear-gradient(top, rgba(75, 179, 10, 1) 0%,
		rgba(160, 235, 25, 1) 7%, rgba(75, 179, 10, 1) 37%,
		rgba(75, 179, 10, 1) 67%, rgba(160, 235, 25, 1) 93%,
		rgba(75, 179, 10, 1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(75, 179, 10,
		1)), color-stop(7%, rgba(160, 235, 25, 1)),
		color-stop(37%, rgba(75, 179, 10, 1)),
		color-stop(67%, rgba(75, 179, 10, 1)),
		color-stop(93%, rgba(160, 235, 25, 1)),
		color-stop(100%, rgba(75, 179, 10, 1)));
	background: -webkit-linear-gradient(top, rgba(75, 179, 10, 1) 0%,
		rgba(160, 235, 25, 1) 7%, rgba(75, 179, 10, 1) 37%,
		rgba(75, 179, 10, 1) 67%, rgba(160, 235, 25, 1) 93%,
		rgba(75, 179, 10, 1) 100%);
	background: -o-linear-gradient(top, rgba(75, 179, 10, 1) 0%,
		rgba(160, 235, 25, 1) 7%, rgba(75, 179, 10, 1) 37%,
		rgba(75, 179, 10, 1) 67%, rgba(160, 235, 25, 1) 93%,
		rgba(75, 179, 10, 1) 100%);
	background: -ms-linear-gradient(top, rgba(75, 179, 10, 1) 0%,
		rgba(160, 235, 25, 1) 7%, rgba(75, 179, 10, 1) 37%,
		rgba(75, 179, 10, 1) 67%, rgba(160, 235, 25, 1) 93%,
		rgba(75, 179, 10, 1) 100%);
	background: linear-gradient(to bottom, rgba(75, 179, 10, 1) 0%,
		rgba(160, 235, 25, 1) 7%, rgba(75, 179, 10, 1) 37%,
		rgba(75, 179, 10, 1) 67%, rgba(160, 235, 25, 1) 93%,
		rgba(75, 179, 10, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4bb30a',
		endColorstr='#4bb30a', GradientType=0);
	text-align: center;
	-moz-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 1), inset 0px 1px 1px
		rgba(0, 0, 0, 1);
	-webkit-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 1), inset 0px 1px 1px
		rgba(0, 0, 0, 1);
	box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 1), inset 0px 1px 1pxrgba(0,
		0, 0, 1);
	font-weight: bold;
	cursor: pointer;
	color: #181346;
	font-weight: bold;
	border-radius: 4px;
}

.mobileUpgradeStyle:HOVER {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bee86a+0,5fba3b+41,5fba3b+59,bee86a+100 */
	background: rgb(190, 232, 106); /* Old browsers */
	background: -moz-linear-gradient(top, rgb(190, 232, 106) 0%,
		rgb(95, 186, 59) 41%, rgb(95, 186, 59) 59%, rgb(190, 232, 106) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgb(190, 232, 106) 0%,
		rgb(95, 186, 59) 41%, rgb(95, 186, 59) 59%, rgb(190, 232, 106) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgb(190, 232, 106) 0%,
		rgb(95, 186, 59) 41%, rgb(95, 186, 59) 59%, rgb(190, 232, 106) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bee86a',
		endColorstr='#bee86a', GradientType=0); /* IE6-9 */
}

/**
 * The "shine" element
 */
.mobileUpgradeStyle:after {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	width: 0%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.4);
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
	border-radius: 4px;
}

.storePayStyle:after {
	content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0%;
    height: 100%;
    background-color: rgba(255,255,255,0.4);
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    border-radius: 4px;
}

.shineNow:after {
	width: 110%;
	background-color: rgba(255, 255, 255, 0);
	-webkit-transition: all 1.2s ease-out;
	-moz-transition: all 1.2s ease-out;
	-ms-transition: all 1.2s ease-out;
	-o-transition: all 1.2s ease-out;
	transition: all 1.2s ease-out;
}

.unlockStyle {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	color: #010101;
	font-weight: bold;
	background: rgba(170, 240, 29, 1);
	background: -moz-linear-gradient(left, rgba(170, 240, 29, 1) 0%,
		rgba(79, 168, 20, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(170, 240, 29,
		1)), color-stop(100%, rgba(79, 168, 20, 1)));
	background: -webkit-linear-gradient(left, rgba(170, 240, 29, 1) 0%,
		rgba(79, 168, 20, 1) 100%);
	background: -o-linear-gradient(left, rgba(170, 240, 29, 1) 0%,
		rgba(79, 168, 20, 1) 100%);
	background: -ms-linear-gradient(left, rgba(170, 240, 29, 1) 0%,
		rgba(79, 168, 20, 1) 100%);
	background: linear-gradient(to right, rgba(170, 240, 29, 1) 0%,
		rgba(79, 168, 20, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaf01d',
		endColorstr='#4fa814', GradientType=1);
	text-align: center;
	-moz-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 1), inset 0px 1px 1px
		rgba(0, 0, 0, 1);
	-webkit-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 1), inset 0px 1px 1px
		rgba(0, 0, 0, 1);
	box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 1), inset 0px 1px 1px
		rgba(0, 0, 0, 1);
	font-weight: bold;
	border-radius: 4px;
	cursor: pointer;
}

.unlockStyle:HOVER {
	background: rgba(182, 255, 36, 1);
	background: -moz-linear-gradient(left, rgba(182, 255, 36, 1) 0%,
		rgba(153, 191, 122, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(182, 255, 36,
		1)), color-stop(100%, rgba(153, 191, 122, 1)));
	background: -webkit-linear-gradient(left, rgba(182, 255, 36, 1) 0%,
		rgba(153, 191, 122, 1) 100%);
	background: -o-linear-gradient(left, rgba(182, 255, 36, 1) 0%,
		rgba(153, 191, 122, 1) 100%);
	background: -ms-linear-gradient(left, rgba(182, 255, 36, 1) 0%,
		rgba(153, 191, 122, 1) 100%);
	background: linear-gradient(to right, rgba(182, 255, 36, 1) 0%,
		rgba(153, 191, 122, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6ff24',
		endColorstr='#99bf7a', GradientType=1);
}

.streetImg {
	opacity: 0.9;
}

.streetImg:HOVER {
	opacity: 1.0;
}

.onlineAmount {
	color: #8598d6;
	font-weight: bold;
}

.menuItem {
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif;
}

.menuItemDisabled {
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif;
	color: #575757;
}

.clickableMenuItem {
	text-align: center;
	cursor: pointer;
	/* 	font-weight: bold; */
	font-family: 'Roboto Condensed', sans-serif;
}

.submenuContainer {
	background-color: #181818;
	cursor: default;
}

.seperator {
	border-top: 1px solid #ccc !important;
	width: 100%;
	height: 1px;
	display: block;
	color: white;
	font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
}

.submenuItemDisabled {
	position: absolute;
	width: 100%;
	color: #545251;
	/*font-family: "Open Sans", Helvetica, Arial, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	text-align: left;
	cursor: default;
	vertical-align: middle;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.submenuRadioItem {
	position: absolute;
	width: 100%;
	color: #d9d9d9;
	/*font-family: "Open Sans", Helvetica, Arial, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	text-align: left;
	cursor: pointer;
	vertical-align: middle;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.submenuItem {
	position: absolute;
	width: 100%;
	color: #d9d9d9;
	/*font-family: "Open Sans", Helvetica, Arial, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	text-align: left;
	cursor: pointer;
	vertical-align: middle;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.submenuItem:HOVER {
	background-clip: padding-box;
	background-color: #3D3D3D;
}

.upperMenuStyle {
	font-family: 'Roboto Condensed', sans-serif;
	background-color: #181818;
	position: absolute;
	width: 100%;
	color: #d9d9d9;
}

.curMoneyStyle {
	color: #fbe53e;
	/*font-family: 'Open Sans', Helvetica, Arial, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	/* 	font-style: italic; */
	font-weight: bold;
}

.lifeLeftStyle {
	color: #ff3333;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	text-shadow: 1px 1px black;
	z-index: 60;
}

.timeLeftGreenStyle {
	color: #45da1d;
	/*font-family: 'Open Sans', Helvetica, Arial, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	/* 	font-style: italic; */
	font-weight: bold;
}

.handsCounterStyle {
	color: #0f99f1;
	/*font-family: 'Open Sans', Helvetica, Arial, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	/* 	font-style: italic; */
	font-weight: bold;
}

.upperPotStyle {
	color: #f0f0f0;
	font-family: 'Roboto Condensed', sans-serif;
	text-align: left;
}

.betContentsLbl {
	color: #000400;
	font-family: 'Francois One', sans-serif;
	font-weight: bold;
	text-align: center;
	border-radius: 4px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9fff4+13,eef9d6+31,ddf2b0+100 */
	background: #f9fff4; /* Old browsers */
	background: -moz-linear-gradient(top, #f9fff4 13%, #eef9d6 31%, #ddf2b0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f9fff4 13%,#eef9d6 31%,#ddf2b0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f9fff4 13%,#eef9d6 31%,#ddf2b0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fff4', endColorstr='#ddf2b0',GradientType=0 ); /* IE6-9 */
}

.potContentsLbl {
	color: #f0f0f0;
	font-family: 'Francois One', sans-serif;
	font-weight: bold;
	background: #1b1b21;
	text-align: center;
	border-radius: 4px;
}

.positionName {
	color: #e9e5ef;
	font-family: 'Roboto Condensed', sans-serif;
	text-align: center;
}

.positionNameHero {
	color: #ffffff;
	font-family: 'Roboto Condensed', sans-serif;
	text-align: center;
}

.playerMoney {
	color: #c7c7c7;
	font-family: 'Roboto Condensed', sans-serif;
	text-align: center;
	font-weight: bold;
	background: #1b1b21;
	border-radius:20px;
}

.heroMoney {
	color: #1e1e26;
	font-family: 'Francois One', sans-serif;
	text-align: center;
	font-weight: bold;
	border-radius:20px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a6ff7c+0,0be029+100 */
	background: #a6ff7c; /* Old browsers */
	background: -moz-linear-gradient(top, #a6ff7c 0%, #0be029 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #a6ff7c 0%,#0be029 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #a6ff7c 0%,#0be029 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ff7c', endColorstr='#0be029',GradientType=0 ); /* IE6-9 */
}

.playerAction {
	color: #000b00;
	font-family: 'Roboto Condensed', sans-serif;
	text-align: center;
	border-radius: 4px;
	font-weight: bold;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a6ff7c+0,0be029+100 */
	background: #a6ff7c; /* Old browsers */
	background: -moz-linear-gradient(top, #a6ff7c 0%, #0be029 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #a6ff7c 0%,#0be029 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #a6ff7c 0%,#0be029 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ff7c', endColorstr='#0be029',GradientType=0 ); /* IE6-9 */

}

.screenFishStyle {
	border-radius: 50% 50% 50% 50%;
}

.deadSharkStyle {
	position: absolute;
	z-index: 50;
	background-image:
		url(https://az771910.vo.msecnd.net/images/mainscreen/deadSharkSmall.png);
}

.onMainScreenItem {
	color: black;
	z-index: 100;
	/*font-family: "Open Sans", Helvetica, Arial, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	overflow: visible !important;
	position: absolute !important;
}

.navigationStyle {
	color: #ffffff;
	font-family: 'Francois One', sans-serif;
	z-index: 30000;
	white-space: nowrap;
}

.main-nav {
	background: #6e6b67;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

.main-nav:after {
	clear: both;
	content: "\00a0";
	display: block;
	height: 0;
	font: 0px/0 serif;
	overflow: hidden;
}

.nav-brand {
	float: left;
	margin: 0;
}

.nav-brand a {
	display: block;
	padding: 10px 10px 10px 20px;
	color: #fff;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 22px;
	font-weight: normal;
	line-height: 29px;
	text-decoration: none;
}

#main-menu {
	clear: both;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/* Mobile menu top separator */
#main-menu:before {
	content: '';
	display: block;
	height: 1px;
	font: 1px/1px sans-serif;
	overflow: hidden;
}

/* Mobile menu toggle button */
.main-menu-btn {
	float: left;
	position: relative;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* hamburger icon */
.main-menu-btn-icon-a, .main-menu-btn-icon-b1, .main-menu-btn-icon-b2,
	.main-menu-btn-icon-c {
	position: absolute;
	top: 50%;
	background: #fff;
	/*-webkit-transition: all 0.25s;*/
	background-color: ivory;
	/*transition: all 0.25s;*/
	border-radius: 10px;
}

/* x icon */
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon-a {
	height: 0;
	background: transparent;
}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon-c {
	height: 0;
	background: transparent;
}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon-b1 {
	top: 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon-b2 {
	top: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* hide menu state checkbox (keep it visible to screen readers) */
#main-menu-state {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	border: 0;
	padding: 0;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
}

/* hide the menu in mobile view */
#main-menu-state:not (:checked ) ~ #main-menu {
	display: none;
}

#main-menu-state:checked ~ #main-menu {
	display: block;
}

body {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/*body {
  margin: 8px;
  background: #fff;
  color: #aaa;
  font: 16px/1.5em 'Helvetica Neue', Helvetica, Arial, sans-serif;
}*/
.demo-text {
	margin: 3em 22px;
}

.demo-text p {
	margin-bottom: 1em;
}

.demo-text a {
	color: #999;
}

.aboutImage {
	position: absolute;
	color: transparent;
	opacity: 0;
	z-index: 0;
	-webkit-backface-visibility: hidden;
	-webkit-animation: imageAnimation 12s linear infinite 0s;
	-moz-animation: imageAnimation 12s linear infinite 0s;
	-o-animation: imageAnimation 12s linear infinite 0s;
	-ms-animation: imageAnimation 12s linear infinite 0s;
	animation: imageAnimation 12s linear infinite 0s;
}

/* #crossfade > img:nth-child(2)  { */
.aboutImage2 {
	-webkit-animation-delay: 4s;
	-moz-animation-delay: 4s;
	-o-animation-delay: 4s;
	-ms-animation-delay: 4s;
	animation-delay: 4s;
}
/* #crossfade > img:nth-child(3) { */
.aboutImage3 {
	-webkit-animation-delay: 8s;
	-moz-animation-delay: 8s;
	-o-animation-delay: 8s;
	-ms-animation-delay: 8s;
	animation-delay: 8s;
}

@-webkit-keyframes imageAnimation { 0% {
	opacity: 0;
	-webkit-animation-timing-function: ease-in;
}

8%
{
opacity:1;


-webkit-animation-timing-function:ease-out;


}
17%
{
opacity:1;


}
33%
{
opacity:0
}
100%
{
opacity:0
}
}
@-moz-keyframes imageAnimation { 0% {
	opacity: 0;
	-moz-animation-timing-function: ease-in;
}

8%
{
opacity:1;
-moz-animation-timing-function:ease-out;
}
17%
{
opacity:1;
}
33%
{
opacity:0;
}
100%
{
opacity:0;
}
}
@-o-keyframes imageAnimation { 0% {
	opacity: 0;
	-o-animation-timing-function: ease-in;
}

8%
{
opacity:1;
-o-animation-timing-function:ease-out;
}
17%
{
opacity:1;
}
33%
{
opacity:0;
}
100%
{
opacity:0;
}
}
@-ms-keyframes imageAnimation { 0% {
	opacity: 0;
	-ms-animation-timing-function: ease-in;
}

8%
{
opacity:1;
-ms-animation-timing-function:ease-out;
}
17%
{
opacity:1;
}
33%
{
opacity:0;
}
100%
{
opacity:0;
}
}
@keyframes imageAnimation { 0% {
	opacity: 0;
	animation-timing-function: ease-in;
}
8%
{
opacity:1;
animation-timing-function:ease-out;
}
17%
{
opacity:1;
}
33%
{
opacity:0;
}
100%
{
opacity:0;
}
}