@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;
}

.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;
	padding-top: 10px;
}

.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;
	position: relative;
}

.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;
	top: 0;
}

.com_160x600_sticky_DFP_right {
	width: 160px;
	height: 100%;
	position: absolute;
	right: -193px;
	top: 0;
}

.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);
	flex-direction: column;
}

#entrompadas .title {
	background-color: black;
	border-radius: 18px;
	width: 659px;

}

#entrompadas .text {
	font-size: 20px;
	color: black;
	font-family: system-ui;
	background-color: #fbb;
	padding: 10px;
	margin: 0;
	margin-bottom: 100px;
	height: 83px;
}

.button-app {
	padding: 0.6em 2em;
	border: none;
	outline: none;
	color: rgb(255, 255, 255);
	background: #111;
	cursor: pointer;
	position: relative;
	z-index: 0;
	border-radius: 10px;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
	transition: transform .1s;
}

.button-app:hover {
	transform: scale(1.05)
}

.button-app:disabled {
	background: #a1a1a1;
	cursor: initial;

}

.button-app:not(:disabled):before {
	content: "";
	background: linear-gradient(45deg,
			#ff0000,
			#ff7300,
			#fffb00,
			#48ff00,
			#00ffd5,
			#002bff,
			#7a00ff,
			#ff00c8,
			#ff0000);
	position: absolute;
	top: -2px;
	left: -2px;
	background-size: 400%;
	z-index: -1;
	filter: blur(5px);
	-webkit-filter: blur(5px);
	width: calc(100% + 4px);
	height: calc(100% + 4px);
	animation: glowing-button-app 20s linear infinite;
	transition: opacity 0.3s ease-in-out;
	border-radius: 10px;
}

@keyframes glowing-button-app {
	0% {
		background-position: 0 0;
	}

	50% {
		background-position: 400% 0;
	}

	100% {
		background-position: 0 0;
	}
}

.button-app:not(:disabled):after {
	z-index: -1;
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: #222;
	left: 0;
	top: 0;
	border-radius: 10px;
}

.blog {
	min-height: 501px;
	box-sizing: content-box;
	padding: 0 5px 10px;
	position: relative;
	box-shadow: 3px 3px 35px 3px rgba(0, 0, 0, 0.63);
	display: inline-block;
	margin-top: 45px;
	background-color: #ff9d00;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg stroke='%23000' stroke-width='66.7' stroke-opacity='0' %3E%3Ccircle fill='%23ff9d00' cx='0' cy='0' r='1800'/%3E%3Ccircle fill='%23fb8d17' cx='0' cy='0' r='1700'/%3E%3Ccircle fill='%23f47d24' cx='0' cy='0' r='1600'/%3E%3Ccircle fill='%23ed6e2d' cx='0' cy='0' r='1500'/%3E%3Ccircle fill='%23e35f34' cx='0' cy='0' r='1400'/%3E%3Ccircle fill='%23d85239' cx='0' cy='0' r='1300'/%3E%3Ccircle fill='%23cc453e' cx='0' cy='0' r='1200'/%3E%3Ccircle fill='%23be3941' cx='0' cy='0' r='1100'/%3E%3Ccircle fill='%23b02f43' cx='0' cy='0' r='1000'/%3E%3Ccircle fill='%23a02644' cx='0' cy='0' r='900'/%3E%3Ccircle fill='%23901e44' cx='0' cy='0' r='800'/%3E%3Ccircle fill='%23801843' cx='0' cy='0' r='700'/%3E%3Ccircle fill='%236f1341' cx='0' cy='0' r='600'/%3E%3Ccircle fill='%235e0f3d' cx='0' cy='0' r='500'/%3E%3Ccircle fill='%234e0c38' cx='0' cy='0' r='400'/%3E%3Ccircle fill='%233e0933' cx='0' cy='0' r='300'/%3E%3Ccircle fill='%232e062c' cx='0' cy='0' r='200'/%3E%3Ccircle fill='%23210024' cx='0' cy='0' r='100'/%3E%3C/g%3E%3C/svg%3E");
	background-attachment: fixed;
	background-size: cover;
	padding: 20px;
	border-radius: 20px;
	height: 640px;
	overflow: hidden;
	overflow-y: scroll;
	transition: box-shadow 0.1s ease-in-out;
}

.blog:hover {
	box-shadow: 0px 0px 35px 3px rgb(255 255 255);
}

.blog p {
	color: white;
	font-size: 1.5em;
}

/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
	scrollbar-width: auto;
	scrollbar-color: #8f54a0 #ffffff;
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
	width: 16px;
}

*::-webkit-scrollbar-track {
	background: #ffffff;
}

*::-webkit-scrollbar-thumb {
	background-color: #b94a5a;
	border-radius: 10px;
	border: 3px solid #ffffff;
}

.blog .post {
	background-color: rgb(255 255 255 / 11%);
	padding: 30px;
	border-radius: 20px;
	margin-bottom: 30px;
	margin-top: 20px;
	position: relative;
	min-height: 377px;
}

.blog .post a {
	color: #7cbaff;
	font-size: 27px;
}

.blog .post .logo {
	position: absolute;
	top: -48px;
	right: 0;
}

.blog .post video {
	float: right;
}


.head {
	display: grid;
	grid-template-columns: 1fr 4fr;
	grid-template-rows: 1fr .5fr;
	grid-auto-columns: 1fr;
	gap: 0px 0px;
	grid-auto-flow: row;
	grid-template-areas:
		"search pbc"
		"links links";
}

.links {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: .5fr;
	gap: 0px 0px;
	grid-auto-flow: row;
	grid-template-areas:
		"first second third fourth";
	grid-area: links;
	text-align: center;
}

.first {
	grid-area: first;
}

.second {
	grid-area: second;
}

.third {
	grid-area: third;
}

.fourth {
	grid-area: fourth;
}

.search {
	grid-area: search;
	padding: 9px 0 0px 14px;
}

.pbc {
	grid-area: pbc;
}