blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,html,iframe,input,li,p,pre,select,td,textarea,th,ul {
	margin: 0;
	padding: 0
}

li,ul {
	list-style-type: none
}

fieldset,img {
	border: 0
}

h1,h2,h3,h4 {
	font-size: 100%;
	font-weight: 400
}

q:after,q:before {
	content: ''
}

a {
	outline: 0
}

button {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	outline: 0
}

button:hover {
	cursor: pointer
}

body {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	background-color: #000;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0
}

iframe {
	display: block;
	background: #000;
	border: none;
	height: 100vh;
	width: 100%
}

#mainbtn {
	display: none;
	position: absolute;
	z-index: 201;
	top: 7px;
	right: 0;
	width: 60px;
	height: 68px;
	background: rgba(41,103,151,.9) url(/images/menu.svg) 11px 15px no-repeat;
	background-size: 34px 34px;
	border: 2px solid #333;
	border-right: 0;
	outline: 0;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px
}

#mainbtn.main_minibtn {
	right: 0;
	width: 21px;
	background: rgba(42,100,144,.9) url(/images/menumini.svg) -5px 18px no-repeat;
	background-size: 28px 28px
}

#mainbtn:hover {
	background-color: #2a6490;
	border-color: #000
}

#menu {
	display: none;
	position: absolute;
	z-index: 200;
	right: -266px;
	width: 265px;
	background-color: #eee;
	color: #fff;
	border-left: 1px solid #000;
	top: 0;
	bottom: 0;
	overflow: hidden
}

.menuHeader {
	float: left;
	width: 100%;
	height: 66px;
	background-color: #296797;
	box-shadow: 0 0 5px rgba(0,0,0,.5)
}

.menuHeader a {
	text-indent: -9999px;
	position: relative;
	height: 66px;
	display: block
}

.menuHeader a:before {
	content: '';
	position: absolute;
	top: 7px;
	left: 50%;
	margin-left: -91px;
	width: 189px;
	height: 52px;
	background: transparent url(/images/plbg4.png) 0 0;
	background-size: 189px 317px
}

#menuWrapScroll {
	overflow: hidden;
	float: left;
	width: 100%;
	padding-bottom: 8px;
	position: absolute;
	bottom: 60px;
	left: 0;
	top: 65px;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch
}

#menuWrapScroll.nobutton {
	bottom: 0
}

#menuWrapScroll h2,#menuWrapScroll h3 {
	clear: both;
	margin: 0 0 3px;
	width: 100%;
	text-align: center;
	color: #000;
	font-size: 17px
}

#menuWrapScroll h2 {
	float: left;
	font-size: 22px;
	margin: 0
}

.menuRating {
	float: left;
	width: 151px;
	margin: 9px 0 9px 56px
}

.desktoplefty .menuRating {
	margin-left: 80px
}

.menuRating button {
	font-size: 13px;
	position: relative;
	width: 100px;
	height: 45px;
	float: left;
	background-color: #d5d5d5;
	border: 0;
	outline: 0;
	border-radius: 5px;
	color: #444
}

.menuRating button:before {
	width: 30px;
	height: 27px;
	position: absolute;
	top: 9px;
	left: 10px;
	content: '';
	background: transparent url(/images/plbg4.png) 0 -323px;
	background-size: 237px 396px
}

.menuRating button.thumbUp {
	padding-left: 52px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.menuRating button:disabled {
	cursor: wait
}

.menuRating button.thumbUp:hover {
	color: #eee;
	background-color: #add053
}

.menuRating button.thumbDown:hover {
	background-color: #da404e
}

.menuRating button.thumbUp.active {
	color: #eee;
	background-color: #9abe3c
}

.menuRating button.thumbDown.active {
	background-color: #bd1c2b
}

.menuRating button.thumbnohover:hover {
	background-color: #d5d5d5!important
}

.menuRating button.thumbDown {
	width: 50px;
	margin-right: 1px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.menuRating button.thumbDown:before {
	background-position: -31px -323px
}

.alertmsg {
	font-size: 14px;
	float: left;
	clear: both;
	width: 100%;
	background-color: #fff;
	border: 1px solid #e2574c;
	border-radius: 3px;
	position: relative;
	color: #000;
	min-height: 52px
}

.alertmsg:before {
	content: '';
	position: absolute;
	top: 9px;
	left: 5px;
	width: 35px;
	height: 35px;
	background: transparent url(/images/plbg4.png) -14px -357px;
	background-size: 237px 396px
}

.alertmsg div.pwraps,.alertmsg p {
	float: left;
	padding: 8px 3px 8px 4px;
	margin-left: 41px;
	line-height: 18px
}

.alertmsg a {
	color: #296797;
	font-weight: 700
}

.alertmsg a:hover {
	cursor: pointer;
	color: #666
}

.alertmsg.levelupalert,.alertmsg.likeditalert,.alertmsg.signupalert,.alertmsg.useralertbox {
	width: 94%;
	margin: 10px 3% 13px
}

.alertmsg.signupalert:hover {
	cursor: pointer
}

#laggedad-error-msg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #333;
	z-index: 30000
}

#laggedad-error-msg p {
	margin: 15% 0 0;
	float: left;
	text-align: center;
	clear: both;
	width: 100%;
	font-size: 15px;
	color: #fff;
	padding: 0
}

#laggedad-error-msg textarea {
	float: left;
	clear: both;
	width: 80%;
	margin: 3px 10% 15px;
	font-size: 15px;
	line-height: 30px;
	height: 30px;
	text-align: center
}

#laggedad-error-msg a {
	font-family: Arial;
	float: left;
	display: block;
	width: 80%;
	padding: 20px 8px;
	margin: 15px 10%;
	font-size: 1.6em;
	font-weight: 700;
	border-radius: 5px;
	text-align: center;
	background-color: #2a6490;
	border: 0;
	outline: 0;
	color: #fff;
	text-decoration: none
}

#laggedad-error-msg a:hover {
	color: #ddd
}

#laggedad-error-msg a:before {
	content: '\25B6 \FE0E';
	color: #fff;
	padding: 0 6px 0 3px;
	background-color: transparent;
	border: 0;
	outline: 0
}

.alertmsg.useralertbox {
	border-color: #296797
}

.alertmsg.useralertbox:before {
	display: none
}

.alertmsg.useralertbox div.pwraps {
	padding: 7px 3px 7px 8px;
	margin-left: 43px;
	width: calc(100% - 57px)
}

.alertmsg.useralertbox a {
	float: left;
	width: 126px;
	overflow: hidden;
	color: #000;
	text-decoration: none;
	text-overflow: ellipsis;
	max-height: 17px
}

.alertmsg.useralertbox img {
	float: left;
	width: 35px;
	height: 35px;
	position: absolute;
	top: 7px;
	left: 5px;
	border: 1px solid #000;
	border-radius: 18px
}

.alertmsg .alertlevelbit {
	float: right;
	width: 48px;
	font-size: 13px;
	text-align: right
}

.alertmsg .alertlevelbit span {
	background-color: #649ad2;
	color: #fff;
	font-weight: 700;
	margin-left: 3px;
	padding: 2px 4px 2px 3px;
	border-radius: 5px
}

.progress_bar {
	width: 99%;
	float: left;
	clear: both;
	border: 1px solid #000;
	background-color: #fff;
	position: relative;
	height: 14px;
	border-radius: 3px;
	margin-top: 3px
}

.progress_bar .prog_bit {
	height: 12px;
	position: absolute;
	top: 1px;
	left: 1px;
	background-color: #6399d1;
	border-radius: 3px;
	min-width: 2%;
	width: 2%
}

.progress_bar .prog_bit.slideinlevel {
	transition: width 350ms ease-out
}

.alertmsg.levelupalert,.alertmsg.likeditalert {
	border-color: #91dc5a;
	position: absolute;
	top: 52px;
	z-index: 100;
	box-shadow: 2px 1px 8px -2px rgba(0,0,0,.6);
	animation: levelUp .2s
}

.alertmsg.levelupalert:before {
	background-position: -60px -357px
}

.alertmsg.levelupalert p,.alertmsg.likeditalert p {
	padding-left: 8px;
	line-height: 38px;
	background-color: transparent
}

.alertmsg.levelupalert:after,.alertmsg.likeditalert:after {
	content: '';
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -12px;
	width: 0;
	height: 0;
	border-bottom: 12px solid #91dc5a;
	border-right: 12px solid transparent;
	border-left: 12px solid transparent
}

.alertmsg.likeditalert {
	top: 150px;
	min-height: 42px;
	height: 42px;
	line-height: 42px
}

.alertmsg.likeditalert p {
	line-height: 28px
}

.alertmsg.likeditalert:hover {
	cursor: pointer
}

.alertmsg.likeditalert:before {
	background-position: -143px -358px;
	top: 5px
}

.alertmsg.likeditalert b {
	color: #2a6797
}

.menuAwardsBits,.menuInstructions,.video-playthrough {
	float: left;
	width: 94%;
	padding: 0 3%;
	margin-bottom: 12px
}

.menuInstructions {
	color: #000;
	text-align: center;
	font-size: 13px;
	line-height: 16px;
	margin: 5px 0 7px
}

.video-playthrough {
	margin: 0 0 5px;
	display: none
}

.video-playthrough:hover {
	cursor: pointer
}

.video-playthrough h4 {
	width: 100%;
	text-align: center;
	font-weight: 700;
	color: #000;
	font-size: 13px;
	padding-bottom: 2px
}

.video-playthrough .vidthumb {
	position: relative;
	width: 96%;
	margin: 2px 0 8px 2%;
	height: 0;
	padding-bottom: calc(100% * .54)
}

.video-playthrough .vidthumb .watchit {
	position: absolute;
	left: 87px;
	top: 58px;
	font-size: 12px;
	background-color: rgba(0,0,0,.6);
	color: #fff;
	width: 55px;
	height: 20px;
	padding-left: 10px;
	line-height: 20px;
	text-align: center;
	border-radius: 3px
}

.video-playthrough .vidthumb .watchit:before {
	position: absolute;
	content: '';
	left: 7px;
	top: 6px;
	height: 8px;
	width: 8px;
	background: transparent url(/images/playmini.png) 0 0 no-repeat;
	background-size: 8px 8px
}

.desktoplefty .video-playthrough .vidthumb .watchit {
	left: 111px;
	top: 70px
}

.video-playthrough .vidthumb img {
	width: 100%;
	border-radius: 3px;
	box-shadow: 0 1px 4px 0 rgba(0,0,0,.2)
}

.video-playthrough .vidthumb .runtime {
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 12px;
	background-color: rgba(0,0,0,.6);
	color: #fff;
	width: 40px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	border-bottom-right-radius: 3px
}

.video-playthrough:hover .watchit {
	color: #ccc;
	background-color: rgba(0,0,0,.9)
}

#achlistwrap {
	width: calc(100% - 12px);
	position: absolute;
	top: 85px;
	left: 12px;
	right: 0;
	bottom: 0;
	overflow-y: scroll;
	padding: 10px 0 25px
}

#achlistwrap a.viewleaderguest {
	width: 100%;
	margin-left: 0;
	margin-top: 15px;
	text-align: left;
	text-decoration: none;
	height: auto
}

#achlistwrap a:hover {
	cursor: pointer;
	color: #999
}

#achlistwrap a.viewleaderguest img {
	margin-right: 7px
}

#achlistwrap p {
	margin: 1px 0 10px
}

h3.awardstitle {
	width: 100%;
	font-size: 1.6em;
	padding: 0;
	margin: 0;
	font-weight: 700
}

.awards_bit {
	float: left;
	width: 100%;
	height: 53px;
	padding-bottom: 8px;
	position: relative
}

.awards_bit.noimgpagging {
	box-sizing: border-box;
	height: 60px;
	border: 1px solid #f1f1f1
}

.awards_bit a {
	display: block;
	color: #000;
	float: left;
	width: 100%
}

.awards_bit.noimgpagging a {
	padding: 5px 0;
	width: 100%
}

.awards_bit a:hover {
	color: #337ab7
}

.awards_bit img {
	float: left;
	width: 40px;
	height: 40px;
	border: 1px solid #000;
	padding: 3px;
	background-color: #fff
}

.awards_bit.notearned img {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	background-color: #f1f1f1;
	opacity: .9
}

.awards_bit div {
	position: absolute;
	left: 55px;
	padding: 3px 0 0
}

.awards_bit div span {
	float: left;
	display: block;
	clear: both
}

.awards_bit div span.title {
	font-size: 15px;
	font-weight: 700
}

.awards_bit div span.desc {
	text-align: left;
	font-size: 11px;
	padding-top: 2px
}

.awards_bit div span.checkedearn {
	color: #649ad2;
	font-size: 11px;
	line-height: 16px;
	padding-left: 13px;
	position: relative;
	height: 16px
}

.awards_bit div span.checkedearn.guestearnedach {
	color: #be1e2e;
	padding-left: 8px
}

.awards_bit div span.checkedearn.guestearnedach:before {
	background-position: -209px -373px;
	width: 8px
}

.awards_bit div span.checkedearn:before {
	background: url(/images/plbg4.png) -194px -373px no-repeat;
	background-size: 237px 396px;
	content: '';
	width: 12px;
	height: 12px;
	position: Absolute;
	left: 0;
	right: 0;
	top: 2px
}

.awards_bit .pointstoearn {
	background-color: #649ad2;
	color: #fff;
	height: 12px;
	position: absolute;
	top: 33px;
	text-align: center;
	left: 1px;
	width: 40px;
	padding: 1px 3px;
	font-size: 11px;
	box-shadow: 0 0 1px 0 rgba(0,0,0,.5)
}

.awards_bit.notearned .pointstoearn {
	background-color: #aaa
}

.awards_bit .pointstoearn span {
	font-size: 10px;
	display: inline;
	float: none
}

#playthrough {
	width: calc(100% - 10px);
	height: auto;
	max-width: 900px;
	height: 430px;
	max-height: 450px;
	position: relative;
	background-color: #fff;
	overflow: hidden;
	outline: 0;
	border: 0;
	padding: 5px 5px 0
}

#playthrough iframe {
	width: 100%;
	height: auto;
	background-color: #fff
}

#mainContainer iframe {
	height: 100%
}

.menuAwardsBits div {
	border-radius: 5px;
	float: left;
	width: calc(97% - 8px);
	height: 40px;
	margin: 0 1.5% 6px;
	background-color: #fff;
	position: relative;
	padding-right: 8px;
	box-shadow: -1px 1px 3px 0 rgba(0,0,0,.2)
}

.menuAwardsBits div a {
	width: 100%;
	display: block;
	float: left;
	height: 40px;
	color: #337ab7;
	text-decoration: none;
	text-align: center;
	font-size: 15px;
	position: relative;
	z-index: 50;
	line-height: 40px
}

.menuAwardsBits div a img {
	width: 40px;
	height: 40px;
	float: left;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	margin-right: 8px
}

.menuAwardsBits div:hover {
	background-color: #ececec
}

.menuBottom {
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: #000;
	height: 60px
}

.menuBottom button {
	position: relative;
	float: left;
	width: 265px;
	color: #fff;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 17px;
	height: 60px;
	line-height: 62px;
	margin: 0;
	padding: 0;
	padding-left: 30px;
	outline: 0;
	border: 0;
	background-color: transparent
}

.menuBottom button:before {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	top: 20px;
	left: 75px;
	background: transparent url(/images/plbg4.png) 0 -267px;
	background-size: 237px 396px
}

.menuBottom button:hover {
	cursor: pointer;
	color: #ddd
}

.menuBottom button:disabled {
	text-indent: -99999px
}

.menuBottom button:disabled:before {
	background: transparent url(/images/load.svg) 50% 50% no-repeat;
	background-size: 30px 30px;
	width: 30px;
	height: 30px;
	top: 15px;
	left: 50%;
	margin-left: -20px
}

.desktoplefty .menuBottom button {
	width: 313px
}

.desktoplefty .menuBottom button:before {
	left: 96px
}

.desktoplefty .menuBottom button:disabled:before {
	left: 50%
}

#menu.desktoplefty {
	width: 314px;
	display: block;
	left: 0;
	right: auto;
	border-left: 0;
	border-right: 2px solid #000;
	box-shadow: 1px -1px 1px 0 rgba(0,0,0,.2)
}

#menu.slidein {
	display: block;
	animation: menuSlideIn .4s;
	right: 0;
	box-shadow: -1px 1px 1px 0 rgba(0,0,0,.2)
}

#mainbtn.slidein {
	animation: btnSlideIn .4s;
	right: 265px
}

#mainbtn.slidein.main_minibtn {
	animation: btnSlideInAlt .4s;
	right: 266px;
	z-index: 100
}

#mainbtn i {
	border-radius: 18px;
	top: -7px;
	left: -14px;
	display: block;
	width: 36px;
	height: 36px;
	position: absolute;
	z-index: 100;
	background-color: #e2574c;
	box-shadow: rgba(0,0,0,.2) 0 0 1px 1px
}

#mainbtn i:before {
	content: '';
	position: absolute;
	background: transparent url(/images/plbg4.png) 0 -357px;
	background-size: 237px 396px;
	width: 6px;
	height: 22px;
	top: 7px;
	left: 15px
}

#mainbtn.main_minibtn i {
	display: none
}

#mainbtn i.newlevelbtnsc {
	background-color: #9abe3c
}

#mainbtn i.newlevelbtnsc:before {
	background-position: -104px -357px;
	width: 15px;
	height: 21px;
	left: 10px
}

#minividbtn {
	display: none;
	position: absolute;
	z-index: 199;
	top: 80px;
	right: 0;
	width: 58px;
	height: 52px;
	background-color: #000;
	border-right: 0;
	outline: 0;
	padding: 0;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	overflow: hidden;
	border: 0;
	box-shadow: rgba(0,0,0,.2) 0 0 1px 1px
}

#minividbtn img {
	width: 110%;
	height: auto;
	position: absolute;
	top: -5px;
	left: -5%;
	border-top-left-radius: 3px
}

#minividbtn span {
	position: absolute;
	text-align: center;
	font-size: 11px;
	line-height: 11px;
	height: 11px;
	padding: 1px 0;
	bottom: 0;
	left: 0;
	color: #fff;
	width: 49px;
	padding-left: 10px;
	background-color: rgba(0,0,0,.5)
}

#minividbtn:before {
	position: absolute;
	content: '';
	width: 7px;
	height: 7px;
	left: 11px;
	bottom: 3px;
	z-index: 100;
	background: transparent url(/images/playmini.png) 0 0 no-repeat;
	background-size: 7px 7px
}

#minividbtn.main_minibtn {
	right: -80px;
	display: none!important
}

#gamePlayer {
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #e1ebf1 url(/images/load.svg) 50% 50% no-repeat;
	background-size: 150px 150px
}

#gamePlayer.desktoplefty {
	left: 314px;
	width: calc(100% - 314px)
}

.menuThumbWraps {
	float: left;
	clear: both;
	width: 94%;
	padding: 0 3%
}

.thumbWrapper {
	float: left;
	overflow: hidden;
	position: relative;
	width: 48%;
	padding-bottom: 48%;
	margin: 1%;
	box-shadow: 0 0 4px 0 rgba(0,0,0,.5);
	border-radius: 10px;
	margin-bottom: 5px;
	background-color: #a5a5a5
}

.thumbWrapper div {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 10px;
	overflow: hidden
}

.thumbWrapper img {
	width: 100%;
	height: 100%;
	border-radius: 7px
}

.thumbWrapper a {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 201;
	text-indent: -99999px
}

.thumbWrapper:hover div {
	border-color: #2a6490
}

.thumbWrapper span.thumbname {
	position: absolute;
	transition: bottom .6s ease;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 1px;
	width: 100%;
	bottom: -125%;
	left: 0;
	height: auto;
	min-height: 18px;
	line-height: 20px;
	padding: 7px 0 4px;
	text-align: center;
	text-transform: uppercase;
	background-color: rgba(42,100,144,.8);
	color: #fff;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px
}

.thumbWrapper span.thumbname span {
	font-size: 13px;
	margin: 0 2%;
	width: 96%;
	text-align: center;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis
}

.thumbWrapper:hover span.thumbname {
	display: block;
	text-decoration: none;
	bottom: 0
}

a.rL {
	color: #2a6797;
	float: left;
	display: block;
	width: 100%;
	clear: both;
	text-align: center;
	background-color: #fff;
	border-radius: 5px;
	font-size: 15px;
	text-decoration: none;
	margin-top: 8px;
	padding: 8px 0;
	box-shadow: -1px 1px 3px 0 rgba(0,0,0,.2)
}

a.rL:hover {
	background-color: #ececec
}

a.rL.mB {
	color: #fff;
	background-color: #2a6797
}

a.rL.mB:hover {
	color: #eee
}

#adContainer,#contentElement,#mainContainer,video {
	width: 100%;
	height: 100%
}

#mainContainer {
	z-index: 1;
	background-color: #000;
	position: absolute;
	top: 0;
	left: 314px;
	width: calc(100% - 314px);
	right: 0;
	bottom: 0
}

#mainContainer.fullwidthad {
	width: 100%;
	left: 0
}

#playButton,#preloader {
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	background-color: #e1ebf1
}

#playButton button,#playButton img,#preloader:after {
	position: absolute;
	top: 50%
}

#preloader {
	color: #000;
	position: absolute;
	z-index: 10000
}

#preloader:before {
	content: 'Your game is loading...'!important;
	width: 300px;
	height: 52px;
	position: absolute;
	top: 40%;
	left: 50%;
	margin-left: -150px;
	margin-top: -26px;
	background: url(/images/logo-com.png) no-repeat #e1ebf1;
	background-size: 300px 52px;
	font-size: 14px;
	text-align: center;
	line-height: 235px
}

#preloader:after {
	content: ' '!important;
	width: 50px;
	height: 50px;
	left: 50%;
	color: #333;
	top: 40%;
	margin: 35px 0 0 -23px;
	font-size: 18px;
	background: transparent url(/images/load.svg) 0 0 no-repeat
}

#adContainer {
	position: absolute;
	top: 0;
	left: 0
}

video {
	position: absolute
}

#adContainer iframe {
	background-color: transparent!important
}

#contentElement {
	position: absolute;
	overflow: hidden
}

#playButton {
	position: absolute;
	z-index: 3000
}

#playButton img {
	width: 200px;
	height: 200px;
	border-radius: 10px;
	left: 50%;
	border: 2px solid #fff;
	margin: -158px 0 0 -102px;
	box-shadow: 0 0 3px rgba(0,0,0,.5)
}

#playButton button {
	float: left;
	display: block;
	width: 206px;
	padding: 13px 0;
	color: #fff;
	font-size: 1.4em;
	font-weight: 700;
	border-radius: 5px;
	text-align: center;
	background-color: #2a6797;
	border: 0;
	outline: 0;
	margin: 55px 0 0 calc(50% - 102px);
	box-shadow: 0 0 3px rgba(0,0,0,.5);
	border: 2px solid #2a6797
}

#playButton button:before {
	content: ' \2023';
	position: absolute;
	font-size: 1.4em;
	font-weight: 700;
	top: 10px;
	right: 6px;
	color: #fff
}

.tooltipTut {
	position: absolute;
	width: 180px;
	color: #fff;
	box-shadow: 1px 2px rgba(0,0,0,.5);
	background: #000;
	height: 32px;
	line-height: 32px;
	text-align: center;
	border-radius: 6px;
	z-index: 2000;
	font-size: 1.1em;
	animation: fadein .7s
}

.tooltipTut:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 100%;
	margin-top: -10px;
	width: 0;
	height: 0;
	border-left: 10px solid #000;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent
}

.tooltipTut.menutooltip {
	top: 16px;
	right: 57px
}

#leaderboard-modal,#video-modal {
	font-family: Arial;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,.85);
	z-index: 3000
}

#leaderboard-loading {
	background: #e6e7e8 url(/images/load.svg) 50% 30% no-repeat;
	background-size: 75px 75px;
	animation: scaleIn .2s;
	position: absolute;
	top: calc(((100vh - 710px)/2) + 106px);
	left: 50%;
	margin: 0 0 0 -141px
}

.leaderboard-circle {
	z-index: 3000;
	width: 276px;
	height: 276px;
	border-radius: 138px;
	border: 3px #333 solid;
	font-size: 15px;
	color: #000;
	text-align: center;
	background-color: #e6e7e8
}

.leaderboard-circle:before {
	content: " ";
	position: absolute;
	z-index: -1;
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
	border: 3px solid #fdfdfd;
	border-radius: 138px
}

.leaderboard-circle:after {
	content: " ";
	position: absolute;
	bottom: -2px;
	left: 91px;
	width: 92px;
	height: 110px;
	background: transparent url(/images/plbg4.png) 0 -75px;
	background-size: 237px 396px
}

#datasave-wrapper,#leaderboard-wrapper,#video-wrapper {
	animation: fadein .4s;
	position: absolute;
	margin: calc((100vh - 710px)/2) 0 0 calc((100vw - 688px)/2);
	width: 688px;
	top: 0;
	left: 0;
	background-color: #fff;
	border: 3px solid #040404;
	border-radius: 5px;
	z-index: 3000;
	font-family: Arial;
	box-sizing: border-box;
	min-width: 400px;
	height: 710px
}

#datasave-wrapper {
	margin: calc((100vh - 335px)/3) 0 0 calc((100vw - 756px)/2);
	height: 335px;
	width: 750px
}

#datasave-wrapper.msg-me-data {
	height: 200px;
	margin: calc((100vh - 200px)/3) 0 0 calc((100vw - 756px)/2)
}

#video-wrapper {
	margin: calc(45vh - 255px) 0 0 calc((100% - 900px)/2);
	width: 900px;
	max-width: 900px;
	height: auto;
	background-color: #000;
	box-sizing: inherit
}

#video-wrapper.wrapminiplayer {
	margin: 0!important;
	bottom: 3px;
	right: 3px;
	top: auto;
	left: auto;
	position: absolute;
	width: 320px;
	height: 180px;
	box-shadow: 0 0 3px #333;
	padding: 1px;
	min-width: 200px;
	border: 0;
	border-radius: 0;
	z-index: 1000
}

#video-wrapper.wrapminiplayer #playthrough {
	width: 320px;
	height: 180px;
	z-index: 1001;
	position: relative;
	padding: 0
}

#video-wrapper.wrapminiplayer #playthrough:hover {
	cursor: pointer
}

#video-wrapper.wrapminiplayer #video-wrapper-header {
	display: none
}

#video-modal.wrapminiplayer {
	display: none
}

#video-wrapper #mainContainer {
	left: 0;
	bottom: 0;
	width: 100%;
	height: inherit;
	display: block;
	overflow: hidden;
	z-index: 1000;
	background: #000 url(/images/load.svg) 50% 50% no-repeat;
	background-size: 125px 125px
}

#video-wrapper #adContainer {
	height: inherit;
	bottom: 0
}

#video-wrapper #adContainer iframe {
	width: 100%;
	height: inherit!important;
	bottom: 0!important;
	top: 0
}

#leaderboard-wrapper-header,#video-wrapper-header {
	height: 80px;
	border-bottom: 3px solid #040404;
	background-color: #2a6490
}

#leaderboard-wrapper-header a#headerlogolink,a.headerlogolinkv {
	position: absolute;
	content: '';
	width: 227px;
	height: 65px;
	left: 50%;
	top: 8px;
	background: transparent url(/images/plbg4.png) 0 0;
	background-size: 237px 396px;
	margin-left: -113px
}

#video-wrapper-header {
	height: 66px
}

a.headerlogolinkv {
	top: 10px;
	width: 172px;
	height: 48px;
	background-size: 173px 289px;
	margin-left: -86px
}

.gameThumbTitleWrap {
	float: left;
	width: calc(100% - 60px);
	height: 100%
}

.gameThumbTitleWrap a {
	float: left;
	background: 0 0;
	display: block;
	width: 100%;
	line-height: 80px;
	color: #fff;
	font-weight: 700;
	font-size: 24px;
	height: 80px;
	overflow: hidden
}

.gameThumbTitleWrap a img {
	float: left;
	width: 80px;
	height: 80px;
	border-right: 3px solid #040404
}

.gameThumbTitleWrap a div {
	float: left;
	margin-left: 15px;
	width: calc(100% - 108px);
	overflow: hidden;
	text-overflow: ellipsis;
	height: 80px
}

#leaderboard-header-button,#video-header-button {
	width: 26px;
	height: 27px;
	position: absolute;
	top: 26px;
	right: 20px;
	border: 0;
	outline: 0;
	background: transparent url(/images/plbg4.png) 0 -197px;
	background-size: 237px 396px
}

#leaderboard-header-button:hover,#video-header-button:hover {
	cursor: pointer;
	background-position: -29px -197px
}

#video-header-button {
	top: 19px
}

#score-circle {
	margin: 20px auto 0;
	position: relative
}

.yourscore_txtdiv {
	text-transform: uppercase;
	font-size: 16px;
	margin: 75px 0 10px
}

.finalscore_divtxt {
	color: #036594;
	font-weight: 700;
	font-size: 40px
}

.signup_txti {
	float: left;
	clear: both;
	margin-top: 18px;
	text-align: center;
	font-size: 17px;
	width: 100%;
	color: #000
}

.signup_txti.headeronform {
	font-size: 22px
}

.signup_txti.subheadform {
	font-weight: 400;
	margin-top: 5px
}

#signupFormWrap a {
	color: #555;
	display: block;
	float: left;
	clear: both;
	width: 100%;
	text-align: center;
	margin-top: 3px;
	text-decoration: none;
	font-size: 15px
}

#signupFormWrap a:hover {
	cursor: pointer
}

#signupFormWrap a span {
	color: #036594;
	margin-left: 10px;
	border-bottom: 1px #036594 solid;
	padding-bottom: 1px
}

#signupFormWrap a:hover span {
	color: #555
}

#signupFormWrap a.halfylink {
	clear: none;
	color: #036594;
	width: 46%;
	padding: 2px 2%;
	text-align: right
}

#signupFormWrap a.halfylink.secondlink {
	text-align: left
}

#signupFormWrap a.halfylink:hover {
	color: #555
}

#loginit {
	float: left;
	margin: 20px 5%;
	width: 90%;
	font-size: 15px
}

.form-group {
	margin-bottom: 15px
}

.form-group label {
	color: #000;
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: 700
}

.form-control {
	display: block;
	width: 96%;
	height: 34px;
	padding: 6px 2%;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #f9f9f9;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

#lagged-saving {
	z-index: 9999;
	background-color: #2a6490;
	color: #fff;
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 85px;
	height: 33px;
	border-radius: 5px;
	border: 1px solid #fff;
	line-height: 35px;
	padding-left: 35px;
	text-transform: uppercase;
	animation: fadein .4s
}

#lagged-saving:before {
	width: 25px;
	height: 23px;
	content: '';
	position: absolute;
	top: 5px;
	left: 5px;
	background: url(/images/plbg4.png) -150px -363px;
	background-size: 237px 396px
}

#datasave-wrapper.msg-me-data {
	height: 200px
}

.msg-me-data img {
	position: absolute;
	width: 150px;
	height: 150px;
	top: 10px;
	left: 15px
}

.msg-me-data .msg-wrapped {
	float: left;
	width: calc(100% - 165px);
	margin-left: 165px;
	text-align: center
}

.msg-me-data p {
	float: left;
	font-size: 15px;
	width: 100%;
	margin-top: 4px
}

.msg-me-data p.mainp {
	font-weight: 700;
	font-size: 27px;
	margin-top: 25px
}

.msg-me-data button.main_hs_btn {
	width: 250px;
	margin-left: calc(50% - 125px);
	padding: 14px 0;
	margin-top: 25px;
	background-color: #2a6490
}

.msg-me-data.confirmmsg .msg-wrapped {
	width: calc(100% - 200px);
	margin-left: 200px;
	text-align: left
}

.msg-me-data.confirmmsg button.main_hs_btn {
	font-size: 18px;
	padding: 10px 0;
	width: 43%;
	margin: 25px 0 0
}

.msg-me-data.confirmmsg button.main_hs_btn.rightbtn {
	background-color: #9e9e9e;
	clear: none;
	margin-left: 3%;
	border-color: #9e9e9e
}

.login-prompt-wrap {
	width: 100%;
	text-align: center;
	margin-top: 15px
}

.login-prompt-wrap h3 {
	font-size: 32px;
	letter-spacing: .5px
}

.login-prompt-wrap p {
	font-size: 14px;
	margin-top: 7px;
	line-height: 18px
}

.login-prompt-wrap p.recomm {
	font-weight: 700;
	margin-top: 10px
}

.left-prompt {
	float: left;
	width: 40%;
	margin-left: 5%;
	padding: 30px 5% 40px 0;
	border-right: 1px solid #eee
}

.right-prompt {
	float: right;
	width: 40%;
	margin-right: 5%;
	padding: 30px 0 40px
}

.login-prompt-wrap button {
	border: 2px solid #000;
	background-color: #2a6490;
	color: #fff;
	font-size: 18px;
	border-radius: 5px;
	padding: 15px 25px;
	margin-top: 15px
}

.login-prompt-wrap button:hover {
	background-color: #555
}

.login-prompt-wrap .right-prompt button {
	background-color: #9e9e9e;
	border: 0
}

.login-prompt-wrap .right-prompt button:hover {
	background-color: #ccc
}

#leaderboardRankingWrap {
	position: relative
}

#tabsButtonWraps {
	width: calc(100% - 40px);
	margin: 20px 20px 0
}

#tabsButtonWraps button {
	width: 33.3%;
	text-align: center;
	padding-bottom: 12px;
	border: 0;
	border-bottom: 2px solid #e7e7e7;
	color: #aaa;
	outline: 0;
	background: 0 0;
	font-size: 17px;
	border-radius: 0
}

#tabsButtonWraps button.active {
	color: #036594;
	border-color: #036594;
	font-weight: 700
}

#tabsButtonWraps button:hover {
	cursor: pointer;
	color: #036594
}

.leaderboardRankinsRrap {
	float: left;
	clear: both;
	width: 100%;
	overflow-y: scroll;
	height: 493px;
	padding-top: 20px;
	-webkit-overflow-scrolling: touch
}

.leaderboardRankinsRrap.friendWrap {
	height: 480px
}

.leaderboardTopTreWrap {
	float: left;
	clear: both;
	position: relative;
	width: 100%;
	height: 241px;
	margin-bottom: 6px
}

.leaderboardTopTre {
	position: absolute;
	width: 155px;
	height: 240px;
	bottom: 0;
	left: 50%
}

.leaderboardTopTre.leaderboardUserTop3First {
	margin-left: -77px
}

.leaderboardTopTre.leaderboardUserTop3Second {
	height: 200px;
	margin-left: -242px
}

.leaderboardTopTre.leaderboardUserTop3Third {
	height: 180px;
	margin-left: 88px
}

.leaderboardTopTre.leaderboardUserTop3First .topThreeWrap {
	position: relative
}

.leaderboardTopTre.leaderboardUserTop3First .topThreeWrap:before {
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -34px;
	content: '';
	height: 75px;
	width: 69px;
	background: transparent url(/images/plbg4.png) -150px -77px no-repeat;
	background-size: 237px 396px
}

.leaderboardTopTre .topThreeWrap {
	line-height: 30px;
	text-align: center
}

.leaderboardTopTre a {
	color: #000;
	text-decoration: none
}

.leaderboardTopTre.leaderboardUserTop3First .topThreeWrap {
	background-color: #036594;
	height: 170px
}

.leaderboardTopTre.leaderboardUserTop3Second .topThreeWrap {
	background-color: #2d96c8;
	height: 130px
}

.leaderboardTopTre.leaderboardUserTop3Third .topThreeWrap {
	background-color: #72c1e7;
	height: 110px
}

.leaderboardTopTre .topThreeWrap .leaderboardRowRank {
	width: 100%;
	color: #fcfcfc;
	font-size: 16px
}

.leaderboardTopTre .topThreeWrap img {
	height: 60px;
	width: 60px;
	border-radius: 33px;
	border: 3px solid #fff
}

.leaderboardTopTre .leaderRowUsernameTop {
	width: 100%;
	text-align: center;
	padding: 12px 0 0;
	font-size: 18px;
	height: 21px;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #000
}

.leaderboardTopTre .leaderboardRowScore {
	width: 100%;
	text-align: center;
	color: #036594;
	font-size: 24px;
	font-weight: 700
}

.leaderboardTopTre.leaderboardUserTop3Second .leaderboardRowScore {
	color: #2d96c8
}

.leaderboardTopTre.leaderboardUserTop3Third .leaderboardRowScore {
	color: #72c1e7
}

.leaderboardUserRowWrap {
	float: left;
	width: calc(100% - 40px);
	height: 34px;
	padding: 8px 20px;
	border-top: 2px solid #e7e7e7;
	line-height: 34px;
	font-size: 15px
}

.leaderboardUserRowWrap.leaderboardBestScoreBottom {
	font-weight: 700;
	background-color: #e7e7e7;
	border-color: #000
}

.leaderboardUserRowWrap.leaderboardBestScoreBottom.friendsinvitebottom {
	height: 47px;
	line-height: 47px
}

.invitethefriends {
	float: left;
	color: #000
}

.friendsinvitebottom a.main_hs_btn.inviteFriendsLink {
	width: auto;
	margin: 0;
	clear: none;
	float: right;
	font-size: 20px;
	padding: 0 10px;
	text-decoration: none;
	line-height: 43px
}

.leaderboardRowRank {
	width: 40px;
	float: left;
	color: #666;
	font-size: 14px;
	overflow: hidden
}

.leaderboardUserRowWrap a {
	width: calc(100% - 200px);
	float: left;
	display: block;
	color: #000
}

.leaderboardUserRowWrap a img {
	float: left;
	width: 32px;
	height: 32px;
	border-radius: 17px;
	border: 1px solid #003a53
}

.leaderboardUserRowWrap a div {
	overflow: hidden;
	text-overflow: ellipsis;
	float: left;
	line-height: 34px;
	height: 34px;
	padding-left: 10px;
	width: calc(100% - 44px)
}

.leaderboardRowScore {
	float: right;
	text-align: right;
	color: #727272;
	font-size: 17px;
	overflow: hidden;
	width: 120px
}

a.shareitlink {
	float: left;
	width: 33%;
	margin: 15px 5px 0;
	padding: 7px;
	line-height: 30px;
	position: relative;
	text-align: center;
	border-radius: 3px;
	border: 2px solid #000;
	color: #fff;
	text-decoration: none;
	box-sizing: border-box
}

a.shareitlink:before {
	content: '';
	position: absolute;
	top: 7px;
	left: 7px;
	background: transparent url(/images/plbg4.png) 0 -231px no-repeat;
	background-size: 237px 396px;
	width: 20px;
	height: 30px
}

a.shareitlink.facebook {
	background-color: #2d78bd;
	margin-left: 17%
}

a.shareitlink.twitter {
	background-color: #33c6f4
}

a.shareitlink.twitter:before {
	width: 30px;
	background-position: -27px -231px;
	top: 10px
}

a.shareitlink:hover {
	opacity: .9
}

a.main_hs_btn,button.main_hs_btn {
	float: left;
	clear: both;
	outline: 0;
	border: 2px solid #040404;
	border-radius: 4px;
	background-color: #be1e2d;
	color: #fff;
	width: 66%;
	margin: 0 17%;
	font-size: 23px;
	padding: 20px 0
}

a.main_hs_btn:hover,button.main_hs_btn:hover {
	cursor: pointer;
	border-color: #424242;
	color: #ddd
}

button.main_hs_btn.viewranks {
	background-color: #2a6490;
	margin-top: 8px
}

.moregames_wrapper {
	float: left;
	clear: both;
	width: 96%;
	margin: 7px 2% 0
}

button.main_hs_btn.btnloading {
	border-color: #666;
	background: #666 url(/images/load.svg) 5% 50% no-repeat
}

button.main_hs_btn.btnSuccessMsg {
	background-color: #9abe3c!important;
	border-color: #9abe3c!important
}

button.main_hs_btn.btnSuccessMsg:hover,button.main_hs_btn.btnloading:hover {
	color: #fff;
	cursor: default
}

#leaderboard-wrapper .thumbWrapper {
	width: 19%;
	padding-bottom: 19%;
	margin: .5%
}

#leaderboard-wrapper .thumbWrapper div {
	left: 1px
}

#leaderboard-wrapper .thumbWrapper:hover div {
	border-color: #2a6490
}

#achievementPopWrap {
	animation: slideIn .3s;
	position: absolute;
	top: 10px;
	left: 0;
	width: 250px;
	border: 2px solid #000;
	background-color: #036594;
	height: 60px;
	box-shadow: 0 3px 5px -1px rgba(0,0,0,.6);
	z-index: 10001;
	color: #fff;
	border-left: 0;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px
}

#achievementPopWrap.achievement_pops_2 {
	z-index: 10005
}

#achievementPopWrap.achievement_pops_3 {
	z-index: 10006
}

#achievementPopWrap.achievement_pops_4 {
	z-index: 10007
}

#achievementPopWrap:before {
	position: absolute;
	top: 5px;
	left: 3px;
	width: 50px;
	height: 50px;
	content: '';
	background: transparent url(/images/plbg4.png) -159px -171px no-repeat;
	background-size: 237px 396px
}

#achievementPopWrap .achievement_title {
	font-size: 17px;
	float: left;
	clear: both;
	margin: 8px 0 0 63px;
	width: 188px
}

#achievementPopWrap .achievement_desc {
	font-size: 14px;
	float: left;
	clear: both;
	margin: 3px 0 0 63px;
	width: 188px
}

#achievementPopWrap .achievement_xp {
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: #649ad2;
	width: 50px;
	line-height: 20px;
	text-align: center;
	border-top-left-radius: 5px;
	font-size: 13px
}

.guessmoregmtxt.signup_txti.moregametxt,.signup_txti.moregametxt {
	width: 100%;
	font-size: 18px;
	margin: 0
}

div.popmoregameswrap {
	position: absolute;
	bottom: 6px;
	width: 100%
}

.guestmoregames .thumbWrapper:nth-child(11),.guestmoregames .thumbWrapper:nth-child(12) {
	display: none
}

#guestscorecircle {
	text-align: center;
	width: 100%;
	margin: 25px 0 15px
}

#guestscorecircle .yourscore_txtdiv {
	margin-top: 0;
	color: #000
}

a.viewleaderguest {
	display: block;
	float: left;
	height: 40px;
	color: #2a638f;
	text-decoration: underline;
	font-weight: 700;
	font-size: 18px;
	letter-spacing: .3px;
	line-height: 40px;
	width: 220px;
	text-align: center;
	margin-left: calc(50% - 110px);
	margin-top: 30px
}

a.viewleaderguest img {
	width: 40px;
	height: 40px;
	border-radius: 10px;
	margin-right: 0;
	float: left
}

.error_msg {
	animation: fadein .5s;
	float: left;
	clear: both;
	width: 88%;
	margin: 15px 0 0 5%;
	background-color: #bc2230;
	padding: 5px 1%;
	border-radius: 3px;
	color: #fff
}

#newScoresLoading {
	float: left;
	clear: both;
	width: 100%;
	height: 60px;
	text-align: center;
	background: #e7e7e7 url(/images/load.svg) 50% 50% no-repeat;
	background-size: 50px 50px
}

@keyframes scaleIn {
	from {
		transform: scale(.1)
	}

	to {
		transform: scale(1)
	}
}

@keyframes slideIn {
	from {
		left: -300px
	}

	to {
		left: 0
	}
}

@keyframes menuSlideIn {
	from {
		right: -266px
	}

	to {
		right: 0
	}
}

@keyframes menuSlideOut {
	from {
		right: 0
	}

	to {
		right: -266px
	}
}

@keyframes levelUp {
	from {
		opacity: 0
	}

	to {
		opacity: 100
	}
}

@keyframes btnSlideIn {
	from {
		right: 0;
		z-index: 100
	}

	to {
		right: 265px;
		z-index: 201
	}
}

@keyframes btnSlideInAlt {
	from {
		right: 0
	}

	to {
		right: 266px
	}
}

@keyframes fadein {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@media(max-width:950px) {
	#video-wrapper {
		width: 98%;
		min-width: 98%;
		margin: calc(45vh - (50vw * .562)) 0 0 1%;
		border: 0
	}

	#playthrough {
		height: calc((70vw * .562) + 60px)
	}
}

@media(max-width:690px) {
	#adContainer,#mainContainer,video#contentElement {
		z-index: 2000
	}

	#tabsButtonWraps.logintabs button {
		font-size: 15px
	}

	#datasave-wrapper,#leaderboard-wrapper {
		overflow-x: scroll
	}

	div.popmoregameswrap {
		top: 360px;
		bottom: auto
	}

	div.popmoregameswrap.userrbpop {
		top: auto;
		bottom: 6px
	}

	#menu.desktoplefty {
		right: 0
	}

	#mainContainer {
		width: 100%;
		left: 0
	}

	#mainbtn {
		width: 45px;
		height: 51px;
		background-position: 9px 12px;
		background-size: 24px 24px
	}

	#mainbtn.main_minibtn {
		right: 0;
		width: 15px;
		background-size: 26px 26px;
		background-position: -6px 11px
	}

	.tooltipTut.menutooltip {
		top: 8px;
		right: 42px
	}

	#minividbtn {
		top: 62px;
		width: 45px;
		height: 42px;
		right: -1px
	}

	#minividbtn span {
		font-size: 10px;
		width: 50px;
		padding-left: 1px;
		height: 12px;
		line-height: 14px
	}

	#minividbtn:before {
		left: 3px
	}

	#mainbtn.slidein.main_minibtn {
		right: 266px;
		width: 25px;
		background-position: -3px 10px
	}@	keyframes btnSlideInAlt {
		from{right: 0
	}

	to {
		right: 266px
	}
}

#mainbtn i {
	border-radius: 14px;
	width: 28px;
	height: 28px
}

#mainbtn i:before {
	top: 4px;
	left: 11px
}

#mainbtn i.newlevelbtnsc:before {
	left: 7px;
	top: 3px
}

#leaderboard-loading {
	top: 101px
}

#datasave-wrapper,#leaderboard-wrapper {
	min-width: 300px;
	margin: 0;
	width: 100%;
	height: 100vh
}

#datasave-wrapper {
	margin: 0!important
}

#datasave-wrapper .left-prompt {
	width: 90%;
	padding: 20px 0 35px;
	border: 0;
	border-bottom: 1px solid #eee
}

#datasave-wrapper .right-prompt {
	float: left;
	width: 90%;
	margin: 10px 0 0 5%;
	clear: both;
	padding: 20px 0 0
}

#datasave-wrapper.msg-me-data {
	height: auto;
	padding-bottom: 25px;
	margin: 25% 0 0!important
}

#datasave-wrapper.msg-me-data img {
	width: 100px;
	height: 100px;
	top: 5px;
	left: calc(50% - 50px)
}

#datasave-wrapper.msg-me-data .msg-wrapped {
	width: 100%;
	margin: 90px 0 0
}

.msg-me-data.confirmmsg .msg-wrapped {
	text-align: center
}

.msg-me-data.confirmmsg button.main_hs_btn {
	width: 50%;
	margin: 15px 0 0 25%
}

.msg-me-data.confirmmsg button.main_hs_btn.rightbtn {
	margin-left: 25%
}

#score-circle {
	margin-top: 15px
}

button.main_hs_btn {
	width: 76%;
	margin: 0 12%
}

.signup_txti {
	width: 80%;
	margin: 15px 10% 0
}

#signupFormWrap .signup_txti {
	width: 94%;
	margin: 12px 3% 0
}

.error_msg {
	width: 90%;
	margin: 5px 0 -8px 5%
}

#signupFormWrap.signup_txti.subheadform {
	margin-top: 0
}

#leaderboard-header-button {
	right: 8px
}

.invitethefriends,.moregames_wrapper,.signup_txti.moregametxt {
	display: none
}

.guessmoregmtxt.signup_txti.moregametxt,.moregames_wrapper.guestmoregames {
	display: block
}

#signupFormWrap .signup_txti.moregametxt {
	margin-bottom: 3px
}

.guessmoregmtxt.signup_txti.moregametxt {
	margin: 20px 0 0
}

.guestmoregames .thumbWrapper:nth-child(11),.guestmoregames .thumbWrapper:nth-child(12) {
	display: block
}

#leaderboard-wrapper .guestmoregames .thumbWrapper {
	width: 24%;
	padding-bottom: 24%
}

#guestscorecircle {
	margin: 25px 0 20px
}

.leaderboardRankinsRrap {
	height: calc(100vh - 217px)
}

.leaderboardRankinsRrap.friendWrap {
	height: calc(100vh - 231px)
}

.friendsinvitebottom a.main_hs_btn.inviteFriendsLink {
	float: none;
	text-align: center
}

.leaderboardUserRowWrap {
	width: calc(100% - 20px);
	padding: 8px 10px
}

.leaderboardUserRowWrap a {
	width: calc(100% - 130px)
}

.leaderboardRowScore {
	width: 90px;
	font-size: 16px
}

#tabsButtonWraps {
	width: 100%;
	margin: 20px 0 0
}

a.shareitlink {
	width: 96%;
	margin: 15px 0 0 2%!important
}

.leaderboardTopTre {
	width: 87px
}

.leaderboardTopTre.leaderboardUserTop3First {
	margin-left: -57px;
	width: 114px
}

.leaderboardTopTre.leaderboardUserTop3Second {
	margin-left: -147px
}

.leaderboardTopTre.leaderboardUserTop3Third {
	margin-left: 60px
}

#tabsButtonWraps button {
	width: 30%
}

#tabsButtonWraps button:first-child {
	width: 40%
}

#video-wrapper #mainContainer {
	position: fixed;
	height: 100vh
}

#playthrough {
	position: relative!important
}

#video-wrapper {
	height: 90%;
	margin: 10% 0 0 1%
}

#video-wrapper iframe {
	height: calc(99% - 69px);
	max-height: 100%
}}

@media(max-width:350px) {
	#leaderboard-wrapper-header a {
		left: 10px;
		margin-left: 0
	}

	#tabsButtonWraps button {
		width: 26%
	}

	#tabsButtonWraps button:first-child {
		width: 48%
	}

	a.viewleaderguest {
		display: none
	}

	#achlistwrap a.viewleaderguest {
		display: block
	}

	#playthrough.minyplayer,#playthrough.minyplayer iframe,#video-wrapper.wrapminiplayer {
		width: 240px;
		height: 135px
	}

	#datasave-wrapper.msg-me-data {
		margin: 0!important;
		height: 100%
	}
}

@media only screen and (min-height:690px) and (max-width:690px) and (orientation:portrait) {
	.moregames_wrapper,.signup_txti.moregametxt {
		display: block
	}

	.signup_txti.moregametxt {
		margin-top: calc((100vh - 600px)/2)
	}

	.moregames_wrapper {
		margin-top: 6px
	}
}

@media(max-width:800px) {
	#successmsglogin {
		right: 2%;
		left: 2%
	}

	#successmsglogin .thumbWrapper span.thumbname {
		white-space: nowrap;
		font-size: 10px;
		height: 14px;
		line-height: 14px;
		min-height: 14px;
		padding: 4px 0 2px;
		bottom: 0
	}
}

@media only screen and (max-height:680px) and (orientation:landscape) {
	#datasave-wrapper,#leaderboard-wrapper {
		height: 100vh;
		width: 100%
	}

	#datasave-wrapper {
		margin: 0!important
	}

	#datasave-wrapper.msg-me-data {
		margin: 3% 0 0!important
	}

	#leaderboard-wrapper[style] {
		margin: 0
	}

	#datasave-wrapper .left-prompt {
		width: 40%;
		padding: 20px 5% 35px 0;
		border: 0;
		border: 0;
		border-right: 1px solid #eee
	}

	#datasave-wrapper .right-prompt {
		clear: none;
		float: right;
		width: 40%;
		margin: 0 5% 0 0;
		padding: 20px 0 0
	}

	#leaderboard-wrapper-header {
		height: 70px
	}

	#leaderboard-wrapper-header a#headerlogolink {
		top: 5px
	}

	#leaderboard-header-button {
		top: 22px;
		right: 12px
	}

	#score-circle {
		margin: calc((100vh - 360px)/2) 0 0 15px;
		float: left
	}

	.signup_txti,button.main_hs_btn {
		clear: none;
		float: right;
		width: 40%;
		margin: calc((100vh - 180px)/2) 10px 0 0
	}

	button.main_hs_btn {
		margin-top: 15px
	}

	.guessmoregmtxt.signup_txti.moregametxt,.moregames_wrapper,.signup_txti.moregametxt {
		display: none
	}

	#leaderboard-loading {
		top: calc((100vh - 208px)/2);
		left: 18px;
		margin: 0
	}

	.gameThumbTitleWrap a {
		height: 70px;
		line-height: 70px
	}

	.leaderboardRankinsRrap {
		height: calc(100vh - 208px)
	}

	.leaderboardRankinsRrap.friendWrap {
		height: calc(100vh - 220px)
	}

	#loginit {
		margin: 10px 2% 5px;
		width: 96%
	}

	#loginit button.main_hs_btn {
		float: left;
		clear: none;
		margin: 0 0 0 10px
	}

	#signupFormWrap .signup_txti,.guessmoregmtxt.signup_txti.moregametxt,.moregames_wrapper.guestmoregames {
		display: none
	}

	.form-group {
		float: left;
		width: 48%;
		margin-right: 2%
	}

	#signupFormWrap .signup_txti.headeronform {
		display: block;
		margin: 8px 0 0;
		float: left;
		width: 100%
	}

	.signup_txti.headeronform {
		margin: 5px 0 0;
		width: 100%
	}

	.main_hs_btn.guestsubmitmainhs {
		float: left;
		clear: both;
		width: 50%;
		margin-left: 25%
	}

	#achlistwrap {
		top: 73px
	}

	#video-wrapper {
		width: 98%;
		height: 100%;
		margin: 0 0 0 1%!important
	}

	#playthrough {
		height: 100vh!important;
		max-width: 100%
	}

	.msg-me-data button.main_hs_btn {
		float: left
	}

	.msg-me-data.confirmmsg button.main_hs_btn,.msg-me-data.confirmmsg button.main_hs_btn.rightbtn {
		width: 46%;
		margin: 15px 2% 0
	}

	#playthrough.minyplayer,#playthrough.minyplayer iframe,#video-wrapper.wrapminiplayer {
		width: 240px;
		height: 135px!important
	}

	#video-wrapper-header {
		height: 33px;
		position: absolute;
		width: 33px;
		z-index: 1001;
		right: 0;
		border: 0
	}

	#video-header-button {
		top: 2px;
		left: 3px
	}

	a.headerlogolinkv {
		display: none
	}
}

@media only screen and (max-height:530px) {
	.guessmoregmtxt.signup_txti.moregametxt,.moregames_wrapper.guestmoregames {
		display: none
	}
}

#adContainer iframe {
	z-index: 2000
}

#adContainer video {
	z-index: 2000
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
	.menuBottom button:disabled:before {
		background: transparent url(/images/aler.gif) 0 0 no-repeat;
		background-size: 16px 16px;
		width: 16px;
		height: 16px;
		top: 22px;
		left: 50%;
		margin-left: -8px
	}
}

@supports(-ms-accelerator:true) {
	.menuBottom button:disabled:before {
		background: transparent url(/images/aler.gif) 0 0 no-repeat;
		background-size: 16px 16px;
		width: 16px;
		height: 16px;
		top: 22px;
		left: 50%;
		margin-left: -8px
	}
}