@font-face {
    font-family: Ubuntu-Bold;
    src: url("Ubuntu-Bold.otf") format("opentype");
}
@font-face {
    font-family: Ubuntu-Medium;
    src: url("Ubuntu-Medium.otf") format("opentype");
}

@font-face {
    font-family: Karla-SemiBold;
    src: url("Karla-SemiBold.ttf") format("opentype");
}
@font-face {
    font-family: Karla-Regular;
    src: url("Karla-Regular.otf") format("opentype");
}
@font-face {
    font-family: Ergonomique-Bold;
    src: url("Ergonomique-Bold.otf") format("opentype");
}
@font-face {
    font-family: Roboto-Bold;
    src: url("Roboto-Bold.otf") format("opentype");
}



.licence
{
	right: 90px !important;
    bottom: 19px !important;
}
@font-face {
    font-family: Karla-Regular;
    src: url("karla.regular.otf") format("opentype");
}
@font-face {
    font-family: wood;
    src: url("WOOPPECKER.otf") format("opentype");
}
.body-arak{ background-color:#2b3441;}
.arak-article{color:white; background-color:none; text-align:justify; padding:20px; width:80%; margin:auto; font-weight:normal;}

.alsologo{height:30px;}
.alsologo-haszon{height:20px;}
.alsologo-radio1{height:40px;}
.alsologo-forbes{height:80px;}
.fdrow{flex-direction:row !important;}
.fd{flex-direction:row !important;}

.feherblokk
{
	width:80%; background-color:white; padding:10px 0px; margin:auto; color:#94c93d;
}
.szurkeblokk
{
	width:100%; background-color:#cfc2be; padding:20px 0px;  color:black; text-align:center;
}
.kekblokk
{
	text-align:center; background: #465366; width:calc(100% - 40px); padding:20px; color:#8fa0ba; font-size:12px; display:inline-block;
}

.foszoveg
{
	width: 40%;
    padding: calc(10vh + 100px) 20px 20px 20px; color:#2b3441; font-size:22px; font-family:Ergonomique-Bold; line-height:30px;
}
.foszoveg .nagy
{
	font-size:27px;
}
.eprblokk,.tdblokk
{
}
.epr-sor,.td-sor
{
    display: flex;
    padding: 10px;
    flex-direction: row;
    border-bottom: 1px solid #999;
    justify-content: flex-start;
    align-items: center;
}
.epr-cella,.td-cella
{
	padding:5px;
}
footer a
{
	color:#8fa0ba !important;
}
.col3
{
	width:calc(33% - 40px); font-family:Ubuntu-Medium; padding:0px 20px;
}
.col2
{
	width:calc(50% - 40px); margin:20px 0px; 
	text-align:justify;
}
.col2-80-20
{
	width:calc(70% - 40px); margin:20px 20px; 
}
.col2-20-80
{
	width:calc(30% - 40px); margin:20px 0px;
	font-family: Ergonomique-Bold;
}
.col5
{
	width:calc(20% - 6px);
	padding:3px;
}
.col5 img 
{
	width:60%;
}
.munkatars-article .col5 {text-align:center;}
.feher
{
	color:white !important;
}

.vtszsor
{
	margin:10px 0px;
	cursor:pointer;
	transition:.3s;
	background-color:#fff;
}
.vtszsor:hover
{
	background-color:#dadada;
}

.col2:first-child
{
	padding-right:20px !important;
}
.col2:last-child
{
	padding-left:20px !important;
}
.col3:first-child
{
	padding-left:0px !important;
}
.col3:last-child
{
	padding-right:0px !important;
}

.disflex
{display:flex;}
.kisszoveg
{color:black; font-size:12px; font-family:Karla-Regular;}
.nagyszoveg
{padding:20px 0px; line-height:25px; font-size:18px;}

.hastags
{
	padding:0px 0px 20px 0px; font-size:12px; color:rgba(65,142,223,1.00);
}

.w30
{
	width:30%; margin:auto;	
}
.w80
{
	width:80%; margin:auto;	
}
.flsp
{
	justify-content: space-around;
}
.mt20
{
	margin-top:20px !important;
}
.flcenter
{
	align-items: center;
}
.kivalaszt
{
    cursor: pointer;
    text-align: center;
	transition:.6s;
	border-radius:2px;
}
.tshadno
{
	text-shadow: none;
	text-align:justify;
}
.h
{
	margin-block-start: 0px;
    margin-block-end: 0px;
	padding:0px;
}
.kivalaszt:hover
{
	background-color:rgba(243,204,65,0.74);
}
.jeloltpiros
{
	color:red;
	text-shadow:none;
}
.jeloltzold
{
	color:green;
	text-shadow:none;
}

.jelolt
{
	color:#f46717;
	font-weight:bold;
	text-shadow:1px 1px #000;
}
input[type="text"]:disabled,input[type="date"]:disabled,input:read-only {
  background: #dddddd;
}
.kiemel
{
	background-color:rgba(243,204,65,0.74);
	
}
.kerdes
{
	
}


.mtb10 {margin:10px 0px;}
.mtb20 {margin:20px 0px;}
.ml20{margin-left:20px;}
.ml50{margin-left:50px;}
.ml100{margin-left:100px;}
.mb100{margin-bottom:100px;}
body
{
	margin: 0;
	font-family: Karla-Regular;
	color:#94c93d;
	background-color:#f0f0f0;
}

nav ul
{
	list-style: none;
	padding: 0;
	margin: 0px !important;
	height: 100%;
	display: flex;
	align-content: center;
    justify-content: center;
    flex-wrap: wrap;
	text-shadow:1px 1px 1px #000;
}
.headerkep
{
	height:60vh;
}

header
	{
		width:calc(100vw - 17px); background-color:#94c93d; display:flex;
		transition:.3s;
		z-index: 1000;
	}
.flexcenter
{
	display:flex; align-items: center; float:left;
}

.h60
{
	height:60vh; 
    overflow: hidden;
	transition:.3s;
}
.h20
{
	height:20vh; 
    overflow: hidden;
	background-position: top;
    background-size: cover;
	position: fixed;
	top:0;
	transition:.3s;
}
.header-forgalom
{
	background-image: url(images/forgalom-bg.webp);
}
.header-tudasbank
{
	background-image: url(images/tudasbank-bg.webp);
}
.header-blog,.header-normal
{
	background-image: url(images/blog-bg.webp);
}
.header-arak
{
	background-image: url(images/arak-bg.webp);
}
.header-ugyfelkapu
{
	background-image: url(images/ugyfelkapu-bg.webp);
}

.header1
{
		background: rgb(0,0,0);background: linear-gradient(180deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.7) 70%, rgba(0,0,0,0) 100%); position:fixed; top:0px;z-index:1000;width:100vw;
}
.header-top
{
	 height:5vh; border-bottom:1px solid #fff; padding:20px; width: calc(100% - 40px);display: flex;
    align-items: center;
}
.header-top-container
{
	width: 100%;width:calc(80% - 60px); margin:auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
}
.center
{
    display: flex;
    align-content: center;
	align-items: center;
}

.header-bottom
{
	height:5vh; padding:20px; width:100vw;
}
.header-bottom-container
{
	width:calc(80%); margin:auto; display:flex;justify-content: center;
	justify-content: flex-end;
}
.motto
{
	font-size:8px; font-family:Roboto-Bold; letter-spacing:2px;
}

nav
{
	font-family:Karla-Regular;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 30px;
}

nav ul li 
{
	padding: 0 25px;
	cursor: pointer;
	transition:.2s;
}

nav ul li a,nav ul li a:visited
{
	color:white;
	cursor:pointer;
	text-decoration:none;
}
a, a:hover, a:visited
{
	color:black;
	cursor:pointer;
	text-decoration:none;
}

nav ul li:hover,nav ul li a:hover
{
	transition:0.6s;
	color:#aaa;
}

article
{
	width: 100%;
	margin:  0px auto;
	min-height:50vh;
	display: inline-block;
}
.mt20vh
{
	margin-top:20vh !important;
}
article h1
{
	font-family: Karla-Regular;;
	text-align: left;
	font-size: 30px;
	color:#94c93d;
}
.zold
{
	font-family: Ergonomique-Bold;
	font-size: 24px;
	color:#94c93d;
}

article h1
{
	font-family: Karla-Regular;;
	text-align: left;
	font-size: 24px;
	color:#94c93d;
}

.navicons
{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;	
}
.navicons img
{
	height: 25px;
	padding: 0px 10px;
}
#logo
{
	font-family: Ergonomique-Bold;
	font-size:27px;
	letter-spacing:2px;
	color:white;
	line-height:10px;
	text-shadow:1px 1px #000;

}
nav a 
{
	height: 30px;
}

.hambar1,.hambar2,.hambar3
{
	width:35px;
	height:4px;
	background-color: white;
	margin:6px 0px;
	border-radius:2px;
	transition:0.3s;		
}

.forgat .hambar1
{
	transform: translate(0,10px) rotate(-45deg);
}
.forgat .hambar3
{
	transform: translate(0,-10px) rotate(45deg);
}

.forgat .hambar2
{
	opacity:0;
}

#ham
{
		display:none;
}
.urlap
{
	border:none; background-color:#fff; color:#000000; border-radius: 10px; padding:20px 0px; margin:5px auto;
}

input[type="text"],input[type="password"],input[type="email"],input[type="date"],select
{
	width:200px; border:1px solid #333333; text-align:center;
	transition:.2s;
	border-radius:15px; padding:8px 5px; margin:5px 5px;
}
textarea
{
	width:80%; border:1px solid #333333; text-align:center;
	height:200px;
	transition:.2s;
	border-radius:15px; padding:8px 5px; margin:5px 5px;
}
.flexcentercol input
{
	width:80%;
}
.flexcentercol
{
	display: flex;
    flex-direction: column;
    align-items: center;
}

.urlap .sor
{
	display:flex;justify-content: center; margin:20px; align-items: center
}
.urlap h2
{
	font-size:14px; font-weight:bold; color:#595b5a; padding:10px; text-align:left;width: calc(100% - 20px);    display: flex;
    align-items: center;
    justify-content: space-between
}
h3
{
	display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
	width:100%;
	color:#94c93d;
	border-bottom: 1px solid #94c93d;
}
.vall-valaszt-sor
{
	 border-radius:15px; padding:20px; margin:10px; background-color:#fff; display:flex;justify-content: space-between; align-items: center; cursor:pointer; transition:.3s;
}

.vall-valaszt-sor:hover
{
	background-color:#ddd;
}
.vall-valaszt-box {width:60%; color:#595b5a}
.bgszurke100
{
	background-color:#f0f0f0; width:100%; height: 60vh;
    padding-top: 20px
}

.csoport,.szervezetek
{
	display:none;
	padding-bottom:20px;
	border-bottom:1px solid #999;
}
.vallal
{
	background-color:#fff;
	transition:.3s;
}
.vallal:hover
{
	background-color:#eee;
}
.ujkerdes
{
	margin-left:50px;
}

.egyen-reszletek
{
	display:none;
	margin-left:30px;
	line-height:2em;
}
.like,.dislike
{
	height:30px;
	cursor:pointer;
}

.nyil
{
		display: inline-block;
		transition: .3s;
		content: url("images/plus.webp");
		height:25px;
		margin-left: 5px;
}
.nyilforgat
{
	content: url("images/minus.webp");
}
.kerdes_uj_gomb
{
	cursor:pointer;
}
.szervezet-sor,.egyen-sor,.teszt-sor,.kerdes-sor,.ujkerdes-sor
{
	display:flex;
	align-items: center;
	margin-left:80px;
	width:calc(100% - 120px);
	padding:10px;
	
	flex-direction: column;
    border-bottom: 1px solid #999;	
}

.szervezet-nev
{
	padding:5px; 
	width: 100%;
}
.szervezet-sor a
{
	display: flex;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    margin: 2px 10px;
    padding: 2px 10px;
    border-left: 1px dotted #999;
}

.szervezet-muvelet,.teszt-muvelet
{
	padding:5px;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;	
}
.szervezet-muvelet2
{
	padding:5px; width:30%; text-align:center;
}
.csoport-sor
{
	display:flex; margin-left:30px;
}
.csoport-nev
{
	width:calc(60% - 30px);
}
.egyen-cella
{
	width:25%;border:1px solid #eee; border-radius: 4px; padding:5px; 	
}
.reszletek,.reszletek2
{
	padding-top: 5px;
}
.teszt-nev
{
	border:1px solid #eee; border-radius: 4px; padding:5px; width:20%;
}
.kerdes-cella
{
	padding:5px; width:calc(20% - 10px);	display:flex;
	justify-content: center;
}
.kerdes-nev
{
	padding:5px; width:calc(100% - 10px);	
}
.kerdes-uj-nev
{
	padding:5px; width:calc(80% - 10px);
}
.kerdes
{
	box-shadow:0px 0px 10px 10px #eee;
	padding:10px 0px;
	border-radius: 4px;
	width:calc(100% - 100px);
}
.lh30
{
	line-height: 30px;
}

.mertekegysegdiv
{
	font-family: monospace;
	text-shadow: none;
	transition:.5s;
	padding-bottom:20px;
	border-bottom:1px solid #999;
	display: flex;
    align-items: center;	
}
.kotelezettseg
{
	font-family: monospace;
	text-shadow: none;
	transition:.5s;
}
.termekaaram,.csk1,.csk2,.csk3,.csk4,.csk5,.csk6,.csk7,.kt1,.kt2,.kt3,.kt4
{
	font-family: monospace;
	text-shadow: none;
	transition:.5s;
	display: flex;
    align-items: center;	

}
.figyelem
{
	color:red; font-size:20px;
}

.termekaaram:hover
{
	color:#f46717;
}

  /* FORMOK */


  .checkbox-wrapper-64 input[type="checkbox"] {
    visibility: hidden;
    display: none;
  }

  .checkbox-wrapper-64 *,
  .checkbox-wrapper-64 ::after,
  .checkbox-wrapper-64 ::before {
    box-sizing: border-box;
  }

  .checkbox-wrapper-64 .switch {
    font-size: 17px;
    position: relative;
    display: inline-block;
    width: 3.5em;
    height: 2em;
  }

  .checkbox-wrapper-64 .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }

  .checkbox-wrapper-64 .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    border: 1px solid #adb5bd;
    transition: .4s;
    border-radius: 30px;
  }

  .checkbox-wrapper-64 .slider:before {
    position: absolute;
    content: "";
    height: 1.4em;
    width: 1.4em;
    border-radius: 20px;
    left: 0.27em;
    bottom: 0.25em;
    background-color: #adb5bd;
    transition: .4s;
	text-align: center;
  }
  .checkbox-wrapper-64 .slidermod:before
  {
	  content: "\270D";
  }
  .checkbox-wrapper-64 .sliderkotelezo:before
  {
	  content: "\2611";
  }
  .checkbox-wrapper-64 .sliderhalozatos:before
  {
	  content: "\2623";
  }  
  .checkbox-wrapper-64 .sliderforditott:before
  {
	  content: "\2607";
  }  

  .checkbox-wrapper-64 .sliderepr:before,.checkbox-wrapper-64 .mod-sliderepr:before 
  {
	  content: "E";
	  
  }
  .checkbox-wrapper-64 .slidertd:before, .checkbox-wrapper-64 .mod-slidertd:before
  {
	  content: "T";
	  
  }
  .checkbox-wrapper-64 .osszetevo:before, .checkbox-wrapper-64 .mod-osszetevo:before
  {
	  content: "Ö";
  }

  .checkbox-wrapper-64 input:checked + .slider {
    background-color: green;
    border: 1px solid green;
  }

  .checkbox-wrapper-64 input:focus + .slider {
    box-shadow: 0 0 1px green;
  }

  .checkbox-wrapper-64 input:checked + .slider:before {
    transform: translateX(1.4em);
    background-color: #fff;
  }


.ikon
{
	height:23px;
	margin-right:8px;
	cursor:pointer;
}

.rejtett
{
	display:none;
}
input[type="number"]
{
	width:100px;
	border:1px solid #555;
	padding:5px;
	margin:5px;
	border-radius:5px;
	text-align:right;
}

.kereso
{
	background-image: url('images/search.webp');
  	background-repeat: no-repeat;
	padding-right:35px !important;
  	background-position: right center;
}

input[type=text]:hover,input[type=password]:hover,select:hover,input[type=email]:hover,input[type=date]:hover
{
	border-color:#f46717;
}
input[type="submit"],input[type="button"],.ojelolomentgomb,.sjelolomentgomb,.jelolomentgomb
{
	background-color:rgba(148,201,61,1);
	color:#000;
	padding:6px 10px;
	border:none;
	border-radius:10px;
	transition:.5s;
	cursor:pointer;
	text-shadow: none;
    text-wrap: nowrap;
	font-family:Karla-SemiBold;
	margin:0px 15px;
	text-transform:uppercase;
}
article input[type=button]
{
	margin:15px;
}

input[type="submit"]:hover,input[type="button"]:hover,.ojelolomentgomb:hover,sjelolomentgomb:hover,jelolomentgomb:hover
{
	background-color:rgba(29,196,11,1);
}

.jelolotorol
{
	width:30px;
	cursor:pointer;	
}
.jeloloopciok,.oszlopjeloloopciok
{
	box-shadow:0px 0px 10px 10px #eee;
	margin-left:50px;
	padding:10px;
	border-radius: 4px;
}

.error
{
	width:calc(100% - 100px);
	padding:10px;
	border:2px solid red;
	/*border-radius:5px;**/
	text-align:center;
	/*background-color:rgba(241,165,166,0.16);*/
	color:red;
	font-weight:bold;
	text-shadow: none;
	margin:20px;
	display:flex;
	align-items: center;
}
.error a
{
	font-size:14px;
	text-decoration:underline;
	text-transform:uppercase;
	white-space: nowrap;
}
.sikeres,.oke
{
	width:calc(100% - 40px);
	padding:20px;
	border:1px solid green;
	border-radius:5px;
	text-align:center;
	background-color:rgba(165,241,166,0.16);
	color:green;
	font-weight:bold;
}


.termek-osszetevo-kereso-sor
{
	display:flex; flex-direction:row;align-items: center; padding-left:10px; padding-right:10px;
}
.termek-osszetevo-kereso
{
	width:calc(100% - 80px); max-height:250px; overflow-y:scroll; overflow-x: hidden; display:flex; flex-direction:column;
}

.chatbot
{
	height:5vw;display:block; position:fixed; bottom:20px; right:20px; cursor:pointer;
}
.blog-article
{
	width:80%; background-color:white; padding:10px 0px; margin:auto; color:#94c93d;
}
.munkatars-article
{
		width:80%; padding:10px 0px; margin:auto; color:#94c93d;
}
.blog-header
{
	width:100%; font-family:Ubuntu-Bold;
}
.szolg-container
{
	width:100%; background-color:#465366; padding:20px 0px;  color:white;
}
.szolg-header
{
	width:80%;margin:auto;
}
.modal {
    display: none;
    position: fixed;
    bottom: 0; /* Az alján jelenjen meg */
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
}

.modal-content {
    background-color: white;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

#acceptCookie {
    background-color: #007bff;
    color: white;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
}

.mb20{margin-bottom:0px;}
@media screen and (max-width: 1000px)
{
	.mb20{margin-bottom:20px;}

	.szolg-header
	{
		width:calc(100% - 10px);
		padding:0px 5px;
	}
	
	.blog-article
	{
		width:calc(100% - 10px);
		padding:0px 5px;
	}
	header
	{
		justify-content: space-between;
		width:100%;height: 20vh;
		position:fixed;top:0;
		display: flex;
	    flex-direction: row-reverse;
	}
	.header-bottom-container
	{
		width:100%;
	}
	.disz
	{
		display: none;
	}

	#ham
	{
		padding-right:30px;
		display:block;
	}
	nav
	{
		width: 100vw;
		position:fixed;
		top:20vh;
		right:-100vw;
		height: calc(100vh - 40px);
		transition:0.3s;
		padding: 0;
		border-radius: 0px 0px;
		flex-wrap: wrap;
    	flex-direction: column;
    	justify-content: flex-start;
		background-color:rgba(50,50,50,.9);;
		z-index:1001;
	}
	.csuszik
	{
		right:0px;
	}
	
	nav ul
	{
		display: inline-block;
		text-align: center;
		height: unset;
	}
	nav ul li
	{
		padding: 30px 0px;
		font-size:1.2em;
	}
	nav ul li:after
	{
		display:none;
	}
	nav ul li:hover:after
	{
		display:none;
	}
	.kerdes-cella,input
	{
		width:unset;
	}
	.headerkep
	{
		height:20vh;
	}
	.header-bottom-container
	{
		justify-content: space-between;
	}
	article
	{
		margin-top:20vh;
	}
	.foszoveg
	{
		width:100%;
		padding: calc(10vh + 10px) 50px 5px 5px;
		line-height: 12px;
		font-size: 10px;
	}
	.chatbot
	{
		width:15vw;
		height:auto;
	}
	.col3,.col2,.col2:first-child, .col2:last-child
	{
		width:100%;
		padding:0px !important;
		text-align:justify;
	}
	.col2
	{margin-top:5px;}
	.disflex
	{
		flex-direction: column;
		
	}
	.arak-article .disflex
	{
		flex-direction:row !important;
		align-items: flex-start !important;
	}
	
	.header-top
	{
		width:100%;
		padding: 5px 0px 30px 5px;
	}
	.header-top-container
	{
		width:100%;
		flex-direction: column;
	}
	.kereso
	{
		width:100px;
	}
	.h60
	{
		height:20vh;
	}
	.header-bottom-container
	{
		justify-content: flex-end;
	}
	input[type=text]
	{
		padding: 4px 5px;
    	margin: 2px 2px;
	}
	.alsologo-haszon
	{ margin:10px 0px;}
	h3
	{
		font-size:12px;
		justify-content: flex-start;
		text-align:left;
	}
	.ujkerdes
	{
		margin-left: 0px;
	}
	.ujkerdes-sor
	{
		margin-left:0px;
		width:calc(100% - 20px) !important;
	}
	.w80
	{
		width:100%;
	}
	.kisszoveg
	{
		margin:20px 0px;
	}
	.fd{flex-direction:column !important;}
	.vall-valaszt-box {width:100%; color:#595b5a}
	.col5
	{
		text-align: center;
		width:calc(100% - 6px);
	}
	.fejlec
	{
		display:none;
	}
	.termek-osszetevo-kereso-sor
	{
		flex-direction:column;
	}
	.szervezet-sor
	{
		margin-left:0px;
		width:calc(100% - 20px);
		
	}
	.flexcenter
	{
		flex-direction:column;
		width:100%;
	}
	.flexcenter select,.flexcenter input
	{
		width:95% !important;
	}
}