.hidden{display: none;}
div.game202309_image_cont{display: block; position: relative; width: 100%; padding: 0; text-align: center;}
div.game202309_image_cont img{display: block; width: 100%; height: auto; margin: 0;}
.game_202309_pinkbg{display: block; box-sizing: border-box; background-image: url(../images/game_202309/anyagok_hatter.jpg); background-repeat: repeat-y; background-position: center top; background-size: 100% auto; color: #e11f76; padding: calc(20px + (30 - 20) * var(--alap-arany)) calc(5px + (40 - 5) * var(--alap-arany)) 0 calc(5px + (40 - 5) * var(--alap-arany)); font-size: calc(14px + (24 - 14) * var(--alap-arany));	text-align: justify;}
@media screen and (min-width: 1010px){
	.game_202309_pinkbg{
		padding-left: 50px;
		padding-right: 50px;
	}
}
.game_202309_pinkbg .introtext{text-align: justify; hyphens: auto;}
/*.introtext .jeloldbe{max-width: 50%;}*/
p.question{font-weight: 700;}
p.question a {font-weight: 700; color: #e11f76; font-size: calc(14px + (24 - 14) * var(--alap-arany)); text-decoration: none;}
p.help{font-weight: 400;}
p.help a {font-weight: 500; color: #e11f76; text-decoration: none;}
p.help a:hover {font-weight: 500; color: #e11f76; text-decoration: underline;}
img.right_nearby_quiz{float: right; max-width: 525px; width: 38.43vw; margin-top: -20px;}
.buttons_container{display: block; width: 100%;}
.game_202309_buttons{display: inline-block; vertical-align: middle; width: 25%; margin: 0px 1%; background: #fff; text-align: center; border-radius: 15px; padding: 10px calc(10px + (20 - 10) * var(--alap-arany)); box-shadow: 0px 0px 8px rgba(0,0,0,.65); cursor: pointer; font-size: calc(12px + (20 - 12) * var(--alap-arany));}
.game_202309_buttons.active{background-color: #74b643; color: #fff;}
.game_202309_magentabg_wrapper{background-color: #e0986e; padding: 50px;}
.game_202309_magentabg{position: relative; display: block; box-sizing: border-box; background-image: url(../images/game_202309/anyagok_tabla_belso.jpg); background-repeat: repeat-y; background-position: center top; background-size: 100% auto; color: #fff; border: 10px solid #003f2f; padding: 30px; text-align: center;}
@media screen and (max-width: 650px){
	.game_202309_magentabg_wrapper{padding: 15px;}
	.game_202309_magentabg{border: 5px solid #003f2f; padding: 10px; text-align: center;}
}
.game_202309_magentabg .magenta_title h2, .game_202309_magentabg .magentatitle p{text-align: center;}
.game_202309_magentabg .magenta_title h2{font-size: calc(18px + (40 - 18) * var(--alap-arany)); text-transform: uppercase; font-weight: 700; margin-top: calc(10px + (30 - 10) * var(--alap-arany));}
.game_202309_magentabg .magenta_title p{margin-top: 0; font-size: calc(12px + (20 - 12) * var(--alap-arany));}
.game_202309_magentabg .form_flexicont{position: relative; box-sizing: border-box; display: flex; max-width: 900px; margin: auto; flex-direction: row; justify-content: space-between;}
.game_202309_magentabg:before{
	position: absolute;
	content: '';
	width: 150px;
	padding-top: 145px;
	bottom: 0;
	left: 0;
	background: url(../images/game_202309/anyagok_gyerek_3.png) no-repeat center center;
	background-size: 100% auto;
}
@media screen and (max-width: 950px){
	.game_202309_magentabg:before{
		width: 100px;
		padding-top: 97px;
		transform: translate(-50%,50%);
	}
}
.game_202309_magentabg .form_flexicont:after{
	position: absolute;
	content: '';
	width: 100px;
	padding-top: 115px;
	bottom: 20%;
	right: 0;
	transform: translateX(100%);
	background: url(../images/game_202309/anyagok_robot.png) no-repeat center center;
	background-size: 100% auto;
}
@media screen and (max-width: 950px){
	.game_202309_magentabg .form_flexicont:after{
		bottom: 6%;
		transform: translateX(20%);
	}
}
.game_202309_magentabg .personal{width: 40%; max-width: 400px; text-align: justify;}
.personal label, .personal input{display: block;}
.personal input{box-sizing: border-box; width: 100%; height: 38px; border-radius: 18px; padding: 0 19px;}
.personal label{margin: 20px 0 10px 16px; width: 80%; font-style: italic; font-size: calc(12px + (20 - 12) * var(--alap-arany));}
.personal label:first-of-type{margin: 0 0 10px 16px;}
.game_202309_magentabg .checkboxes{width: 450px; font-size: calc(12px + (20 - 12) * var(--alap-arany)); text-align: left; padding-top: 27px; padding-left: 50px;}
.checkboxes .checkbox{text-align: left; margin-bottom: 18px; font-style: italic;}
.checkbox label a{color: white;}
.whitecircle{padding-left: 80px;}
.button_cont{padding: 54px 0; margin: auto; width: max-content;}
.button_cont button {
	display: block; position: relative; background-color: #fdc40a; color: #fff; font-size: calc(20px + (34 - 20) * var(--alap-arany)); text-transform: uppercase; font-weight: 700; border-width: 0; border-radius: 20px; height: 68px; line-height: 68px; padding: 0 20px; box-shadow: 0px 0px 8px rgba(0,0,0,.65); cursor: pointer;
	transition: all 1s ease;
}
.button_cont button:hover{
	transform: scale(1.1);
}
.button_cont button:focus {
	outline: none;
	transform: scale(1.05);
}
.button_cont button.blink {
	animation-name: buttonblink;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-timing-function: ease;
}
@keyframes buttonblink {
	0% {box-shadow: 0px 0px 0px #9bc443;}
	10% {box-shadow: 0px 0px 2px #9bc443;}
	20% {box-shadow: 0px 0px 5px #9bc443;}
	30% {box-shadow: 0px 0px 10px #9bc443;}
	40% {box-shadow: 0px 0px 15px #9bc443;}
	50% {box-shadow: 0px 0px 20px #9bc443;}
	60% {box-shadow: 0px 0px 15px #9bc443;}
	70% {box-shadow: 0px 0px 10px #9bc443;}
	80% {box-shadow: 0px 0px 5px #9bc443;}
	90% {box-shadow: 0px 0px 2px #9bc443;}
	100% {box-shadow: 0px 0px 0px #9bc443;}
}

.button_cont button img {
	display: none;
}

@media screen and (min-width: 700px){
	.button_cont button img {
		display: block;
		position: absolute;
		top: 0px;
		left: 0px; transform: translateX(-110%);
		width: auto;
		height: 100%;
	}
}

@media screen and (max-width: 1280px){
	.whitecircle{display: none;}
	img.right_nearby_quiz{float: none; display: block; margin: 20px auto; width: 100%;}
}

@media screen and (max-width: 900px){
	.game_202309_pinkbg{font-size: calc(14px + (24 - 14) * var(--alap-arany));}
}
@media screen and (max-width: 1150px){
	.game_202309_magentabg .form_flexicont{display: block;}
	.game_202309_magentabg .personal{width: 100%; max-width: 800px; margin: auto;}
	.game_202309_magentabg .checkboxes{width: 100%; padding-left: 0; max-width: 800px; margin: auto;}
}


@media screen and (max-width: 512px){
	.game_202309_buttons{width: 90%; margin: 15px 5%;  max-width: 90%;}
}
@media screen and (max-width: 420px){
	.buttons_container{display: inline-block;}
}

div.game202309_image_cont img.desktop {display: none;}
div.game202309_image_cont img.mobil {display: block;}
@media screen and (min-width: 800px){
	div.game202309_image_cont img.desktop {display: block;}
	div.game202309_image_cont img.mobil {display: none;}
}

input[type="checkbox"].blink {
	box-shadow: 0px 0px 15px #9bc443;
	outline: 1px solid #9bc443;
	animation-name: checkboxblink;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-timing-function: ease;
}
@keyframes checkboxblink {
	0% {transform: scale(1);}
	50% {transform: scale(1.5);}
	100% {transform: scale(1);}
}



section.game_202309_menu_bar {
	width: 100%; min-height: 10px; background-color: transparent; padding: 10px 10px;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}

div.game_202309_menu_container_div {
	width: 100%; max-width: 1600px; margin: auto; text-align: center; padding: calc(10px + (20 - 10) * var(--alap-arany)) 0px;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
div.game_202309_menu_cim_div {
	position: relative; box-sizing: content-box; width: 100%; height: 100%; text-align: center; margin: auto;
}
.game_202309_menu_cim_style {
	display: block; position: relative; FONT-SIZE: calc(20px + (34 - 20) * var(--alap-arany)); font-style: normal; font-weight: 500; COLOR: #9bc443; FONT-FAMILY: 'Rubik', sans-serif; text-decoration: none; text-transform: uppercase;
}
.game_202309_menu_text_style {
	max-width: 800px; margin: auto; display: block; position: relative; FONT-SIZE: calc(14px + (22 - 14) * var(--alap-arany)); font-style: normal; font-weight: 400; COLOR: #9bc443; FONT-FAMILY: 'Rubik', sans-serif; text-decoration: none;
}

div.game_202309_pkpartnerek_div {
	position: relative;
	width: 100%; max-width: 1200px; margin: auto;
	text-align: center;
}

div.game_202309_pkpartnerek_div a {
	position: relative;
	display: inline-block; vertical-align: top;
	width: calc(20% - 10px);
	margin: 5px;
	background-color: #fff;
	box-shadow: 0px 0px 5px #666;
	padding-top: 13%;
	transition: all 1s ease;
}

div.game_202309_pkpartnerek_div a:hover {
	transform: scale(1.05);
}

@media screen and (max-width: 1000px) {
	div.game_202309_pkpartnerek_div a {
		width: calc(25% - 10px);
		padding-top: 15%;
	}
}

@media screen and (max-width: 800px) {
	div.game_202309_pkpartnerek_div a {
		width: calc(33% - 10px);
		padding-top: 20%;
	}
}

@media screen and (max-width: 500px) {
	div.game_202309_pkpartnerek_div a {
		width: calc(50% - 10px);
		padding-top: 35%;
	}
}

@media screen and (max-width: 400px) {
	div.game_202309_pkpartnerek_div a {
		width: calc(100% - 10px);
		padding-top: 70%;
	}
}

div.game_202309_pkpartnerek_div a img.slider{
	position: absolute;
	width: calc(100% - 6px);
	height: calc(50% - calc(8px + (16 - 8) * var(--alap-arany)));
	object-fit: cover;
	left: 50%; top: calc(5px + (10 - 5) * var(--alap-arany)); transform: translateX(-50%);
}
div.game_202309_pkpartnerek_div a img.logo{
	position: absolute;
	width: calc(90% - 6px);
	height: calc(50% - calc(5px + (10 - 5) * var(--alap-arany)));
	object-fit: contain;
	left: 50%; bottom: calc(5px + (10 - 5) * var(--alap-arany)); transform: translateX(-50%);
}

button.regisztralok {
	display: block;
	width: min-content;
	margin: 25px auto;
	background-color: #e11f76;
	border-radius: 15px;
	padding: 10px 20px;
	color: #fff;
	outline: none;
	FONT-SIZE: calc(16px + (24 - 16) * var(--alap-arany)); font-style: normal; font-weight: 500; FONT-FAMILY: 'Rubik', sans-serif; text-decoration: none;
	cursor: pointer;
	transition: all 1s ease;
}
button.regisztralok:hover {
	transform: scale(1.2);
}