body {text-align: center;}

:root {
	--inputwhite: #FFF;
	--errorcolor: #eee638;
	--inputborder: rgba(255,255,255,.2);
	--colorzokgreen: #7ab948;
	--colorzokblue: #01a4e0;
}

.topBg {
background: #313131; 
}



body,html {height: 100%; font-family: "Montserrat"; background: #313131;}

.pre-main-block {
	background: url(/assets2021/ZOK_banner_1400x294.jpg) 42% 0% no-repeat;
	position: relative;
	background-size: cover;
	max-height: 300px;
	border-top: 4.5rem solid white;
	border-bottom: 0;
	padding-bottom: 23%;
}

.pre-main-block img {
	display: none;
	position: absolute;
	left: 50%;
	max-width: 100%;
	padding-top: 58%;
    -ms-transform: translate(-50%, -21%);
    -webkit-transform: translate(-50%, -21%);
    transform: translate(-50%, -21%);
    width: 29%;
}



@media all and (max-width: 980px) {
	.pre-main-block {
		border-top-width: 3.4rem !important;
		background: url(/assets2021/ZOK_banner_1400x294.jpg) 39% 0% no-repeat;
		background-size: cover !important;
		padding-bottom: 31%;
	}
}


@media all and (min-width: 1700px) {
	/*.pre-main-block {
		background: #fff url(/assets2021/ZOK_banner_1400x294.jpg) 50% 0% no-repeat;
		background-size: contain !important;
		padding-bottom: 340px;
	}*/
}











.atvezetes-block {
	position: fixed;
	top: 12rem;
	right: 0;
	z-index: 4;
	text-decoration: none;
	max-width: 7rem;
	padding: .414rem;
	padding-right: 1rem;
	background: linear-gradient(90deg,#00c4cc 0%,#1baeaa);
	box-shadow: 2px 2px .6rem 0px rgba(0,0,0,.3);
	border-radius: 4px 0px 0px 4px;
	transition: all .5s;
	color: white;
}

.atvezetes-block * {
	display: block;
}

.atvezetes-block img {
	max-width: 100%;
	min-width: 50px;
	min-height: 30px;
}

.atvezetes-block i {
	display: inline-block;
	float: right;
	position: absolute;
	right: 1rem;
	top: 1.8rem;
	opacity: 0;
	color: #fff;
	transition: all .3s;
}

.atvezetes-block:hover i {
	opacity: 1;
}

.atvezetes-block:hover {
	padding-right: 3rem;
}

.atvezetes-block span.texter-x {
	text-align: center;
	color: #fff;
	font-size: 12px;
	text-align: left;
	display: block;
	line-height: 1.414em;
	padding: 4px;
}

@media all and (max-width: 700px) {


	.atvezetes-block {
		position: relative;
		text-align: center;
		display: block;
		max-width: 100%;
		margin: 0;
		width: auto;
		padding: 2rem 1rem !important;
		top: auto;
		left: auto;
		right: auto;
		/*margin-top: 1rem;
		border-radius: 2px;
		max-width: 200px;
		margin-bottom: 1rem;*/
		margin-top: 0;
		border-radius: 0;
		margin-bottom: 0;		
	}

	.atvezetes-block span.texter-x {
		font-size: 14px; 
		text-align: center;
		padding-top: 1rem;
	}

	.atvezetes-block i {
		display: none;
	}

	.atvezetes-block img {
		max-width: 200px;
		margin-left: auto;
		margin-right: auto;
	}

	.hide-small-vegyelreszt {
		display: none;
	}

	.two-columns.fooldalhoz .text, .two-columns.fooldalhoz .icon {
		text-align: center;
		padding-right: 0;
		float: none;
		margin-right: 0;
	}

	.two-columns.fooldalhoz .text {
		max-width: 340px;
		margin-left: auto;
		margin-right: auto;
	}

	.two-columns.fooldalhoz .icon img {
		margin-left: auto;
		margin-right: auto;
		display: inline-block;
	}

	.two-columns.fooldalhoz .leftside .icon {
		margin-top: 0;
		padding-top: 0;
	}
}


.fooldalhoz .button.small.grey {
	font-weight: 900 !important;
	border-color: #aaa !important;
	transition: background .2s, color .2s, box-shadow .2s, border-color .2s;
}

.fooldalhoz .button.small.grey:hover {
	border-color: #eee638 !important;
}


.atiranyitas-centered {
	position: relative;
	border-radius: 4px;
	padding: 3rem;
	/* border: 1px solid rgba(255,255,255,.75); */
	border: 0;
	margin: 0 auto;
	margin-top: 0;
	display: inline-block;
	text-align: center;
	color: white;
	font-weight: 400;
	text-decoration: none;
	margin-bottom: 1rem;
	transition: all .2s;
	border-radius: 4px;
	background: #e8e8e8;
	box-shadow: 0px 0px 1rem 0px rgba(0,0,0,.1);
	margin-bottom: 3rem;
}

/*.atiranyitas-centered:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 500px;
	height: 100%;
	background: transparent;
	display: block;
	transform: translate(-50%, -50%);
	border-left: 100vw solid rgba(255,255,255,.25);
	border-right: 100vw solid rgba(255,255,255,.25);
}*/

.atiranyitas-centered img {
	margin: 0 auto !important;
	margin-top: 2rem !important;
	margin-bottom: 0 !important;
	max-width: 242px;
}

.atiranyitas-centered:hover {
	background: rgba(255,255,255,.1);
}












.centerizer-maxwidth { text-align: center; }
.centerizer-maxwidth > div {
	max-width: 700px;
	margin: 0 auto;
}

#toTopArrow {transition: all .5s; visibility: hidden; display: block; opacity: 0; position: fixed; right: 100px; bottom: 30px; color: #fff; font-size: 60px; cursor: pointer;}
#toTopArrow.on {display: block; opacity: 1; visibility: visible;}
#toTopArrow .fa {position: absolute; color: #1cbc9f; left: 0px; top: 0px;}


#footer-links {font-size: 13px; padding-bottom: 50px; color: #757575; text-shadow: 0px 1px rgba(0,0,0,.8); text-transform: uppercase; text-align: center;}
#footer-links .first a {color: #fff; text-decoration: none; transition: all .3s; margin-right: 20px; line-height: 40px;}
#footer-links a:hover {color: #d1b951;}

.centerized {max-width: 960px; padding-left: 10px; padding-right: 10px; margin: 0 auto; text-align: left; position: relative;}

.cright {text-align: center;}

.footer {margin-top: 20px;}
.footer .left {text-align: center; padding-top: 8px;}
.footer .right {text-align: center;}

.footer.first {
	margin-top: 0px; padding-top: 40px; padding-bottom: 40px;
	background: transparent;
}



#logo {margin-left: 20px; }


#copy {font-size: 11px;}
#copy img {display: inline-block; vertical-align: text-bottom; margin-right: 10px;}

.heading {font-size: 23px; color: #814017; padding: 40px; padding-bottom: 20px; text-shadow: 0px 1px rgba(255,255,255,.6); font-weight: bold;}

.menu { background: rgba(255,255,255,0); transition: 0s all; position: fixed; top: 0px; left: 0px; width: 100%; 
	box-shadow: 0px 0px 16px 0px rgba(0,0,0,0); z-index: 10000;}
.menu.on {

box-shadow: 0px 0px 16px 0px rgba(0,0,0,.1);

top: 0px;

}

/*
.mainpagefirst .menu:not(.on) .subButton {
	color: #37524f;
}


.mainpagefirst .menu:not(.on) .bger {
	background: rgba(255,255,255,.9);
	opacity: 1;
}


.mainpagefirst .menu:not(.on) .subButton:hover {
	color: #01a3a6;
}*/

.mainpagefirst .menu .logo {
	transition: .5s all !important;
	opacity: 1;
}
.mainpagefirst .menu:not(.on-scroll) .logo {
	/*opacity: 0;*/
}

.menu .bger {
	opacity: 0;
	height: 77px;
	height: 100%;
	left: 0px;
	transition: 0s all;
	width: 100%;
	background: white;
	position: absolute;
	top: 0px;

}
.menu.on .bger {opacity: 1; height: 100%;}

.main-logo {text-align: left; margin-left: 0px; color: #FFF;}
.main-logo img {margin-bottom: 20px; margin-top: 50px;}
.loggedinuser .main-logo .buttonHolder {
	margin: 0 auto;
	text-align: center;
}

.loggedinuser .main-logo { padding-top: 50px; padding-bottom: 0px;}
.loggedinuser .main-logo {}


#schoolListResults {background: rgba(255,255,255,.1); padding: 10px; margin-top: 10px; border-radius: 2px;}
#schoolListResults .res {}
#schoolListResults.off {display: none;}
#schoolListResults .additional {text-align: center; padding: 10px; color: #1dc8ba; padding-top: 15px;}
#schoolListResults .city {font-size: 10px;}

.selectableSchool {cursor: pointer; transition: all .2s; padding: 5px 15px; margin-left: -10px; margin-right: -10px; color: #FFF;}
.selectableSchool:hover {background: #FFF; color: #555;}


.main-block {background: #145350 none center center no-repeat; background-size: cover; min-height: 0;}
.main-block p {text-align: center; padding-bottom: 30px; font-size: 1.4em; font-weight: 300; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.9); line-height: 1.5;}

/*.loggedinuser .main-block {
	background: #145350 url(../i/background-2.jpg) center 30% no-repeat;
}*/

.loggedinuser .main-block p {
	/* text-shadow: 0 0 3px rgba(0, 0, 0, 0.9), 0 0 3px rgba(0, 0, 0, 0.9), 0 0 3px rgba(0, 0, 0, 0.9); */
}

.hasTopMarketing .stdBlock.main-block {padding-top: 80px;}
.stdBlock.main-block {padding-top: 50px; padding-bottom: 50px;}

/*.loggedinuser .main-block p {padding: 20px; font-size: 26px; font-weight: 400; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.9); border-radius: 5px; line-height: 1.5;}*/

.main-block .buttonHolder {text-align: center;}

.main-block p.small-ido {
	font-size: 0.7em;
	padding: 20px;
	margin-top: 40px;
	text-shadow: none;
	font-weight: 300;
	color: rgba(255,255,255,.8);
}

.main-kapcsolat {background: #FFF;}
.main-szervezo {background: #FFF;}

.main-kapcsolat p.std {
	font-size: 16px;
	line-height: 1.618em;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}

.main-szervezo .penz7-link {text-align: center !important; display: block !important;}
.main-szervezo .penz7-link img {max-width: 400px !important; margin: 0 auto !important; width: 100%;}

.main-szervezo a {display: inline-block; margin: 0 auto;}
.main-szervezo .two-columns {margin-top: 40px; padding-left: 30px; padding-right: 30px;}

.main-szervezo .three-columns {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 3rem;
}

	@media (max-width: 900px) {
		.main-szervezo .three-columns {
			gap: 0;
		}
	}

.main-szervezo .three-columns .column {
	display: inline-block;
	float: none;
	padding: 2rem 4px;
	width: 21% !important;
	min-width: auto;
	align-self: center;
	padding-bottom: 0;
	padding-top: 0;
}

.main-informacio {background: url(/i/informacio-bg.jpg) center center no-repeat; background-size: cover;}

.main-dijazas {background: url(/i/nyeremenyek-bg.jpg) center center no-repeat; background-size: cover;}

.main-dijazas .three-columns {margin-top: 35px;}

.main-dijazas .iskolak .icon + span {color: #c9af4d;}
.main-dijazas .diakok .icon + span {color: #01a3a6;}
.main-dijazas .tanarok .icon + span {color: #1fbf9e;}

.main-informacio .std {color: #FFF !important;}
.main-informacio h3 {color: #FFF;}
.main-informacio .blue {color: #FFF;}

.main-dijazas .std {color: #FFF !important;}
.main-dijazas h3 {color: #FFF !important;}
.main-dijazas .blue {color: #FFF !important;}

.main-secondary {
	background: #FFF; padding-top: 60px !important;
	padding-top: 4rem !important;
	padding-bottom: 4rem !important;
}

.main-secondary .icon {float: left; margin-right: 25px;}
.main-secondary .text {text-align: left; padding-right: 40px;}
.main-secondary .textbody {color: #111; /*min-height: 95px;*/ display: block; padding-top: 20px;}

.main-versenymenete {
	background: url(../i20/tiles-bw.png), linear-gradient(140deg, rgba(0,0,0,.2) 25%,rgba(0,0,0,.4) 100%) !important;
}
.versenymenete-main {
	color: #848E7E;
}

.stdBlock.main-versenymenete p.std {
	color: white;
}

.main-toplist-bottom {background: #FFF;}

#social-share {margin: 0 auto; display: inline-block;}
#social-shareHolder {text-align: center; padding-bottom: 20px; padding-top: 20px; display: none !important}
#social-share .text {font-size: 13px; color: #777; line-height: 50px; margin-right: 20px; display: inline-block; vertical-align: middle;}
#social-share > .fa {vertical-align: middle; margin-left: 20px; text-decoration: none; display: inline-block; font-size: 50px; position: relative; text-shadow: 1px 1px 1px rgba(0,0,0,.2);}
#social-share > .fa span {display: block; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; font-size: 22px; text-align: center; text-shadow: none; color: #FFF; line-height: 50px;}
#social-share > .share-fb {color: #3a579a;}
#social-share > .share-google {color: #df4a32;}
#social-share > .share-twitter {color: #00abf0;}


#social-shareHolder {position: fixed; left: 10px; top: 100px;}
#social-shareHolder .fa {display: block;}
#social-shareHolder .text {display: none;}
#social-share > .fa {margin-left: 0px; margin-right: 15px;}

.main-versenymenete .three-columns {padding-top: 20px;}

.stdBlock {padding-top: 50px; padding-bottom: 60px;}

.stdBlock.hasTopPadding {padding-top: 150px;}
.stdBlock h3 {
	text-transform: uppercase; color: #111; font-size: var(--fontsize-heading-larger); display: block; padding-bottom: var(--distance-2-resp); text-align: center;
	font-family: Montserrat, sans-serif;
}

.stdBlock h3 > span {
	font-family: Montserrat, Arial;
	font-size: 1rem;
	font-weight: 600;
}

.stdBlock h3 > span.subheading {
	text-transform: none; margin-top: 1.5rem; display: block; max-width: 30rem; margin-left: auto; margin-right: auto; line-height: 1.5; 
}

.stdBlock p.std {color: #000; text-align: left; font-size: var(--fontsize-text); margin-bottom: 25px; line-height: 2;}
.stdBlock p.std.subtext {font-size: var(--fontsize-middle); margin-top: 50px;}
.stdBlock p.std a {color: #fff;}
.stdBlock p.std a:hover {color: #fff;}
.stdBlock p.std.center {text-align: center;} 
.stdBlock p.std.blue {font-weight: bold; text-align: center; color: #01a3a6;}

.stdBlock p.std em {
	font-weight: bold;
}

.stdBlock p.std span {
	margin: 0 auto;
	display: block;
	max-width: 640px;
	text-align: left;
}

.two-columns .column {width: 50%; float: left; text-align: center;}

.three-columns .column {width: 33%; float: left; text-align: center;}
.text-center {
	text-align: center;
}

.fordulo-idopont {}
.fordulo-idopont .point {float: left; color: #FFF; font-weight: 600; width: 130px; height: 130px; background: url(/i/fordulo-bg.png) center center no-repeat; text-transform: uppercase; margin-right: 15px; margin-bottom: 20px;}
.fordulo-idopont .point i {display: block; font-weight: 900; font-size: 68px; line-height: 70px; padding-top: 12px;}
.fordulo-idopont .point-right {float: left; text-align: left;}
.fordulo-idopont .point-right .date {color: #01a3a6; font-weight: 900; font-size: 24px;}
.fordulo-idopont .point-right .date strong {
	font-weight: 300;
	font-size: 16px;
	line-height: 11px;
	display: block;
	margin-top: 13px;
}

.tovabbi-informaciok-main {
	text-align: center;
	font-weight: 900;
	color: #01a3a6;
	font-size: 23px;
	line-height: 30px;
	text-transform: uppercase;
	padding-top: 40px;
	padding-bottom: 10px;
	max-width: 330px;
	margin: 0 auto;
}
.fordulo-idopont .point-right span.txt {height: 46px; color: #444444; display: block; max-width: 134px; font-size: 13px;}

.main-prizes .fordulo-idopont .point i {
	line-height: 130px;
	font-weight: normal;
	font-size: 95px;
	padding-top: 0;
}


.nyeremeny-box {background: #FFF; padding-bottom: 20px; padding-top: 20px; margin-left: 20px; margin-right: 20px; border-radius: 5px; }
@media all and (min-width: 761px) {
	.nyeremeny-box {
 		min-height: 320px;
 	}
}

.nyeremeny-box .icon {margin: 0 auto; text-align: center; height: 80px; margin-top: 20px;}
.nyeremeny-box .icon + span {text-align: center; font-size: 16px; font-weight: 600; display: block; padding-top: 10px; padding-bottom: 10px;}
.nyeremeny-box .icon img {margin: 0 auto;}
.nyeremeny-box .text { padding-left: 20px; padding-right: 20px; text-align: left; min-height: 120px; font-size: 13px; line-height: 1.5; color: #444;}


.formerrors {display: none; max-width: 400px; margin: 0 auto;}
.formerrors.hasErrors {display: block; text-align: left;}
.formerrors.hasErrors > div {padding-left: 12px; padding-bottom: 10px; color: var(--errorcolor); padding-right: 12px;}

.menu .small {position: absolute; margin-top: -79px; opacity: 0;}
.menu .nonsmall {opacity: 1;}
.menu.on .small {opacity: 1;}
.menu.on .nonsmall {opacity: 0;}
.menu img {transition: .5s all;}
.menu .logo {opacity: 0; transition: .5s all;}
.menu .logo img {opacity: 1; transition: .5s all; padding-top: 3px; margin-bottom: -5px;}
.menu.on .logo img {opacity: 1;}
.menu.on .logo {opacity: 1;}

.menu.nonMainPage .logo {opacity: 1;}
.menu.nonMainPage .logo img {opacity: 1;}

.menu .button {border-radius: 5px; margin: 0px; margin-left: 30px;}
.menu.on .button {}

.pgDenied .buttonHolder {color: #eee; font-size: 13px;}
.pgDenied .buttonHolder .button {margin-left: 25px; margin-right: 25px;}

.menu.nobg {background: none !important; box-shadow: none!important;}

.main-registration-bottom {
	background: #164c4a;
}

.main-prizes {
background: #0077a3;
background: -moz-linear-gradient(top, #0077a3 0%, #005c7e 100%);
background: -webkit-linear-gradient(top, #0077a3 0%,#005c7e 100%);
background: linear-gradient(to bottom, #0077a3 0%,#005c7e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0077a3', endColorstr='#005c7e',GradientType=0 );
}

.main-prizes.stdBlock h3 {color: #FFF; font-size: 2.2rem;}
.main-prizes.stdBlock .std {color: #FFF;}
.main-prizes.stdBlock .std.subtext {color: rgba(255,255,255,.7);}

.toplist-top {padding-bottom: 0px; background: #50757e;}

.inputHolder {margin: 0 auto; max-width: 400px;}
.inputHolder .stdinputelement input {
	border: 2px solid var(--inputborder); transition: all .3s; color: var(--inputwhite); font-size: 20px; background: rgba(255,255,255,.2); display: inline-block; padding: 10px; border-radius: 4px; width: 100%; width: calc(100% - 22px);
	font-weight: 800;
	font-family: "Montserrat";
}

.inputHolder .stdinputelement .radio-selectors input {
	border: 0; transition: all .3s; 
	color: var(--inputwhite); 
	font-size: 20px; 
	background: none; 
	display: inline-block; 
	padding: 0; 
	border-radius: 0;
	width: auto;
}

::-webkit-input-placeholder {
    color:    #aaa;
    font-weight:  100;
}
:-moz-placeholder {
    color:    #aaa;
    font-weight:  100;
}
::-moz-placeholder {
    color:    #aaa;
    font-weight:  100;
}
:-ms-input-placeholder {
    color:    #aaa;
    font-weight:  100;
}

.inputHolder .stdinputelement input:hover {background: rgba(255,255,255,.9); color: #000;}

.inputSeparator {height: 1px; background: rgba(255,255,255,.2); text-align: center; margin-top: 20px; margin-bottom: 40px;}
.inputSeparator .txt {background: #00698F; display: inline-block; font-size: 13px; margin: 0 auto; position: relative; top: -12px; color: #FFF; padding-left: 20px; padding-right: 20px;}

.inputHolder .inputLabel {color: var(--inputwhite); padding-left: 12px; padding-top: 20px; padding-bottom: 8px; font-size: 16px; font-weight: 600;}
.zok-subpage {
	--inputwhite: #111;
	--errorcolor: #cd341b;
	--inputborder: #77b743;
}
.stdinputelement.chkbox {padding-top: 20px;}
#element-newsletterSubscribe {padding-top: 0px;}
#element-school_id {padding-top: 0px;}
#school_id_mode_b_body {padding-top: 10px;}
.stdinputelement.chkbox input:not(.stdinput) {vertical-align: middle; display: inline-block; width: 40px; margin-left: 20px;} 
.stdinputelement.chkbox label {vertical-align: middle; display: inline-block; color: var(--inputwhite); width: 80%;}
.stdinputelement.chkbox label a {
	color:  var(--inputwhite) !important;
}


#selectedSchoolText {color: #FFF; padding-left: 60px; padding-top: 10px; padding-bottom: 10px; font-size: 20px; background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    padding: 10px;
    margin-top: 10px;
    transition: all 0.3s ease 0s;
    width: calc(100% - 22px);}
#selectedSchoolText span {display: block; font-size: 12px;}

#school_id-selector {margin-top: 10px;}

.stdinputelement.error {}
.stdinputelement.error .inputLabel {color: var(--errorcolor);}
.stdinputelement.error input {border-color: #cd341b;}

#topMsg {background: #c2e91c; color: #b0006d; text-align: center; font-size: 15px; overflow: hidden; position: relative; z-index: 3;}
#topMsg > div {padding: 20px; margin: 0 auto;}
#topMsg div .fa {margin-right: 15px;}

#topMsgMarketing {background: #c2e91c; color: #b0006d; text-align: center; font-size: 15px; overflow: hidden; position: relative; z-index: 3; border-bottom: 2px solid #FFF;}
#topMsgMarketing > div {padding: 20px; padding-top: 0px; padding-bottom: 0px; margin: 0 auto;}
#topMsgMarketing div .fa {margin-right: 15px; margin-left: 40px; cursor: pointer;}
#topMsgMarketing a {border: 0px !important; border-radius: 0px;}

.form .buttonHolder {margin-top: 30px; margin-bottom: 45px;}
.questionBody .buttonHolder {
	margin-bottom: 30px !important;
	margin-top: 25px;
}

.facebookloading {font-size: 10px; font-weight: normal;}

.logged .facebook-login-button .facebookbutton {display: none;}

.facebookControlled .loggedout, .facebookControlled .loggedin {display: none;}

.button.facebookbutton {background: #3a579a; color: #FFF !important; display: block;}
.button.facebookbutton:hover {background: #5a74bb;}
.button.facebookbutton .fa {margin-right: 15px;}

.optional {float: right; color: rgba(255,255,255,.4); font-weight: 300; padding-right: 12px;}

.fakeElementHolder {border: 2px solid var(--inputborder); transition: all .3s; color: #fff; font-size: 20px; background: transparent; display: inline-block;  border-radius: 4px; width: 100%; width: 100%; display: grid;
grid-template-columns: 1fr 1fr 1fr;
box-sizing: border-box;
}
.fakeElementHolder select {
 padding: 10px; height: 100%; border: 0; font-size: 20px; padding-left: 10px; padding-right: 10px; color: var(--inputwhite);
 background: rgba(255,255,255,.2); 
 font-weight: 800;
  width: 100%;
  font-family: Montserrat;
}
.fakeElementHolder select option {
	background:  white;
	color: #222;
	font-weight: 800;
}
.error .fakeElementHolder {border-color: #cd341b;} 

.fakeElementHolder > div {
	select {
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-ms-appearance: none;			
	}
	position: relative;
	&::after {
		content: '';
		background: url(/2025/chevron.svg) no-repeat center center;
		position: absolute;
		width: 16px;
		height: 16px;
		right: 10px;
		bottom: 4px;
		transform: translateY(-50%) rotate(90deg) scale(.8);
		pointer-events: none;
		opacity: 1;
		background-size: contain;
	}
}

.registration .facebook-login-button .facebookbutton {font-size: 11px; font-weight: normal; padding-top: 10px; text-align: right;}
.registration .facebook-logout-button .facebookbutton {font-size: 11px; font-weight: normal; padding-top: 10px; text-align: right;}

ul.std li {padding-bottom: 10px;}
ul.std {padding-bottom: 20px;}
ul.std li .omney {font-size: 20px; background: #164c4a; color: #FFF; padding: 10px;display: block; margin-bottom: 10px; margin-top: 20px;}

.main-prizes ul.std {
	width: 650px;
	margin: 0 auto;
}

.main-prizes ul.std li {
	padding-left: 20px;
	padding-right: 20px;
}

.main-prizes ul.std li .omney {
	margin-left: -20px;
	margin-right: -20px;
	border-radius: 4px;
	font-weight: normal;
	text-align: center;
}

.registration .inputSeparator {margin-bottom: 10px; margin-top: 40px;}

#element-elfogadom {padding-top: 40px;}

.error.stdinputelement.chkbox label {color: var(--errorcolor);}

.stdinputelement.readOnly input {border-color: rgba(255,255,255,.2);}
.stdinputelement.readOnly input:hover {}
.schoolradio {}
.schoolradio label {font-size:12px;}

.omney {font-size: 17px; color: #fff58f;}

.three-columns .omney {
	color: #cd341b;
}

.main-prizes.prize-2 {

background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #cbf0e8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cbf0e8));
background: -webkit-linear-gradient(top,  #ffffff 0%,#cbf0e8 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#cbf0e8 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#cbf0e8 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#cbf0e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cbf0e8',GradientType=0 );

}
.main-prizes.prize-2.stdBlock .std {color: #777;}

.main-prizes.prize-2 h3 {color: #777;}
.main-prizes.prize-2 p a {color: #333;}
.main-prizes.prize-2 p a:hover {color: #000;}

.main-prizes .two-columns .std {
	padding-right: 20px;
	padding-top: 34px;
	padding-left: 150px;
}

.menuButtonText {}

.button {
	padding:10px 15px 10px 15px; color: /*#584a35;*/ #FFF; background: var(--colorzokgreen); /*#cfb650;*/ border-radius: 5px; font-family: "Montserrat"; font-size: 14px; font-weight: 400; 
	text-shadow: none;
	transition: background .2s, color .2s, box-shadow .2s; display: inline-block; cursor: pointer; text-decoration: none; margin: 0 auto; margin-top: 15px;
	text-transform: uppercase;
	border: 0;
	-webkit-appearance: none;
}

.button span { margin-right: 15px;}
.button.right span {margin-right: 0; margin-left: 15px;}

.buttonHolder {text-align: center; padding-top: 10px;}
.buttonHolder .button {margin: 0 auto;}

.buttonHolder--normalized {padding-top: 1rem;}
.buttonHolder--normalized-2 {padding-top: 2rem;}

.button.grey {background:var(--colorzokblue); color: #FFF;}
.button.blue {background:var(--colorzokblue); color: #FFF;}
.button.grey.small span {margin-left: 8px; margin-right: 0px;}
.button.grey.small { padding: 5px 10px;}

.button.whites {
	background: transparent;
	border: 1px solid rgba(255,255,255,.7);
}

.button.whites-grey {
	background: transparent;
	border: 1px solid #333;
	color: #333;
}

.button.whites.whitetext {
	color: #37524f;
	border-color: #ddd;
}


.button.white {background: #FFF; color: #cd341b;}

.button.huge {
	font-size: 16px; font-weight: 700; padding: 13px 20px;
	box-shadow: none;
	margin: 0 auto;
	margin-top:0px;

}
/* #ff753b */

.button:hover {
	background: var(--colorzokgreen);
	color: white !important;
	border-color: var(--colorzokgreen) !important;
	box-shadow: none; /*0px 2px 1px 0px rgba(0,0,0,.15);*/
	opacity: .9;
}
.button:active {background: #e45f25; box-shadow: 0px 0px 3px 0px rgba(0,0,0,.15) inset;}

.button.button--red-on-grey {
	color: #cd341b;
	background-color: #f8f8f8;
}

.button.button--red-on-grey:hover {
	background: #e45f25;
	color: white !important;
}

.huge.nobg {background: none;}

.on .rightPart {bottom: -3px;}

.rightPart {position: absolute; right: 20px; top: 16px; font-size: 12px; color: #333; transition: .5s all;}

.menu .rightPart a {display: inline-block; vertical-align: middle; font-weight: 600;}
.menu .rightPart a.subButton {color: #333; font-weight: 700;}
.menu .rightPart a.subButton:hover:not(.only-menupoin) {color: #198C8C;}

.fb-block {text-align: right; padding-top: 16px; text-align: center; margin-bottom: 20px;}
.fb-block a.fa {font-size: 30px; text-decoration: none; position: relative; color: #FFF !important; text-align: center; text-shadow: none; }
.fb-block a.fa .fa-facebook {color: #313131; position: absolute; left: 0px; top: 0px; width: 100%; font-size: 23px; line-height: 30px;}

.bottomtop {padding-top: 20px; text-align: center;}
.bottomtop b {color: #f36b13; font-weight: 900; display: block;}
.mainBlock {padding-top: 130px;}

.secondary {}

.bigBlock {padding-top: 10px; padding-bottom: 70px; padding-left: 0px; padding-right: 0px;}

.mainBlock .bigBlock {}

.topGrass {width: 100%; height: 51px; background: url(/landing/grass-up.png); display: none;}
.lowGrass {width: 100%; height: 51px; background: url(/landing/grass-down.png); display: none;}

.logo {display: inline-block;}

.mainBlock > .centerized:first-child .bigBlock {padding-bottom: 80px;}

h1 {color: #f36b13; font-weight: 300; font-size: 48px; text-shadow: 0px 1px 1px rgba(255,255,255,.9); padding-bottom: 20px; line-height: 62px; height: 206px;}
h1 b {font-weight: 600;}
h1 img {float: right;}

.facebook-part1 { padding-top: 35px;}






.subButton {margin-left: 25px; color: #00a4e0; text-decoration: none; font-size: 12px; padding-top: 0px; transition: all .2s;}
.subButton:hover {color: #198C8C;}

.subButton.active {
	border-bottom: 1px solid rgba(255,255,255,.4);
	margin-bottom: -1px;
}

.bigBlock {color: #777777;}
b.tipusok {display: block; font-weight: 600; display: block; padding-bottom: 6px; color: #df7311;text-shadow: 0px 1px 1px rgba(255,255,255,.9); padding-top: 8px;}

.tipusokul {display: block; padding-left: 20px; padding-bottom: 15px; font-size: 14px; line-height: 2; font-weight: 600; }

.tipusokul li + li {margin-top: -6px;}

.tipusokul span {color: #9ebf11;}

.sarga {background: #ffdb00 url(/landing/tesco-bg.png) left top repeat; box-shadow: none !important; position: relative; padding-bottom: 80px;}

.topper {bottom: 100%; position: absolute; width: 100%; height: 1px;}
.topper img {width: 100%;position: absolute; bottom: 0px;}

.sarga h2 {font-size: 33px; padding-top: 60px;}


.aluholder .stage {float: left; width: 192px; position: relative;}
.aluholder .stage .imgr {height: 104px; width: 160px; background: none center center no-repeat; background-size: 100%; border: 5px solid white; border-radius: 4px; margin-left: 11px;}

.stage span {display: inline-block; width: 40px; height: 40px; background: rgba(255,255,255,1); color: #740000; border-radius: 20px; font-size: 20px; text-align: center; line-height: 40px; font-weight: 900; position: absolute; top: -28px; left: 76px;}
.stage .txter {font-weight: 600; font-size: 17px; text-align: left; padding: 15px;}

.textotop {padding-bottom: 50px; color: #d12a65; font-size: 20px; line-height: 1.5; padding-top: 12px;}

.sarga .heading {padding-top: 50px;}

.masodikb {background: #73356b; color: #FFF; padding-top: 70px; padding-bottom: 80px;}

.topGrass {position: absolute; left: 0px; bottom: 100%; width: 100%;}
.lowGrass {position: absolute; left: 0px; top: 100%; width: 100%;}

.thirdb {position: relative; background: #e44569; padding-top: 70px; padding-bottom: 80px; color: #FFF;}


.thirdb .centerized h2 {color: #FFF; text-shadow: 0 1px rgba(0, 0, 0, 0.6);}

.postTamogat {padding: 70px; padding-top: 40px; background: #d8f79b; padding-bottom: 70px;}

.postTamogat .button {background: #0093ca; border-color: #005b7d; font-size: 23px;}


.centerized h2 {color: #814017; font-size: 33px;}

.indulasunk {padding-top: 70px; background: #faf1df;}

h2 + p {padding-top: 12px; font-size: 20px;}

.tegyunk {padding-top: 70px; background: #88dde5 url(/landing/felhok.png) left center no-repeat; padding-bottom: 80px;}
.tegyunk h2, .tegyunk p {color: #04526c;}
.tegyunk h2 {text-shadow: 0px 1px rgba(255,255,255,.9);}

.two-images {padding-top: 40px;}
.two-images .iamge { width: 370px; height: 290px; border-radius: 3px; border: 10px solid #FFF; float: left; background: #FFF none center center no-repeat; margin-left: 55px;background-size: contain;}

.three-images {padding-top: 40px;}
.three-images .iamge { width: 270px; height: 200px; border-radius: 3px; border: 10px solid #FFF; float: left; background: #FFF none center center no-repeat; margin-left: 21px;background-size: contain;}

.masodikb h2, .masodikb p {color: #FFF;}
.masodikb h2 {text-shadow: 0px 1px rgba(0,0,0,.6);}

#mainImage {float: left; margin-left: 100px; margin-top: 150px;}

.floflo {margin-left: 0px;}

.tamogatokHolder {display: table; margin: 0 auto; margin-bottom: 80px;}
.tamogatokHolder > div {display: table-row;}
.tamogatokHolder > div .td {display: table-cell; vertical-align: middle; text-align: center;}

p.smaller { font-size: 14px; font-weight: 600;}

.tipusokul + .smaller {margin-top: -12px; margin-bottom: 4px; font-weight: 600;}

.smaller + .tipusokul {padding-left: 16px;}

small {
	font-size: 0.8em;
}

li span {margin-left: -10px; margin-right: 10px;}

.cBlue {color: rgb(0,147,202); font-weight: bold;}
.cGreen {color: rgb(161,204,58); font-weight: bold;}
.cPurple {color: rgb(142,65,133);font-weight: bold;}

.cYellow {color: #f7941f;font-weight: bold;}


.blocker {height: 150px; float: left; width: 50%; position: relative; vertical-align: top;}
.blocker.bigg {height: 220px;}

.blocker .insis {padding: 35px 37px 25px 37px; vertical-align: top; top: 0px; left: 0px; }
ul li {font-weight: normal;}
.boxx {position: absolute; left: 0px; top: 10px; background: url(/landing/ell-green.png) left top no-repeat; width: 90px; height: 88px; }

.boxx + p {font-size: 22px; padding-bottom: 13px;}

.simpleText {font-size: 14px; line-height: 1.5;}


body > iframe {height: 1px; width: 1px; position: absolute; left: 0px; bottom: 0px;}




.standardPageContent {padding-top: 0px;}

table.presta td {border: 2px solid #164c4a; font-size: 16px; padding: 5px !important;}
table.presta {margin-top: 20px; margin-bottom: 20px;}
table.presta .nowrp {white-space: nowrap;}

table.anstable td {border: 2px solid #164c4a; font-size: 16px; padding: 5px !important;}
table.anstable {margin-top: 20px; margin-bottom: 20px;}
table.anstable .nowrp {white-space: nowrap;}

.questionBody .forras {font-size: 12px;}

.questionBody .maxFullWidth {width: 100%; margin-top: 10px; margin-bottom: 10px;}



.main-fordulo {background: #BA250D; box-shadow: 0px 0px 10px rgba(0,0,0,.2) inset; color: #FFF; padding-bottom: 40px; padding-top: 40px;}
.main-fordulo p.std {color: #FFF !important; font-size: 20px !important; margin-bottom: 0px;}  


.res-listholder {display: table;width: 100%;}
.res-header {display: table-row;}
.res-listitem {display: table-row;}
.res-listitem div {display: table-cell;}

.res-listitem .opener {cursor: pointer;text-align: center;}
.res-listitem div {cursor: pointer;}

.res-listitem .kulondij {color: #cd341b;}

.res-listholder .ri {text-align: right; color: #FFF; background: #0fad8e;}
.res-listholder .ptl .ri {background: #0c987d;}

.res-header div, .res-listitem div {padding: 5px 15px; border: 2px solid #FFF; background: #e8f8f5;}
.res-listitem.in-the-9 div.ri {background: #DDC194 !important;}
.res-header div:first-child, .res-listitem div:first-child {border-left: 0px;}
.res-header div:last-child, .res-listitem div:last-child {border-right: 0px;}
.res-header div {display: table-cell; background: #1ebd9e; color: #FFF; font-weight: bold;}
.res-header .rig {text-align: right;}

.res-listitem div {font-size: 14px; color: #006d6a; vertical-align: top;}
.res-listitem.ptl div {background: #bbebe2;}

.res-listitem .hidden {display: none;}

.res-listitem.opened .hidden {display: block;}

.res-listitem .fa-chevron-down {display: block;}
.res-listitem .fa-chevron-up {display: none;}

.res-listitem.opened .fa-chevron-down {display: none;}
.res-listitem.opened .fa-chevron-up {display: block;}

.res-listitem.sajat div {color: #584935 !important; background: #ede080 !important; padding-top: 10px; padding-bottom: 10px;}

#msgLayer {
	text-align: center;
	width: 500px;
	padding: 30px 0px;
	border-radius: 4px 4px 4px 4px;
	position: fixed; z-index: 1012;
	background: #313131;
	-webkit-box-shadow:  0 0 50px 10px rgba(0, 0, 0, 0.15), 0 0 40px 0px rgba(0, 0, 0, 0.15);
	box-shadow:  0 0 50px 10px rgba(0, 0, 0, 0.15), 0 0 40px 0px rgba(0, 0, 0, 0.15);
	height: auto;
	display: none;
	top: 0px;
	left: 0px;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	z-index: 10000;
}
#msgLayer .txt {padding: 20px 30px 20px 30px;}
#msgLayer .lead {font-size: 15px; padding-top: 10px;}
#msgLayer .close {position: absolute; right: -19px; top: -19px; cursor: pointer; height: 37px; width: 37px; font-size: 27px; color: #cd341b;}
#msgLayer .msgGoButton {margin: 0 auto; padding:10px 15px 10px 15px; font-weight: 700; color: #FFF; background: #814017; border-radius: 4px; font-family: "Montserrat"; font-size: 18px; transition: all .2s; display: inline-block; cursor: pointer; text-decoration: none; margin-top: 25px; }
#msgLayer .msgGoButton:hover {background: #df7211;}
#msgLayer .msgGoButtonHolder {text-align: center; margin-bottom: -10px; padding-top: 25px;}
#msgLayerFader {position: fixed; top: 0px; left: 0px; background: #fff; z-index: 1011; opacity: .8; display: none;}

#msgLayer .normal {font-size: 15px; line-height: 1.5;}
#msgLayer .normal a {color: #567817;}





.prizes .three-columns .nyeremeny-box span {
	padding-bottom: 15px;
	padding-top: 10px;
	font-size: 40px;
	display: block;
	font-family: Tahoma;
	color: #164c4a;
}

.prizes .three-columns .nyeremeny-box .omney {
	white-space: nowrap;
}

.prizes .three-columns .nyeremeny-box .text {
	text-align: center;
}



ul.gyakorloKvizek li {margin-top: 10px; padding-left: 20px; margin-right: 10px; background: url(/i/white-dot.png) 6px 5px no-repeat; font-size: 13px; color: #FFF;}
ul.gyakorloKvizek {margin-bottom: 20px;}
ul.gyakorloKvizek + p.std {margin-bottom: 0px !important;}

.preQuizHolder {text-align: center; padding-top: 10px; padding-bottom: 60px;}

.preQuizHolder a.quizButton {display: block; margin: 0 auto; max-width: 420px; margin-top: 18px;}
/*.preQuizHolder a.quizButton:last-child {margin-right: 0px;}*/



.oktatoCenter {background: rgba(0,0,0,.15); padding-top: 35px; padding-bottom: 10px; margin-bottom: 50px;}
.quizOktatas {color: #FFF; height: 100px; overflow: hidden;}
.quizOktatas p {color: #FFF; margin-bottom: 10px; font-size: 15px; line-height: 2;}
.quizOktatas a {color: #FFF;}

.oktatoX {text-align: center; padding-top: 20px;}
.oktatoX .shower {text-align: left;}

#oktatoShow {
	margin-top: 20px;
	margin-bottom: 20px;
	color: #000;
	background: #FFF;
	position: relative;
}

#oktatoShowHelper {
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #000;
	background: #FFF;
	position: relative;
}

.cancelStart {padding-top: 30px; text-align: center;}
.cancelStart a {color: #FFF; text-decoration: none;}
.cancelStart a:hover {text-decoration: none;}
.cancelStart span {margin-right: 8px; vertical-align: middle;}



.followingQuestions {color: #444; padding-top: 40px; font-size: 14px;}
.followingQuestions b {display: block; margin-bottom: 3px;}



.iseparator {
	display:  block;
	height:  1em;
}


.tobbvalasz {margin-top: -12px; padding-bottom: 24px; color: #164c4a; font-weight: 600; font-size: 18px;}

.tobbvalasz-new {
	padding-bottom: 24px;
  color: #555;
  font-weight: 400;
  font-size: 18px;
}

.questionBody {background: #FFF; padding-top: 30px; padding-bottom: 30px;}
.questionBody h2 {color: #222; font-size: 20px; font-size: 24px; display: inline-block; vertical-align: middle; max-width: 85%;}
.questionBody h2.pretexter {margin-bottom: 1rem;
}
.questionResult .prequestionHolder h2.pretexter {
padding-left: 20.5px;
border-left: .5rem solid #eee;
margin-bottom: 2rem;
}
.questionResult .questionBody {
	padding-bottom: 2.5rem;
}

.pretexter-new small {
	font-size: .8em;
	display: block;
	margin-top: 1rem;
	opacity: .8;
}

.questionBody .inpHold {display: inline-block; vertical-align: top; width: 25px; text-align: left;}

.questionBody h2.lastmode {font-size: 15px; padding-bottom: 20px;}

.questionBody .inpHold.forText {width: auto;}
.questionBody .inpHold.forText input {border: 1px solid #164c4a; font-size: 25px; width: 170px; padding: 10px; color: #164c4a; text-align: right; font-family: Montserrat;}
.questionBody .inpHold.forText input.non-number {text-align: left;}

.questionBody.resultQuestion .inpHold {width: 60px;}
.questionBody.resultQuestion .inpHold.forText {width: auto;}

.questionBody.resultQuestion h2.pretexter {
	margin-top: 10px !important;
}

.questionBody.resultQuestion h2:not(.pretexter):not(.pretexter-new) {
	margin-bottom: 1rem;
}



.questionBody h2.pretexter-new {
	margin-bottom: 1rem;
	border-bottom:  1px solid #eee;
	padding-bottom: 1em;
	font-weight: 500;
	font-size: 20px;
	line-height: 1.5;
	max-width:  100%;
}

.questionBody h2.pretexter-new em {
	font-weight: 700;
}

.questionBody.resultQuestion .inpHold .fa-stack {width: 37px; text-align: center;}
.questionBody.resultQuestion .inpHold.forText .fa-stack {vertical-align: sub;}
.questionBody.resultQuestion .inpHold .fa-stack.x- {visibility: hidden;}
.questionBody.resultQuestion .inpHold .fa-stack.x-times {color: #cd341b;}
.questionBody.resultQuestion .inpHold .fa-stack.x-check {color: #00a153;}

.questionBody .resText {display: inline-block; vertical-align: top; max-width: 75%;}
.questionBody .answer {padding-bottom: 10px;}

.questionBody .qHead {padding-bottom: .618em;}

.qHead .pointResults {margin-left: 0px; display: block; font-weight: normal; color: #555;}

.questionBody .qHead + .answerHolders {
	margin-top: 1em;
}

.pointResults.pointResults-newposition {
	margin-left: 57.6px; 
	display: block; 
	font-weight: normal; 
	color: #555;
	padding-bottom: 20px;
	margin-top: -15px;
	font-weight: 600;
	font-size: 25px;
	letter-spacing: -0.0125em;
		
	color: #00a153;
}

.pointResults.pointResults-newposition.null-point {
	color: #164c4a;	
}

.pointResults.pointResults-newposition .from-points {
	opacity: .33;
	color: #164c4a;
	font-weight: 400;
	margin-left: .125em;
}

.pointResults.pointResults-newposition b {
	font-weight: 600;
}


.questionBody .quizAnswer.correct .resText {color: #00a153; font-weight: bold;}
.questionBody .quizAnswer .resText span {opacity: .35;}

.questionBody .inpOnlyNumber {font-size: 12px; color: #888; font-style: italic; padding-top: 10px;}

.resultTextShown {padding: 20px; margin-left: 58px; color: #164c4a; font-weight: bold; margin-top: 20px; border: 2px solid #164c4a; background: #f8f8f8;}
.resultTextShown span {color: #00a153; font-weight: 600;}

.resultShown {background: #FFF;}

.resultShown .holderHeight {height: 0; overflow: hidden;}

#resultShowButton {
	margin-top: 30px;
	margin-bottom: 40px;
	position: relative;
}

.quizContent .preresult {margin-top: -10px; background: #088f78; padding-bottom: 35px; padding-top: 25px; color: #FFF; line-height: 2;}
.quizContent.is-finished .preresult {padding-top: 0;}
.zok-subpage .quizContent .preresult {background: transparent; color: inherit !important;}
.preresult .dataLine {padding-bottom: 0px; font-weight: normal; font-size: 25px;}
.preresult .dataLine  + .centerized {padding-top: 20px;}
.preresult .dataLine b {color: #78b943; white-space: nowrap;}

.resultQuestion .inpHold .fa-stack {font-size: 12px;}

.quizContent .prefa {display: inline-block; margin-right: 15px; vertical-align: top;}
.quizContent:not(.is-finished):not(.is-starting) .centerized h3:not(.indulas) {
	max-width: 42rem;
	margin: 0 auto;
	color: #082927;
	font-family: Montserrat;
	font-weight: 600;
	font-size: 2.2rem;
	line-height: 1.414;
	letter-spacing: -0.0125em;
	padding-bottom: 1em;
	padding-top: .414em;
}
.quizContent .centerized h3.inprogress {
	display: none;
}
.quizPage {
	background: white;
}
.quizPage .quizContent:not(.is-finished) {
	background: white;
	padding-top: 7.618rem;
}

.quizPage .quizContent.is-in-progress {
	padding-top: 5.41rem;
}


.quizContent.is-finished {
	/*background: url(../i20/tiles-bw.png), linear-gradient(140deg,#0e948e 25%, #cd894d);*/
	background: transparent;
	/*padding-top: 150px;*/
}
.quizContent.is-finished h3 {
	/*color: white;*/
}

.quizContent.is-finished .preresult {
	background: transparent;
}

.quizPage .quizContent .also-text {
	color: rgba(0,0,0,.8);
	max-width: 42rem;
	margin-left: auto;
	line-height: 1.618;
	margin-right: auto;
}
.resultQuestion.correct .prefa {color: #00a153;}
.resultQuestion.incorrect .prefa {color: #cd341b;}

.answerHolders {padding-left: 20px;}
.resultQuestion .answerHolders {padding-left: 60px;}



.also-text {
	padding: 40px 0px 0px 0px;
	font-size: .67em;
	text-align: justify;
	color: rgba(255,255,255,.7);
	margin-bottom: -20px;
}



.questionResult {padding-top: 60px;}
.questionResult .questionBody {padding-top: 0px;}

.questionResult + .questionResult {padding-top: 10px;}

.questionResult + .questionResult {
	padding-top: 2.5rem;
	border-top: 2px solid #eee;
}

.questionResult + .questionResult.hide-pretext-section {
	border-top: 0;
	padding-top: .5rem;
}

.questionResult:last-child .questionBody {padding-bottom: 60px;}

.questionResult .tobbvalasz {
	padding-left: 57.6px;
}

.upperLine {
	margin-top: -10px;
	padding-top: 10px;
	padding-bottom: 10px;

background: #0b9477;
background: -moz-linear-gradient(left,  #0b9477 0%, #02807b 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0b9477), color-stop(100%,#02807b));
background: -webkit-linear-gradient(left,  #0b9477 0%,#02807b 100%);
background: -o-linear-gradient(left,  #0b9477 0%,#02807b 100%);
background: -ms-linear-gradient(left,  #0b9477 0%,#02807b 100%);
background: linear-gradient(to right,  #0b9477 0%,#02807b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b9477', endColorstr='#02807b',GradientType=1 );
}

.finishBefore {float: right; font-size: 12px; line-height: 26px; color: #FFF; white-space: nowrap;}
.finishBefore i {margin-right: 5px; margin-left: 10px;}
.finishBefore span {vertical-align: middle; font-weight: bold; font-size: 26px; line-height: 26px; color: #c4e32c; padding-right: 10px;}
.finishBefore .fa {transform: scale(.75);}
.currentlyAt {float: left; padding-right: 20px; font-size: 26px; line-height: 26px; font-weight: bold; color: #FFF;}
.currentlyAt span {display: inline-block;}
.currentlyAt .pointValue {margin-left: 30px; font-size: 12px; line-height: 26px; font-weight: normal; vertical-align: middle; display: inline-block; position: absolute;
	font-weight: 100;
	letter-spacing: 0.0125em;
	opacity: .6;
	color: white;
}
.currentlyAt .pointValue b {font-weight: bold; font-size: 26px; line-height: 26px; display: inline-block; vertical-align: middle; margin-left: 6px; color: #fff; font-weight: 100;}

.currentlyAt {color: #c4e32c;
font-weight: 900;}
.currentlyAt .osszesen {
	color: white;
	font-weight: 300;
	opacity: .7;
	margin-left: .125rem;
}

.thankYou.standalone {color: #000; text-align: center; font-size: var(--fontsize-text); padding-top: 20px; padding-bottom: 20px;}




.donto-tabulator-content {
	padding: 2rem;
	border-radius: 4px;
	background: white;
	margin-bottom: 4rem;
	text-align: left;
}

.donto-tabulator-content .inner-container {
	max-width: 660px;
	margin-left: auto;
	margin-right: auto;
	display: table;
}

.result-row {
	display: table-row;
}

.result-row > div {
	border: 2px solid white;
	display: table-cell;
	background: #eee;
	border-radius: 2px;
	padding: 8px;
	color: #444;
}

.result-row > div span {
	opacity: .5;
}

.result-row > div span.dontokep {
	opacity: 1;
	padding: 0;
}

.result-row.fejlec > div {
	background: white;
	color: #444;
}


.result-row.bejutott > div {
	background-color: #77b943;
	color: white;
}



.toplist-holder, .toplist-holder-second {overflow: auto;}
/*.toplist-holder .tabulator {float: left; vertical-align: middle; min-height: 50px; min-width: 5%; padding: 20px 20px; text-align: center; text-transform: uppercase; font-size: 15px; border-radius: 5px 5px 0px 0px; background: #006d6a; margin-right: 8px; cursor: pointer; color: #FFF; font-weight: bold;}*/

.toplist-holder .tabulator {float: none; display: inline-block; vertical-align: middle; min-height: 50px; min-width: 5%; padding: 20px 20px; text-align: center; text-transform: uppercase; font-size: 15px; border-radius: 5px 5px 0px 0px; background: #006d6a; margin-right: 8px; cursor: pointer; color: #FFF; font-weight: bold;}
.toplist-holder-second .tabulator {float: none; display: inline-block; vertical-align: middle; min-width: 5%; padding: 20px 20px; text-align: center; text-transform: uppercase; font-size: 15px; border-radius: 5px 5px 0px 0px; background: #006d6a; margin-right: 8px; cursor: pointer; color: #FFF; font-weight: bold; border-radius: 5px;}

.donto-tabulator-content {
	display: none;
}

.donto-tabulator-content.visible {
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
}

.toplist-holder-second {
	margin-bottom: 2.5rem;
}

@media all and (min-width: 701px) {
	.toplist-holder .tabulator.elozoev {margin-left: 15px; }
	.toplist-holder .tabulator.elozoev:not(.active) {background: transparent; box-shadow: 0px 0px 4px 0px rgba(0,0,0,.20) inset;}

	.toplist-holder-second .tabulator.elozoev {margin-left: 15px; }
	.toplist-holder-second .tabulator.elozoev:not(.active) {background: transparent; box-shadow: 0px 0px 4px 0px rgba(0,0,0,.20) inset;}

}
.toplist-holder .tabulator span {font-weight: normal; display: block;}
.toplist-holder .tabulator.active {background: #FFF; color: #006d6a;}
.toplist-holder .tabulator.disabled {opacity: .7; cursor: default; color: #eee;}

.toplist-holder-second .tabulator span {font-weight: normal; display: block;} 
.toplist-holder-second .tabulator.active {background: #FFF; color: #006d6a;}
.toplist-holder-second .tabulator.disabled {opacity: .7; cursor: default; color: #eee;}
    
#toplist-loading {font-size: 14px; color: #777;}

.main-toplist-bottom .nores {font-size: 14px; color: #777;}


.menuIcon {display: none;}

.menuIcon .far-bars {
	transform: translateY(4px);
}



/*.extraNavigation {display: none !important;}*/



.main-video {background: #eee;}


.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}





@media all and (max-width: 900px) {
	/*.main-logo {margin-left: 50px;}*/

	#topMsgMarketing font {display: block; padding: 10px;}

	#social-shareHolder {position: relative; left: inherit; bottom: inherit; top: inherit; padding: 0px; margin: 0px; padding-bottom: 10px;}
	#social-shareHolder a {margin-right: 0px;}
	#social-shareHolder #social-share > .fa {display: inline-block !important; margin-left: 10px; margin-right: 10px;}

	.main-szervezo .three-columns {
		display: flex;
		flex-direction: column;
	}

	.main-szervezo .three-columns .column {
		padding-top: 1rem;
		padding-bottom: 1rem;
		width: 100% !important;
	}

	.main-szervezo .three-columns a {
		text-align: center;
	}

	.main-szervezo .column img {
		max-width: 100% !important;
		width: auto !important;
		margin-left: auto;
		margin-right: auto;
	}

}



h1 img.zz {display: none;}
@media all and (max-width: 960px) {

	.fordulo-holder {
		display: block !important;
	}

	.fordulo-holder .fordulo {
		min-width: 230px;
		display: block !important;
	}

	.pre-main-block {
		border-top-width: 3.6rem;
	}

	.hasTopMarketing .stdBlock.main-block {padding-top: 180px;}

	.extraNavigation {display: block !important;}

	.logo {display: none;}

	.stdBlock.hasTopPadding {padding-top: 100px;}

	.menuIcon {display: inline-block; font-size: 40px; color: #145351; padding-left: 0px;}
	.menuIcon span {position: absolute; top: -2px; right: 16px; color: #198C8C; font-size: 15px; font-weight: 700; line-height: 55px; cursor: default;}
	.menuActive .menuIcon .far-bars {color: #198C8C;}

	.rightPart {position: relative; bottom: auto !important; top: auto !important; text-align: left; padding-bottom: 20px; display: none;}
	.rightPart a {display: block; float: left; clear: both; margin-top: 20px; margin-bottom: 0px;}

	.menuActive .rightPart {display: block;}

	body:not(.menuActive) .navigation-block {
		display: none;
	}

	.menu .button {margin: 20px 0 20px 15px;}

	.main-block {padding-bottom: 30px;}
	
	.mainBlock {min-width: 320px;}
	.centerized {padding-left: 15px; padding-right: 15px;}

	.main-block {background: #145351;}
	/*.main-logo {max-width: 1000px !important;} */
	
	/*h1 img { display: none;}
	h1 img.zz {width: 36%; margin-left: 20px; display: block; float: none; margin: 0 auto; margin-top: 20px;}
	h1 {height: auto; font-size: 20px; line-height: 1.5; font-size: 5vw; text-align: center;}
	.centerized {}
	.blocker {float: none; width: auto; height: auto !important;}
	.blocker .insis {padding-bottom: 5px;}
	.bottomtop {padding-top: 20px;}
	.blocker.bigg {height: auto;}
	.tipusokul:last-child {padding-bottom: 0px;}

	.aluholder .stage {float: none; margin: 0 auto; text-align: center; width: auto; padding-bottom:40px;}

	.aluholder .stage .imgr {width: 280px; margin: 0 auto; height: 154px;} 

	.stage span {left: 40%;}

	.sarga h2 {padding-top: 30px;}

	.stage .txter {text-align: center;}

	.centerized h2 {font-size: 26px;}

	.textotop {font-size: 17px;}

	.sarga {padding-bottom: 20px;}

	.three-images {text-align: center;}
	.three-images .iamge {float: none;margin: 0 auto; margin-bottom: 30px; width: 70%; height: 260px; display: inline-block;}

	.masodikb {padding-bottom: 30px; padding-top: 30px;}
	.thirdb {padding-bottom: 30px; padding-top: 30px;}
	.tegyunk {padding-bottom: 30px; padding-top: 30px;}
	.indulasunk {padding-bottom: 30px; padding-top: 30px;}

	#tamogatok .heading {padding-top:20px;}

	.tamogatokHolder > div .td {display: block; text-align: center;}
	.tamogatokHolder > div .td img {margin: 0 auto; margin-top: 20px;}

	.tamogatokHolder {margin-bottom: 30px;}

	.footer .left {clear: both;}

	.postTamogat {padding-top: 0; padding-bottom: 20px; padding-left: 10px; padding-right: 10px;}
	.postTamogat .button {font-size: 12px;}

	.menu.on {top: -57px;}

	.menu .small {margin-top: -73px;}
	.menu .rightPart {
	    top: 38px;
	}	

	.menu .button {padding: 5px 10px;}

	.bottomtop p {padding-left: 20px; padding-right: 20px;}*/

	.main-szervezo .column img {width: 70%;}

	.fb-block a.fa {font-size: 50px;  }
	.fb-block a.fa .fa-facebook {font-size: 33px; line-height: 50px;}

	.nyeremeny-box {margin-left: 5px; margin-right: 5px;}

	.nyeremeny-box .text {min-height: 180px;}

	.secondary-box .textbody {clear: both; margin-top: 20px;}

}

.onlymobile {display: none !important;}

@media all and (max-width: 760px) {
	.toplist-holder .tabulator {border-radius: 2px; display: block; float: none; display: block; font-size: 14px; padding: 8px; margin-bottom: 5px; min-height: inherit; margin-right: 0;}
	.toplist-holder .tabulator span {display: inline-block; margin-left: 10px;}
	.toplist-holder {padding-bottom: 20px;}
}

@media all and (max-width: 760px) {
	.toplist-holder-second .tabulator {border-radius: 2px; display: block; float: none; display: block; font-size: 14px; padding: 8px; margin-bottom: 5px; min-height: inherit; margin-right: 0;}
	.toplist-holder-second .tabulator span {display: inline-block; margin-left: 10px;}
	.toplist-holder-second {padding-bottom: 20px;}
}

@media all and (max-width: 640px) {

	.nyeremeny-box {margin-left: 5px; margin-right: 5px;}
	.main-versenymenete .three-columns .column {float: left; width: 100%; clear: both;}
	.fordulo-idopont {margin: 0 auto; display: inline-block;}
	.main-dijazas .three-columns .column {float: left; width: 100%; clear: both; margin-bottom: 15px;}
	.nyeremeny-box .text {min-height: auto; font-size: 15px;}

	.main-logo img {width: 80%;}

	.cright a {display: block;}
	.main-logo {margin-left: 0;}

	#msgLayer .txt {width: 300px; margin: 0 auto;}

	.finishBefore {float: none; text-align: center; padding-top: 12px; }
	.finishBefore span {vertical-align: middle; font-weight: 600; font-size: 26px; line-height: 26px; color: #c4e32c;}
	.currentlyAt {float: none; padding-right: 0px; text-align: center;}
	.currentlyAt .pointValue {float: none; position: relative; display: block; padding-right: 0px; text-align: center; margin-left: 0px;}

	.res-listitem div {padding: 5px; font-size: 12px;}   
	.res-header div {font-size: 12px;}
	.res-listitem .fa-chevron-down {display: none;}
	.res-listitem .fa-chevron-up {display: none;}

	.res-listholder .onlymobile {display: table-cell !important;}
	.res-listholder .hidemobile {display: none;}

	.res-listholder .onlymobile .x-name {display: block;}
	.res-listholder .onlymobile .x-name + .hidden { margin-bottom: 10px;}

	.res-listholder .onlymobile .x-iskola {display: block; margin-bottom: 10px;}

	.res-listholder .ri, .res-listholder .rig {padding-left: 10px !important; padding-right: 10px !important;}

	.hidemobile + .onlymobile {border-right: 0;}

	.res-header .rig + .onlymobile {border-right: 0;}

	.flex-box-main {
		flex-direction: column !important;
	}

	.flex-box-main .buttonHolder:nth-child(2) {
		margin-top: 1rem !important;
	}


	#footer-links .first a  {
		margin-right: 0;
	}	

}
	

@media all and (max-width: 640px) {
	.three-columns.fix640 .column {float: left; width: 100%; clear: both; margin-bottom: 15px;}
	.main-prizes .two-columns .std {
		padding-top: 0;
		padding-left: 0;
		padding-bottom: 20px;
	}	
	.stdBlock.main-secondary .centerized h1 {
		font-size: 37px !important;
		line-height: 1.5;
	}

}

@media all and (max-width: 480px) {

	.stdBlock.main-secondary .centerized h1 {
		font-size: 24px !important;
	}
	.stdBlock.main-secondary .centerized h1 {
		/*display: inline-block;*/
	}	

table.presta td {border: 2px solid #164c4a; font-size: 12px; padding: 5px !important;}
table.anstable td {border: 2px solid #164c4a; font-size: 12px; padding: 5px !important;}
.resultTextShown {margin-left: 0px;}

	.answerHolders {padding-left: 0px;}
	.resultQuestion .answerHolders {padding-left: 0px;}

	.questionBody h2 {max-width: 80%;}

	#msgLayer {min-height: 100%;}

	.preQuizHolder .button{ display: block !important; margin-left: 0px; margin-right: 0px !important;}

	.fakeElementHolder select {font-size: 14px;
	}
	.stdinputelement.chkbox label {width: auto;}
	.main-szervezo .column img {width: auto;}
	.three-columns .column {float: left; width: 100%; clear: both; margin-bottom: 15px;}

	#element-elfogadom label {width: 200px;}
	#toTopArrow {right: 20px; bottom: 20px; color: #fff; font-size: 45px; cursor: pointer;}

	.two-columns .column {float: left; clear: both; width: 100%; }
	.two-columns .textbody {min-height: auto;}

	.secondary-box .icon {padding-top: 40px;}

	.main-secondary:not(.main-video) {padding-top: 10px !important;}

	.questionBody h2 {font-size: 20px;}


	.qHead .pointResults {font-size: 19px;}

	.pointResults.pointResults-newposition {font-size: 18px;}

	/*.menu img {transition: none;}
	#footer-links a {display: block; font-size: 17px; margin-bottom: 10px; font-weight: bold;}
	li span {margin-right: 2px;}
	h1 {font-size: 25px;}
	.button.huge {font-size: 16px;}	
	.boxx + p {font-size: 17px;}
	.tipusokul {line-height: 1.4;}
	.tipusokul li + li {margin-top: 0;}

	.mainBlock {padding-top: 110px;}

	.footer .right {float: none;}
	.footer .left {float: none;}

	.fb-block {float: none; display: inline-block; clear: both; margin: 0 auto; margin-top: 20px;}

	.postTamogat {padding-top: 20px;}

	.logo .small {width: 109px; margin-top: -66px;}

	.menu.on .centerized {text-align: left;}

	.menu .centerized {text-align: center;}
	.menu .logo {margin: 0 auto;}
	.menu {padding-bottom: 0px;}
	.bottomtop .button.huge {margin-top: 30px;}
	.button.huge {display: block; margin-left: 40px; margin-right: 40px; margin-top: 0px;}

	.menu .rightPart a {display: none;}
	.menu .rightPart {top: 28px;}
	.menu.on .rightPart .button {display: block;}

	#copy {text-align: center;}
	#copy img {display: block; margin: 0 auto; margin-bottom: 15px;}

	*/
}





.stdinputelement.live-search .input-hold {
	position: relative;
}

.stdinputelement.live-search .fa-search {
	position: absolute;
	right: 1em;
	top: 1em;
	color: #333;
}

.stdinputelement.live-search .comment {
	position: absolute;
	right: 12px;
	top: 22px;
}

.stdinputelement.live-search {
	position: relative;
}

.stdinputelement.live-search smaller {
	padding-right: 32px;
}

.stdinputelement.live-search input.live-search {
	box-sizing: border-box;
	padding-right: 3em;
	width: 100%;
}

.stdinputelement.live-search .live-selected .fa-times {
	float: right;
	cursor: pointer;
}
.stdinputelement.live-search .live-selected .fa-times:hover {
	color: rgb(205, 52, 27);
}

.stdinputelement.live-search .live-selected .text {
	color: #000;
	font-size: 20px;
}

.stdinputelement.live-search .live-selected .subText {
	color: #333;
}

.stdinputelement.live-search .live-results .listitem:first-child {
	margin-top: .5em;
}

.stdinputelement.live-search .listitem, .stdinputelement.live-search .live-selected {
	padding: 9px;
	font-weight: bold;
	letter-spacing: -0.025em;
	color: var(--inputwhite);
	font-size: 16px;
	cursor: pointer;
	border-radius: 2px;
	border: 2px solid transparent;
	margin-bottom: 4px;
}
.stdinputelement.live-search .listitem:hover {
	border: 2px solid var(--inputborder);
	border-radius: 4px;
}
.stdinputelement.live-search .listitem .subText, .stdinputelement.live-search .live-selected  .subText {
	font-weight: 400;
	font-size: 12px; margin-top: 2px;
	letter-spacing: 0;
}

.stdinputelement.live-search .live-selected {
	cursor: default;
	margin-top: .5em;
}

.stdinputelement.live-search .live-search-message {
	text-align: center;
	font-size: 12px;
	margin-top: 1em;
	color: var(--inputwhite);
	padding-bottom: 1em;
}

















.registration-smaller-x {
	display: block;
	padding-left: 12px;
	color: var(--inputwhite);
	opacity: .85;
	padding-right: 10px;
	font-size: 12px;
	padding-bottom: 10px;
}

.registration-smaller-x-katt {
	text-decoration: underline;
	cursor: pointer;
}


.registration-smaller-x-katt-as-visible {
	border: 2px solid white;
	border-radius: 8px;
	margin: 0 auto;
	margin-bottom: 1rem;	
}

.registration-smaller-x-katt-as-visible.as-visible-minta {
	display: block !important;
}

.add-space-top {
	margin-top: .618rem;
}

.add-space-bottom {
	margin-bottom: .618rem;
}

.stdinputelement .pontvelemres {
	display: block;
	padding-left: 12px;
	color: var(--inputwhite);
	opacity: .85;
	padding-right: 10px;
	font-size: 12px;
	padding-bottom: 0;
	padding-top: 8px;
}

.stdinputelement .pontvelemres.check {
	color: #a1ff62;
	font-weight: 600;
}

.stdinputelement .pontvelemres.ban {
	color: #ead779;
}

.stdinputelement .pontvelemres span {
	margin-right: 6px;
	/*vertical-align: middle;*/
	display: inline-block;
}

.stdinputelement .pontvelemres.empty {
	display: none;
}

.stdinputelement .pontvelemres a {
	color: var(--inputwhite);	
}











.main-message {

}




.fordulo-holder {
	width: 100%;
	max-width: calc(100vw - 4rem);
	margin: 0 auto;
	display: flex;
	padding-bottom: 4rem;
	padding-top: 0rem;
	justify-content: center;
}

.fordulo-holder.first-line {
	padding-bottom: 0;
	flex-wrap: wrap;
}

.fordulo-holder.first-line > .fordulo {
	max-width: 240px;
}

.fordulo-holder .fordulo {
	margin: 1rem;
	border-radius: 12px;
	background: #fff;
	padding: 2rem 1.5rem;
	display: inline-block;
	color: var(--colorzokgreen);
	border: 4px solid var(--colorzokgreen) !important;
	text-shadow: none !important;     
	box-shadow: 0px 0px 30px 0px rgba(0,0,0,.05);
	text-align: center;
	flex-basis: 33%;

	&:nth-child(4), &:nth-child(5) {
		border-color: var(--colorzokblue) !important;
	}
}

.fordulo-holder .fordulo.passive {
	opacity: .9;
	border: 2px solid var(--colorzokgreen);
}

.fordulo-holder .fordulo h3 {
	text-align: center;
	display: block;
	margin-bottom: 1rem;
	font-size: var(--fontsize-heading-smaller) !important;
	color: var(--inputwhite) !important;
	font-weight: 800;
	line-height: 1.5em;
	padding-bottom: 0;
}

.fordulo-holder .fordulo h3 {
	color: #3ba464;
}

.fordulo-holder .fordulo h3 span {
	font-size: 1rem;
	display: block;
	line-height: 1.4;
	padding-top: 1rem;	
	padding-bottom: 1rem;
	text-transform: uppercase;
	letter-spacing: -0.025em;
	font-weight: 600;
}

.fordulo-holder .fordulo p {
	font-size: 14px;
	font-weight: 600;
	text-align: center !important;
	text-shadow: none !important;
	color: #888;
	letter-spacing: -0.025em;
	line-height: 1.414;
}

.fordulo-holder .fordulo span {
	text-shadow: none !important;
}



.fordulo-section-wrapper {
	background: transparent;
	padding-bottom: 7rem !important;
}

.fordulo-section-wrapper.with-user {
	padding-top: 7rem;
}

.fordulo-section-wrapper .tiny-separator-element {
	background: transparent;
	padding-bottom: 2.2rem;
}

.fordulo-section-wrapper h3 {
	font-size: 24px;
	text-transform: uppercase;
	color: white;
	text-shadow: none !important;
	font-family: Montserrat, sans-serif;
	padding-bottom: 1.5rem;
}














:root {
	--distance-0: .25rem;
	--distance-1: 1rem;
	--distance-2: 2rem;
	--distance-3: 3rem;
	--distance-4: 4rem;
	--distance-5: 5rem;

	--color-yellow-darker: #f1d676;
	--color-grey: #848E7E;
	--color-blue: #00a4e0;

	--distance-2-resp: 2rem;
}

@media all and (max-width: 960px) {
	:root {
		--distance-2-resp: 1rem;
	}
}


.tiny-separator-element {
	background: white;
	text-align: center;
	padding-top: var(--distance-0);
	padding-bottom: var(--distance-0);	
}

.tiny-separator-element__line {
	height: 4px;
	width: 2rem;
	border-radius: 4px;
	margin: 0 auto;
	background: var(--color-yellow-darker);
}

.zok-subpage.isFinished .tiny-separator-element__line {
	background: var(--color-zf-green);
}

.fooldal-welcome-text {
	background: white;
	padding-bottom: 2.4rem;
}

.fooldal-welcome-text h1, .fooldal-welcome-text h2 {
	display: block;
	line-height: 1.2;
	font-weight: bold;
	color: #425f5e;
	letter-spacing: -0.0125em;
	padding-top: calc(var(--distance-2) * .75);
	padding-bottom: calc(var(--distance-2) * .75);
	height: auto;
	padding-left: 1rem;
	padding-right: 1rem;
	font-family: Montserrat, sans-serif;
	font-size: 2.2rem;
}

.fooldal-welcome-text h2 {
	font-size: 1.5rem;
	padding-top: var(--distance-2);
	padding-bottom: var(--distance-3);
}

.fooldal-welcome-text + .main-block {
	padding-top: var(--distance-5);
}


.fooldal-welcome-text p {
	margin: 0 auto;
	padding-left: 1rem;
	padding-right: 1rem;
	font-size: 1rem;
	letter-spacing: 0.0125em;
	line-height: 1.6em;
	color: #425f5e;
	max-width: 40rem;
	padding-bottom: var(--distance-4);
}













.palyazat-main-h3 {
	font-size: 48px !important;
}

@media all and (max-width: 640px) {
	.palyazat-main-h3 {
		font-size: 32px !important;
	}
}










.atiranyitas-centered {
	text-shadow: none !important;  
	background: linear-gradient(90deg,#00c4cc 0%,#1baeaa);
	color: white;
	font-size: 16px;
	text-align: center;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,.2);

}

.atiranyitas-centered:hover {
	background: linear-gradient(90deg,#00c4cc 0%,#1baeaa);
}













#holder, .topBg {
	min-height: 100vh;
}

#holder {
	min-width: 330px;
}

.topBg {
	display: grid;
	grid-template-rows: 1fr max-content;
	grid-template-areas: "content" "footer";
}

.standardPageContent, .standardPageContent .stdBlock:first-child:last-child {
	box-sizing: border-box;
	height: 100%;
}

.standardPageContent.quizPage.isFinished, .standardPageContent:not(.quizPage), .standardPageContent > .stdBlock:first-child:last-child {
	background: url(../i20/tiles-bw.png), radial-gradient(circle at 0% 22.64%, rgb(46, 164, 224), transparent 100%) repeat scroll 0% 0%, radial-gradient(circle at 98.02% 85.99%, #75BA43, transparent 100%) repeat scroll 0% 0%, rgba(0, 0, 0, 0) radial-gradient(circle at 50% 50%, rgb(0, 0, 0), rgb(0, 0, 0) 100%) repeat scroll 0% 0%;
}


.transparent-background {
	background: transparent;
}

@media all and (max-width: 700px) {




}





h1.zoldre-szinezd {
	color: #333; text-align: center; font-weight: 900; height: auto; margin-bottom: 1rem; 
	letter-spacing: -0.0114em;
	font-size: 2.3rem;
	line-height: 1.4;
	font-family: Montserrat, sans-serif;
	text-shadow: none !important;
	padding-top: var(--distance-2-resp);
}




span.together {
	white-space: nowrap;
	display: inline !important;
	margin: 0;
	padding: 0;
}




.szeretnel-feliratkozni {
	background: url(../i20/tiles-bw.png), linear-gradient(140deg,#77b943 25%,#0b9477) !important;
}

.szeretnel-feliratkozni p.std {
	font-size: 1.618rem;
	line-height: 1.5em;
	font-family: Montserrat, sans-serif;
	font-weight: 600;
	letter-spacing: 0;
}


.new-main-verseny {
	background: white !important;
	padding: 0 !important;
}

.new-main-verseny-wrapper {
	background: url(../i20/tiles-bw.png), linear-gradient(180deg,#ffffff 25%,#f1f1f1);
    padding-top: var( --distance-2);
    padding-bottom: var( --distance-5);
    background-blend-mode: lighten;
}

.new-main-verseny-wrapper p.std {
	color: var(--color-grey) !important;
	font-weight: 600 !important;
	max-width: 600px;
	text-align: left !important;
	padding: 0 !important;
	margin: 0 auto; 
	margin-bottom: var(--distance-1);
}

.main-szervezo {
	padding-top: var(--distance-4);
	padding-bottom: var(--distance-4);
}

.main-szervezo h3 {
	color: #000;
	font-size: var(--fontsize-heading-larger);
}

.main-szervezo p.std {
	font-size: var(--fontsize-text);
	font-weight: 500;
	text-align: left !important;
	max-width: 600px !important;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.618em !important;
	color: #000 !important;
}



.versenymenete-main {

}


.h3-secondary {
	font-size: 1.618rem !important;
}


	 #bigHalfCircle {
	 	position: absolute;
		fill: white;
		left: 0;
		right: 0;
		z-index: 3;
		transform: translate(0%, -99.5%);
		height: 4vw;
	 }








.video-wrapper {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;	
}

.video-inside {
	position: relative;
	overflow: hidden;
	padding-bottom: 6rem !important; 
	padding-top: 3rem !important;
}

.video-inside > .centerized {
	position: relative;
	z-index: 3;
}

.video-wrapper video {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
    object-fit: cover;
    display: block;
    max-height: 100%;
    min-width: 100%;
    min-height: 100%;
}

.video-wrapper .video-overlay {
	background: linear-gradient(100deg,#fff 25%,#eee);
	opacity: .8;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	z-index: 2;
}




.txt-normal-separator {
	padding: 12px;
    padding-bottom: 12px;
	font-family: Montserrat;
	font-size: 1.4rem;
	text-transform: uppercase;
	color: var(--inputwhite);
	margin-top: 1.78rem;
	padding-bottom: 0;
}





.radio-selectors {
	display: flex;
	gap: 8px;
	flex-direction: row;

}

@media (max-width: 380px) {
	.radio-selectors {
		gap: 0;
		flex-direction: column;
		& label + label {
			margin-top: 0;
		}
	}
}

	.radio-selectors label {
			border: 2px solid rgba(255,255,255,.05);
			margin-bottom: 8px;
			border-radius: 4px;
			font-size: 16px;
			font-weight:  600;
			background: transparent;
			color: var(--inputwhite);
			transition: all .2s;
			padding: 10px 10px 10px 16px;
			margin-top: 6px;
			cursor: pointer;
	}

	.radio-selectors label + label {

	}

	.radio-selectors label.on {
		/*border-color: #FFF;*/
		color: var(--inputwhite);
		background: rgba(255,255,255,.2);
		border: 2px solid var(--inputborder);
		/*font-weight: 600;*/
		/*border-color: #FFF;*/
	}

	.radio-selectors label:hover {
		background: var(--inputborder);
		border-color: var(--inputborder);
		color: white;
		opacity: .9;
	}

	.radio-selectors input {
		position: relative;
		display: inline-block;
		vertical-align: middle;
		top: 0;
		left: 0;
		margin: 0;
		margin-right: 12px;
	}

	.radio-selectors input + label {
		margin-left: 8px;
	}




.mode-body-b .stdinputelement:first-child {
	margin-top: -8px;
}











.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
  width: 100%;
 }

.embed-responsive .embed-responsive-item,
  .embed-responsive iframe,
  .embed-responsive embed,
  .embed-responsive object,
  .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }


.embed-responsive.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}


.embed-responsive.embed-responsive-4by3 {
  padding-bottom: 75%;
}











p.nem-azonnali {
	text-align: center !important;
	text-shadow: none !important;
	max-width: 19rem;
	font-size: 12px !important;
	color: #aaa;
	margin: 0 auto;
	margin-top: 1.6rem;
	margin-bottom: 0;
	padding-bottom: 0;
}


.finished-fordulo-wrapper {
	text-align: center;
	color: #3fdf3f;
	font-size: 34px;
	padding-top: 0;
	padding-bottom: 1.5rem;	
	margin-top: -1rem;
}

.before-fordulo {
	display: flex !important;
	flex-wrap: wrap;
	justify-content: space-between;
}

.before-fordulo .as-block {
	text-align: left;
	margin: 1rem;
	flex-basis: 100%;
	font-weight: 600;
	line-height: 1.618;
	padding-bottom: 2.9rem;
	padding-left: 2rem;
	padding-right: 2rem;
	margin-left: auto;
	margin-right: auto; 
	font-size: 14px;
}

@media all and (min-width: 761px) {
	.before-fordulo .as-block {
		flex-basis: 40%;
	}
}

.before-fordulo .as-block em {
	padding-bottom: .5rem;
	display: block;
}

.before-fordulo .fa {
  font-size: 64px;
  text-align: left !important;
  background: -webkit-linear-gradient(45deg, #02A4E2, #F2F2F2 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: .781rem !important;
}

.before-fordulo em {
	color: #75BA43;
	font-size: 16px;
	font-family: Montserrat, sans-serif !important;
}




.questionResult .questionBody .resultTextShown {
	background: url(../i20/tiles-bw.png), linear-gradient(140deg,#cbffe6 25%, #ceffd5);
	border: 0;
	box-shadow: 1px 3px 1px 0px rgba(0,0,0,.1);
	border-radius: 4px;
	color: #222;
	font-weight: 400;
}


.questionBody .which-question {
	display: inline-block;
	background: url(../i20/tiles-bw.png), linear-gradient(140deg,#eee 25%,#fff);
	height: 36px;
	text-align: center;
	line-height: 36px;
	font-weight: 900;
	font-size: 12px;
	width: 36px;
	border-radius: 40px;
	margin-left: 4px;
	margin-bottom: 18px;
}

.questionBody .which-question:after {
	content: ".";
	display: inline;
}






.prelogo-span-2020 {
	font-size: 13px; text-align: center; width: 300px; max-width: 100%;
	margin-bottom: 1rem;
	margin-top: 1rem;
	position: relative;
	display: block;
	font-weight: 300;
}

.prelogo-span-image-2020 {
	max-width: 100%; display: block; margin-left: auto; margin-right: auto;
}






.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}

.embed-responsive {
	position: relative;
	display: block;
	height: 0;
	padding: 0;
	overflow: hidden;
}

.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0;
}



.csapattagok-kodja {
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    box-shadow: 0 0 2rem 0px rgba(0,0,0,.2);
    padding: 1rem;
    border-radius: 4px;
    margin-bottom: 2rem;
    background: linear-gradient(140deg,#ebffdc 25%,#a6c5ff) !important;
    color: #777;
    margin-left: auto;
    margin-right: auto;
	text-shadow: none;
	text-align: center;        
}

.csapattagok-kodja strong {
	font-weight: 900;
    letter-spacing: 0.05em;
    display: block;
    text-align: center;
    margin-top: 4px;
    margin-bottom: 0;
    font-size: 28px;
    color: #ff005d;
    padding-left: 1rem;
    padding-right: 1rem;
}


.upperLine.specialiskodhoz {
	color: white;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.025em;
}

.upperLine.specialiskodhoz strong {
	font-weight: 900;
	color: #c4e32c;
	letter-spacing: 0.03em;
}

.upperLine.specialiskodhoz .fa {
	margin-right: .4rem;
}









.navigation-block .passive-link {

}

.navigation-block .only-menupoint {
	white-space: nowrap;
}


.navigation-block .has-dropdown {
	position: relative;
}

.navigation-block .has-dropdown .fa {
	margin-left: .414rem;
	transform: scale(.8) translateY(-1px);
}

.navigation-block .has-dropdown .fa-chevron-down {display: inline-block;}
.navigation-block .has-dropdown .fa-chevron-up {display: none;}

.navigation-block .has-dropdown .dropdown-body {
	opacity: 0;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
	visibility: hidden;
	z-index: 2;
	position: absolute;
	padding: 1rem;
	right: -9px;
	transition-property: visibility, opacity;
	transition-duration: 0s, 0.25s;
	transition-delay: 0.25s, 0s;
	display: block;
	background: white;
}

.navigation-block .has-dropdown .dropdown-body-on-left {
	right: auto;
	left: 9px;
}

.navigation-block .has-dropdown:hover .dropdown-body {
	visibility: visible;
	opacity: 1;
	transition-property: visibility, opacity;
	transition-duration: 0s, 0s;
	transition-delay: 0s, 0s;	
}


/*.navigation-block .has-dropdown:hover .fa-chevron-down {display: none;}
.navigation-block .has-dropdown:hover .fa-chevron-up {display: inline-block;}*/

.navigation-block .dropdown-body a {
	white-space: nowrap;
	color: rgb(51, 51, 51) !important;
	text-decoration: none; 
	font-size: 12px; 
	padding-top: 0px; 
	transition: all .2s;
	display: block;
	padding-top: 6px;
	padding-bottom: 6px;
}

.navigation-block .dropdown-body a:hover {
	color: #198C8C !important;
}

.navigation-block .supersmall {
	font-size: 11px;
	letter-spacing: 0.02em;
	display: block;
	text-transform: uppercase;
	opacity: 1;
	font-weight: 500;
	margin-top: 2px;
}

.navigation-block > div {
	display: flex;
	align-items: center;
	height: 100%;
}

.rightPart {
	top: 0;
}

.navigation-block .only-menupoint {
	cursor: default;
	color: rgb(51, 51, 51) !important;
}

.navigation-block .just-hold {
	display: block;
	height: 38px;
}

.navigation-block .just-hold.as-blue {
	color: var(--color-blue) !important; 
}


.navigation-block .dropdown-body a.passive-link {
	cursor: default !important;
	color: #aaa !important;
}


h3.kisebb-h3 {
	font-size: 24px;
	margin-top: 2.5rem;
}

.anchor-absolute {
	position: absolute;
	margin-top: -8rem;
}

.as-nyitolap {
	display: none !important;
}

.navigation-block .dropdown-body a {


	& > font:first-child {
		display: block;
	}
	& > font:last-child {
		display: none;
	}
}








@media (max-width: 960px) {

	.as-nyitolap {
		margin-top: 0 !important;
		display: block !important;
	}

	.navigation-block {
		text-align: center;
	}

	.navigation-block .has-dropdown .dropdown-body {
		visibility: visible !important;
		position: static !important;
		box-shadow: none !important;
		opacity: 1 !important;
		transition-property: visibility, opacity;
		transition-duration: 0s, 0s;
		transition-delay: 0s, 0s;	
		right: auto !important;
		padding: 0;
		left: auto !important;
		background: transparent;
		padding-bottom: .5rem;

	}

	.just-hold.as-blue {
		font-size:  14px;
	}

	.menu > .centerized {

	}

	.navigation-block .dropdown-body a {
		padding-top: .5rem;    
		padding-bottom: .5rem;
		margin: 0;
		padding-bottom: 6px;
		padding-left: 0;
		display: block;
		float: none;
		white-space: normal;

		& > font:last-child {
			display: block;
		}
		& > font:first-child {
			display: none;
		}
	}

	.menuActive .navigation-block {
		display: none;
		max-height: none;
		overflow: auto;
		padding-bottom: 55px;
		left: 0;

		height: calc(100vh - 20px) !important;
        justify-content: center;
        gap: clamp(0px, 2vh, 2rem);
        margin: 0 auto;
        max-width: 400px;

        & .subButton, & .dropdown-body a {
        	font-size: 18px;
        }
	}

	.rightPart a {
		margin-top: 0;
		padding-top: .75rem;
		float: none;
		padding-bottom: .75rem;
	}

	.menuActive .navigation-block .subButton {
		margin-left: 0;	
		margin-right: 0 !important;
	}

	.menuActive .navigation-block {
		display: block;
		overflow: auto;
		height: calc(100vh - 40px) !important; 
		bottom: 0;
		max-width: 10000px !important;
		width: 100%;
		padding-bottom: 0;
	}

	.menuActive .navigation-block > div {
		display: flex !important;		
		width: 100%;
		height: calc(100vh - 55px); 
		bottom: 0;
		width: 100%;
		flex-direction: column;		
		align-items: stretch;
		justify-content: center;
		padding-bottom: 0;
	}

	.navigation-block .has-dropdown:last-child {
		padding-bottom: 2rem;
	}

	.navigation-block .fa-chevron-down {
		display: none !important;
	}

	.navigation-block .only-menupoint {
		opacity: .5;
		padding-bottom: .5rem;
	}

	.navigation-block .just-hold {
		height: auto;
	}

	.navigation-block .just-hold.as-blue {
		margin-top: 6px;
		margin-bottom: 6px;
	}

	body.menuActive .menu.on {
		bottom: 0;
		overflow: auto;
		background:linear-gradient(90deg,#ffffff 0%,#ffffff);
	}
	body.menuActive .menu.on .bger {
		background: transparent;
	}
}




.stdinputelement.selector .std-select {
	border: 2px solid var(--inputborder); 
	transition: all .3s; 
	color: #222; 
	font-size: 20px; 
	background: rgba(255,255,255,.2); 
	display: inline-block; 
	padding: 10px; 
	border-radius: 4px; 
	width: 100%;
	font-weight: 800;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
}

.stdinputelement.error .std-select {
	border-color: #cd341b;
} 

.stdinputelement .std-select option {
	background: white;
	color: #222; 
}



.stdinputelement.selector:has(select) {
	position: relative;
	&::after {
		content: '';
		background: url(/2025/chevron.svg) no-repeat center center;
		position: absolute;
		width: 16px;
		height: 16px;
		right: 10px;
		bottom: 6px;
		transform: translateY(-50%) rotate(90deg) scale(.8);
		pointer-events: none;
		opacity: 1;
		background-size: contain;
	}
}

.inputs-inside-middle-separate-block .simple-standard-input-select,
.inputs-inside-middle-separate-block .stdinputelement.date select,
.inputs-inside-middle-separate-block .stdinputelement select.std-date-select {
	width: auto;
}




.blue-background {
	background: url(../i20/tiles-bw.png), linear-gradient(140deg,#63b5da 25%,#27a6c9);
}

.blue-background h3 {
	color: white;
}

.blue-background p.std {
	color: white !important;
	opacity: .95;
}
.zok-subpage .blue-background {background: transparent;}
.zok-subpage .blue-background h3 {padding-left: 2rem; padding-right: 2rem;}
.fordulo-section-wrapper {
	max-width: 2000px;
	margin: 0 auto;
}

.fordulo-holder {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}

.fordulo-holder .fordulo {
	max-width: 300px;
	flex-basis: auto;
}

.fordulo-holder .fordulo:nth-child(1), .fordulo-holder .fordulo:nth-child(2), .fordulo-holder .fordulo:nth-child(3) {
	flex-basis: 25%;
}

@media all and (max-width: 960px) {
	.fordulo-holder .fordulo {
		flex-basis: 60% !important;
		max-width: 90%;
	}
	.fordulo-holder {
		display: flex !important;	
	}
}

.navigation-block .dropdown-body a.link-registration-off {
	cursor: default;
}

.navigation-block .dropdown-body a.link-registration-off:not(:hover) {
	color: #aaa !important;
}
.navigation-block .dropdown-body a.link-registration-off:hover {
	color: #aaa !important;
}







.masodlagostextextra {
	font-size: 1rem;
	padding-bottom: 24px;
	line-height: 1.7em;
	margin-left: 20px;
	margin-top: 6px;
}

.masodlagostextextra font {
	margin-right: 1.333em;
	font-weight:  600;
	position: relative;
	padding-right: .5em;
	width: 12px;
  	display: inline-block;
}
.masodlagostextextra.longer font {
	width: auto;
}

.masodlagostextextra font:after {
	content: '—';
	color: #444;
	position: absolute;
	left: 100%;
	top: 50%;
  	line-height: 0;	
}


.tablewrapper {
	max-width: calc(100vw - 2rem);
	overflow: auto;
	margin-bottom: 1rem;
}


.mytableXX1 {margin-bottom: 2rem;}
 .mytableXX1 tr:first-child td {font-weight: bold; border-bottom: 2px solid #999; border-left: 0; border-top: 0; border-right: 0; padding: .5rem;}
 .mytableXX1 td {padding: .5rem; border: 1px solid #aaa;}

 table .behelyettesitett {
 	font-style: italic;
 }


 .masodlagos-inheading {
 	font-weight: 700;
 	margin-bottom: .8em;
 	margin-top: .8em;
 	display: block;
 }


 .resultQuestion .masodlagostextextra {
	margin-left: 58px;
	margin-top: -.2rem;
	margin-bottom: .2rem;
 }

 .resultQuestion .tobbvalasz-new {
 	margin-left: 58px;
 	margin-top: -.5rem;
 	margin-bottom: .5rem;
 }