*{
	-webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out, border-size 300ms ease-in-out, box-shadow 300ms ease-in-out, width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out;
	-moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out, border-size 300ms ease-in-out, box-shadow 300ms ease-in-out, width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out;
	-o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out, border-size 300ms ease-in-out, box-shadow 300ms ease-in-out, width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out;
	-ms-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out, border-size 300ms ease-in-out, box-shadow 300ms ease-in-out, width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out;
	transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out, border-size 300ms ease-in-out, box-shadow 300ms ease-in-out, width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out;
}
body{
	background-color:#eeeeee;
	color:#3E3E3E;
	margin:0;
	padding:0;
	font-size:100%;
	font-family:"PT Sans",sans-serif;
	background-position:top center;
	background-size:100% 100%;
	background-repeat:no-repeat;
}
a, a:visited{
	text-decoration:none;
	color:#5B7BDD;
}
a:hover, a:active, a:focus{
	color:#000000;
}
h1,h2,h3,h4,h5{
	font-weight:normal;
	font-size:100%;
	margin:0;
	padding:0;
}
label{cursor:pointer;}
.clear{
	clear:both;
}
div#page{
	background-position:top center;
	background-repeat:repeat;
}
#wrapper{
	width:100%;
	height:100%;
}
#wrapper_content{
	width:100%;
	margin:auto;
}
#content{
	min-height:20vh;
	width:100%;
}
#footer_wrapper{
	width:100%;
	background-color:transparent;
	height:auto;
	margin-top:20px;
}
#footer{
	width:100%;
	margin:auto;
	background-color:#e0e0e0;
}
#footer_content{
	padding:30px 15px;
	text-align:center;
	font-size:80%;
	color:#999999;
}
#footer_content a, #footer_content a:visited{
	color:#666666;
	padding:5px;
	display:inline-block;
}
#footer_content a:focus, #footer_content a:hover, #footer_content a:active{
	color:white;
	background-color:black;
}
#banner_wrapper{
	width:100%;
}
#banner{
	width:100%;
	margin:auto;
	height:auto;
	background-color:#6180DD;
	text-align:center;
}
#banner_content{
	width:96%;
	max-width:1000px;
	display:inline-block;
	text-align:left;
	background-color:#5B7BDD;
	padding-top:7px;
	padding-bottom:4px;
}
#banner_logo{
	max-width:250px;
	display:inline-block;
	margin-top:10px;
}
#banner_logo img{
	width:90%;
	max-width:100%;
}
.content_bigimg{
	width:96%;
	max-width:1000px;
	height:auto;
	margin:auto;
	background-color:#5B7BDD;
	border-radius:0px 0px 7px 7px;
	-moz-border-radius:0px 0px 7px 7px;
	-webkit-border-radius:0px 0px 7px 7px;
	box-shadow:0px 0px 5px #c0c0c0;
	-moz-box-shadow:0px 0px 5px #c0c0c0;
	-webkit-box-shadow:0px 0px 5px #c0c0c0;
	color:white;
}
.content_index{
	width:96%;
	max-width:1000px;
	min-height:50px;
	margin:auto;
	background-color:#ffffff;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	margin-top:20px;
	box-shadow:0px 0px 5px #dddddd;
	-moz-box-shadow:0px 0px 5px #dddddd;
	-webkit-box-shadow:0px 0px 5px #dddddd;
}
.content_padding{
	padding:10px;
}
.content_padding_withimg img{
	max-width:100% !important;
	max-height:auto;
	border-radius:4px;
}
.content_bigimg_half{
	display:inline-block;
	width:45%;
	min-width:255px;
}
.content_bigimg_half_reg{
	margin-left:9%;
	background-color:#4C64AD;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}
.content_bigimg_half_reg form{
	padding:10px;
}
.content_bigimg_half_reg form input[type="text"], .content_bigimg_half_reg form input[type="password"]{
	margin:0;
	padding:0;
	border:0;
	background-color:white;
	color:#2a2a2a;
	font-weight:bold;
	font-size:110%;
	padding:4px;
	width:97%;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	margin-top:5px;
	margin-bottom:5px;
}
.content_bigimg_half_reg form input[type="submit"], .content_bigimg_half_reg form input[type="button"]{
	margin:0;
	padding:0;
	border:0;
	font-size:140%;
	padding:10px;
	background-color:#F5CC51;
	color:white;
	margin-top:20px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	cursor:pointer;
	text-transform:uppercase;
	font-weight:bold;
}
.content_index_half_left{
	display:inline-block;
	width:49%;
	min-width:255px;
	float:left;
	border-radius:7px 0px 0px 7px;
	-moz-border-radius:7px 0px 0px 7px;
	-webkit-border-radius:7px 0px 0px 7px;
	min-height:100px;
}
.content_index_half_right{
	display:inline-block;
	width:49%;
	min-width:255px;
	float:right;
	border-radius:0px 7px 7px 0px;
	-moz-border-radius:0px 7px 7px 0px;
	-webkit-border-radius:0px 7px 7px 0px;
	min-height:100px;
}
.banner_login{
	cursor:pointer;
	background-color:#9EAFE2;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	color:white;
	padding:15px;
	margin-top:5px;
}
.banner_login a, .banner_login a:visited{
	color:white;
}
.banner_menu{
	display:inline-block;
	width:auto;
	padding-right:2%;
	float:right;
	text-align:right;
}
.banner_avatar{
	border-radius:1000px;
	-moz-border-radius:1000px;
	-webkit-border-radius:1000px;
	border:3px solid #F5CC51;
	max-width:50px;
	max-height:50px;
	background-color:white;
}
.banner_profile{
	padding:5px;
	color:#F5CC51 !important;
	font-size:110%;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.banner_profile:hover{
	background-color:#F5CC51;
	color:black !important;
}
.banner_xp_line{
	height:4px;
	border:1px solid #F5CC51;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}
.banner_xp_line div{
	height:4px;
	background-color:#F5CC51;
	border-radius:0px 2px 2px 0px;
	-moz-border-radius:0px 2px 2px 0px;
	-webkit-border-radius:0px 2px 2px 0px;
}
.banner_xp_line b{
	position:absolute;
	margin-left:-25px;
	margin-top:-12px;
	display:inline-block;
	font-size:90%;
	color:white;
	width:30px;
	height:30px;
	background-image:url(../../../../images/ribbon2.png);
	background-size:100% 100%;
	background-position:center center;
	background-repeat:no-repeat;
	text-align:center;
	vertical-align:middle;
	line-height:30px;
}
.kviz_szint{
	margin-left:-5px;
	margin-top:-2px;
	display:inline-block;
	font-size:90%;
	color:white;
	width:30px;
	height:30px;
	background-image:url(../../../../images/ribbon2.png);
	background-size:100% 100%;
	background-position:center center;
	background-repeat:no-repeat;
	text-align:center;
	vertical-align:middle;
	line-height:30px;
	font-size:60%;
	margin-right:5px;
}
.kviz_szint_jobb{
	margin-right:-5px;
	margin-left:5px;
}
.banner_xp{
	font-size:60%;
	text-transform:uppercase;
	font-weight:bold;
	color:white;
	text-align:left;
}
.banner_xp span{
	text-align:right;
	display:inline-block;
	float:right;
}
.fbregbtn a, .fbregbtn a:visited{
	margin:0;
	padding:0;
	border:0;
	padding:10px;
	background-color:#3C5A99;
	font-size:90%;
	color:white;
	margin-top:20px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	cursor:pointer;
	text-transform:uppercase;
	font-weight:bold;
	display:inline-block;
	border:5px solid white;
}
.shadow{
	background-color:black;
	opacity:0.8;
	width:100%;
	height:100%;
	z-index:99;
	position:absolute;
	left:0;
	top:0;
	display:none;
}
.login_form{
	width:30%;
	height:35%;
	min-width:250px;
	min-height:300px;
	left:35%;
	top:20%;
	background-color:white;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	position:absolute;
	color:#2a2a2a;
	z-index:100;
	padding:2%;
	display:none;
}
.login_form_exit{
	position:absolute;
	right:-15px;
	top:-15px;
	width:30px;
	height:30px;
	border-radius:1000px;
	-moz-border-radius:1000px;
	-webkit-border-radius:1000px;
	background-color:#5B7BDD;
	color:white;
	font-size:120%;
	vertical-align:middle;
	line-height:30px;
	text-align:center;
	border:5px solid white;
	font-weight:bold;
	cursor:pointer;
	z-index:500;
}
.login_form_exit:hover{
	background-color:red;
}
.login_form form input[type="text"], .login_form form input[type="password"]{
	margin:0;
	padding:0;
	border:0;
	background-color:#f0f0f0;
	color:#2a2a2a;
	font-weight:bold;
	font-size:110%;
	padding:4px;
	width:97%;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	margin-top:5px;
	margin-bottom:5px;
}
.login_form form input[type="submit"], .login_form form input[type="button"]{
	margin:0;
	padding:0;
	border:0;
	font-size:140%;
	padding:10px;
	background-color:#F5CC51;
	color:white;
	margin-top:20px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	cursor:pointer;
	text-transform:uppercase;
	font-weight:bold;
}
.topic{
	display:inline-block;
	width:10%;
	min-width:50px;
	max-width:100px;
	width:100px;
	height:auto;
	padding:10px;
	background-color:white;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	box-shadow:0px 0px 5px #c0c0c0;
	-moz-box-shadow:0px 0px 5px #c0c0c0;
	-webkit-box-shadow:0px 0px 5px #c0c0c0;
	margin-right:15px;
	margin-bottom:10px;
	word-break:break-word;
	overflow:hidden;
}
.topic2{
	display:inline-block;
	width:48%;
	padding:0%;
	margin:1%;
	height:auto;
	min-height:100px;
	max-height:200px;
	background-color:white;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	box-shadow:0px 0px 5px #c0c0c0;
	-moz-box-shadow:0px 0px 5px #c0c0c0;
	-webkit-box-shadow:0px 0px 5px #c0c0c0;
	word-break:break-word;
	overflow:hidden;
	position:relative;
	cursor:pointer;
}
.topic2:hover, .topic2simple{
	box-shadow:0px 0px 25px #999999;
	-moz-box-shadow:0px 0px 25px #999999;
	-webkit-box-shadow:0px 0px 25px #999999;
}
.topic2simple{height:100px;max-width:400px;}
.topic2:hover .topic_img2{
	width:130%;
	height:130%;
	margin-left:-10%;
	margin-top:-5%;
}
.topic2:hover .topic_img2_shadow, .topic2simple .topic_img2_shadow{
	width:0%;
	margin-left:100%;
}
.topic2 .topic_start{
	position:absolute;
	width:auto;
	right:5px;
	bottom:5px;
}
.topic2:hover .topic_start a, .topic2:hover .topic_start a:visited{
	background-color:#87b231;
	color:white;
	box-shadow:0px 0px 5px #c0c0c0;
	-moz-box-shadow:0px 0px 5px #c0c0c0;
	-webkit-box-shadow:0px 0px 5px #c0c0c0;
}
.topic2 .topic_start a, .topic2 .topic_start a:visited{
	background-color:#555555;
	color:#cccccc;
}
.topic2 .topic_start a:hover, .topic2 .topic_start a:focus, .topic2 .topic_start a:active{
	background-color:#87b231;
	color:white;
}
.topic_img2_shadow{
	width:100%;
	height:100%;
	position:absolute;
	background-color:black;
	opacity:.5;
}
.topic_img2{
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-size:100% auto;
	background-position:center center;
	position:absolute;
}
.topic2 .topic_name{
	position:absolute;
	color:white;
	text-shadow:1px 1px black;
	font-size:140%;
	margin-left:5px;
	margin-top:5px;
	z-index:2;
	background-image:url(../../../../images/shadow.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% 100%;
	padding:2px;
}
.topic2simple .topic_name{
	font-size:170%;
	text-align:center;
	display:block;
	margin:auto;
	width:100%;
	margin-top:2%;
}
.topic_img{
	width:100%;
	height:100%;
	position:relative;
	font-size:250%;
}
.topic_img img{
	max-width:100%;
	max-height:100%;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background-color:white;
}
.topic_img_mini_correct{
	background-image:url(../../../../images/system/icons/success.png);
	background-size:100% 100%;
	background-position:center center;
	background-repeat:none;
	position:absolute;
	z-index:5;
	width:30px;
	height:30px;
	left:20%;
	top:53%;
}
.game_topic_txt{
	position:absolute;
	width:auto;
	height:auto;
	top:5vh;
	left:50%;
	text-align:center;
	transform:translate(-50%,0%);
	font-size:150%;
}
.topic_name{
	text-align:center;
	color:#666666;
	font-size:90%;
	font-weight:bold;
	margin-top:5px;
	height:35px;
}
.topic_name a, .topic_name a:visited{
	color:#5B7BDD;
}
.topic_name a:hover, .topic_name a:active, .topic_name a:focus{
	color:#F65D11;
}
.topic_cat{
	text-align:center;
	color:#666666;
	font-size:80%;
	text-decoration:underline;
	margin-top:5px;
	padding-bottom:2px;
}
.topic_start{
	display:inline-block;
	width:100%;
	height:auto;
	text-align:center;
	margin-top:5px;
}
.topic_start a, .topic_start a:visited{
	padding:10px;
	background-color:#87b231;
	color:white;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	display:inline-block;
	margin-top:4px;
	font-size:120%;
}
.topic_start a:hover, .topic_start a:focus, .topic_start a:active{
	background-color:#B23CC5;
}
.topic_start img{
	max-width:20px;
	max-height:100%;
	margin-top:-4px;
}
.kviz_szabad_jatek{
	display:inline-block;
	width:49%;
	height:auto;
	text-align:center;
	margin-top:25px;
}
.kviz_szabad_jatek a, .kviz_szabad_jatek a:visited{
	padding:10px;
	background-color:#B23CC5;
	color:white;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	display:inline-block;
	margin-top:4px;
	font-size:130%;
}
.kviz_szabad_jatek a:hover, .kviz_szabad_jatek a:focus, .kviz_szabad_jatek a:active{
	background-color:#6180DD;
}
.kviz_szabad_jatek_noplayer a, .kviz_szabad_jatek_noplayer a:visited{
	background-color:#87b231;
}
.kviz_szabad_jatek img{
	max-width:30px;
	max-height:100%;
	margin-top:-4px;
	margin-right:10px;
}
.kviz_szabad_jatek span{
	color:#f0f0f0;
	font-size:70%;
}
.game_shadow2{
	background-color:rgb(0,0,0);
	opacity:.9;
	width:100%;
	height:100%;
	z-index:99;
	position:fixed;
	left:0;
	top:0;
	display:none;
}
.game_wrapper2{
	width:100%;
	height:100%;
	z-index:100;
	position:fixed;
	left:0;
	top:0;
	display:none;
}
.game2{
	width:96%;
	max-width:800px;
	height:auto;
	min-height:40%;
	padding-bottom:1%;
	z-index:101;
	position:absolute;
	background-color:white;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	box-shadow:0px 0px 50px #666666;
	transform: translate(-50%, -50%);
	left:50%;
	top:50%;
	border:5px solid white;
}
.topicimg_kvizbg{
	width:100%;
	height:100%;
	position:absolute;
	opacity:.09;
	background-size:100% 100%;
	background-position:center center;
	background-repeat:no-repeat;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}
.game_shadow{
	background-color:#2a2a2a;
	opacity:1;
	width:100%;
	height:100%;
	z-index:99;
	position:fixed;
	left:0;
	top:0;
	display:none;
}
.game_wrapper{
	width:100%;
	height:100%;
	z-index:100;
	position:fixed;
	left:0;
	top:0;
	display:none;
}
.game{
	width:40%;
	height:auto;
	min-height:40%;
	padding-bottom:1%;
	z-index:101;
	position:absolute;
	margin:auto;
	left:30%;
	top:10%;
	background-color:white;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}
.fullgame{
	width:100%;
	height:100%;
	background-color:#2a2a2a;
	left:0;
	top:0;
	min-width:500px;
	max-width:100%;
	box-shadow:none;
	border-radius:none;
	transform:none;
	border:none;
}
.timer{
	width:100%;
	height:10px;
	background-color:#87b231;
	position:relative;
	top:0;
	left:0;
}
.timer_red{
	background-color:#F65D11;
}
.game_profile{
	width:45%;
	display:inline-block;
	float:left;
	height:auto;
	margin:1%;
}
.game_profile table{
	min-width:250px;
}
.game_profile_me .game_username img{
	border:5px solid #E9C55B;
}
.game_profile_opponent .game_username img{
	border:5px solid #5B7BDD;
}
.game_username img{
	max-width:100px;
	max-height:100px;
	/*border:5px solid white;*/
	border-radius:1000px;
	-moz-border-radius:1000px;
	-webkit-border-radius:1000px;
	margin:5px;
}
.game_username{
	font-size:120%;
	color:white;
	display:inline-block;
	margin-left:30px;
}
.game_question{
	width:80%;
	margin:auto;
	margin-top:25vh;
	display:none;
	text-align:center;
}
.question_name{
	font-size:200%;
	color:white;
	text-align:center;
	width:100%;
	margin-bottom:5%;
}
.question_img{
	width:49%;
	height:49%;
	/* max-width:500px; */
	max-height:500px;
	float:left;
	display:inline-block;
	text-align:center;
}
.question_img img{
	max-width:100%;
	max-height:100%;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	background-color:white;
	margin:1%;
}
.question_sound{
	width:49%;
	height:49%;
	max-width:500px;
	max-height:500px;
	float:left;
	display:inline-block;
	text-align:center;
}
.question_sound a, .question_sound a:visited{
	padding:50px;
	border-radius:1000px;
	-moz-border-radius:1000px;
	-webkit-border-radius:1000px;
	background-color:white;
	color:#2a2a2a;
	cursor:pointer;
	font-size:500%;
	margin-top:40%;
}
.question_answer{
	width:49%;
	height:auto;
	display:inline-block;
}
.question_answer a, .question_answer a:visited{
	font-size:120%;
	background-color:white;
	padding:2%;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	margin:2vh;
	display:block;
	text-align:center;
	color:#333333;
	border:3px solid white;
}
.question_answer a:hover, .question_answer a:focus, .question_answer a:active{
	background-color:#F5CC51;
	color:black;
	border-color:#F5CC51;
}
.question_answer_jeloles a, .question_answer_jeloles a:visited, .question_answer_jeloles a:active{
	background-color:#F5CC51 !important;
	border-color:#F5CC51 !important;
	color:black;
}
.question_answer_jeloles_opponent a, .question_answer_jeloles_opponent a:visited, .question_answer_jeloles_opponent a:active{
	background-color:#5B7BDD !important;
	color:black;
	border-color:#5B7BDD !important;
}
.question_answer_jeloles_meandopponent a, .question_answer_jeloles_meandopponent a:visited, .question_answer_jeloles_meandopponent a:active{
	background-color:#5B7BDD !important;
	color:black;
	border-left:3px solid #F5CC51 !important;
	border-top:3px solid #F5CC51 !important;
	border-right:3px solid #5B7BDD !important;
	border-bottom:3px solid #5B7BDD !important;
}
.question_answer_helyes_numeric{
	background-color:#87b231;
	color:white !important;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}
.question_answer_helyes a, .question_answer_helyes a:visited, .question_answer_helyes a:active{
	background-color:#87b231 !important;
	border-color:#87b231;
	color:white;
}
.question_answer_helytelen_numeric{
	background-color:#EB4749;
	color:white !important;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}
.question_answer_helytelen a, .question_answer_helytelen a:visited, .question_answer_helytelen a:active{
	background-color:#EB4749 !important;
	border-color:#EB4749;
	color:white;
}
.game_answer_numbers{
	background-color:#F5CC51;
	padding:10px;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	width:30%;
	min-width:350px;
	text-align:center;
	margin-top:5px;
	display:inline-block;
}
.game_answer_numeric{
	display:inline-block;
	width:100%;
}
.game_answer_numeric input{
	width:30%;
	min-width:200px;
	padding:10px;
	background-color:white;
	color:black;
	border:none;
	font-size:200%;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	text-align:center;
}
.game_answer_numbers a, .game_answer_numbers a:visited{
	width:10%;
	min-width:50px;
	padding:5px;
	background-color:white;
	margin:2px;
	color:black;
	border:none;
	font-size:150%;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	text-align:center;
	display:inline-block;
}
.game_answer_numbers a:hover, .game_answer_numbers a:focus, .game_answer_numbers a:active{
	background-color:#cccccc;
}
.question_answer_numeric{
	font-size:200%;
	color:#F5CC51;
	text-align:center;
	display:inline-block;
	width:30%;
	padding:1%;
}
.question_answer_numeric_correct{
	font-size:300%;
	color:white;
	text-align:center;
	display:inline-block;
	width:30%;
	padding:1%;
}
.question_answer_numeric_opponent{
	font-size:200%;
	color:#5B7BDD;
	text-align:center;
	display:inline-block;
	width:30%;
	padding:1%;
}
.question_answer_numeric_elteres{
	font-size:150%;
	color:white;
	text-align:center;
	display:inline-block;
	width:30%;
	padding:1%;
}
.question_answer_numeric_elteres_opponent{
	font-size:150%;
	color:white;
	text-align:center;
	display:inline-block;
	width:30%;
	padding:1%;
	padding-left:0;
	float:right;
}
.game_end_avatar{
	display:inline-block;
}
.game_end_avatar img{
	max-width:100px;
	max-height:100px;
	/*border:5px solid #6180DD;*/
	border-radius:1000px;
	-moz-border-radius:1000px;
	-webkit-border-radius:1000px;
	margin:5px;
}
.game_end_avatar_me img{
	border:5px solid #F5CC51;
}
.game_end_avatar_opponent img{
	border:5px solid #5B7BDD;
}
.game_end_points{
	font-size:400%;
	color:#F5CC51;
	display:inline-block;
}
.game_end_points_opponent{
	color:#5B7BDD !important;
}
.game_end_versus{
	font-size:110%;
	color:#EB4749;
}
.fullAnimated, .fullAnimated *{
	-webkit-transition: all 1000ms ease-in-out;
	-moz-transition: all 1000ms ease-in-out;
	-o-transition: all 1000ms ease-in-out;
	-ms-transition: all 1000ms ease-in-out;
	transition: all 1000ms ease-in-out;
}
.game_xp{
	display:inline-block;
	font-size:110%;
	border:2px solid #B23CC5;
	color:#B23CC5;
	text-transform:uppercase;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	padding:5px;
	margin:10px;
}
.game_xp span{
	font-size:50%;
}
.levelup{
	width:70%;
	height:70%;
	z-index:101;
	position:absolute;
	margin:auto;
	left:15%;
	top:15%;
	display:none;
	cursor:pointer;
	background-color:white;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	overflow:hidden;
	box-shadow:0px 0px 20px black;
	-moz-box-shadow:0px 0px 20px black;
	-webkit-box-shadow:0px 0px 20px black;
}
.levelup_bg{
	background-image:url(../../../../images/light-burst.png);
	background-size:100% 100%;
	background-position:center center;
	background-repeat:no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	margin:auto;
	-webkit-animation:spin 60s linear infinite;
    -moz-animation:spin 60s linear infinite;
    animation:spin 60s linear infinite;
}
.levelup_titlebg{
	background-image:url(../../../../images/ribbon.png);
	background-size:100% 100%;
	background-position:center center;
	background-repeat:no-repeat;
	position:absolute;
	top:20%;
	left:50%;
	width:100%;
	height:40%;
	max-width:600px;
	transform: translate(-50%, -50%);
}
.levelup_titletxt{
	position:absolute;
	top:20%;
	left:50%;
	width:100%;
	height:40%;
	max-width:600px;
	transform: translate(-50%, -50%);
	color:white;
	font-size:250%;
	text-align:center;
	margin-top:85px;
}
.levelup_levelbg{
	background-image:url(../../../../images/ribbon2.png);
	background-size:100% 100%;
	background-position:center center;
	background-repeat:no-repeat;
	position:absolute;
	top:50%;
	left:50%;
	width:200px;
	height:200px;
	max-width:250px;
	max-height:250px;
	margin-left:-100px;
	margin-top:-100px;
	-webkit-animation:spin 20s linear infinite;
    -moz-animation:spin 20s linear infinite;
    animation:spin 20s linear infinite;
}
.levelup_leveltxt{
	position:absolute;
	top:50%;
	left:50%;
	width:200px;
	height:200px;
	max-width:250px;
	max-height:250px;
	margin-left:-100px;
	margin-top:-100px;
	font-size:500%;
	color:white;
	text-align:center;
	vertical-align:middle;
	line-height:200px;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
.topic_overwrapper{
	width:auto;
	height:auto;
	overflow:auto;
	padding:10px;
	position:relative;
}
.banner_profile_wrapper{
	display:inline-block;
	width:auto;
}
.banner_profile_wrapper:hover .banner_profile_menu{
	display:block;
	height:auto;
}
.banner_profile_menu{
	display:none;
	position:absolute;
	width:200px;
	background-color:#6180DD;
	color:white;
	border-radius:0px 0px 7px 7px;
	-moz-border-radius:0px 0px 7px 7px;
	-webkit-border-radius:0px 0px 7px 7px;
	text-align:left;
	padding:10px;
	z-index:10;
	margin-left:-82px;
	border:5px solid #5B7BDD;
	height:0px;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}
.banner_profile_menu a, .banner_profile_menu a:visited{
	display:block;
	padding:10px;
	color:white;
	text-align:center;
	font-weight:bold;
	background-color:#5170CC;
	margin-bottom:2px;
}
.banner_profile_menu a:hover, .banner_profile_menu a:focus, .banner_profile_menu a:active{
	color:#5170CC;
	background-color:white;
}
.profile_avatar{
	border-radius:1000px;
	-moz-border-radius:1000px;
	-webkit-border-radius:1000px;
	border:5px solid #5B7BDD;
	max-width:250px;
	max-height:250px;
	width:96%;
	height:auto;
	margin-right:3%;
}
.profile_name{
	font-size:7vh;
	color:#5B7BDD;
	text-align:center;
}
.player_winned{
	background-image:url(../../../../images/crown.png);
	width:60px;
	height:60px;
	background-size:100% 100%;
	background-repeat:no-repeat;
	position:absolute;
	margin-top:-45px;
}
.player_winned_right{
	right:5px;
}
.noanimation, .noanimation *{
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
	-ms-transition:none;
	transition:none;
}
.kepjelolo_player1{
	background-image:url(../../../../images/marker1.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:center center;
	width:64px;
	height:64px;
	position:absolute;
	margin-left:-6px;
	margin-top:-4px;
}
.kepjelolo_player2{
	background-image:url(../../../../images/marker2.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:center center;
	width:64px;
	height:64px;
	position:absolute;
	margin-left:-6px;
	margin-top:-4px;
}
.kepjelolo_helyes{
	background-image:url(../../../../images/marker3.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:center center;
	width:64px;
	height:64px;
	position:absolute;
}
.kepjelolo_helytelen{
	background-image:url(../../../../images/marker4.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:center center;
	width:64px;
	height:64px;
	position:absolute;
}
.index_topic_img{
	width:30%;
	height:auto;
	display:inline-block;
	margin:1%;
}
.index_topic_img img{
	width:100%;
	height:100%;
	max-width:100%;
	max-height:100%;
	border:3px solid white;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background-color:white;
}
.szokereso_wrapper{
	position:relative;
	width:50vw;
	height:50vw;
	max-width:700px;
	max-height:700px;
	display:inline-block;
	margin-bottom:50px;
	transform: translate(-50%, 0%);
	font-size:min(2vw,33px);
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}
.szokereso_box{
	width:10%;
	height:10%;
	position:absolute;
	display:inline-block;
	/*background-color:#F2E4C6;*/
	text-align:center;
	vertical-align:middle;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-top:thin solid #F2CF93;
	border-left:thin solid #F2CF93;
	border-right:thin solid #75604F;
	border-bottom:thin solid #75604F;
	/* background-image:url(../../../../images/szokereso.jpg); */
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:center center;
	background-color:none;
	color:#75604F;
	text-shadow:1px 1px rgba(0,0,0,.3);
	background-color:#f0f0f0;
}
.szokereso_box:hover{
	cursor:pointer;
	color:yellow !important;
}
.szokereso_box_player1{
	background-image:url(../../../../images/szokereso_player1.jpg);
	color:#75604F !important;
}
.szokereso_box_player2{
	background-image:url(../../../../images/szokereso_player2.jpg);
	color:#75604F !important;
}
.szokereso_box_select{
	background-color:#F2CF93;
	background-image:none;
	cursor:pointer;
	color:black !important;
}
.szokereso_start{
	background-color:#87b231;
	color:white;
	border:0;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	padding:10px;
	font-size:150%;
	cursor:pointer;
}
.szokereso_szavak{
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	display:inline-block;
	margin-top:5px;
	margin-bottom:5px;
	padding:5px;
	font-size:110%;
	color:#333333;
	background-color:#f0f0f0;
}
.szokereso_form select{
	padding:10px;
	max-width:400px;
	font-size:120%;
	background-color:#F5CC51;
	color:#2a2a2a;
	margin-top:5px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	cursor:pointer;
	border:0;
}
.rajz_tool{
	display:inline-block;
	width:auto;
	height:auto;
	margin-bottom:2%;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.rajz_tool a, .rajz_tool a:visited{
	display:inline-block;
	text-align:center;
	border:2px solid transparent;
	width:auto;
	height:auto;
	padding:5px;
}
.rajz_tool a:hover, .rajz_tool a:active, .rajz_tool a:focus{
	border-color:black;
}
.rajz_tool img{
	max-width:90%;
	max-height:90%;
	width:90%;
	height:90%;
	margin:5%;
}
.rajz_tool2{
	display:inline-block;
	width:auto;
	height:auto;
	margin-bottom:2%;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.rajz_tool2 a, .rajz_tool2 a:visited{
	display:inline-block;
	text-align:center;
	border:2px solid transparent;
	width:auto;
	height:auto;
}
.rajz_tool2 a:hover, .rajz_tool2 a:active, .rajz_tool2 a:focus{
	border-color:black;
}
.online_jatekos_adatlap{
	display:none;
	position:absolute;
	z-index:50;
	margin-top:35px;
	margin-left:15px;
	background-color:#EB4749;
	padding:3px;
	padding-top:0px;
	width:auto;
	height:auto;
	color:white;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}
.online_jatekos_adatlap_wrapper{
	width:50px;
	height:50px;
	display:inline-block;
	margin:5px;
}
.online_jatekos_adatlap_wrapper .online_jatekos_adatlap{
	display:block;
}
.online_jatekos_adatlap_wrapper a, .online_jatekos_adatlap_wrapper a:visited{
	font-size:65%;
	font-weight:bold;
	text-align:center;
	color:#666666;
}
.index_toplist{
	width:31%;
	display:inline-block;
	vertical-align:top;
	margin:1%;
}
.index_toplist_item{
	width:96%;
	background-color:#f0f0f0;
	padding:2%;
	border-bottom:1px solid #c0c0c0;
	font-size:90%;
	margin-bottom:2px;
}
.index_toplist_title{
	font-size:120%;
	color:white;
	background-color:#F5CC51;
	text-transform:uppercase;
	text-align:center;
	padding:10px;
}
.index_toplist .banner_avatar{
	max-width:35px;
	max-height:35px;
	vertical-align:middle;
}
.user_game_icon{
	background-repeat:no-repeat;
	background-size:100% 100%;
	background-position:center center;
	width:30px;
	height:30px;
	position:absolute;
	margin-left:-10px;
	margin-top:-10px;
}
.game_icon_big{
	background-repeat:no-repeat;
	background-size:100% 100%;
	background-position:center center;
	width:50px;
	height:50px;
	display:inline-block;
	vertical-align:middle;
	margin-right:10px;
}
.user_game_icon_rajz{background-image:url(../../../../images/icon_rajz.png);}
.user_game_icon_topic{background-image:url(../../../../images/icon_kviz.png);}
.user_game_icon_szokereso{background-image:url(../../../../images/icon_szokereso.png);}
.banner_top_games{
	vertical-align:top;
	display:inline-block;
	width:28%;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color:#7799ff;
	padding:2%;
}
.banner_top_games:hover{
	background-color:#F5CC51;
}
.banner_top_games a, .banner_top_games a:visited{
	color:white;
	font-size:130%;
	display:block;
}
.banner_top_games span{
	display:block;
	font-size:70%;
	margin-top:10px;
}
.server_loader{
	width:3vw;
	height:3vw;
	max-width:30px;
	max-height:30px;
	min-width:15px;
	min-height:15px;
	border-radius:1000px;
	-moz-border-radius:1000px;
	-webkit-border-radius:1000px;
	background-image:url(../../../../images/system/icons/loading.gif);
	background-repeat:no-repeat;
	background-size:70% 70%;
	background-position:center center;
	background-color:#F5CC51;
	padding:1%;
	position:fixed;
	bottom:5px;
	left:5px;
	z-index:9999999999999999;
	display:none;
}
.szokereso_cat{
	display:inline-block;
	width:100px;
	height:100px;
	margin:5px;
	cursor:pointer;
}
.szokereso_cat img{
	max-width:50%;
	max-height:50%;
	padding:5px;
	border-radius:500px;
	-moz-border-radius:500px;
	-webkit-border-radius:500px;
	background-color:#f0f0f0;
}
.szokereso_cat b{
	font-size:80%;
	text-align:center;
}
.szokereso_cat:hover img, .szokereso_cat_active img, .szokereso_cat_active2 img{
	background-color:#F5CC51;
}
.kviz_cat_list a, .kviz_cat_list a:visited{
	display:inline-block;
	background-color:#f0f0f0;
	padding:10px;
	font-size:110%;
	margin:1px;
	color:#666666;
}
.kviz_cat_list a:hover, .kviz_cat_list a:focus, .kviz_cat_list a:active{
	background-color:#F5CC51;
	color:white;
}
.g-recaptcha{
	max-width:300px;
	overflow:hidden;
}


/* Media Screens */
/* ======================================================================================== */
@media screen and (max-width: 1000px){
	.game_topic_txt{top:20vh;}
	.game_question{margin-top:35vh;}
}