input[type=text],
input[type=email],
input[type=password],
select{
	border:2px solid var(--maincolor);
	background-color:var(--grey2);
	color:var(--fontdark2);
	line-height:38px;
	padding:5px;
	font-size:22px;
	max-width:300px;
	width:100%;
	min-height:50px;
	transition:all var(--anim) ease;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
select:focus{
	outline:0;
	border:2px solid var(--sidecolor);
	background-color:var(--grey2);
	transition:all var(--anim) ease;
}
label{
	font-family:var(--font1B);
	font-size:22px;
	text-transform:uppercase;
	color:var(--maincolor);
}
input[type=checkbox]{
	width:25px;
	height:25px;
	border-radius:0;
	border:1px solid var(--maincolor);
	vertical-align: middle;
	margin-bottom: 4px;
	margin-left:15px;
}
.infobox label{
	margin-top: 22px;
	margin-bottom: 18px;
	font-size:18px;
	font-family:var(--font1B);
	display: inline-block;
}

.loginformbox{
	margin-top: 50px;
}
.loginformflex{
	display:flex;
	margin-bottom:30px;
}
.loginformleft{
	flex: 0 0 50%;
	padding: 5px;
	padding-left: 15px;
	padding-right: 30px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.loginformright{
	flex: 0 0 50%;
}
a.lostpass{
	width:100%;
	text-align:center;
	color:var(--maincolor);
	display:inline-block;
}
a.lostpass:hover,
a.lostpass:focus,
a.lostpass:active{
	text-decoration:none;
}

.loginformbox button{
	margin:0 auto;
	display: block;
	margin-top: 30px;
}
#swixx_registration_form button,
#swixx_profilform button{
	margin:0 auto;
	display: block;
	margin-top:20px;
}
#swixx_delete_profil{
	font-size: 22px;
	line-height: 40px;
}
#swixx_registration_form .szekciocim,
#swixx_profilform .szekciocim{
	text-align:center;
}
.info{
	font-size:21px;
	font-family:var(--font1L);
	color: var(--fontdark);
}
.info a {
	font-family:var(--font1);
	color: var(--fontdark);
}
.info a:hover,
.info a:focus,
.info a:active{
	text-decoration:none;
}
.adatok{
	text-align: left;
	margin-top: 20px;
	font-size: 24px;
	text-transform:uppercase;
	font-family:var(--font1);
	color: var(--maincolor);
}
#error{
	color:red;
	text-align:center;
	margin-bottom:75px;
	margin-top:20px;
}


/*LOADER-1*/

.loader-small-placeholder,
.loader-small-placeholder-del{
	min-height:55px;
}
.loader-small .loader,
.loader-small .loader:before,
.loader-small .loader:after,
.loader-small-del .loader,
.loader-small-del .loader:before,
.loader-small-del .loader:after {
	background: var(--maincolor);
	color: var(--maincolor);
}
.loader-small .loader:before,
.loader-small .loader:after,
.loader-small-del .loader:before,
.loader-small-del .loader:after {
	position: absolute;
	top: 0;
	content: '';
}
.loader-small section,
.loader-small-del section{
	min-height:55px;
	align-items: flex-start;
}
.loader-small,
.loader-small-del{
	display:none;
}

/* REGISTRATION */
#swixx_reg_other_div{
	display:none;
}
#swixx_reg_seal_div{
	display:none;
}

/* COOKIE CONSENT */
.cookie_consent {
  position: fixed;
  bottom: -100%;
  left: 0%;
  right: 0%;
  width: 100%;
  padding: 5px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--fontlight);
  border-radius: 0px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  transition: all 2000ms linear;
}
.showit {
	bottom: 0%;
	transition: all 2000ms linear;
}
.accept_cookie_consent {
	background-color: white;
	border: 2px solid var(--sidecolor);
	border-radius: 0px;
	padding: 6px 12px;
	color: var(--sidecolor);
	cursor: pointer;
	margin-right: 10px;
}
.accept_cookie_consent:hover, .accept_cookie_consent:active, .accept_cookie_consent:focus {
	background-color: var(--sidecolor);
	color: #FFFFFF;
}
.close_cookie_consent {
	min-width:20px;
	height: 20px;
	line-height: 20px;
	background-color: var(--maincolor);
	border: none;
	color: white;
	border-radius: 2px;
	cursor: pointer;
}



@media all and (max-width:650px){
	.adatok{
		font-size: 28px;
	}
	label{
			font-size: 20px;
	}
	.info {
	font-size: 20px !important;
	text-align: justify;
	}
}
@media all and (max-width:500px){
	.loginformflex{
		flex-wrap:wrap;
	}
	.loginformleft{
			flex: 1 1 100% !important;
	justify-content: center;
	}
	.loginformright {
	flex: 1 1 100%;
	justify-content: center;
	display: flex;
}
}
@media all and (max-width:400px){
	.info {
	font-size: 18px !important;
	}
}











/* QUESTIONNAIRE */
.questionnaire_container {
	text-align: center;
}

.quehead {
	font-size:60px;
	color:var(--maincolor);
	text-transform: uppercase;
	font-weight:700;
}

.dekorcsik {
	width:465px;
	color: var(--maincolor);
	border:0.5px solid var(--maincolor);
}

.q_feedback {
	color: #4d4d4d;
	font-size:18px;
	font-weight:300;
}

.ent {
	display:none;
}

.q_question {
	color: var(--maincolor);
	margin-bottom:16px;
	margin-top:30px;
	font-family:var(--font1H);
	font-size:16px;
	text-transform:uppercase;
}

.q_szoveg {
	color: #4d4d4d;
	font-size:14px;
	vertical-align: middle;
	margin-left:20px;
	text-transform:none;
	font-family: var(--font1);
	margin-bottom: 3px;
	display: inline-block;
}

.firsttext {
	margin-right:10px;
}


/* RADIO BUTTON */

.radiocont {
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;  
	margin-right: 40px; 
}

.radiocont.lastradio {
	margin-right:33px;
}

.radiocont2 {
	display: block;
	position: relative;
	text-align: left;
	padding-left: 48.5%;
	margin-bottom: 20px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	vertical-align: middle;
}

.radiocont input, .radiocont2 input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.checkmark {
	position: absolute;
	top: 0;
	left: 46%;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	border: 1px solid var(--maincolor);
	box-sizing: content-box;
}

.radiocont:hover input ~ .checkmark, .radiocont2:hover input ~ .checkmark {
	background-color: var(--maincolor);
}

.radiocont input:checked ~ .checkmark, .radiocont2 input:checked ~ .checkmark {
	background-color: var(--maincolor);
}

.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.radiocont input:checked ~ .checkmark:after {
	display: block;
}

.radiocont2 input:checked ~ .checkmark:after {
	display: block;
}

.radiocont .checkmark:after, .radiocont2 .checkmark:after {
	top: 6px;
	left: 6px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}

.swixx_textarea {
	width:400px;
	height:150px;
	resize:none;
	background-color: #EFF0F2;
	border: 1px solid var(--maincolor);
	color: var(--maincolor);
	padding:15px;
}

.swixx_submit_button {
	width:250px;
	height:60px;
	font-size:24px;
	background-color: #fff;
	border: 1px solid var(--maincolor);
	color: var(--maincolor);
	font-weight:300;
}

.swixx_submit_button:hover {
	background-color: var(--maincolor);
	color: #fff;
}

@media (max-width:1200px) {
	.felsorol {
		margin-left:10px;
	}
}

@media (max-width:1000px) {
	.radiocont2 {
		padding-left: 47.5%;
	}
	.checkmark {
		left:44%;
	}
	.ent {
		display:block;
	}
}

@media (max-width:646px) {
	.quehead {
		font-size:50px;
		color:var(--maincolor);
		text-transform: uppercase;
		font-weight:700;
	}

	.dekorcsik {
		width:390px;
		color: var(--maincolor);
		border:0.5px solid var(--maincolor);
	}
	
	.ent {
		display:inline;
	}

	.radiocont {
		margin-right: 20px; 
	}

	.radiocont2 {
		margin-bottom: 10px;
	}

	.checkmark {
		left: 41%;
	}
	.swixx_textarea {
		width:360px;
		height:180px;
	}

	.swixx_submit_button {
		width:200px;
		height:50px;
		font-size:20px;
	}
}
.kicsinigen{display:none;}
.kicsinne{display:inline-block;}
.quest{
	margin-top:0;
}
.egyenlito{
	display:flex;
	justify-content: center;
	align-items: center;
}
@media (max-width:550px) {
	.quest{
		font-size: 32px;
	}
	.kicsinigen{display:inline-block;}
	.kicsinne{display:none;}
}
@media (max-width:500px) {
	.quehead {
		font-size:30px;
		color:var(--maincolor);
		text-transform: uppercase;
		font-weight:700;
	}
	.dekorcsik {
		width:250px;
		color: var(--maincolor);
		border:0.5px solid var(--maincolor);
	}
	.felsorol {
		margin-left:0;
	}
	.checkmark {
		left: 38%;
	}
	.radiocont2 {
		padding-left: 47.5%;
	}
	.swixx_textarea {
		width:100%;
		height:150px;
	}
	.q_szoveg{
		margin-left:0;
	}
}

@media (max-width:320px){
	.radiocont2 {
		padding-left: 46%;
	}
}




/* KITÖLTÉS UTÁN ELTŰNIK */
#questionnaire_thankyou{
	display:none;
	margin-bottom: 150px;
}
#questionnaire_container{
	display:block;
}
.questionnaire_container.q_show{
	display:block !important;
}
.questionnaire_container.q_hide{
	display:none !important;
}