/* MAIN PAGE */
html,body{
	min-height: 100%;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	color: white;
	font-family: DINPro;
}
a{
	-webkit-transition: border 300ms ease-out 0.03s, color 300ms ease-out 0.03s, background-color 300ms ease-out 0.03s, width 300ms ease-out 0.03s, height 300ms ease-out 0.03s;
	-moz-transition: border 300ms ease-out 0.03s, color 300ms ease-out 0.03s, background-color 300ms ease-out 0.03s, width 300ms ease-out 0.03s, height 300ms ease-out 0.03s;
	-o-transition: border 300ms ease-out 0.03s, color 300ms ease-out 0.03s, background-color 300ms ease-out 0.03s, width 300ms ease-out 0.03s, height 300ms ease-out 0.03s;
	transition: border 300ms ease-out 0.03s, color 300ms ease-out 0.03s, background-color 300ms ease-out 0.03s, width 300ms ease-out 0.03s, height 300ms ease-out 0.03s;
}
.wrapperoutter{
	position: absolute;
	top: 0;
	min-height: 100%;
	left: 0;       
	right: 0;
	background: black;
	overflow-x: hidden;
}
.footermenu{
	/*position: absolute;*/
	position: fixed;
	bottom: 0px;
	height: 60px;
	background: white;
	left: 0;
	right: 0;
	color: black;
	overflow: hidden; /* prevents glow from getting out of the menu */
}
.footermenuplaceholder{
	height: 60px;
	width: 100%;
	background: transparent;
}
.placetakerLeft{
	width: 32%;
	min-height: 100%;
	/*background: green;*/
	background: rgb(58,77,129);
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
.placetakerRight{
	width: 68%;
	min-height: 100%;
	/*background: red;*/
	background: rgb(58,77,129);
	position: absolute;
	bottom: 0;
	right: 0;
}
.placefaderRight{
	width: 100%;
	min-height: 100%;
	background: black;
	position: absolute;
	top: 0;
	bottom: 0;
	opacity: 0;
}
.placetakerTable{
	width: 100%;
	min-height: 100%;
	background: rgb(58,77,129);
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
.contentHolder{
	position: absolute;
	width: 100%;
	min-height: 100%;
	bottom: 0;
	/*background: rgba(0,0,0,0.5);*/
	text-align: center;
}
.placetakerLeft.main{
	width: 32%;
	background-image:url('/visual/images/mainback_left.jpg');
	background-size: cover;
}
.placetakerRight.main{
	width: 68%;
	background-image:url('/visual/images/mainback_right.jpg');
	background-size: cover;
}
.mobilePhoneVertical{
	position: absolute;
	left: 75%;
	top: 50%;
	width: 35%;
	margin-left: -17.5%;
	height: 40em;
	margin-top: -20em;
	background-color: rgba(0,0,0,0.5);
}
.mobilePhoneHorizontal{
	/*width: 75%;
	height: 40em;
	background-color: rgba(0,0,255,0.5);
	display: inline-block;
	vertical-align: middle;*/
	position: absolute;
	left: 50%;
	top: 50%;
	width: 75%;
	margin-left: -37.5%;
	height: 10em;
	margin-top: -5em;
	background-color: rgba(0,0,255,0.5);
}
.mobilePhoneVertical .textAligner{
	position: relative;
}
.mobilePhoneVertical .textAligner .left{
	position: absolute;
	left: -120%;
	width: 120%;
	height: 20em;
	background: rgba(255,0,0,0.5);
	text-align: left;
}
.mobilePhoneVertical .textAligner .right{
	position: absolute;
	right: -120%;
	width: 120%;
	height: 20em;
	background: rgba(255,0,0,0.5);
	text-align: left;
}
.clearboth{
	clear: both;
	float: none;
}
.logos{
	/*position: relative;*/ /*allows it to override arrows*/ /* removed in favor of individual logo adjustments */
	width: 100%;
	margin-top: 34px;
	/*z-index: 18;*/  /* removed in favor of individual logo adjustments */
}
.logos .logoLeft{
	float: left;
	display: inline-block;
	background-image: url('/visual/images/HuaweiLogo.png');
	background-repeat: no-repeat;
	width: 172px;
	height: 40px;
	margin-left: 46px;
	position: relative; /*allows it to override arrows*/
	z-index: 18;
}
.logos .logoRight{
	float: right;
	display: inline-block;
	background-image: url('/visual/images/KudaGoLogo.png');
	background-repeat: no-repeat;
	width: 153px;
	height: 62px;
	margin-top: -5px; /* 34 - 29 px */
	margin-right: 55px;
	position: relative; /*allows it to override arrows*/
	z-index: 18;
}
.menuHolder{
	float: right;
	height: 100%;
}
.shareHolder{
	width: 319px;
	background: red;
	color: white;
	height: 100%;
	float: left;
}
.shareHolderText{
	font-family: DINPro;
	font-size: 12px;
	display: inline-block;
	height: 100%;
	line-height: 60px;
	margin-left: 29px;	
	margin-right: 1px;
}
.shareButtons{
	display: inline-block;
	vertical-align: top;
	margin-top: 1px;
	margin-top: 14px;
}
.shareButtons a{
	border-radius: 360px;
	width: 28px;
	height: 28px;
	border: 2px solid white;
	line-height: 28px;
	text-align: center;
	background-color: transparent;
	color: white;
	text-decoration: none;
}
.shareButtons a:hover{
	background-color: white;
	color: red;
}
.menuButton{
	float: left;
	display: block;
	height: 100%;
	width: 212px;
	line-height: 60px;
	text-transform: uppercase;
	font-family: DINPro;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	color: black;
	text-decoration: none;
	box-shadow: 0px 0px 4px lightgray;
	background-color: white;
}
.menuButton:hover, .menuButton.active{
	background-color: lightgray;
}
.mobilePhoneHorizontal.main{
	display: none;
}
.mobilePhoneVertical.main{
	left: 32%;
	width: 216px;
	height: 615px;
	margin-left: -108px;
	margin-top: -307px;
	background-image: url('/visual/images/MainPhone.png');
	background-repeat: no-repeat;
	background-color: transparent;
}
.mobilePhoneVertical.main .textAligner .right{
	width: 480px;
	right: -480px;
	height: 615px;
	background-color: transparent;
}
.mobilePhoneVertical.main .textAligner .right .textHolder{
	margin-left: 41px;
}
.mobilePhoneVertical.main .textAligner .right .big{
	width: 360px;
	display: inline-block;
	font-family: DINPro;
	font-size: 48px;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 90px;
	padding: 0;
	line-height: 57px;
}
.mobilePhoneVertical.main .textAligner .right .small{
	display: inline-block;
	margin-top: 41px;
	font-family: DINPro;
	font-size: 30px;
	text-transform: none;
	line-height: 36px;
}
.playButton{
	display: inline-block;
	font-family: DINPro;
	font-size: 25px;
	font-weight: bold;
	text-transform: uppercase;
	color: white;
	background-color: red;
	border-radius: 360px;
	text-decoration: none;
	width: 260px;
	height: 60px;
	margin-top: 55px;
	text-align: center;
	line-height: 60px;
}
.playButton:hover, .playButton:active{
	background-color: darkred;
}
/* PRODUCT PAGE */
.mobilePhoneHorizontal.product{
	display: none;
}
.placetakerLeft.product{
	width: 68%;
	background-image:url('/visual/images/productback_left.jpg');
	background-size: cover;
	background-position: right top;
}
.placetakerRight.product, .placetakerRight.product.alt0{
	width: 32%;
	background-image:url('/visual/images/productback_right.jpg');
	background-size: cover;
}
.placetakerRight.product.alt1{
	width: 32%;
	background-image:url('/visual/images/productback_rightalt1.jpg');
	background-size: cover;
}
.placetakerRight.product.alt2{
	width: 32%;
	background-image:url('/visual/images/productback_rightalt2.jpg');
	background-size: cover;
}
.placefaderRight.product{
	opacity: 1;
	display: none;
	background: rgb(58,77,129);
	background-image:url('/visual/images/productback_right.jpg');
	background-size: cover;
}
.mobilePhoneVertical.product, .mobilePhoneVertical.product.alt0{
	left: 68%;
	width: 288px;
	height: 594px;
	margin-left: -144px;
	margin-top: -297px;
	background-image: url('/visual/images/ProductPhone.png');
	background-repeat: no-repeat;
	background-color: transparent;
}
.mobilePhoneVertical.product.alt1{
	left: 68%;
	width: 307px;
	height: 576px;
	margin-left: -154px;
	margin-top: -288px;
	background-image: url('/visual/images/ProductPhone1.png');
	background-repeat: no-repeat;
	background-color: transparent;
}
.mobilePhoneVertical.product.alt2{
	left: 68%;
	width: 298px;
	height: 592px;
	margin-left: -149px;
	margin-top: -296px;
	background-image: url('/visual/images/ProductPhone2.png');
	background-repeat: no-repeat;
	background-color: transparent;
}
.goButton{
	display: inline-block;
	font-family: DINPro;
	font-size: 25px;
	font-weight: bold;
	text-transform: uppercase;
	color: white;
	background-color: transparent;
	border-radius: 360px;
	border: 2px solid white;
	text-decoration: none;
	width: 256px;
	height: 56px;
	margin-top: 93px;
	text-align: center;
	line-height: 56px;
	margin-left: -11px;
}
.goButton:hover, .goButton:active{
	background-color: red;
	border-color: red;
}
.arrows{
	position: absolute;
	top: 0;
	width: 100%;
	min-height: 100%;
}
.arrows .arrowLeft{
	position: absolute;
	top: 50%;
	left: 46px;
	display: inline-block;
	background-image: url('/visual/images/arrowLeft.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-color: rgba(0,0,0,0.5);
	width: 60px;
	height: 60px;
	margin-top: -30px;
	display: block;
}
.arrows .arrowRight{
	position: absolute;
	top: 50%;
	right: 46px;
	display: inline-block;
	background-image: url('/visual/images/arrowRight.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-color: rgba(0,0,0,0.5);
	width: 60px;
	height: 60px;
	margin-top: -30px;
	display: block;
}
.arrows .arrowLeft:hover, .arrows .arrowRight:hover{
	background-color: red;
}
.mobilePhoneVertical.product .textAligner .left{
	width: 600px;
	left: -600px;
	height: 615px;
	background-color: transparent;
}
.mobilePhoneVertical.product .textAligner .left .textHolder{
	margin-left: 41px;
}
.mobilePhoneVertical.product .textAligner .left .big{
	width: 360px;
	display: inline-block;
	font-family: DINPro;
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 33px;
	padding: 0;
	line-height: 36px;
}
.mobilePhoneVertical.product .textAligner .left .small{
	width: 395px;
	display: inline-block;
	margin-top: 21px;
	font-family: DINPro;
	font-size: 18px;
	text-transform: none;
	line-height: 24px;
}
.productLogo{
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url('/visual/images/HuaweiProductLogo.png');
	width: 314px;
	height: 28px;
	display: inline-block;
	margin-top: 108px;
}
.btnsmain{
	margin-top: 53px;
	margin-left: 84px;
	text-align: left;
	width: 100%;
}
.btnsmain a{
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 360px;
	background: white;
	border: 1px solid white;
	margin-right: 11px;
	text-align: center;
	line-height: 8px;
}
.btnsmain a .elPunto{
	display: none;
}
.btnsmain a.active, .btnsmain a:hover{
	width: 14px;
	height: 14px;
	line-height: 14px;
	border: 1px solid white;
}
.btnsmain a.active .elPunto,.btnsmain a:hover .elPunto{
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 360px;
	background: red;
	width: 8px;
	height: 8px;
	border: 1px solid red;
	vertical-align: top; /* verical fix for A. */
	margin-top: 2px;
}
.btnsmain a:hover .elPunto{
	background: white;
	border: 1px solid white;
}
/* */
.mobilePhoneVertical.product.alt1 .textAligner .left .textHolder {
	margin-left: 51px;
}
.mobilePhoneVertical.product.alt1 .textAligner .left .big{
	margin-top: 33px;
}
.mobilePhoneVertical.product.alt1 .textAligner .left .small{
	margin-top: 26px;
}
.mobilePhoneVertical.product.alt1 .productLogo{
	margin-top: 99px;
}
.mobilePhoneVertical.product.alt1 .goButton{
	margin-top: 52px;
}
/* */
.mobilePhoneVertical.product.alt2 .textAligner .left .textHolder {
	margin-left: 46px;
}
.mobilePhoneVertical.product.alt2 .textAligner .left .big{
	width: 390px;
	margin-top: 34px;
}
.mobilePhoneVertical.product.alt2 .textAligner .left .small{
	margin-top: 18px;
}
.mobilePhoneVertical.product.alt2 .productLogo{
	margin-top: 107px;
}
.mobilePhoneVertical.product.alt2 .goButton{
	margin-top: 47px;
}
/* GAME START PAGE */
.placetakerLeft.gameStart{
	width: 32%;
	background-image:url('/visual/images/gamestartback_left.jpg');
	background-size: cover;
}
.placetakerRight.gameStart{
	width: 68%;
	background-image:url('/visual/images/gamestartback_right.jpg');
	background-size: cover;
}
.mobilePhoneHorizontal.gameStart{
	display: none;
}
.mobilePhoneVertical.gameStart{
	left: 32%;
	width: 311px;
	height: 619px;
	margin-left: -156px;
	margin-top: -310px;
	background-image: url('/visual/images/GameStartPhone.png');
	background-repeat: no-repeat;
	background-color: transparent;
}
.mobilePhoneVertical.gameStart .textAligner .right{
	width: 610px;
	right: -610px;
	height: 615px;
	background-color: transparent;
}
.mobilePhoneVertical.gameStart .textAligner .right .textHolder{
	margin-left: 63px;
	color: black;
}
.mobilePhoneVertical.gameStart .textAligner .right .big{
	width: 410px;
	/*display: inline-block;*/
	display: block;
	font-family: DINPro;
	font-size: 36px;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 80px;
	padding: 0;
	line-height: 43px;
}
.mobilePhoneVertical.gameStart .textAligner .right .big.red{
	color: red;
}
.mobilePhoneVertical.gameStart .textAligner .right .small{
	display: inline-block;
	margin-top: 33px;
	font-family: DINPro;
	font-size: 22px;
	text-transform: none;
	line-height: 25px;
	vertical-align: top;
}
.mobilePhoneVertical.gameStart .textAligner .right .small .b{
	font-weight: bold;
}
.mobilePhoneVertical.gameStart .textAligner .right .small .bubble{
	display: inline-block;
	float: left;
	overflow: hidden;
	border-radius: 360px;
	width: 60px;
	height: 60px;
	background: red;
	color: white;
	vertical-align: top;
	margin-top: -6px;
	margin-right: 14px;	
	margin-left: 2px;
	text-align: center;
	font-weight: bold;
	font-size: 72px;
	line-height: 79px;
}
.mobilePhoneVertical.gameStart .textAligner .right .small.i2{
	margin-top: 51px;
}
.mobilePhoneVertical.gameStart .textAligner .right .small.i2 .bubble{
	margin-top: -24px;
}
.mobilePhoneVertical.gameStart .textAligner .right .small.i3{
	margin-top: 44px;
}
.mobilePhoneVertical.gameStart .textAligner .right .small.i3 .bubble{
	margin-top: -5px;
}
.mobilePhoneVertical.gameStart .playButton{
	margin-top: 42px;
}
/* GAME PAGE */
.mobilePhoneVertical.game{
	display: none;
}
.placefaderLeft.game{
	width: 100%;
	min-height: 100%;
	background: rgb(0,51,103);
	position: absolute;
	top: 0;
	bottom: 0;
	opacity: 0.85;
}
.placetakerLeft.game{
	width: 50%;
	background-image:url('/visual/images/gameback_left.jpg');
	background-size: cover;
	background-position: center; /* per request */
}
.placetakerRight.game{
	width: 50%;
	background-image:url('/visual/images/gameback_right.jpg');
	background-size: cover;
}
.mobilePhoneHorizontal.game{
	background-image:url('/visual/images/GamePhone.png');
	background-repeat: no-repeat;
	background-color: transparent;
	width: 1034px;
	height: 513px;
	margin-left: -517px;
	margin-top: -256px;
}
.gameScreen{
	width: 876px;
	height: 443px;
	background: black;
	margin-top: 35px;
	margin-left: 77px;
	border-radius: 8px;
	overflow: hidden;
}
.gamePhoto{
	width: 50%;
	height: 100%;
	float: left;
	background: black;
	overflow: hidden;
	text-align: center;
	position: relative;	
}
.gamePhoto img{
	width: 100%;
}
.gamePhoto .js-photo{
	width: 100%;
	height: 100%;
	background-size: contain;
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	background-color: rgb(58,77,129);
}
.gamePhoto .gameTimer{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -54px;
	margin-top:  -54px;
}
.gamePhoto .animatedLoader.gameTimer .loader3{
	overflow: hidden;
}
.gamePhoto .animatedLoader.gameTimer .loader3 img{
	width: 500%; /* ensure this to be forcefully distorted */
}
.gamePhoto .animatedLoader.gameTimer .loader3 .glass{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.34);
	/*box-shadow: inset 0 0 0 200px rgba(255,255,255,0.05);
	filter: blur(10px);*/
}
.gamePhoto .animatedLoader.gameTimer .loader3 .glass:after{
	content: '';
	width: 300px;
	height: 300px;
	background: inherit; 
	position: absolute;
	left: -25px;
	right: 0;
	top: -25px;  
	bottom: 0;
	box-shadow: inset 0 0 0 200px rgba(255,255,255,0.05);
	filter: blur(10px);
}
.gamePhoto .animatedLoader.gameTimer .loader4{
	font-family: DINPro;
	line-height: 104px;
	font-weight: normal;
}
.gameMap{
	position: relative;
	width: 50%;
	height: 100%;
	float: right;
	background: black;
}
.gameMap .js-map{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: black;
}
.gameMap .js-confirmOverlay{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.5);
}
.gameMap .js-confirm{
	position: absolute;
	top: 50%;
	left: 50%;
	background: rgba(0,0,0,0.5);
	width: 180px;
	height: 87px;
	margin-left: -90px;
	margin-top: -43px;
	border-radius: 8px;
	text-align: center;
}
.gameMap .js-confirm .confirmText{
	display: inline-block;
	font-family: DINPro;
	font-size: 18px;
	color: white;
	width: 100%;
	text-align: center;
	margin-top: 6px;
}
.gameMap .js-confirm .confirmButton{
	display: inline-block;
	text-decoration: none;
	font-family: DINPro;
	font-size: 18px;
	color: white;
	width: 58px;
	height: 30px;
	border-radius: 8px;
	border: 1px solid white;
	background-color: transparent;
	margin-top: 10px;
	line-height: 30px;
}
.gameMap .js-confirm .confirmButton.js-yes{
	margin-right: 14px;
}
.gameMap .js-confirm .confirmButton:hover{
	background-color: red;
	border-color: red;
}
.gamePause{
	display: none;
}
.placefaderLeft.game.gamePause{
	display: block;
	/*opacity: 0.3;*/
	opacity: 0.5; /* per request */
}
.backdropContent{
	position: absolute;
	top: 0;
	width: 100%;
	min-height: 100%;
}
.backdropContent .gamePauseLeft{
	position: absolute;
	top: 0%;
	left: 0%;
	width: 50%;
	min-height: 100%;
}
.backdropContent .gamePauseRight{
	position: absolute;
	top: 0%;
	right: 0%;
	width: 50%;
	min-height: 100%;
}
.backdropContent .gamePauseLeft .textHolder{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	margin-left: -50%;
	height: 270px;
	margin-top: -135px;
	text-align: center;
}
.backdropContent .gamePauseLeft .textHolder .header{
	font-family: DINPro;
	font-weight: normal;
	font-size: 27px;
	line-height: 30px;
	color: white;
	width: 100%;
	display: block;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 55px; /* see name below */
}
.backdropContent .gamePauseLeft .textHolder .score{
	font-family: DINPro;
	font-weight: normal;
	font-size: 60px;
	line-height: 65px;
	color: white;
	width: 100%;
	display: block;
	font-weight: bold;
	text-transform: uppercase;
	overflow: hidden;
}
.backdropContent .gamePauseRight .textHolder{
	width: 100%;
	height: 100%;
	background: transparent;
	text-align: left;
	margin-left: 55px;
}
.backdropContent .gamePauseRight .textHolder .bigRed{
	margin-top: 120px;
	font-family: DINPro;
	font-weight: bold;
	font-size: 30px;
	line-height: normal;
	text-transform: uppercase;
	color: red;	
	width: 390px;
	/*display: inline-block;*/
	display: block;
}
.backdropContent .gamePauseRight .textHolder .score{
	margin-top: 0px;
	font-family: DINPro;
	font-weight: bold;
	font-size: 48px;
	line-height: normal;
	text-transform: uppercase;
	color: black;	
	width: 390px;
	display: inline-block;
}
.backdropContent .gamePauseRight .textHolder .onPhoto{
	font-family: DINPro;
	width: 475px;
	margin-top: 10px;
	color: black;
}
.backdropContent .gamePauseRight .textHolder .onPhoto .header{
	width: 100%;
	display: inline-block;
	font-size: 18px;
}
.backdropContent .gamePauseRight .textHolder .onPhoto .name{
	width: 100%;
	display: inline-block;
	font-weight: bold;
	font-size: 30px;
	line-height: 34px;
}
.backdropContent .gamePauseRight .textHolder .onPhoto .description{
	width: 100%;
	display: inline-block;
	margin-top: 16px;
	font-size: 18px;
}
.backdropContent .gamePauseRight .textHolder .onPhoto .description .b{
	font-weight: bold;
}
.playButton.continueButton{
	width: 180px;
	margin-top: 20px;
	font-size: 18px;
}
.authScreen{
	position: absolute;
	top: 0;
	min-height: 100%;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.7);
	z-index: 20; /* IPHONE WATCH FOR THIS! (was 1, need 20 to override logos with 18) */
	text-align: center;
}
.authScreen .authScreenHolder{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 600px;
	margin-left: -300px;
	height: 450px;
	margin-top: -214px; /* canonical two-two-five */
}
.authScreen .headerHolder{
	display: inline-block;
	position: relative;
	width: 580px;
	font-weight: bold;
	font-family: DINPro;
	font-size: 36px;
	text-transform: uppercase;
	color: white;
	/*margin-top: 170px;*/
}
.authScreen .headerHolder .closeButton{
	position: absolute;
	top: -51px;
	right: -75px;
	width: 60px;
	height: 60px;
	background-repeat: no-repeat;
	background-image: url('/visual/images/closeButton.png');
	cursor: pointer;
}
.authScreen .socNetTitle, .authScreen .emailTitle{
	margin-top: 20px;
	width: 100%;
	display: inline-block;
	font-family: DINPro;
	font-size: 18px;
	text-transform: uppercase;
}
.authScreen .socNetIcons a{
	margin-top: 12px;
	display: inline-block;
	font-size: 32px;
	width: 58px;
	height: 58px;
	border-radius: 360px;
	background-color: red;
	border: 1px solid red;
	text-decoration: none;
	line-height: 58px;
	color: white;
}
.authScreen .socNetIcons a:hover{
	border-color: white;
	background-color: transparent;
}
.authScreen .socNetIcons a.fa-vk{
	margin-right: 11px;
}
.authScreen .emailTitle{
	margin-top: 35px;
}
.authScreen .emailForm{
	width: 200px;
	display: inline-block;
}
.authScreen .emailField{
	display: inline-block;
	width: 100%;
	background: transparent;
	border: 0px;
	border-bottom: 1px solid white;
	color: white;
	font-family: DINPro;
	font-size: 14px;
	margin-top: 20px;
}
.authScreen .emailSubmit.playButton{
	padding: 0;
	border: none;
	background: none;
	background-color: red;
	border-radius: 360px;
	width: 100%;
	margin-top: 24px;
	cursor: pointer;
	font-size: 18px;
}
.authScreen .emailSubmit.playButton:hover{
	background-color: darkred;
}
.authScreen .error{
	padding: 0;
	margin-top: 4px;
	color: red;
	font-family: DINPro;
	font-size: 14px;
	text-transform: uppercase;
	margin-bottom: -14px;
	display: none;
}
.turnDevice, .badDevice{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	min-height: 100%;
	z-index: 1000;
	background: black;
	display: none;
}
.turnDevice .tdHolder, .badDevice .tdHolder{
	width: 256px;
	height: 256px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -128px;
	margin-left: -128px;
	text-align: center;
}
.turnDevice .icon, .badDevice .icon{
	background-image: url('/visual/images/phoneLandscape.png');
	background-size: contain;
	width: 128px;
	height: 128px;
	display: inline-block;
}
.badDevice .icon{
	background-image: url('/visual/images/phoneBad.png');
}
/* Animation classes and so forth */
.animaAligner{
	position: absolute;
	width: 85%;
	height: 84%;
	background: rgba(0,0,0,0.6);
	margin-left: 7%;
	margin-top: 14%;
	overflow: hidden;
	border-radius: 3px;
	display: none;
}
.js-anima{
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	min-height: 100%;
	display: none;
	height: 100%; /* otherwise fails on small screens to display properly, gets too big */
}
.js-animaFader{
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	min-height: 100%;
	background: url('/visual/images/animafader.png');
	background-size: cover;
	opacity: 0.5;
}
.js-animaBlacker{
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	min-height: 100%;
	background: black;
	display: none;
}
.js-animationHolder{
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	min-height: 100%;
	overflow: hidden;
	background:rgba(0,0,0,0);
}
.js-animaPhone{
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	min-height: 100%;
	display: none;
}
.js-animaFaderPhone{
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	min-height: 100%;
	background: url('/visual/images/animafader.png');
	background-size: cover;
	opacity: 0.5;
}
.js-animaBlackerPhone{
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	min-height: 100%;
	background: black;
	display: none;
}
.js-animaMarkerPhone{
	position: absolute;
	top: 48%;
	bottom: 0;
	left: 0;
	right: 0;
}
.js-animaMarkerPhone img{
	height: 78%;
}
/* Victory Table */
/* table */
.content-table01{
	width: 100%;
	text-align: center;
	margin-top: 45px;
	/* for logos */
	position: absolute;
	top: 0;
}
.content-table01 .header{
	text-transform: uppercase;
	padding-top: 24px;
}

.content-table01 .table{
	min-height: 70px;
	display: inline-block;
	width: 860px;
	max-width: 860px;
	margin-top: 13px;
	margin-left: 188px;
}
.content-table01 .tableColBlock{
	min-height: 70px;
	display: inline-block;
	width: 860px;
	max-width: 860px;
	margin-top: 13px;
	margin-left: -10px;
}
.content-table01 .tableCol{
	min-height: 70px;
	display: inline-block;
	width: 310px;
	max-width: 310px;
	margin-right: 20px;
}
.tableBlock{
	display: block;
	float: left;
	width: 310px;
	height: 40px;
	margin-right: 20px;
	margin-bottom: 9px;
	color: #ffffff;
	line-height: 40px;
	text-decoration: none;
	vertical-align: top;
	font-size: 14px;
}
.content-table01 .tableColBlock .tableBlock{
	margin-bottom: 11px;
}
.tableBlock .place{
	display: inline-block;
	width: 40px;
	height: 40px;
	background: red;
	margin-right: 10px;
	overflow: hidden;
	font-weight: bold;
}
.tableBlock .name{
	display: inline-block;
	width: 190px;
	height: 40px;
	background: rgba(0,0,0);
	background: rgba(0,0,0,0.5);
	text-align: left;
	font-weight: bold;
	overflow: hidden;
}
.tableBlock .name span{
	margin-left: 12px;
}
.tableBlock .score{
	display: inline-block;
	width: 70px;
	height: 40px;
	background: rgba(0,0,0);
	background: rgba(0,0,0,0.5);
	color: red;
	font-weight: bold;
	overflow: hidden;
}
.tablePagination{
	width: 100%;
	text-align: center;
	margin-top: 20px;
	margin-left: -14px;
}
.arrowP{
	display: inline-block;
	width: 40px;
	height: 40px;
	background-color: rgba(0,0,0);
	background-color: rgba(0,0,0,0.5);
	background-image: url('/visual/images/arrowLeft.png');
	background-repeat: no-repeat;
	background-position: center center;
	margin-left: 0px;
	margin-right: 97px;
	cursor: pointer;
	background-size: 22px;
}
.arrowP.right{
	background-image: url('/visual/images/arrowRight.png');
	margin-right: 0px;
	margin-left: 88px;
}
.arrowP:hover,.arrowP.active{
	background-color: red;
}
.arrowP.right:hover,.arrowP.right.active{
	background-color: red;
}
.tablePagination .place{
	display: inline-block;
	width: 40px;
	height: 40px;
	background: rgba(0,0,0);
	background: rgba(0,0,0,0.5);
	margin-right: 8px;
	overflow: hidden;
	line-height: 40px;
	cursor: pointer;
	text-decoration: none;
	color: white;
}
.tablePagination .place.active{
	background: red;
}
.tablePagination .place:hover{
	background: red;
}
/* FINAL SCREEN */
.finalScore{
	margin-top: 0px;
	font-family: DINPro;
	font-weight: bold;
	font-size: 60px;
	line-height: normal;
	text-transform: uppercase;
	color: black;	
	width: 100%;
	display: inline-block;
	overflow: hidden;
}
#js-table.playButton{
	font-size: 18px;
}
.js-table.shareButtons{
	width: 100%;
}
.js-table.shareButtons a{
	width: 38px;
	height: 38px;
	line-height: 38px;
	font-size: 22px;
	color: red;
	background-color: transparent;
	border-color: red;
}
.js-table.shareButtons a:hover{
	color: white;
	background-color: red;
	border-color: red;
}
.js-table.smallText{
	display: inline-block;
	margin-top: 33px;
	font-family: DINPro;
	font-size: 22px;
	text-transform: none;
	line-height: 25px;
	vertical-align: top;
	width: 100%;
}
.js-table.smallText .b{
	font-weight: bold;
}
.js-table.smallText.shareSuggestion{
	font-size: 18px;
	margin-top: 70px;
}
.js-table.smallText.scoreAdvertisment{
	color: red;
	font-weight: bold;
	margin-top: 0px;
	font-size: 24px;
}
/* RULES LINK */
.rulesLink{
	font-size: 14px;
	display: inline-block;
	width: 100%;
	color: black;
	margin-left: 6px;
}
.gamePauseLeft .textHolder .name{
	width: 100%;
	display: inline-block;
	font-weight: bold;
	font-size: 60px;
}
.gamePauseLeft .textHolder .subname{
	width: 100%;
	display: inline-block;
	font-weight: bold;
	font-size: 24px;
}
/* IPhone bullshit fix */
input:not([type="checkbox"]){
    -webkit-appearance: none;
}