:root {
--color1: #cce0ff;
--color2: #80b3ff;
--color3: #3385ff;
--color4: #0066ff;
--color5: #005ce6;
--color6: #003380;
--color7: #999966;	
--fontgrey: #111;
--overlay: rgba(51, 133, 255, 0.3);

}

* {
  box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
	-webkit-text-size-adjust: 100%;
	text-rendering: optimizeLegibility;
	font-synthesis: weight style small-caps; /* ne hamisítson feleslegesen */
}

body {
    margin: 0;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 1px;
	-webkit-font-smoothing: antialiased; /* simább megjelenítés */
    -moz-osx-font-smoothing: grayscale;
}

section {
	display: block;
	position: relative;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	border: none;
	outline: none;
	overflow: hidden;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	margin: 0px;
	line-height: 1.3;
	color: #111;
}

p, h1, h2, h3, h4, h5, h6, li, a {
	text-shadow: none !important;
	filter: none !important;
	opacity: 1 !important;
}

textarea {
    margin: 0;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 1px;
}

em {
	font-style: normal;
	font-weight: 400;
	color: var(--color4);
}

kbd {
	font-family: 'Roboto', sans-serif;
	font-size: 11px;
	padding: 4px;
	margin: 0px 3px;
	color: #fff;
	background-color: #15ba81;	
	border-radius: 5px;
	line-height: 1.5;
}

#onkentes-section {
	padding: 24px;
}

#onkentes-section h1 {
	margin: 70px 0px 0px 0px;	
	font-size: 50px;
	font-weight: 500;
}

.onkentes-button, .jelentkezem-button {
	display: inline-block;
	margin: 20px 0px 10px 0px;
	transition: 0.4s;
	vertical-align: middle;
	overflow: hidden;
	text-decoration: none;
	padding: 16px 22px;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 1px;
	outline: none;
	cursor: pointer;
}

#onkentes-section .col-50 p {
	font-size: 16px;
	font-weight: 300;
	margin: 18px 0px 0px 0px;
}

#mobilkarrier {
		display: none;
	}
	
#karriersection {
	height:700px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	padding-left: 55%;
}

#karriercim {
	margin-top: 150px;
	font-size: 55px;
	font-weight: 500;
	color: #444;
}

#citatum {
	margin-top: 50px;
	padding-right: 40px;
}

#citatum p {
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-style: italic;
	font-weight: 400;
	color: #444;
}

.page-title {
	height: 30px;
	font-size: 20px;
	font-weight: 500;
	padding-top: 5px;
	color:#EF4E5E;
	float: left;
}

.logged-in-user {
	height: 30px;
	float: right;
	font-size: 14px;
	padding-top: 8px;
}

#kilepes-button {
	display: inline-block;
	background-color: #fff;
	color: #ef4e5e;
	font-weight: 500;
	cursor: pointer;
}

#kilepes-menu {
	position: absolute;
	top: 35px;
	right: 0px;
	display: none;
	background-color: yellow;
	z-index: 10;
	box-shadow: 2px 2px 5px #aaa;
}

#kilepes-menu a {
	display: block;
	font-size: 14px;
	padding: 10px;
	background-color: #fff;
	color: #111;
}

#kilepes-menu a:hover {
	background-color: #15ba81;
	color: #fff;
}

.main-page {
	width: 80%;
	float: left;
}

.left-menu {
	width: 20%;
	padding:10px;
	float: left;
	background-color: #fff;
}

.form-page {
	background-color: #e6e6e4;
	padding: 24px;
	margin: 10px 0px;
}

.karrier-button {
	display: inline-block;
	margin: 2% 0% 0% 55%;
	transition: 0.4s;
	vertical-align: middle;
	overflow: hidden;
	text-decoration: none;
	padding: 16px 22px;
	color: var(--color5);
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 1px;
	border: 2px solid var(--color5);
	outline: none;
	cursor: pointer;
}

.karrier-button:hover {
	background-color: var(--color5);
	color: #e6e6e6;
}

.main-section {
	margin-top: 30px;
}

.m120 {margin-top:120px;}
.m100 {margin-top:100px;}
.m90 {margin-top:90px;}
.m80 {margin-top:80px;}
.m70 {margin-top:70px;}
.m50 {margin-top:50px;}
.m40 {margin-top:40px;}
.m30 {margin-top:30px;}
.m20 {margin-top:20px;}
.m10 {margin-top:10px;}

.padding-10 {padding: 0px 10px;}
.padding-12 {padding: 12px;}
.padding-16 {padding: 16px;}
.padding-50-0 {padding: 50px 0px;}
.padding-24-0 {padding: 24px 0px;}
.padding-80-50 {padding: 80px 0px 50px 0px;}
.padding-bottom-50 {padding-bottom: 50px;}

.col-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}

.col {
  flex: 1;
  margin: 40px 16px;
  padding: 16px;
  border-radius: 30px;
}

.col60 {
	flex: 60%;
	max-width: 60%;
	padding: 30px 40px;
}

.col40 {
	flex: 40%;
	max-width: 40%;
	padding: 26px;
}

.col img {
	border-radius: 30px 70px 30px 30px;
	margin: -60px 0 0 0;
}

.cimlapkep {
	position: relative;
	width: 100%;
	height: 600px;
}

.szolgaltatas-main {
	float: left;
	margin: 0;
	padding: 5% 1%;
	width: 40%;
}

.szolg-img-container {
	float: left;
	margin: 0;
	padding: 2%;
	width: 60%;	
}

.szolg-img {
	width: 100%;
	padding: 2%;
	border-radius: 40px 40px 40px 80px;
}

.boldline {
	border: 3px solid #939598;
}

.tooltip {
  position: relative;
}

.tooltip .tooltiptext {
  visibility: hidden;
  background-color: #333;
  color: #fff;
  font-size: 14px;
  text-align: center;
  border-radius: 6px;
  padding: 12px 16px;
  position: absolute;
  z-index: 99;
  top: 62px;
  left: 60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: transparent transparent #333 transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

#size {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
	}
.cim-overlay {
	float: left;
	width: 50%;
	height: 100%;
	background-color: rgba(255,255,255,0.9);
	/*background-color: rgba(0,153,255,0.6);*/
}

.cim-overlay h1 {
	font-size: 60px;
	font-weight: 500;
	text-align: right;
	margin: 90px 40px 0px 0px;
	color: #15ba81;
}

.cim-overlay h2 {
	font-size: 50px;
	font-weight: 500;
	text-align: right;
	margin: 30px 40px 0px 0px;
	color: #15ba81;
}

.cim-overlay h3 {
	font-size: 38px;
	font-weight: 500;
	text-align: right;
	margin: 0px 40px 0px 0px;
	color: #15ba81;
}

.cimlapkep-img {
	height: 600px;
	background-image: url("img/autumn.jpg");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.cimer {
	width: 80px;
	display: block;
	margin: 20px 40px 0px auto;
}


#rolunk {
	padding: 0% 1% 0% 2%;
}

#udv {
	float: left;
	width: 60%;
	background-color:#fff;
	padding: 2%;
	border-radius: 30px;
}

.udv-img {
	width: 100%;
	padding: 2%;
	border-radius: 35px;
}

.ellataskep {
	height: 600px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

main {
	position: relative;
	display: block;
	max-width: 1400px;
	margin: 0px auto;
	padding: 0px;
}
/*
h1, h2, h3, h4, h5 {
	margin: 0;
	font-weight: 300;
}*/

h1 {font-size: 36px;}
h2 {font-size: 32px;}
h3 {font-size: 28px;}
h4 {font-size: 24px;}
h5 {font-size: 19px;}
h6 {font-size: 16px;}

img {
	width: 100%;
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}

h3 img, h4 img {
	float: right;
	width: 40px;
}

a {text-decoration: none;}

i {vertical-align: text-bottom;}

table {
	width: 100%;
	border-collapse: collapse;
	}

tr, th, td {text-align: left;}

p, li, td {
	font-size: 16px;
	font-weight: 400;
	text-align: justify;
	color: var(--fontgrey);
}

label {
	font-size: 14px;
	font-weight: 300;
	text-align: left;
	color: var(--fontgrey);
	}

li {margin: 0em 0em 0.8em -1.3em;}

.desktop-menu {
	position: relative;
	display: block;
}

#menu-button {
	width: 50px;
	height: 50px;
	margin: 14px 10px 0px 0px;
	padding: 0px 4px;
	cursor: pointer;
	float: left;
	display: none;
	}

#menu-button:focus {
  outline: none;
}
/*
#menu-button:focus-visible {
  outline: 2px solid #aaa;
  outline-offset: 3px;
  border-radius: 3px;
}
*/	
#user-logo {
	width: 40px;
	margin: 14px 10px;
	cursor: pointer;
	float: right;
	display: none;
}

#mobil-menu {
	position: absolute;
	top: 70px;
	width: 50%;
	padding-top: 3px;
	background-color: #fff;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.lang-change {
	display: none;
}

.lang-change a img {
	width: 26px;
	margin-right: 4px;
}

#login-form-block {
	position: relative;
	display: block;
	margin: 60px auto;
	width: 500px;
	padding: 36px;
	background-color: #fff;
	border: 1px solid #aaa;
}
.zart, .menu-panel {display: none;}

.nyitott {display: block;}

.bar1, .bar2, .bar3 {
	width: 100%;
	height: 8px;
	background-color: #000;
	margin: 6px 0px;
	border-radius: 4px;
	transition: 0.4s;
}

.change .bar1 {
	transform: translate(0px, 14px) rotate(-45deg);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
  transform: translate(0px, -15px) rotate(45deg);
}

.green {
	color: green;
	padding: 14px 0px;
}

.red {
	color: #e60000;
	padding: 14px 0px;
}

.korall {color: #ef4e5e;font-weight: 500;}
.zold {color: #15ba81;font-weight: 500;}

.nyomtatvanyok {
	display: inline-block;
	padding: 10px 25px;
	background-color: #f2f2f2;
}

.nyomtatvanyok a {
	font-weight: 500;
	color: #15ba81;
}

#menu-bar {
	position: fixed;
	top: 0;
	width: 100%;
	padding: 8px 0px;
	transition: 0.4s;
	background-color: #fff;
	transition: 0.3s;
	/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
	z-index: 80;
}
	
#breadcumb {
	margin-top: 80px;
	padding-top: 10px;
	width: 100%;
	transition: 0.3s;
	z-index: 5;
}

#cimer {
	float: left;
	width: 46px;
	margin-top: 6px;
}

#logo {
	width: 320px;
	float: left;
	margin-top: 6px;
	transition: 0.4s ease;
}

#menu-container {
	float: right;
	margin: 4px;
}

#lang-container {
	display: none;
}

#lang-container a {
	display: inline-block;
	color: var(--fontgrey);
}

#lang-container a img {
	width: 20px;
}

#uzenet {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	width: 440px;	
	padding: 48px;
	background-color: #fff;
	color: #000;
	border: 1px solid gray;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

#uzenet img {
	width: 45px;
	display: block;
	margin: auto;
}

#uzenet p {
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	line-height: 1.8;
}

#uzenet .logouticon {
	display: inline-block;
	width: 20px;
	margin-left: 8px;
	}

.img-container {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	cursor: pointer;
	transition: .5s ease;
}

.szolgaltatas-cim {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0;
	border: none;
	outline: none;
	color: #fff;
	background-color: var(--overlay);
	/*background: rgba(51, 133, 255, 0.8);*/
	font-size: 20px;
	padding: 18px 0px;
	text-align: center;
	height: 14%;
	transition: .5s ease;
}

.oldalcim {
	padding: 0.5em;
	color: #fff;
}

.oldalcim img {
	width: 26px;
	margin: 0px 8px 0px 0px;
}

.breadcumb-container {
	max-width: 1200px;
	margin: 0px;
	padding: 0px;
	display: inline-block;
}

.breadcumb-container a {
	display: inline-block;
	font-size: 13px;
	color:  #111;
	padding: 10px 6px;
	margin-right: 10px;
}

.breadcumb-container a:hover {}

.int-lead {
	font-weight: 400;
	margin-top: 26px;
}

.overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: .5s ease;
	background-color: var(--overlay);
	/*background-color: rgba(51, 133, 255, 0.3);*/
	}

.link-img {
	width: 20px;
	margin-right: 8px;
	vertical-align: text-bottom;
}


.container {
	display: block;
	position: relative;
	padding: 2px 0px 0px 30px;
	margin-bottom: 6px;
	cursor: pointer;
	font-size: 14px;
	color: var(--fontgrey);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 21px;
	width: 21px;
	background-color: #fff;
}

.container input:checked ~ .checkmark {
	background-color: var(--color3);
}

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

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

.container .checkmark:after {
	left: 7px;
	top: 3px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
	
@media screen and (min-width: 1031px) {
	
.m-szolg-cim {display: none;}

.img-container:hover .szolgaltatas-cim {
  background: var(--overlay);
  height: 100%;
	}

.tovabb {
	position: absolute;
	top: -100%;
	left: 50%;
	transform: translateX(-50%);
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding: 20px 30px;
	color: var(--fontgrey);
	background-color: #fff;
	display: none;
	}

.img-container:hover .tovabb {
	display: block;
	top: 50%;
	transform: translate(-50%, -50%);
	}

.column {
  float: left;
}

.dropdown {
	float: left;
	}
}

.dropdown img, .accord img {
	width: 22px;
	margin-right: 6px;
	vertical-align: text-bottom;
}

.accord {
  background-color: #f2f2f2; 
  color: var(--fontgrey);
  cursor: pointer;
  padding: 8px 18px 18px 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  line-height: 1.4;
  transition: 0.4s;
}

.accord:before {
  content: "\2335";
  font-size: 20px;
  float: right;
  margin: 0px 12px;
}

.active:before {
  content: "\2715";
}

.menu-panel {
  width: 100%;
  padding: 6px;
  display: none;
  background-color: #fff;
}

.menu-panel a {
  float: none;
  padding: 14px 20px;
  font-size: 14px;
  text-decoration: none;
  letter-spacing:0px;
  display: block;
  text-align: left;
  color: var(--fontgrey);
  border-bottom: 1px solid #ccc;
}

.dropdown {
	margin: 0px 10px;
}

.dropdown-user-adatok {
	padding: 14px 20px;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0px;
	font-size: 14px;
	text-align: left;
	color: var(--fontgrey);
	background-color: #f2f2f2;
}

.dropbtn {
	background-color: #fff;
	color: var(--fontgrey);
	padding: 15px;
	font-size: 14px;
	text-align: center;
	border: none;
	border-radius: 26px;
	cursor: pointer;
}

.drop-vol {
	border-radius: 26px;
}

.dropbtn img {
	width: 20px;
	margin: 0 10px 0 0;	
}

.dropbtn a {
	color: var(--fontgrey);	
	font-size: 14px;
	text-align: center;
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: #fff;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	min-width: 200px;
	z-index: 10;
}

.lang {min-width: 100px;}

#d1 a, #d2 a, #d3 a, #d4 a {
	float: none;
	padding: 10px;
	font-size: 15px;
	text-decoration: none;
	display: block;
	text-align: left;
	color: var(--fontgrey);
}

.menu-link {
	position: relative;
	float: left;
	margin: 0px 10px;
	padding: 15px 20px;
	font-size: 14px;
	text-decoration: none;
	letter-spacing:0px;
	display: block;	
	color: var(--fontgrey);
}

.menu-link img {
	width: 20px;
	background-color: yellow;
}

.dropdown-content a, .column a {
  float: none;
  padding: 14px 20px;
  font-size: 14px;
  text-decoration: none;
  letter-spacing:0px;
  display: block;
  text-align: left;
  color: var(--fontgrey);
}

@media screen and (min-width: 1031px) {
 
.dropdown-content a:hover, .column a:hover, .drop-vol:hover  {
	background-color: #15ba81;
}
	
.menu-link:hover {
	background-color: #15ba81;
	border-radius: 22px;
}
}


.menu-head {
	position: relative;
	display: inline-block;	
	margin: 0px 20px 0px 0px;
	padding: 14px 10px;
	font-size: 15px;
	color: var(--fontgrey);
	font-weight: 400;
	}

.menu-head:hover {
	color: #fff;
	background-color: var(--color4);
	}

.dropdown:hover .dropdown-content {display: block;}

.user-block {
	font-size: 12px;
	line-height: 1.3;
}
.user-block h2 {	
	font-size: 26px;
	font-weight: bold;
	margin: 0px;
	float: left;
	color: #15ba81;
}

.user-img {
	width: 20px;
	float: left;
	margin: 5px 10px 0px 10px;
}

.user-bar {
	padding: 6px 0px;
	font-size: 14px;
	line-height: 1.3;
}

.row:after, .user-bar:after {
  content: "";
  display: table;
  clear: both;
}

.col-100, .col-90, .col-80, .col-75, .col-70, .col-66, .col-60, .col-50, .col-40, .col-33, .col-30, .col-25, .col-20, .col-10 {
	float: left;	
	margin: 0;
}

.col-100 {width: 100%;}

.col-90 {width: 90%;}

.col-80 {width: 80%;}

.col-75 {width: 75%;}

.col-70 {width: 70%;}

.col-66 {width: 66.666%;}

.col-60 {width: 60%;}

.col-50 {width: 50%;}

.col-40 {width: 40%;}

.col-33 {width: 33.333%;}

.col-30 {width: 30%;}

.col-25 {width: 25%;}

.col-20 {width: 20%;}

.col-10 {width: 10%;}

.padding-1 {padding: 1%;}
.padding-2 {padding: 2%;}
.padding-3 {padding: 3%;}
.padding-4 {padding: 4%;}

.help {
	padding: 16px;
	border: 1px solid #ddd;
}

.help h3, .help h4, .help h5 {
	font-weight: 300;
	margin: 1em 0em;
	color: #15ba81;
}

.help p {
	font-size: 14px;
	font-weight: 300;
	line-height: 1.8;
}
	
.logouticon {
	width: 20px;
	margin-left: 6px;
	vertical-align: sub;
}

.button-icon {
	width: 20px;
	margin: 0;
}

input.search {	
	float: left;
	width: 100%;
	padding: 10px;
	border: 1px solid #ccc;
	outline: none;
	font-size: 15px;
}

input.search::after {
	content: "";
	clear: both;
	display: table;
}

.input-field, .input-field-50 {
	height: 40px;
	padding: 6px;
	margin: 3px 0px;
	border: 1px solid #aaa;
	outline: none;
	font-size: 14px;
	cursor: pointer;
}

.input-field {width: 100%;}
.input-field-50 {width: 50%;}
.right {float: right;}

.search-button {
	position: absolute;
	top: 0;
	right: 0;
	height: 38px;	
	transition: 0.4s;
	vertical-align: middle;
	overflow: hidden;
	text-decoration: none;
	padding: 4px 12px;
	background-color:  var(--color4);
	color: #f2f2f2;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	border: none;
	outline: none;
	cursor: pointer;
}

.small-icon-button {
	width: 35px;
	height: 35px;
	background-color: transparent;
	transition: 0.4s;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	text-decoration: none;
	border: 1px solid #aaa;
	outline: none;
	opacity: 0.8;
	cursor: pointer;
}

.submit-button, .submit-button-right, .submit-button-block {
	display: inline-block;
	transition: 0.4s;
	vertical-align: middle;
	overflow: hidden;
	text-decoration: none;
	margin: 0px 4px 0px 0px;
	padding: 16px 24px;
	background-color: #15ba81;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 1px;
	border: none;
	border-radius: 20px;
	outline: none;
	opacity: 1;
	cursor: pointer;
}

.submit-button-right {
	float: right;
	background-color: #cc0000;
}

.submit-button-block {
	width: 100%;
	margin-bottom: 10px;
	font-size: 12px;
	text-align: center;
	padding: 16px 20px;
}


.left-menu-home {
	text-align: center;
	background-color: #009597;
}

.submit-button:hover, .submit-button-right:hover, .submit-button-block:hover {
	opacity: 0.85;
}

.small-submit-button, .confirm-button {		
	transition: 0.3s;
	vertical-align: middle;	
	overflow: hidden;
	text-decoration: none;
	padding: 8px 12px;
	background-color:  #15ba81;
	color: #fff;	
	font-size: 11px;
	border: none;
	outline: none;
	cursor: pointer;
}

.confirm-button {
	display: block;
	margin: 6px auto;
	background-color: red;
}
.submit-button:disabled, .submit-button-right:disabled, .submit-button-block:disabled {background-color: #bbb;opacity: 1;}
.submit-button:disabled:hover, .submit-button-right:disabled:hover, .submit-button-blocck:disabled:hover {background-color: #bbb;opacity: 1;}

.footer-heading {
  margin-top: 0;
}

.link-button {
	display: block;
	width: 100%;
	transition: 0.3s;
	vertical-align: middle;
	overflow: hidden;
	text-decoration: none;
	text-align: center;
	padding: 12px 16px;
	background-color: var(--color4);
	color: #fff;
	font-family: 'Roboto', sans-serif;
	border: none;
	outline: none;
	cursor: pointer;
}

.top-button {
	position: fixed;
	right: 20px;
	bottom: -30px;
	transition: bottom 0.4s ease;
	width: 70px;
	height: 70px;
	padding: 0px;
	background-color: #000;
	color: #fff;
	font-size: 30px;
	border: none;
	border-radius: 50%;
	outline: none;
	box-shadow: 0 6px 10px 0 rgba(0,0,0,0.2);
	opacity: 0.8;
	cursor: pointer;
}

.top-button .top-arrow {
  width: 50%;
  height: auto;
}

.top-button:hover, .link-button:hover {
	opacity: 1;
}

.social-media-logo {
  width: 20px;
  height: auto;
  vertical-align: middle;
  margin-left: 6px;
}
/*
.social-media-logo {
	width: 30px;
	display: inline-block;
	vertical-align: text-bottom;
}
*/
.contact-us-button {
	display: inline-block;
	width: 300px;
	margin: auto;
	transition: 0.3s;
	padding: 24px 30px;
	background-color: #fff;
	color: var(--color4);
	font-size: 22px;
	text-align: center;
	border: none;
	outline: none;
	box-shadow: 0 6px 10px 0 rgba(0,0,0,0.2);
}

.status-set-button {
	vertical-align: middle;	
	overflow: hidden;
	text-decoration: none;
	margin: 6px 0px 4px 8px;
	padding: 8px 12px;
	background-color:  #0e9fd8;
	color: #fff;	
	font-size: 11px;
	border: none;
	outline: none;
	cursor: pointer;
	opacity: 1;
	transition: 0.3s;
}

.status-set-button:hover {opacity: 0.9;}
	
.contact-us-button:hover {
	color: #fff !important;
	background-color: var(--color3);
}

.li-1, .li-2 {
	text-decoration: none;
	display: block;
	margin: 0em 0em 0.8em 0em;
	font-size: 15px;
}

.li-2 {margin: 0em 0em 0.8em 1em;}

.social-media-icon {
	width: 60px !important;
	height: 60px !important;
	display: inline-block;
	margin: 30px 20px;
	filter: grayscale(100%);
	opacity: 0.6;
	cursor:pointer;
}

.social-media-icon:hover {
	filter: grayscale(0%);
	opacity: 1;
}


.indicator {
	width: 20px;
	vertical-align: text-bottom;
	margin: 0 10px;
}

.paper {
	width: 209mm;
	background-color: #fff;
	padding: 10mm 20mm 20mm 20mm;
	text-align: justify;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.A4-lap {
	position: relative;
	width: 20.9cm;
	height: 29.7cm;
	display: block;
	margin: auto;
	margin-bottom: 40px;
	background-color: #fff;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


.fejlec {
	position: absolute;
	top: 0cm;
	width: 100%;
	height: 3cm;
	padding: 1cm 1cm 0.5cm 1cm;
	background-color: #fff;
	font-size: 3.5mm;
}

.lablec {
	position: absolute;
	bottom: 0cm;
	left: 0cm;
	width: 100%;
	height: 3cm;
	padding: 0.5cm 1cm 1cm 1cm;
	background-color: #fff;
}

.fejlec-logo {
	float: left;
	width: 5cm;
}

.szovegtorzs{
	padding: 3cm 2cm;
}

.card {
	width: 100%;
	margin: 26px 6px;
	padding: 20px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
 
.kapcsolat {
	width: 100%;
	background-color: var(--color1);
	padding: 30px 50px;
	border-radius: 30px;
}

.kapcsolat p {
	font-size: 18px;
	line-height: 1.5em;
	margin: 0;
}

.text-center {text-align: center;}
.text-right{text-align: right;}


#footer {
	position: relative;
	width: 100%;
	padding: 30px 0px 40px 0px;
	background-color: #f2f2f2;
}

#footer h3, #footer h4, #footer h5 {
	text-align: left !important;
}

#footer a {
	font-size: 16px;
	line-height: 1.4;
	color: #000;
}

#footer a:hover {color: #15ba81;}

.footer-menu {
	display: block;
	margin: 8px 0px;
}

#footer .desktop-row {
	text-align: center;
	line-height: 2em;
}

#footer .mobil-row {
	display: none;
	text-align: center;
	line-height: 2em;
}

.custom-input {
	position: relative;	
	background-color: #fff;
}

.custom-input label {
	margin: 0;
	padding: 0;
}

input[type="file"] {
	width: 100%;
	cursor: pointer;
}

input[type="file"]::-webkit-file-upload-button {
   opacity: 0;
   margin: 0px 48px 0px 0px;
   padding: 10px;
}

.newbutton {
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 12px;
	border: none;
	outline: none;
	font-size: 12px;
	color: #fff;
	background-color: #111;
	cursor: pointer;	
}

/*************************************************************************************************/
/*                            1920 * 1080                               */
/*************************************************************************************************/
@media screen and (max-width: 1920px) {

	h1 {font-size: 36px;}
	h2 {font-size: 32px;}
	h3 {font-size: 27px;}
	h4 {font-size: 21px;}
	h5 {font-size: 19px;}

	#karriersection {
		height:500px;
		}
	#karriercim {
		margin-top: 100px;
		font-size: 50px;
	}
		
	#citatum {
		margin-top: 30px;
	}

	#citatum p {
		font-size: 16px;
	}
	.karrier-button {
		font-size: 16px;
		margin-top: 1%;
	}
	.cim-overlay h1 {
		font-size: 60px;
	}

	.cim-overlay h2 {
		font-size: 45px;
	}

	.cim-overlay h3 {
		font-size: 34px;
	}

	.cimer {
		width: 80px;
	}	

	.logouticon {
		width: 16px;
	}
	
	.ellataskep {
		height: 500px;
	}
}

/********************************************************************************************/
/*                            1690 * 1080                                      */
/********************************************************************************************/

@media screen and (max-width: 1690px) {
.dropdown, .menu-link {
	margin: 0px 4px;
}

	.cim-overlay h1 {
		font-size: 57px;
	}

	.cim-overlay h2 {
		font-size: 45px;
	}

}

/******************************************************************************************/
/*                    1600 * 1080                                                         */
/******************************************************************************************/

@media screen and (max-width: 1600px) {
	#udv h1 {
		font-size: 50px;
		margin: 12px 0px 18px 0px;
		}

	#udv h3 {
		font-size: 30px;
		margin: 10px 0px;
		}
		
	.cim-overlay h1 {
		font-size: 50px;
	}

	.cim-overlay h2 {
		font-size: 40.5px;
	}

	.cim-overlay h3 {
		font-size: 30.5px;
	}

	.cimer {
		width: 80px;
	}

	.ellataskep {
		height: 500px;
	}

}
/***********************************************************************************************************/
/*                            1400 * 960                                                                  */
/***********************************************************************************************************/
@media screen and (max-width: 1400px) {

h1 {font-size: 34px;}
h2 {font-size: 30px;}
h3 {font-size: 25px;}
h4 {font-size: 20px;}
h5 {font-size: 17px;}		

.cim-overlay h1 {
		font-size: 44px;
	}

	.cim-overlay h2 {
		font-size: 34.5px;
	}

	.cim-overlay h3 {
		font-size: 26px;
	}

	.cimer {
		width: 75px;
	}
		
	.ellataskep {
		height: 400px;
	}

	.top-button {
		width: 60px;
		height: 60px;
		font-size: 24px;
	}

}
/************************************************************************************************/
/*                 1280 * 1024                                                                  */
/************************************************************************************************/
@media screen and (max-width: 1280px) {
	main {padding: 0px 16px;}
	
#menu-container {
	display: none;
}

#lang-container {
	display: inline-block;
	margin: 24px 10px 0px 10px;
}

#lang-container a {
	display: inline-block;
}

#lang-container a img {
	width: 22px;
	margin: 0px 5px; 
}
	
	#menu-button, #user-logo {
		display: block;
	}
	
#logo {		
	width: 340px;
	margin-top: 12px;
}
	
	#onkentes-section h1 {
		margin: 20px 0px 10px 0%;	
		font-size: 50px;
		font-weight: 500;
	}

	#onkentes-section .col-50 {
		float: none;
		width: 100%;
	}

	.cim-overlay h1 {
		font-size: 41px;
		margin-right: 20px;
	}

	.cim-overlay h2 {
		font-size: 34.5px;
		margin-right: 20px;
	}

	.cim-overlay h3 {
		font-size: 26px;
		margin-right: 20px;
	}

	.cimer {
		width: 75px;
		margin-right: 20px;
	}
	
	#udv h1 {
		font-size: 40px;
		margin: 12px 0px 18px 0px;
		}

	#udv h3 {
		font-size: 22px;
		margin: 10px 0px;
		}
	#udv p {font-size: 15px;}

	#udv-img {padding: 3%;}
	
	.ellataskep {
		height: 400px;
	}
}

/**************************************************************************************************/
/*                   1200 * 1024                                                                  */
/**************************************************************************************************/

@media screen and (max-width: 1200px) {
	.cim-overlay h1 {
		font-size: 36px;
	}

	.cim-overlay h2 {
		font-size: 32px;
	}

	.cim-overlay h3 {
		font-size: 24px;
	}

	.cimer {
		width: 70px;
	}
	
	#udv-img {padding: 1.5%;}	
}
/*************************************************************************************************/
/*                            Tablet                                                             */
/*************************************************************************************************/
@media screen and (max-width: 1030px) {
	h1 {font-size: 34px;}
	h2 {font-size: 30px;}
	h3 {font-size: 25px;}
	h4 {font-size: 20px;}
	h5 {font-size: 17px;}		
	p, li, td {font-size: 15px;}

#logo {
	width: 300px;
	margin-top: 14px;
}	
	.col-container {
		flex-direction: column;
	}
	
	.col {
		margin: 10px 0px;
		padding: 2px;
	}
	 
	.col h5{
		padding: 16px 16px 0px 16px;
	}
	
	.col p {
		padding-left: 16px;
	}
	

	
	.col img {
		border-radius: 30px;
		margin: 0;
	}
	
	.change #mobil-menu {
		display: block;
		}
	
	.cim-overlay {
		width: 100%;
		}
		
	.cim-overlay h1 {
		font-size: 50px;
		margin-right: 40px;
	}

	.cim-overlay h2 {
		font-size: 40.5px;
		margin-right: 40px;
	}

	.cim-overlay h3 {
		font-size: 30.5px;
		margin-right: 40px;
	}

	.cimer {
		width: 70px;
		margin-right: 40px;
	}
	
	.szolgaltatas-main, .szolg-img-container {
		width: 100%;
		padding: 0px;
	}

	.szolg-img {
		width: 100%;
		padding: 0px;
		border-radius: 0px;
	}
	
	#udv {width: 100%;}
	
	#udv p {
		font-size: 14px;
		}
	
	#udv-img {display: none;}
	
	#dizseritamas {
		float: left; 
		margin: 8px 12px 4px 0px;
		}
	
	.focim-szoveg {display: none;}


	.padding-bottom-50 {padding: 0px 0px 50px 0px;}

	.dropdown {
		display: block;
		}

	.open {
		display: block;
		}

	.overlay {
		opacity: 1;
		}
	.szolgaltatas-cim {
		display: none;
		}

	.m-szolg-cim a {
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 30px;
		font-weight: bold;
		text-align: center;
		color: #fff;
		}

	#footer a {
		font-size: 15px;
	}
}
/*************************************************************************************************/
/*                            Telefon                                                            */
/*************************************************************************************************/
@media screen and (max-width: 600px) {
#menu-bar {
	top: 34px;
	padding: 0px;
}

#lang-container {
	position: fixed;
	display: block;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 10px 20px;
	width: 100%;
	height: 34px;
	background-color: #fff;
}

#lang-container a {
	float: right;
}

	h1 {font-size: 28px;}
	h2 {font-size: 23px;}
	h3 {font-size: 20px;}
	h4 {font-size: 19px;}
	h5 {font-size: 16px;}
		
	p, li, td {
		font-size: 14px;
	}

	li {margin: 0em 0em 0.8em -1.8em;}

	h3 img {
		width: 30px;
	}
		
.main-section {
	margin-top: 100px;
}

.m70 {margin-top: 100px;}
	
	.padding-bottom-50 {padding: 0px 0px 10px 0px;}
	
	.cim-overlay h1 {
		font-size: 46px;
		margin-right: 15px;
	}

	.cim-overlay h2 {
		font-size: 27px;
		margin-right: 15px;
	}

	.cim-overlay h3 {
		font-size: 20px;
		margin-right: 15px;
	}
	
	.cimlapkep-img {
		background-image: url("img/autumn2.jpg");
	}
	
	.cimer {
		width: 70px;
		margin-right: 15px;
	}
	
	.int-lead {
		font-size: 14px;
	}
	
	#udv h1 {
		font-size: 34px;
		margin: 12px 0px 18px 0px;
		}

	#udv h3 {
		font-size: 23px;
		margin: 10px 0px;
		}
		
	#rolunk {
		padding: 2%;
	}
	
#logo {
	width: 280px;
	margin-top: 14px;
}

#lang-container a img {
	width: 20px;
}

	#mobil-menu {
		width: 100%;
	}

	#breadcumb {display: none;}
	
	#onkentes-section {
	padding: 8px;
	}

	#onkentes-section h1 {
		margin: 16px 0px;
		font-size: 30px;
		font-weight: 500;
		color: #fff;
	}

	.onkentes-button {
		display: inline-block;
		margin: 16px;
		font-size: 16px;
	}

	#onkentes-section .col-50 p {
		font-size: 16px;
		margin: 0px;
	}
	
	#karriersection {
		display: none;
	}
	#mobilkarrier {
		display: block;
	}
	#login-form-block {
		position: relative;
		display: block;
		margin: 40px auto;
		width: 100%;
		padding: 16px;
	}
	
	.user-block {
		margin-top: 26px;
	}
	
	.user-block h2 {
		float: none;
		font-size: 24px;
	}

	.user-bar {
		padding: 8px;
	}

	.user-img {
		display: none;
	}
	.ellataskep {
		height: 200px;
	 }
	 
	.img-25 {
		display: none;
	}

	.m-szolg-cim a {
		font-size: 30px;
		}

	.m30 {margin-top: 80px;}

	.col-80, .col-75, .col-70, .col-66, .col-60, .col-50, .col-40, .col-33, .col-30, .col-25, .col-20 {
		float: none;	
	}
	
	.col-80 {width: 100%;}
	
	.col-75 {width: 100%;}
	
	.col-70 {width: 100%;}

	.col-66 {width: 100%;}

	.col-60 {width: 100%;}

	.col-50 {width: 100%;}

	.col-40 {width: 100%;}

	.col-33 {width: 100%;}
	
	.col-20 {width: 100%;}

	.bar1, .bar2, .bar3 {
		height: 6px;
		margin: 5px 0px;
		border-radius: 3px;
	}

	.change .bar1 {
	  transform: translate(0px, 10.5px) rotate(-45deg);
	}

	.change .bar3 {
	  transform: translate(0px, -11.5px) rotate(45deg);
	}

	.card {
		margin: 20px 0px;
	}
	.card h4 {
		font-size: 15px;
	}

	.submit-button {
		margin: 4px 4px 4px 0px;
		padding: 12px 14px;
		font-size: 12px;
		letter-spacing: 0.5px;
	}
	
	.social-media-logo {
		width: 22px;
	}
	
	.top-button {
		display: none;
	}
	
	#menu-button {
		width: 40px;
		height: 40px;
		margin: 12px 10px 0px 0px;
		padding: 3px;
		}

	#user-logo {
		width: 30px;
		margin: 20px 12px;
	}	
	#footer a {
		font-size: 15px;
		}
	
	#footer .desktop-row {
		display: none;
	}
	
	#footer .mobil-row {
		display: block;
	}
	
	#uzenet {
		position: absolute;
		width: 100%;	
		padding: 20px;
	}

	#uzenet img {
		width: 40px;
		display: block;
		margin: auto;
	}
	#uzenet p {
		font-size: 16px;
		font-weight: 300;
		text-align: center;
	}

}

@media screen and (max-width: 500px) {
#logo {
	width: 260px;
}
}

@media screen and (max-width: 400px) {	
	.cim-overlay h1 {
		font-size: 37px;
		margin-right: 15px;
	}

	.cim-overlay h2 {
		font-size: 27px;
		margin-right: 15px;
	}

	.cim-overlay h3 {
		font-size: 20px;
		margin-right: 15px;
	}

	.cimer {
		width: 70px;
		margin-right: 15px;
	}
	#udv h1 {
		font-size: 30px;
		margin: 12px 0px 18px 0px;
		}

	#udv h3 {
		font-size: 20px;
		margin: 10px 0px;
		}
	.card p {text-align: left;}
}