@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@800&display=swap');

ad_info {
	font-family: 'Permanent Marker', cursive;
	color: #39520e;
}
.category li {
	font: 13px arial;
	color: #73210e;
	font-weight: 700;
	text-transform: uppercase;
}
.category li a:hover {
	background-color: #6c1400;
	color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.category li a {
	color: #73210e;
	text-decoration: none;
	padding: 5px;
}
 user agent stylesheeta:-webkit-any-link {
 color: -webkit-link;
 text-decoration: underline;
 cursor: auto;
}
Inherited from li  .category li {
	font: 13px arial;
	color: #73210e;
	font-weight: 700;
	text-transform: uppercase;
}
user agent stylesheetli {
	text-align: -webkit-match-parent;
}
Inherited from ul  .category ul {
	list-style: none;
}
body {
	margin: 0 auto;
	width: 973px;
	background: #3c2470 url(images/bg.jpg) top center no-repeat fixed;
	font: 12px arial;
}
@media (min-width: 1900px) {
	body {
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	}
}
@media (min-height: 1020px) {
	body {
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	}
}
.header {
	float: left;
	width: 973px;
	height: 112px;
}
.logoBOX {
	float: left;
	width: 300px;
	height: 107px;
	margin: 0;
}
.logo {
	border: 0;
	margin: 10px 0 0;
}
.topmenu {
	float: left;
	width: 963px;
	height: 34px;
	background-color: #301b59;
	border-left: 5px solid #3c2470;
	border-right: 5px solid #3c2470;
}
.topmenu ul {
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
}
.topmenu li {
	float: left;
	font: 12px arial;
	color: #d3c0df;
	padding: 9px;
	margin: 0;
}
.topmenu li a {
	color: #d3c0df;
	text-decoration: none;
}
.topmenu li a:hover {
	color: #fff;
}
.category {
	float: left;
	width: 973px;
	height: 67px;
	background: url(images/categorybg.png) top left no-repeat;
}
.category ul {
	list-style: none;
	margin: 0;
	padding: 16px 0 0 5px;
}
.category li {
	float: left;
	font: 13px arial;
	color: #73210e;
	font-weight: 700;
	text-transform: uppercase;
	padding: 5px;
}
.category li a {
	color: #73210e;
	text-decoration: none;
	padding: 5px;
}
.category li a:hover {
	background-color: #6c1400;
	color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.maincontent {
	float: left;
	width: 952px;
	min-height: 501px;
	background-color: #fff;
	border-left: 5px solid #3c2470;
	border-right: 5px solid #3c2470;
	padding: 0 5px 10px;
	position: relative;
}
.footer {
	float: left;
	width: 973px;
	background: url(images/footerbg.png) top center no-repeat;
}
.footer_content {
	float: left;
	width: 700px;
	min-height: 150px;
	padding: 0 0 20px;
}
.footer ul {
	float: left;
	width: 880px;
	list-style: none;
	margin: 25px 0 0;
	padding: 0;
}
.footer li {
	float: left;
	font: 12px arial;
	color: #b8a5cf;
	font-weight: 700;
	padding: 5px 10px 10px 0;
}
.footer li a {
	color: #b8a5cf;
	text-decoration: none;
}
.footer li a:hover {
	color: #fff;
}
.footer p {
	font: 12px arial;
	color: #b8a5cf;
	padding: 5px 0;
	margin: 0;
	line-height: 20px;
}
.footer p a {
	color: #b8a5cf;
}
.footer p a:hover {
	color: #fff;
}
.searchbox {
	float: left;
	width: 180px;
	min-height: 100px;
	border-right: 5px solid #dfdfdf;
	background-color: #fff;
	padding: 0 10px;
	margin: 0 0 5px;
}
.searchbox p {
	font: 14px arial;
	color: #6f5495;
	font-weight: 700;
	padding: 15px 0 10px;
	margin: 0;
}
#search_textbox {
	font: 12px arial;
	width: 100px;
	color: #000;
	background-color: #fff;
	border: 1px solid #6f5495;
	padding: 6px 5px;
	margin: 0;
	float: left;
}
.searchBUTTON {
	float: left;
	font: 12px arial;
	color: #fff;
	background-color: #6f5495;
	padding: 0px;
	border: 0;
	cursor: pointer;
}
.leaderad {
	float: left;
	width: 728px;
	height: 90px;
	margin: 0 0 20px 14px;
}
.featuredgames {
	float: left;
	width: 952px;
}
.featuredgamesTop {
	float: left;
	width: 952px;
	height: 39px;
	background: url(images/featuredtitle.png) top left no-repeat;
}
.featuredgamesTop p {
	font: 14px arial;
	color: #fff;
	font-weight: 700;
	text-shadow: 1px 1px #365c00;
	text-transform: uppercase;
	padding: 12px 0 0 50px;
	margin: 0;
}
.featuredBoxAD {
	float: left;
	width: 300px;
	height: 250px;
	background-color: #edf6ff;
	border: 1px solid #c9e2ff;
	padding: 5px;
	margin: 5px 0 0;
}
.newestgamesBox {
	float: right;
	width: 626px;
	height: 256px;
	background-color: #edf6ff;
	border: 1px solid #c9e2ff;
	padding: 2px;
	margin: 5px 0 0;
}
.newestgamesBox ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.newestgamesBox li, .smallGameinBox li {
	float: left;
font-family: 'Big Shoulders Display', cursive;
	height: 110px;
	margin: 0;
	padding: 7px 9px 10px 10px;
	text-align: center;
	width: 137px;
}
.newestgamesBox li a, .smallGameinBox li a {
	color: #000;
	text-decoration: none;
}
.featuredThumb {
	border: 1px solid #8A71B4;
	margin: 0 0 5px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.newestgames {
	float: left;
	width: 952px;
	margin: 5px 0 0;
}
.newestgamesTop {
	float: left;
	width: 952px;
	height: 39px;
	background: url(images/newestbg.png) top left no-repeat;
}
.newestgamesTop p {
	font: 14px arial;
	color: #7e410a;
	font-weight: 700;
	text-shadow: none;
	text-transform: uppercase;
	padding: 12px 0 0 50px;
	margin: 0;
}
.featuredgamesBox {
	float: left;
	width: 945px;
	padding: 2px;
	margin: 5px 0 0;
}
.featuredgamesBox ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.featuredgamesBox li {
	float: left;
font-family: 'Big Shoulders Display', cursive;
	height: 116px;
	margin: 0 1px 0 3px;
	padding: 8px 4px;
	text-align: center;
	width: 145px;
	background-color: #FFDE00;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.featuredgamesBox li a {
	color: #593d15;
	text-decoration: none;
}
.contentleft {
	float: left;
	width: 952px;
	min-height: 200px;
}
.generalgames_top {
	float: left;
	width: 952px;
	height: 39px;
	background: url(images/general_bar1.png) top left no-repeat;
	margin: 5px 0 0;
}
.generalgames_top p {
	font: 14px arial;
	color: #fff;
	font-weight: 700;
	text-shadow: 1px 1px #a93900;
	text-transform: uppercase;
	padding: 12px 0 0 50px;
	margin: 0;
}
.generalgames_box {
	float: left;
	width: 952px;
}
.generalgames_box ul {
	list-style: none;
	margin: 5px 0 0;
	padding: 0;
}
.generalgames_box li {
	float: left;
font-family: 'Big Shoulders Display', cursive;
	height: 139px;
	margin: 0;
	padding: 3px 3px 10px;
	text-align: center;
	width: 148px;
	margin: 2px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #f2ebff;
overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.generalgames_box li:hover {
	background-color: #ffe400;
}
.generalgames_box li a {
	color: #000;
	text-decoration: none;
}
.GThumb {
	width: 145px;
	height: 107px;
	border: 1px solid #8A71B4;
	margin: 0 0 8px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.sidebar_home {
	float: left;
	width: 168px;
	min-height: 200px;
	background-color: #edf6ff;
	border: 1px solid #c9e2ff;
	padding: 2px;
	margin: 5px 0 3px 5px;
}
.sidebar_top {
	float: left;
	width: 160px;
	height: 27px;
	background: #a3d422 url(images/sidebar_home.png) top left no-repeat;
	font: 14px arial;
	color: #39520e;
	text-transform: uppercase;
	padding: 10px 0 0 8px;
	margin: 0 0 3px;
	font-weight: 700;
	text-shadow: 1px 1px #dfff7b;
}
.sidebar_homeBOX {
	float: left;
	width: 160px;
	background-color: #fff;
	padding: 4px;
}
.skyscrap_ad {
	float: left;
	width: 160px;
	height: 600px;
	background-color: #c1d5ea;
}
.siteinfoBOX {
	float: left;
	width: 945px;
	min-height: 2px;
	background-color: #2d1956;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	margin: 15px 0 5px 3px;
}
.siteinfoBOX h1 {
	font: 18px arial;
	color: #b3a1d8;
	font-weight: 700;
	padding: 5px 0;
	margin: 0;
}
.siteinfoBOX p {
	font: 12px arial;
	color: #8575a6;
	line-height: 20px;
	padding: 5px 0;
	margin: 0;
}
.hometagbox {
	float: left;
	width: 223px;
	min-height: 190px;
	background-color: #E7DDFA;
	border: 1px solid #E7DDFA;
	padding: 5px;
	margin: 5px 0 0 3px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.hometagbox_title {
	float: left;
	width: 213px;
	font: 12px arial;
	color: #fff;
	background-color: #8A71B4;
	font-weight: 700;
	padding: 5px;
	margin: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.home_sblinks {
	list-style: none;
	margin: 0;
	padding: 0;
}
.home_sblinks li {
	font: 12px arial;
	color: #000;
	padding: 0;
	line-height: 24px;
}
.home_sblinks li a {
	color: #000;
	text-decoration: none;
}
.home_sblinks li a:hover {
	text-decoration: underline;
}/* USER AREA BOX */
.userareaBOX {
	float: right;
	width: 420px;
	margin: 30px 5px 0 0;
}
.ua_username {
	float: left;
	font-size: 16px;
	font-weight: 700;
	margin-top: 6px;
}
.ua_points {
	background-color: #f60;
	border: 2px solid #f60;
	color: #FFF;
	float: left;
	font-family: arial;
	font-size: 10px;
	margin: 5px 0 0 5px;
	padding: 0 7px;
}
.form_textbox {
	height: 20px;
	width: 250px;
	border: 2px solid #c7a9d7;
	font-size: 15px;
	padding: 4px;
}
.user_area {
	background-color: #2D1956;
	border-top: 0 none;
	color: #fff;
	float: right;
	font-family: Arial;
	height: 50px;
	margin-top: 6px;
	width: 400px;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.ua_avatar {
	float: left;
	margin: 5px 4px 0 5px;
}
.ua_info {
	float: left;
	font-size: 14px;
	margin-right: 10px;
}
.ua_unregistered {
	font-size: 16px;
	font-weight: 700;
	margin-top: 6px;
}
.ua_info a {
	color: #d9c7ff;
	text-decoration: none;
}
.fb_iframe_widget {
	display: inline-block;
	position: relative;
}
.gameplayBOX {
	float: left;
	width: 952px;
	margin: 5px 0 0;
}
.gameswfBOX {
	float: left;
	width: 930px;
	min-height: 400px;
	background-color: #fff;
	padding: 10px;
	margin: 5px 0 0;
	position: relative;
	padding-bottom: 0;
}
.letsgo{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 5px;
	top: 0;
	z-index: 1;
	cursor: pointer;
}
.adv {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	display:none;
    justify-content: center;
    align-items: center;
    left: 0;
    top: 0;
}
.gameplay {
	float: left;
	width: 930px;
	min-height: 400px;
	text-align: center;
	padding: 0 0 20px;
	position: relative;
}
.gamefunctions {
    float: left;
    width: 95%;
    background-color: #e7ddfa;
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-left: 13px;
}
.common_btn {
	float: left;
	margin: 10px 0 0;
	padding: 0;
}
.common_btn a {
	background-color: #B796DB;
	border-radius: 5px 5px 5px 5px;
	color: #301b59;
	display: block;
	float: left;
	font: bold 12px arial;
	margin: 0 5px;
	padding: 5px 10px;
	text-decoration: none;
	text-shadow: 1px 1px #d6bcf3;
}
.common_btn a:hover {
	background-color: #fedf54;
	color: #73210e;
	text-shadow: 1px 1px #fff1b7;
}
.common_btn_rev {
	float: left;
	margin: 10px 0 0;
	padding: 0;
}
.common_btn_rev a {
	border-radius: 5px 5px 5px 5px;
	display: block;
	float: left;
	font: bold 12px arial;
	margin: 0 5px;
	padding: 5px 10px;
	text-decoration: none;
	text-shadow: 1px 1px #fff1b7;
	background-color: #fedf54;
	color: #73210e;
}
.common_btn_rev a:hover {
	background-color: #B796DB;
	color: #301b59;
	text-shadow: 1px 1px #d6bcf3;
}
.gameplay_sharebox {
	float: right;
	padding: 0;
	margin: 5px 0 0;
}
.embed-game{
	float: left;
    width: 671px;
    height: 103px;
}
.embed-game textarea {
	width: 615px;
	resize: none;
}
.social_icons{
	margin-right: 35px;
}
.ratingbox {
	float: left;
	width: 200px;
	padding: 10px 5px 5px;
	background-color: #8A71B4;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
}
.share_titletext {
	float: left;
	width: 300px;
	color: #6C4EA3;
	font: 12px arial;
	font-weight: 700;
	margin: 0 0 5px;
	padding: 0;
}
.gamepage_miscBOX {
	float: left;
	width: 941px;
	background-color: #fff;
	padding: 10px;
	border: 5px solid #E7DDFA;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.gamepage_tallad {
	float: left;
	width: 160px;
	height: 600px;
	border: 1px solid #E7DDFA;
}
.tab_btns {
	list-style: none;
	margin: 0 0 10px;
	padding: 0;
	float: left;
	width: 456px;
}
.tab_btns li {
	padding: 5px;
	float: left;
}
.tab_btns li a {
	font: 12px arial;
	color: #873000;
	font-weight: 700;
	background-color: #ffd200;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
}
.tab_btns li a:hover {
	background-color: #d5b3ff;
	color: #440c88;
}
.tab_btns li.active a {
	font: 12px arial;
	font-weight: 700;
	background-color: #d5b3ff;
	color: #440c88;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
}
.tab_contents {
	float: left;
	width: 430px;
	padding: 10px;
}
.gamepage_boxad {
	float: right;
	width: 300px;
	height: 250px;
	border: 1px solid #E7DDFA;
}
.gameIMGBOX {
	background-color: #b2d673;
	border-radius: 5px 5px 5px 5px;
	float: left;
	height: 124px;
	padding: 8px;
	width: 133px;
}
.gameinfo_txt {
	font-size: 16px;
    line-height: 24px;
	font-family: 'Encode Sans Semi Condensed', sans-serif;
	color: #000;
	line-height: 18px;
	text-align: justify;
	padding: 3px 0;
	margin: 0;
}
.gamepage_moregames {
	float: right;
	width: 300px;
}
.random_game {
	float: left;
	margin-top: 10px;
}
.random_game_image {
	border: 1px solid #CCC;
	float: left;
	height: 65px;
	margin-left: 0;
	padding: 5px 5px 0;
	text-align: center;
	width: 60px;
}
.random_game_info {
	float: left;
	font: 11px arial;
	padding-left: 10px;
	padding-top: 5px;
	text-align: left;
	width: 210px;
	color: #92879D;
	line-height: 14px;
}
.random_game_image {
	text-align: center;
}
.random_game_head a {
	color: #000;
	font: 12px arial;
	color: #ff7000;
	text-decoration: none;
}
.random_game_info a {
	color: #000;
	font-weight: 700;
}
.random_game_title {
	float: left;
	width: 290px;
	padding: 5px;
	background-color: #E7DDFA;
	font: 12px arial;
	color: #6C4EA3;
	font-weight: 700;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 5px 0 0;
}
.new_comment_container {
	font-family: Arial;
	text-align: left;
}
.add_comment_box {
	border: 1px solid #CCC;
	width: 430px;
}
.comment_button_container {
	margin-bottom: 10px;
	padding-top: 5px;
	text-align: right;
}
#comments ul {
	list-style: none outside none;
	margin: 0;
	padding: 0 10px 15px 0;
}
#comments ul li {
	border: 1px solid #DCD6D4;
	color: #FFF;
	line-height: 150%;
	margin-bottom: 8px;
	overflow: auto;
	padding: 4px;
	width: 422px;
}
.comment_avatar {
	float: left;
	margin: 4px 10px 0 5px;
}
.comment_content {
	float: left;
	width: 355px;
	font: 12px arial;
	color: #000;
}
.thecomment {
	border-top: 1px solid #DCD6D4;
	color: #2F2F2F;
}
.comment_username {
	color: #2F2F2F;
	padding-top: 6px;
}
.comment_username a {
	color: #730702;
	text-decoration: none;
}
#comment_submit {
	font: 12px arial;
	color: #6C4EA3;
	font-weight: 700;
	background-color: #E7DDFA;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 0;
	cursor: pointer;
	padding: 5px;
}
#comment_submit:hover {
	background-color: #FFD200;
	color: #873000;
}
.highscore_title {
	font-family: Arial;
	padding-top: 3px;
	text-align: center;
}
.game_highscore_list {
	font-family: Arial;
	font-size: 13px;
	list-style: none outside none;
}
#game_highscore_header {
	height: 35px;
}
#game_highscore_header .game_highscore_name {
	padding-left: 0;
	width: 41%;
}
.game_highscore_name {
	float: left;
	padding: 7px 10px 1px 6px;
	width: 33%;
}
#game_highscore_header .game_highscore_score, #game_highscore_header .game_highscore_date {
	color: #000;
	font-weight: 400;
}
.game_highscore_score {
	float: left;
	font-weight: 700;
	padding-top: 7px;
	width: 28%;
}
.game_highscore_date {
	color: #545454;
	float: left;
	padding-top: 7px;
	width: 17%;
}
.game_highscore_pages {
	font-family: Arial;
	text-align: center;
}
.red_bullet a {
	background: url(images/red.png) no-repeat scroll 0 8px transparent;
	color: #000;
	display: block;
	padding: 3px 0 3px 10px;
	text-decoration: none;
}
.red_bullet a:hover {
	color: #765f9d;
}
.hometagbox ul {
	float: left;
	width: 217px;
	list-style: none;
	margin: 0;
	padding: 5px 0 0 5px;
}
.hometagbox li {
	float: left;
	width: 217px;
	font: 12px arial;
	color: #5b487c;
	padding: 3px 0;
	margin: 0;
}
.hometagbox li a {
	color: #000;
}
.news a, .blue_bullet a {
	color: #000;
	padding: 3px 0 3px 5px;
	text-decoration: none;
}
.module ul {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}
.module li {
	border-bottom: 1px solid #E6E6E6;
	margin-left: 10px;
	margin-right: 10px;
	padding: 4px;
	text-align: left;
}
.module a {
	color: #4C4C4C;
}
.favgamesBOX {
	float: left;
	width: 940px;
	background-color: #a8ecff;
	padding: 5px;
	margin: 5px 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.favgame_title {
	float: left;
	width: 920px;
	font: 14px arial;
	color: #fff;
	background-color: #009ecc;
	padding: 10px;
	margin: 0;
	font-weight: 700;
	text-transform: uppercase;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.favgamesBOX ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.favgamesBOX li {
	float: left;
	font: bold 12px arial;
	height: 115px;
	margin: 0;
	padding: 7px 9px 10px 10px;
	text-align: center;
	width: 137px;
}
.favgamesBOX li a {
	color: #086295;
	text-decoration: none;
}
.category_container {
	border-top: 0;
	background-color: #fff;
	margin-bottom: 15px;
	overflow: auto;
	width: 952px;
}
.sort_options {
	border-bottom: 0;
	padding: 10px 9px;
	font-family: Arial;
	font-size: 12px;
	margin: 5px 0 0;
	border: 1px solid #d1d1d1;
	color: #000;
}
.sort_options a {
	font-weight: 700;
	text-decoration: none;
	padding: 5px;
	color: #3c2470;
	background-color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.sort_options a:hover {
	color: #9f2500;
	background-color: #ffd800;
}
.category_pages {
	margin: auto;
	background: #e0d1ff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 20px;
	text-align: center;
	padding: 12px;
	font-family: Arial;
}
.category_pages a {
	color: #61459a;
	padding: 7px;
	text-decoration: none;
	font-size:22px;
}/* HOMEPAGE */
.featured_games {
	border: 1px solid #c8c8c8;
	background-color: #fff;
	margin-bottom: 10px;
	padding: 0 0 10px;
	overflow: auto;
	width: 720px;
}
.home_category {
	border: 1px solid #c8c8c8;
	border-top: 0;
	background-color: #fff;
	margin-bottom: 10px;
	overflow: auto;
	padding-bottom: 15px;
	width: 720px;
}
.home_cat_title {
	border: 1px solid #c8c8c8;
	border-bottom: 0;
	padding: 8px;
	font-family: Arial;
	background: #eee;
	height: 20px;
	width: 704px;
}
.home_cat_name {
	font-size: 18px;
	float: left;
}
.home_cat_link {
	float: right;
	font-size: 14px;
	margin-top: 2px;
}
.home_cat_title a {
	color: #770c11;
	text-decoration: none;
}
.homepage_game {
	float: left;
	width: 350px;
	margin-top: 10px;
}
.home_game_image {
	float: left;
	padding: 5px 5px 0;
	text-align: center;
	border: 1px solid #ccc;
	height: 65px;
	width: 60px;
	margin-left: 8px;
}
.home_game_info {
	float: left;
	padding-left: 5px;
	width: 255px;
	text-align: left;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	padding-top: 5px;
}
.home_game_info a {
	color: #cdcdcd;
}
.home_game_head a {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	color: #000;
}
.home_game_head a:hover {
	color: #951510;
}
.module {
	border: 1px solid #c8c8c8;
	background-color: #fff;
	font-family: Arial;
	font-size: 14px;
	padding-bottom: 8px;
	margin-bottom: 10px;
}
.module a {
	color: #4c4c4c;
}
.module a:hover {
	color: #791513;
}
.module ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.module li {
	padding: 4px;
	border-bottom: 1px solid #e6e6e6;
	text-align: left;
	margin-right: 10px;
	margin-left: 10px;
}
.module_header {
	margin: 3px;
	background-color: #7953ae;
	height: 27px;
	font-family: Arial;
	font-size: 14px;
	color: #fff;
	padding-top: 9px;
	padding-left: 8px;
}/* Sub-categories */
.category_subcats {
	border-bottom: 1px solid #D1D1D1;
	margin-bottom: 8px;
	padding-bottom: 10px;
}/* ADS */
.ad_info {
	font-family: Arial;
	padding-bottom: 10px;
}
.ad_info a {
	color: #790500;
}/* TAG CLOUD */
.tag_cloud {
	text-align: center;
	padding: 6px;
}/* Social buttons */
.social_text {
	font-size: 12px;
	margin-bottom: 12px;
	margin-top: 6px;
}
.refer_textbox {
    height: 20px;
    width: 100%;
	border: 1px solid #CCC;
	font-size: 12px;
	padding: 4px;
}/* Facebook login */
.facebook_message {
	margin: 10px 0 30px;
}/* Reports */
#reportform {
	padding: 5px 5px 5px 10px;
	font-family: Arial;
	font-size: 14px;
	text-align: center;
}
.reportform {
	padding: 5px 5px 5px 10px;
	font-family: Arial;
	font-size: 14px;
	text-align: center;
}
.game_report_text {
	font-family: Arial;
}
.comment_report_text {
	font-family: Arial;
	font-size: 14px;
	text-align: left;
}/* AV Arcade popup */
#ava-popup {
	position: fixed;
	top: 30%;
	left: 50%;
	margin-left: -300px;
	width: 600px;
	background-color: #EEE;
	color: #333;
	border: 3px solid #363636;
	border-radius: 5px;
	-moz-border-radius: 5px;
	display: none;
	z-index: 3;
}
#overlay {
	background: #000;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	display: none;
	-moz-opacity: .50;
	filter: alpha(opacity=50);
	opacity: .50;
}
* html #overlay {
	background-color: #333;
	background-color: transparent;
	background-image: url(blank.gif);
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/overlay.png", sizingMethod="scale");
}
#ava-popup-header {
	background: url(images/module_header.png);
	height: 27px;
	font-family: Arial;
	font-size: 14px;
	color: #fff;
	padding-top: 9px;
	padding-left: 8px;
}
#ava-popup-content {
	padding: 10px;
}
#ava-popup-title {
	float: left;
}
#popup-close-button {
	float: right;
	margin-right: 8px;
}
.comment_report_textbox {
	border: 1px solid #7b7b7b;
	width: 577px;
}/* Game page highscores */
.game_right_container {
	float: left;
	width: 49%;
}
.profile_right_container {
	float: right;
	width: 28%;
}
.game_highscore_list {
	list-style: none;
	font-family: Arial;
	font-size: 13px;
}
.game_highscore_container {
	height: 35px;
}
.game_highscore_container a {
	color: #323232;
}
.game_highscore_avatar {
	float: left;
}
.game_highscore_name {
	float: left;
	padding: 7px 10px 1px 6px;
	width: 33%;
}
.game_highscore_score {
	float: left;
	padding-top: 7px;
	font-weight: 700;
	width: 28%;
}
.game_highscore_date {
	float: left;
	padding-top: 7px;
	color: #545454;
	width: 17%;
}
.game_no_highscores {
	font-family: Arial;
	text-align: center;
	padding: 20px 0;
}
.game_highscore_pages {
	font-family: Arial;
	text-align: center;
}
.game_highscore_pages a {
	color: #505050;
}
#game_highscore_header {
	height: 35px;
}
#game_highscore_header .game_highscore_score, #game_highscore_header .game_highscore_date {
	font-weight: 400;
	color: #000;
}
#game_highscore_header .game_highscore_name {
	padding-left: 0;
	width: 41%;
}
.highscore_title {
	font-family: Arial;
	text-align: center;
	padding-top: 3px;
}/* Profile page highscores */
.user_highscore_list {
	list-style: none;
	font-family: Arial;
	font-size: 13px;
	padding: 2px;
	margin: 0;
}
.user_highscore_container {
	height: 35px;
}
.user_highscore_container a {
	color: #323232;
}
.user_highscore_avatar {
	float: left;
}
.user_highscore_name {
	float: left;
	padding: 7px 0 1px 6px;
	width: 45%;
}
.user_highscore_score {
	float: right;
	padding-top: 7px;
	font-weight: 700;
	width: 25%;
	margin-right: 10px;
}
.user_no_highscores {
	font-family: Arial;
	text-align: center;
	padding: 20px 0;
}
.user_highscore_pages {
	font-family: Arial;
	text-align: center;
}
.user_highscore_pages a {
	color: #505050;
}
#user_highscore_header {
	height: 35px;
	font-weight: 700;
}
#user_highscore_header .user_highscore_score {
	font-weight: 400;
	color: #000;
	font-weight: 700;
}
#user_highscore_header .user_highscore_name {
	padding-left: 0;
	width: 41%;
}/* Module highscores */
.module_highscore_list {
	list-style: none;
	font-family: Arial;
	font-size: 13px;
	padding: 2px;
	margin: 0;
}
.module_highscore_container {
	height: 35px;
}
.module_highscore_container a {
	color: #323232;
}
.module_highscore_avatar {
	float: left;
}
.module_highscore_name {
	float: left;
	padding: 7px 0 1px 6px;
	width: 45%;
}
.module_highscore_score {
	float: right;
	padding-top: 7px;
	font-weight: 700;
	width: 15%;
	margin-right: 10px;
}
.user_no_highscores {
	font-family: Arial;
	text-align: center;
	padding: 20px 0;
}
.module_highscore_pages {
	font-family: Arial;
	text-align: center;
}
.module_highscore_pages a {
	color: #505050;
}
#module_highscore_header {
	height: 35px;
}
#module_highscore_header .module_highscore_score {
	font-weight: 400;
	color: #000;
}
#module_highscore_header .module_highscore_name {
	padding-left: 0;
	width: 41%;
}/* Submit game */
.submit_text_box, .link_text_box {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	padding: 5px;
	background: #fff;
	border: 1px solid #ccc;
	width: 400px;
}
.submit_text_area, .link_text_area {
	height: 60px;
	width: 300px;
	border: 1px solid #CCC;
	font-size: 15px;
	padding: 4px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.submit_form_element_container {
	overflow: auto;
	margin: 0 0 3px;
	padding: 10px;
	background: #f6f6f6;
	font-size: 13px;
}
.submit_form_lable {
	float: left;
	width: 180px;
	font-size: 14px;
	padding-top: 2px;
}
.submit_form_element {
	float: left;
}
.submit_button_container {
	text-align: right;
	padding-right: 10px;
	padding-top: 8px;
}
.submit_text_area {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	padding: 5px;
	background: #fff;
	border: 1px solid #ccc;
	width: 400px;
}/* Friends */
.friends_header, .friend_requests_header, .links_header {
	font-size: 16px;
	border-bottom: 1px solid #d5d8db;
	color: #5b181e;
	margin: 10px 0;
}
.friends_container, .friend_requests_container {
	margin: 7px 0;
}
.friend_container {
	padding: 5px;
	height: 50px;
	margin-bottom: 5px;
	border-left: 3px solid #acacac;
	border-right: 1px solid #acacac;
	border-top: 1px solid #acacac;
	border-bottom: 1px solid #acacac;
}
.friend_avatar {
	float: left;
}
.friend_username {
	float: left;
	padding: 8px 0 0 15px;
	font-size: 16px;
}
.friend_buttons {
	float: right;
	padding-top: 10px;
	padding-right: 10px;
}
.friend_last_login {
	font-size: 14px;
}
.no_friends {
	text-align: center;
	font-size: 16px;
	margin-top: 20px;
}/* Link exchange */
.add_link_form_container {
	margin-bottom: 10px;
}
.link_form_element_container {
	overflow: auto;
	margin: 0 0 3px;
	padding: 10px;
	background: #f6f6f6;
	font-size: 13px;
}
.link_form_lable {
	float: left;
	width: 180px;
	font-size: 14px;
	padding-top: 2px;
}
.link_form_element {
	float: left;
}
.link_button_container {
	text-align: right;
}
.link_exchange_info {
	margin: 10px 0;
}/* Challenege a friend */
#game_message {
	background: url(images/game_message.png) #107b10;
	width: 90%;
	margin: auto;
	margin-top: 15px;
	padding: 5px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	color: #fff;
	font-weight: 700;
	text-align: left;
	font-family: Helvetica;
	font-size: 14px;
}
#game_message a {
	color: #fff;
}
.challenge_buttons {
	border-top: 1px solid #bdbdbd;
	margin-top: 8px;
	padding-top: 8px;
}
.challenge_no_score {
	font-family: Verdana;
	font-size: 14px;
}/* Challenge a friend PM */
.challenge_pm_container {
	width: 400px;
	background: #202227;
	border: 1px solid #313234;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin: auto;
	margin-top: 10px;
	overflow: auto;
}
.challenge_pm_image {
	float: left;
}
.challenge_pm_info {
	float: left;
	padding: 10px;
	font-size: 15px;
	color: #67747F;
}/* REQUIRED CSS STYLES */
.game_not_found {
	height: 170px;
	padding-top: 130px;
	font-family: Arial;
}
#no_games {
	font-family: Arial;
	text-align: center;
	padding-top: 30px;
}/* REQ:5 STAR RATING CSS */
#rateStatus {
	float: left;
	clear: both;
	width: 100%;
	height: 20px;
}
#rateMe {
	float: left;
	clear: both;
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0 0 0 13px;
}
#rateMe li {
	float: left;
	list-style: none;
}
#rateMe li a:hover, #rateMe .on {
	background: url(images/star.png) no-repeat;
}
#rateMe a {
	float: left;
	background: url(images/empty_star.png) no-repeat;
	width: 32px;
	height: 32px;
}
#ratingSaved {
	display: none;
}
.saved {
	color: red;
}
#error_message {
	padding: 5px 5px 5px 10px;
	background-color: #f2eeb0;
	margin-bottom: 20px;
}
#pm_task_complete {
	padding: 5px 5px 5px 10px;
	background-color: #f2eeb0;
	margin-bottom: 20px;
}
#member_list {
	width: 100%;
}
#member_list td {
	border-bottom: 1px solid #dfdfdf;
	height: 40px;
}
#member_list td a {
	color: #373737;
}
#member_list img {
	margin-top: 5px;
}
.link_item {
	padding: 5px;
}
#login_to_comment {
	text-align: center;
	padding: 15px 0;
}
.generalgames_box_home {
	float: left;
	width: 952px;
}
.generalgames_box_home ul {
	list-style: none;
	margin: 5px 0 0;
	padding: 0;
}
.generalgames_box_home li {
	float: left;
font-family: 'Big Shoulders Display', cursive;
	height: 120px;
	margin: 0;
	padding: 3px 3px 10px;
	text-align: center;
	width: 140px;
	margin: 5px 4px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #f2ebff;
}
.generalgames_box_home li:hover {
	background-color: #ffe400;
}
.generalgames_box_home li a {
	color: #000;
	text-decoration: none;
}
.GThumb_home {
	width: 135px;
	height: 97px;
	border: 1px solid #8A71B4;
	margin: 0 0 5px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}/* Private messages */
.pm_subject_textbox {
	height: 20px;
	width: 600px;
	border: 1px solid #CCC;
	font-size: 15px;
	padding: 4px;
}
.pm_message_textbox {
	height: 100px;
	width: 600px;
	border: 1px solid #CCC;
	font-size: 15px;
	padding: 4px;
	font-family: Arial;
}
.pm_subject {
	font-size: 20px;
}
.pm_details {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #c6c6c6;
}
.pm_message {
	padding: 10px;
}
.pm_footer {
	border-top: 1px solid #c6c6c6;
	margin-top: 10px;
	padding-top: 5px;
}
.pm_table td {
	border-bottom: 1px solid #c6c6c6;
	padding: 5px;
}
.pm_no_messages {
	height: 80px;
	padding-top: 70px;
	text-align: center;
}/* News comments */
#news_comments ul {
	list-style: none;
	margin: 0;
	padding: 0;
	padding: 8px 10px 15px 8px;
	font-family: Arial;
}
#news_comments ul li {
	color: #FFF;
	line-height: 150%;
	border: 1px solid #dcd6d4;
	padding: 4px;
	overflow: auto;
	width: 650px;
	margin: auto;
	margin-bottom: 8px;
}
.game_info_header {
	margin: 3px;
	background: url(images/module_header.png);
	height: 27px;
	font-family: Arial;
	font-size: 14px;
	color: #fff;
	padding-top: 9px;
	padding-left: 8px;
}
.news_comments_container {
	border: 1px solid #c8c8c8;
	border-top: 0;
	background-color: #fff;
	margin-bottom: 15px;
	overflow: auto;
	width: 930px;
}
.news_comments_header {
	margin: 3px;
	background: url(images/module_header.png);
	height: 27px;
	font-family: Arial;
	font-size: 14px;
	color: #fff;
	padding-top: 9px;
	padding-left: 8px;
}
.news_add_comment_box {
	border: 1px solid #ccc;
	width: 450px;
	margin-top: 10px;
}
.news_new_comment_container {
	text-align: left;
	font-family: Arial;
}
.news_comment_button_container {
	padding-top: 5px;
	text-align: right;
	margin-bottom: 10px;
	width: 450px;
}
.news_comment_avatar {
	float: left;
	margin: 4px 10px 0 5px;
}
.news_comment_content {
	float: left;
	width: 580px;
}
.news_comment_username {
	color: #2f2f2f;
	padding-top: 6px;
}
.news_comment_username a {
	color: #730702;
	text-decoration: none;
}
.news_thecomment {
	color: #2f2f2f;
	border-top: 1px solid #dcd6d4;
}/* SUBMIT GAME */
.tb-submit {
	height: 20px;
	width: 500px;
	border: 1px solid #CCC;
	font-size: 15px;
	padding: 4px;
}
.ta-submit {
	height: 60px;
	width: 500px;
	border: 1px solid #CCC;
	font-size: 15px;
	padding: 4px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}/* MODULE NOTICE */
.module_notice {
	text-align: center;
	padding: 5px;
}/* GAME DESC LINKS FOR TAGS */
.game_info_content a {
	color: #4d4d4d;
}/* PROFILE */
.profile_container {
	border: 1px solid #c8c8c8;
	background-color: #fff;
	margin-bottom: 15px;
	overflow: auto;
	width: 100%;
}
.profile_container a {
	color: #871e16;
}
.profile_header_avatar {
	width: 80px;
	height: 87px;
	float: left;
	padding-left: 20px;
	padding-top: 12px;
}
.profile_header_info {
	width: 625px;
	height: 80px;
	float: left;
	padding-top: 20px;
	padding-left: 5px;
}
.profile_header_buttons {
	float: right;
	background-position: top right;
	width: 173px;
	height: 97px;
	padding-left: 20px;
	padding-top: 3px;
}
.profile_username {
	font-size: 30px;
	font-family: Arial;
	padding: 0;
	float: left;
}
.profile_points {
	float: left;
	background-color: #9f0c07;
	margin-left: 10px;
	font-family: Arial;
	color: #fff;
	margin-top: 8px;
	padding: 0 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.small_points {
	font-size: 10px;
	text-transform: uppercase;
}
.profile_stats {
	font-size: 15px;
	font-family: Arial;
}
.profile_button a {
	background: #6f5495;
	width: 150px;
	height: 23px;
	padding-top: 2px;
	padding-right: 4px;
	margin: 10px 15px 0 0;
	float: right;
	font-family: Verdana;
	font-size: 13px;
	display: block;
	color: #fff;
	text-decoration: none;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.profile_button a:hover {
	display: block;
	background-color: #d6cae8;
	color: #64478c;
}
.profile_column1 {
	margin-right: 12px;
	width: 70%;
	float: left;
}
.profile_column2 {
	border: 1px solid #c8c8c8;
	background-color: #fff;
	font-family: Geneva, Verdana, sans-serif;
	font-size: 18px;
	margin-bottom: 20px;
}
.user_info {
	padding: 10px;
	overflow: hidden;
	word-wrap: break-word;
	font: 12px arial;
	line-height: 20px;
}
.user_info a {
	color: #000;
}
.right_title {
	color: #000;
	font-weight: 700;
}
.profile_content_item {
	border: 1px solid #c8c8c8;
	background-color: #fff;
	margin-bottom: 15px;
	font-family: Arial;
}
.fav_container {
	padding: 20px;
}
.fav_container a {
	color: #5d3497;
}
.fav_container a:hover {
	color: #cb3131;
}
.profile_comment {
	border: 1px solid #dcd6d4;
	margin-bottom: 10px;
	padding: 10px;
}
.profile_left_header {
	background: #eee;
	height: 28px;
	padding-top: 12px;
	padding-left: 15px;
	color: #5d3497;
	font-family: Arial;
	font-size: 14px;
}/* EDIT PROFILE */
.edit_avatar_container {
	padding: 10px 0 10px 10px;
	border-bottom: 1px solid #cdcdcd;
	margin-bottom: 10px;
	overflow: auto;
	width: 680px;
}
.edit_info_container {
	padding: 10px 0 10px 10px;
}
.edit_profile_header {
	font-size: 20px;
	color: #353535;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.edit_profile_lable {
	float: left;
	margin-right: 10px;
	width: 80px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	text-align: left;
}
.edit_profile_element {
	float: left;
}
.edit_avatar_element {
	float: left;
	padding-top: 3px;
}
.edit_profile_textbox {
	height: 20px;
	width: 500px;
	border: 1px solid #CCC;
	font-size: 15px;
	padding: 4px;
}
.edit_profile_textarea {
	height: 60px;
	width: 500px;
	border: 1px solid #CCC;
	font-size: 15px;
	padding: 4px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}/* NEWS */
.news_wrapper {
	border: 1px solid #c8c8c8;
	background-color: #fff;
	margin-bottom: 15px;
	width: 930px;
}
.news_header {
	background: #eee;
	overflow: auto;
	width: 100%;
}
.news_image {
	float: left;
	width: 60px;
	margin: 5px 0 0 5px;
}
.news_title {
	float: left;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 18px;
	padding-left: 10px;
	padding-top: 8px;
}
.news_title a {
	color: #720607;
	text-decoration: none;
}
.news_author {
	font-size: 14px;
}
.news_main {
	padding: 0 10px;
	margin-bottom: 25px;
	font-family: Arial;
}
#tooltip {
	position: absolute;
	z-index: 9999;
	border: 1px solid #c06300;
	background: #ffea00;
	color: #432300;
	font: 12px arial;
	font-weight: 700;
	padding: 10px;
	display: none;
}
#screenshot {
	position: absolute;
	border: 1px solid #c06300;
	background: #ffd200;
	color: #432300;
	font: 12px arial;
	font-weight: 700;
	padding: 10px;
	display: none;
}
.comment_pages a {
	font: 12px arial;
	color: #71449b;
	padding: 0;
	margin: 0;
	text-decoration: none;
}
.signupform_textbox {
	font: 24px arial;
	color: #000000;
	background-color: #ffffff;
	border: 2px solid #cfb9f8;
	padding: 10px;
	margin: 10px 0 20px;
	width: 250px;
}
.signupbutton_dropdown-submit {
	background-color: #B796DB;
	border-radius: 5px 5px 5px 5px;
	cursor: pointer;
	border: 0;
	color: #301b59;
	display: block;
	float: left;
	font: bold 24px arial;
	margin: 0 0 0 220px;
	padding: 20px 40px;
	text-decoration: none;
	text-shadow: 1px 1px #d6bcf3;
}
.signupbutton_dropdown-submit:hover {
	background-color: #fedf54;
	color: #73210e;
	text-shadow: 1px 1px #fff1b7;
}
.notification {
	z-index: 4;
	position: fixed;
	top: 0;
	right: 0;
	background: #000;
	background: rgba(0,0,0,0.80);
	color: #fff;
	font-family: Arial;
	font-size: 13px;
	padding: 5px;
	margin: 10px 10px 0 0;
	cursor: default;
	opacity: 0.0;
	filter: alpha(opacity=0);
	display: none;
	border: 1px solid #000;
}
.notification a {
	color: #000;
	padding: 1px 8px;
	border-radius: 8px;
	text-decoration: none;
	font-size: 11px;
	background-color: #e7e7e7;
}
.notification a:hover {
	background: #fff;
}
.notification_icon {
	float: left;
	margin-right: 5px;
}
.notification_message {
	float: left;
	margin-right: 7px;
}
.notification_quit {
	font-size: 10px;
	background-color: #ac1818;
	color: #fff;
	margin: 2px 2px 0 0;
	padding: 1px 3px;
	font-weight: 700;
	cursor: pointer;
	float: right;
}
.notification_quit:hover {
	background-color: red;
}

legend {
  font-size: 1.5em;
  line-height: 1em;
  margin-bottom: 1.9em;
  padding-bottom: 1.5em;
  border-bottom: 1px solid #444444;
  width: 100%;
}


fieldset {
  border: 0;
  padding: 0 2em 2em;
}

.pure-toggle {
  cursor: pointer;
  font-size: 1.5em;
  width: 6em;
  height: 3em;
  display: inline-block;
  position: relative;
  background: white;
  text-align: left;
  line-height: 3em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-perspective: 300px;
  -webkit-perspective: 300px;
  perspective: 300px;
}
.pure-toggle:before {
  width: 3em;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #f5f5f5;
  display: inline-block;
  text-align: center;
  font-family: 'FontAwesome', sans-serif;
  content: "html5";
  color: #ffffff;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  /*@include box-shadow(0.1em 0 0.2em rgba(0,0,0,0.3));*/
}
.pure-toggle [class^='fontawesome-'] {
  padding: 1em;
  line-height: inherit;
  font-family: 'FontAwesome', sans-serif;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.pure-toggle.flip:before {
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.pure-toggle.brick {
  background-color: white;
  border: 1px solid #d9d9d9;
  border-bottom-color: #e6e6e6;
  -moz-box-shadow: inset 0 0.1em 0.03em rgba(0, 0, 0, 0.2), inset 0 0.1em 0.3em rgba(0, 0, 0, 0.3), 0 0 2em rgba(255, 255, 255, 0.6);
  -webkit-box-shadow: inset 0 0.1em 0.03em rgba(0, 0, 0, 0.2), inset 0 0.1em 0.3em rgba(0, 0, 0, 0.3), 0 0 2em rgba(255, 255, 255, 0.6);
  box-shadow: inset 0 0.1em 0.03em rgba(0, 0, 0, 0.2), inset 0 0.1em 0.3em rgba(0, 0, 0, 0.3), 0 0 2em rgba(255, 255, 255, 0.6);
}
.pure-toggle.brick:before {
  margin-right: -1px;
  margin-top: -0.14em;
  -moz-box-shadow: 0 0.12em 0.01em #3ba5bc, 0 0.12em 0.3em rgba(59, 165, 188, 0.6), 0 0.12em 2em rgba(0, 0, 0, 0.3), -0.12em 0.15em 0.2em rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0.12em 0.01em #3ba5bc, 0 0.12em 0.3em rgba(59, 165, 188, 0.6), 0 0.12em 2em rgba(0, 0, 0, 0.3), -0.12em 0.15em 0.2em rgba(0, 0, 0, 0.2);
  box-shadow: 0 0.12em 0.01em #3ba5bc, 0 0.12em 0.3em rgba(59, 165, 188, 0.6), 0 0.12em 2em rgba(0, 0, 0, 0.3), -0.12em 0.15em 0.2em rgba(0, 0, 0, 0.2);
  -moz-transition-duration: 0.66667s;
  -o-transition-duration: 0.66667s;
  -webkit-transition-duration: 0.66667s;
  transition-duration: 0.66667s;
  -moz-transition-timing-function: cubic-bezier(0.52, -0.41, 0.55, 1.46);
  -o-transition-timing-function: cubic-bezier(0.52, -0.41, 0.55, 1.46);
  -webkit-transition-timing-function: cubic-bezier(0.52, -0.41, 0.55, 1.46);
  transition-timing-function: cubic-bezier(0.52, -0.41, 0.55, 1.46);
}
.pure-toggle.brick.switch {
  background: transparent;
  -moz-box-shadow: inset 0 0 0.03em transparent, inset 0 0 0.3em transparent, 0 0 2em rgba(255, 255, 255, 0);
  -webkit-box-shadow: inset 0 0 0.03em transparent, inset 0 0 0.3em transparent, 0 0 2em rgba(255, 255, 255, 0);
  box-shadow: inset 0 0 0.03em transparent, inset 0 0 0.3em transparent, 0 0 2em rgba(255, 255, 255, 0);
  border: 0;
}
.pure-toggle.brick.switch:before {
  display: none;
}
.pure-toggle.brick.switch .ok {
  color: white;
  top: 0;
  left: 1px;
  line-height: 1em;
  padding: 1em 1.045em;
  position: relative;
  background: #5EB9CC;
  -moz-box-shadow: 0 0.12em 0.01em #3ba5bc, 0 0.12em 0.3em rgba(59, 165, 188, 0.6), 0 0.12em 2em rgba(0, 0, 0, 0.3), -0.12em 0.15em 0.2em rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0.12em 0.01em #3ba5bc, 0 0.12em 0.3em rgba(59, 165, 188, 0.6), 0 0.12em 2em rgba(0, 0, 0, 0.3), -0.12em 0.15em 0.2em rgba(0, 0, 0, 0.2);
  box-shadow: 0 0.12em 0.01em #3ba5bc, 0 0.12em 0.3em rgba(59, 165, 188, 0.6), 0 0.12em 2em rgba(0, 0, 0, 0.3), -0.12em 0.15em 0.2em rgba(0, 0, 0, 0.2);
  -moz-transition-duration: 0.33333s;
  -o-transition-duration: 0.33333s;
  -webkit-transition-duration: 0.33333s;
  transition-duration: 0.33333s;
}
.pure-toggle.brick.switch .ok.no {
  top: 0.14em;
  background: transparent;
  background: #cc0966;
  -moz-box-shadow: 0 0 0.01em #9b074e, 0 0 0.3em rgba(155, 7, 78, 0.6), 0 0.12em 2em transparent, -0.12em 0.15em 0.2em transparent;
  -webkit-box-shadow: 0 0 0.01em #9b074e, 0 0 0.3em rgba(155, 7, 78, 0.6), 0 0.12em 2em transparent, -0.12em 0.15em 0.2em transparent;
  box-shadow: 0 0 0.01em #9b074e, 0 0 0.3em rgba(155, 7, 78, 0.6), 0 0.12em 2em transparent, -0.12em 0.15em 0.2em transparent;
}

input[type='checkbox'] + .pure-toggle:before {
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  background-color: #5EB9CC;
}
input[type='checkbox'] + .pure-toggle [class^="fontawesome-"],
input[type='checkbox'] + .pure-toggle [class*="fontawesome-"] {
  color: #5EB9CC;
}
input[type='checkbox'] + .pure-toggle.wide:before {
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -moz-animation: contract 1s ease-in-out forwards;
  -webkit-animation: contract 1s ease-in-out forwards;
  animation: contract 1s ease-in-out forwards;
}
input[type='checkbox'] + .pure-toggle.brick:before {
  border-bottom: 0.03em solid #71c1d2;
  text-shadow: 0 0.05em 0 #4bb1c6;
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
input[type='checkbox'] + .pure-toggle.brick.switch .ok {
  color: white;
}
input[type='checkbox'] + .pure-toggle.flip:before {
  -moz-animation: flip 0.5s ease-in-out forwards;
  -webkit-animation: flip 0.5s ease-in-out forwards;
  animation: flip 0.5s ease-in-out forwards;
}
input[type='checkbox'] + .pure-toggle.impossible:before {
  -moz-animation: impossible 0.5s ease-in-out forwards;
  -webkit-animation: impossible 0.5s ease-in-out forwards;
  animation: impossible 0.5s ease-in-out forwards;
}

input[type='checkbox']:checked + .pure-toggle:before {
  -moz-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  background-color: #cc0966;
}
input[type='checkbox']:checked + .pure-toggle [class^="fontawesome-"],
input[type='checkbox']:checked + .pure-toggle [class*="fontawesome-"] {
  color: #cc0966;
}
input[type='checkbox']:checked + .pure-toggle.wide:before {
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -moz-animation: expand 1s ease-in-out forwards;
  -webkit-animation: expand 1s ease-in-out forwards;
  animation: expand 1s ease-in-out forwards;
}
input[type='checkbox']:checked + .pure-toggle.brick:before {
  content: 'flash';
  margin-right: 3em;
  border-bottom: 0.03em solid #f5137f;
  text-shadow: 0 0.05em 0 #9b074e;
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -moz-box-shadow: 0 0.12em 0.01em #9b074e, 0 0.12em 0.3em rgba(155, 7, 78, 0.6), 0 0.12em 2em rgba(0, 0, 0, 0.3), 0.12em 0.15em 0.2em rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0.12em 0.01em #9b074e, 0 0.12em 0.3em rgba(155, 7, 78, 0.6), 0 0.12em 2em rgba(0, 0, 0, 0.3), 0.12em 0.15em 0.2em rgba(0, 0, 0, 0.2);
  box-shadow: 0 0.12em 0.01em #9b074e, 0 0.12em 0.3em rgba(155, 7, 78, 0.6), 0 0.12em 2em rgba(0, 0, 0, 0.3), 0.12em 0.15em 0.2em rgba(0, 0, 0, 0.2);
}
input[type='checkbox']:checked + .pure-toggle.brick.switch:before {
  display: none;
}
input[type='checkbox']:checked + .pure-toggle.brick.switch .ok {
  top: 0.14em;
  -moz-box-shadow: 0 0 0.01em #3ba5bc, 0 0 0.3em rgba(59, 165, 188, 0.6), 0 0.12em 2em transparent, -0.12em 0.15em 0.2em transparent;
  -webkit-box-shadow: 0 0 0.01em #3ba5bc, 0 0 0.3em rgba(59, 165, 188, 0.6), 0 0.12em 2em transparent, -0.12em 0.15em 0.2em transparent;
  box-shadow: 0 0 0.01em #3ba5bc, 0 0 0.3em rgba(59, 165, 188, 0.6), 0 0.12em 2em transparent, -0.12em 0.15em 0.2em transparent;
}
input[type='checkbox']:checked + .pure-toggle.brick.switch .ok.no {
  top: 0;
  background: #cc0966;
  -moz-box-shadow: 0 0.12em 0.01em #9b074e, 0 0.12em 0.3em rgba(155, 7, 78, 0.6), 0 0.12em 2em rgba(0, 0, 0, 0.3), 0.12em 0.15em 0.2em rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0.12em 0.01em #9b074e, 0 0.12em 0.3em rgba(155, 7, 78, 0.6), 0 0.12em 2em rgba(0, 0, 0, 0.3), 0.12em 0.15em 0.2em rgba(0, 0, 0, 0.2);
  box-shadow: 0 0.12em 0.01em #9b074e, 0 0.12em 0.3em rgba(155, 7, 78, 0.6), 0 0.12em 2em rgba(0, 0, 0, 0.3), 0.12em 0.15em 0.2em rgba(0, 0, 0, 0.2);
}
input[type='checkbox']:checked + .pure-toggle.flip:before {
  -moz-animation: flip-back 0.5s ease-in-out forwards;
  -webkit-animation: flip-back 0.5s ease-in-out forwards;
  animation: flip-back 0.5s ease-in-out forwards;
}
input[type='checkbox']:checked + .pure-toggle.impossible:before {
  -moz-animation: impossible-back 0.5s ease-in-out forwards;
  -webkit-animation: impossible-back 0.5s ease-in-out forwards;
  animation: impossible-back 0.5s ease-in-out forwards;
}

@keyframes flip-back {
  0% {
    -moz-transform: rotateY(0deg) translateX(0) scale(1);
    -ms-transform: rotateY(0deg) translateX(0) scale(1);
    -webkit-transform: rotateY(0deg) translateX(0) scale(1);
    transform: rotateY(0deg) translateX(0) scale(1);
  }
  60%,
    80% {
    -moz-transform: rotateY(-360deg) translateX(0) scale(1.3);
    -ms-transform: rotateY(-360deg) translateX(0) scale(1.3);
    -webkit-transform: rotateY(-360deg) translateX(0) scale(1.3);
    transform: rotateY(-360deg) translateX(0) scale(1.3);
  }
  100% {
    margin-right: 3em;
    -moz-transform: rotateY(-360deg) translateX(0) scale(1);
    -ms-transform: rotateY(-360deg) translateX(0) scale(1);
    -webkit-transform: rotateY(-360deg) translateX(0) scale(1);
    transform: rotateY(-360deg) translateX(0) scale(1);
  }
}
@keyframes flip {
  0% {
    margin-right: 3em;
    -moz-transform: rotateY(0deg) translateX(0) scale(1);
    -ms-transform: rotateY(0deg) translateX(0) scale(1);
    -webkit-transform: rotateY(0deg) translateX(0) scale(1);
    transform: rotateY(0deg) translateX(0) scale(1);
  }
  60%,
    80% {
    -moz-transform: rotateY(360deg) translateX(0) scale(1.3);
    -ms-transform: rotateY(360deg) translateX(0) scale(1.3);
    -webkit-transform: rotateY(360deg) translateX(0) scale(1.3);
    transform: rotateY(360deg) translateX(0) scale(1.3);
  }
  100% {
    margin-right: 0;
    -moz-transform: rotateY(360deg) translateX(0) scale(1);
    -ms-transform: rotateY(360deg) translateX(0) scale(1);
    -webkit-transform: rotateY(360deg) translateX(0) scale(1);
    transform: rotateY(360deg) translateX(0) scale(1);
  }
}
@keyframes impossible-back {
  0% {
    -moz-transform: rotateX(0deg) translateX(0) scale(1);
    -ms-transform: rotateX(0deg) translateX(0) scale(1);
    -webkit-transform: rotateX(0deg) translateX(0) scale(1);
    transform: rotateX(0deg) translateX(0) scale(1);
  }
  60%,
    80% {
    -moz-transform: rotateX(-360deg) translateX(0) scale(1.3);
    -ms-transform: rotateX(-360deg) translateX(0) scale(1.3);
    -webkit-transform: rotateX(-360deg) translateX(0) scale(1.3);
    transform: rotateX(-360deg) translateX(0) scale(1.3);
  }
  100% {
    margin-right: 3em;
    -moz-transform: rotateX(-360deg) translateX(0) scale(1);
    -ms-transform: rotateX(-360deg) translateX(0) scale(1);
    -webkit-transform: rotateX(-360deg) translateX(0) scale(1);
    transform: rotateX(-360deg) translateX(0) scale(1);
  }
}
@keyframes impossible {
  0% {
    margin-right: 3em;
    -moz-transform: rotateX(0deg) translateX(0) scale(1);
    -ms-transform: rotateX(0deg) translateX(0) scale(1);
    -webkit-transform: rotateX(0deg) translateX(0) scale(1);
    transform: rotateX(0deg) translateX(0) scale(1);
  }
  60%,
    80% {
    -moz-transform: rotateX(360deg) translateX(0) scale(1.3);
    -ms-transform: rotateX(360deg) translateX(0) scale(1.3);
    -webkit-transform: rotateX(360deg) translateX(0) scale(1.3);
    transform: rotateX(360deg) translateX(0) scale(1.3);
  }
  100% {
    margin-right: 0;
    -moz-transform: rotateX(360deg) translateX(0) scale(1);
    -ms-transform: rotateX(360deg) translateX(0) scale(1);
    -webkit-transform: rotateX(360deg) translateX(0) scale(1);
    transform: rotateX(360deg) translateX(0) scale(1);
  }
}
@keyframes expand {
  0% {
    right: 0;
    width: 3em;
  }
  25% {
    right: 0;
    width: 100%;
  }
  50% {
    right: auto;
    width: 100%;
    left: 0;
  }
  100% {
    left: 0;
    width: 3em;
  }
}
@keyframes contract {
  0% {
    left: 0;
    width: 3em;
  }
  25% {
    left: 0;
    width: 100%;
  }
  50% {
    right: 0;
    width: 100%;
    left: auto;
  }
  100% {
    right: 0;
    width: 3em;
  }
}
@-webkit-keyframes flip-back {
  0% {
    -moz-transform: rotateY(0deg) translateX(0) scale(1);
    -ms-transform: rotateY(0deg) translateX(0) scale(1);
    -webkit-transform: rotateY(0deg) translateX(0) scale(1);
    transform: rotateY(0deg) translateX(0) scale(1);
  }
  60%,
    80% {
    -moz-transform: rotateY(-360deg) translateX(0) scale(1.3);
    -ms-transform: rotateY(-360deg) translateX(0) scale(1.3);
    -webkit-transform: rotateY(-360deg) translateX(0) scale(1.3);
    transform: rotateY(-360deg) translateX(0) scale(1.3);
  }
  100% {
    margin-right: 3em;
    -moz-transform: rotateY(-360deg) translateX(0) scale(1);
    -ms-transform: rotateY(-360deg) translateX(0) scale(1);
    -webkit-transform: rotateY(-360deg) translateX(0) scale(1);
    transform: rotateY(-360deg) translateX(0) scale(1);
  }
}
@-webkit-keyframes flip {
  0% {
    margin-right: 3em;
    -moz-transform: rotateY(0deg) translateX(0) scale(1);
    -ms-transform: rotateY(0deg) translateX(0) scale(1);
    -webkit-transform: rotateY(0deg) translateX(0) scale(1);
    transform: rotateY(0deg) translateX(0) scale(1);
  }
  60%,
    80% {
    -moz-transform: rotateY(360deg) translateX(0) scale(1.3);
    -ms-transform: rotateY(360deg) translateX(0) scale(1.3);
    -webkit-transform: rotateY(360deg) translateX(0) scale(1.3);
    transform: rotateY(360deg) translateX(0) scale(1.3);
  }
  100% {
    margin-right: 0;
    -moz-transform: rotateY(360deg) translateX(0) scale(1);
    -ms-transform: rotateY(360deg) translateX(0) scale(1);
    -webkit-transform: rotateY(360deg) translateX(0) scale(1);
    transform: rotateY(360deg) translateX(0) scale(1);
  }
}
@-webkit-keyframes impossible-back {
  0% {
    -moz-transform: rotateX(0deg) translateX(0) scale(1);
    -ms-transform: rotateX(0deg) translateX(0) scale(1);
    -webkit-transform: rotateX(0deg) translateX(0) scale(1);
    transform: rotateX(0deg) translateX(0) scale(1);
  }
  60%,
    80% {
    -moz-transform: rotateX(-360deg) translateX(0) scale(1.3);
    -ms-transform: rotateX(-360deg) translateX(0) scale(1.3);
    -webkit-transform: rotateX(-360deg) translateX(0) scale(1.3);
    transform: rotateX(-360deg) translateX(0) scale(1.3);
  }
  100% {
    margin-right: 3em;
    -moz-transform: rotateX(-360deg) translateX(0) scale(1);
    -ms-transform: rotateX(-360deg) translateX(0) scale(1);
    -webkit-transform: rotateX(-360deg) translateX(0) scale(1);
    transform: rotateX(-360deg) translateX(0) scale(1);
  }
}
@-webkit-keyframes impossible {
  0% {
    margin-right: 3em;
    -moz-transform: rotateX(0deg) translateX(0) scale(1);
    -ms-transform: rotateX(0deg) translateX(0) scale(1);
    -webkit-transform: rotateX(0deg) translateX(0) scale(1);
    transform: rotateX(0deg) translateX(0) scale(1);
  }
  60%,
    80% {
    -moz-transform: rotateX(360deg) translateX(0) scale(1.3);
    -ms-transform: rotateX(360deg) translateX(0) scale(1.3);
    -webkit-transform: rotateX(360deg) translateX(0) scale(1.3);
    transform: rotateX(360deg) translateX(0) scale(1.3);
  }
  100% {
    margin-right: 0;
    -moz-transform: rotateX(360deg) translateX(0) scale(1);
    -ms-transform: rotateX(360deg) translateX(0) scale(1);
    -webkit-transform: rotateX(360deg) translateX(0) scale(1);
    transform: rotateX(360deg) translateX(0) scale(1);
  }
}
@-webkit-keyframes expand {
  0% {
    right: 0;
    width: 3em;
  }
  25% {
    right: 0;
    width: 100%;
  }
  50% {
    right: auto;
    width: 100%;
    left: 0;
  }
  100% {
    left: 0;
    width: 3em;
  }
}
@-webkit-keyframes contract {
  0% {
    left: 0;
    width: 3em;
  }
  25% {
    left: 0;
    width: 100%;
  }
  50% {
    right: 0;
    width: 100%;
    left: auto;
  }
  100% {
    right: 0;
    width: 3em;
  }
}

/* [1] The container */
.gui_upload {
  overflow: hidden; /* [1.2] Hide the overflowing of child elements */
  display: none;
    pointer-events: none;
    user-select: none;
}

/* [2] Transition property for smooth transformation of images */
.gui_upload img {
  transition: transform .5s ease;
}

/* [3] Finally, transforming the image when container gets hovered */
.gui_upload:hover img {
  transform: scale(1.1);
 cursor: pointer;
}
.imgloading {
  position: absolute;
  height: 200px;
  margin-top: 100px;
  left: 360px;
}

.adv .ad {
    width: 930px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20%;
}
.adv .ad .close {
	float: right;
    margin-bottom: 17px;
}
.adv .ad .close:hover {
	cursor: pointer;
}
.adv .ad .close img {
	width: 60px;
}
.gameplay canvas {
	height: 690px !important;
}
#ava-game_container {
	height: 690px !important;
}
:fullscreen #ava-game_container  {
	height: 100vh !important;
	width: auto !important;
}
.com_160x600_sticky_DFP {
    width: 160px;
    height: 100%;
    position: absolute;
    left: -193px;
}
.com_160x600_sticky_DFP_right {
    width: 160px;
    height: 100%;
    position: absolute;
    right: -193px;
}
.fixer {
	position: sticky;
    top: 0;
	padding-top: 30px;
}
#entrompadas {
	width: 100vw;
	height: 100vh;
	position: fixed;
	background-color: rgb(255 255 255 / 85%);
	top: 0;
	left: 0;
	z-index: 9;
	color: white; 
	font-size: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	backdrop-filter: blur(5px);
}

#entrompadas div {
	width: 60%;
	text-align: center;
}

#entrompadas div p.title {
	display: block;
    font-size: 30px;
    font-family: system-ui;
	background-color: black;
    color: white;
    margin: 0;
    padding: 25px;
}

#entrompadas div p.text {
	display: block;
    font-size: 20px;
    color: black;
    font-family: system-ui;
	background-color: #fbb;
    padding: 10px;
    margin: 0;
	margin-bottom: 100px;
}
.freeprivacypolicy-com---palette-dark.freeprivacypolicy-com---nb {
	bottom: 145px;
}