body {
	background-color: #fff;
	color: #000;
	margin: 71px 0px 0px 0px;
	padding: 0px;
	font: normal 16px 'Yaldevi', sans-serif;
}

@font-face{
	font-family:"Font Awesome 5 Brands";
	font-style:normal; 
	font-weight:400; 
	font-display: block; 
	src:url(/assets/fa-brands-400.eot);
	src:url(/assets/fa-brands-400.eot?#iefix) format("embedded-opentype"),
	url(/assets/fa-brands-400.woff2) format("woff2"),
	url(/assets/fa-brands-400.woff) format("woff"),
	url(/assets/fa-brands-400.ttf) format("truetype"),
	url(/assets/fa-brands-400.svg#fontawesome) format("svg")
}
.fab {font-family:"Font Awesome 5 Brands";font-weight:400}


a, img, area, input, textarea, map {
	outline: none;
}


a, a:visited, a:link {
	color: #f2621c;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.balra {
	float: left;
}

.jobbra {
	float: right;
}

.center {
	text-align: center;
}

.szovegbalra {
	text-align: left;
}

.szovegjobbra {
	text-align: right;
}

.fekete, a.fekete {
	color: #000;
}
.narancs {
	color: #f2621c;
}

.feher, a.feher, a.feher:visited {
	color: #fff;
}

.narancsrgb {
	color: rgb(242, 98, 28);
}

.bold {
	font-weight: bold;
}

.margin10b { margin-left: 10px }
.margin10j { margin-right: 10px }

.keretes {
	border: 1px solid #f2621c;
	padding: 10px;
}
.nullwrapper {
	height: 0px;
}
.relative {
	position: relative;
}

.hidden {
	display: none;
}

div.flexjustify {
	display: flex;
	clear: both;
	flex-direction: row;
	align-items: stretch;
	justify-content: space-between;
	width: 100%;
	margin: 0px auto 0px auto; 
	align-self: auto;
}

div.flexcenter {
	display: flex;
	clear: both;
	flex-direction: row;
	align-items: stretch;
	justify-content: space-around;
	width: 100%;
	margin: 0px auto 0px auto; 
	align-self: auto;
	text-align: center;
}


.absolute {
	position: absolute;
}


img {
	max-width: 100%;
}

strong {
	font-weight: 700;
}



h1, h2, h3, h4 {
	text-transform: uppercase;
	font-family: 'Bebas Neue', sans-serif;
	margin-top: 0px;
	font-weight: 300;
	letter-spacing: 0px;
	display: block;
	padding-bottom: 3px;
	margin-bottom: 3px;
	color: #292929;
	border-bottom: 3px solid #292929;
}


.bebas, .kiemelt {
	font-family: 'Bebas Neue', sans-serif;
}


h1 {
	font-size: 40px;
}
h2 {
	font-size: 32px;
}
h3 {
	font-size: 26px;
}


div.pagewrapper {
	max-width: 1200px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
    display: block;
	clear: both; 
	text-align: left;
}





header {
	background-color: #f2621c;
	position: fixed;
	height: 50px;
	padding: 10px;
	width: 100%;
	z-index: 20;
	top: 0px;
	border-bottom: 1px solid rgba(41, 41, 41, 0.23);
}

header #fejlec {
	display: block;
	margin: 0px auto 0px auto;
	max-width: 1200px;
	width: 100%;
	text-align: center;
	height: 50px;
}
header #fejlec_logo {
	display: block;
	float: left;
	height: 42px;
	width: auto;
	
}

header #hamburger {
	display: none;
	cursor: pointer;
	position: fixed;
	font-size: 52px;
	color: #fff;
	transition-property: color;
	transition-duration: 500ms;
	right: 26px;
	top: 5px;
	z-index: 21;
}

header #hamburger:hover {
	color: #000;
}


header div.fomenu {
	display: block;
	float: right;
	font-family: 'Bebas Neue', sans-serif;
	font-size: 26px;
	text-transform: uppercase;
	color: #fff;
}



header a.berles {
	transition-property: border, color;
	transition-duration: 500ms;
	display: inline-block;	
	border: 1px solid #fff;
	border-radius: 8px;
	color: #fff;
	padding: 7px 35px 4px 35px;
	margin: 0px 3px 0px 3px;
}
header a.berles.selected, header a.berles:hover {
	color: #000;
	border-color: #000;
	text-decoration: none;
}


header a.fomenu {
	color: #fff;
	padding: 10px 10px 2px 10px;
	transition-property: border-bottom, color;
	transition-duration: 500ms;
	text-decoration-thickness: 3px;
	text-decoration-color: #000;
	display: inline-block;
	border-bottom: 2px solid transparent;
	margin: 0px 3px 0px 3px;
	
}
header a.fomenu:hover, header a.fomenu.selected {
	color: #000;
	text-decoration: none;
	border-bottom: 2px solid #000;
}

header .langselect {
	display: inline-block;
	vertical-align: top;
	width: 70px;
	margin: 0px 10px 0px 10px;
	cursor: pointer;
	color: #fff;
	text-align: center;
	font-size: 16px;
	margin-top: 11px;
	border-radius: 5px;
	border: 1px solid transparent;
	padding: 5px;
	color: #fff;
	transition-property: border, color;
	transition-duration: 500ms;

}

header .langselect img {
	width: 30px;
	height: auto;
	display: inline-block;
	padding: 0px;
	margin: 0px;
	vertical-align: middle;
}


header .langselect:hover {
	height: auto;
	border: 1px solid #000;
	color: #000;

}


#mobilmenu {
	display: none;
	position: fixed;
	z-index: 75;
	background-color: #f2621c;
	top: 61px;
	height: calc(100% - 41px);
	width: 100%;
	font-family: 'Bebas Neue', sans-serif;
	font-size: 32px;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
}

#mobilmenu a {
	display: block;
	margin: 10px auto 10px auto;
	width: 70%;
	padding: 10px;
}


#mobilmenu a.mobilmenu {
	text-align: center;
	color: #fff;
	text-decoration: none;
	border-bottom: 2px solid #f2621c;
	transition-property: border, color;
	transition-duration: 500ms;
}


#mobilmenu a.mobilmenu:hover, #mobilmenu a.mobilmenu.selected {
	color: #000;
	text-decoration: none;
	border-bottom: 2px solid #000;
}


#mobilmenu a.berles {
	transition-property: border, color;
	transition-duration: 500ms;
	display: block;	
	text-align: center;
	border: 1px solid #fff;
	border-radius: 8px;
	color: #fff;
}
#mobilmenu a.berles.selected, #mobilmenu a.berles:hover {
	color: #000;
	border-color: #000;
	text-decoration: none;
}






footer {
	background-color: #333;
	max-width: 100%;
	padding: 30px;
	color: #f5f5f5;
	text-align: center;
}

footer a, footer a:visited, footer a:link  {
	color: #f5f5f5;
}
footer a:hover {
	color: #f2621c;
}


footer img {
	width: 400px;
	height: auto;
}
footer .kiemelt {
	font-size: 28px;
}


#slideshow {
	display: block;
	position: relative;
	width: 100%;
	overflow: hidden;
}

#slideshow img.logo {
	position: absolute;
	display: block;
	z-index: 2;
	width: 50%;
	top: 15%;
	left: 25%;
}


div.kartyak {
	display: flex;
	clear: both;
	flex-direction: row;
	align-items: stretch;
	justify-content: space-between;
	width: 100%;
	margin: 0px auto 25px auto; 
	align-self: auto;
}


div.kartya {
	position: relative;
	display: inline-block;
	background-size: 100% auto ;
	background-position: center center;
	background-repeat: no-repeat;
	height: 360px;
	width: 49%;
	transition-property: background-size;
	transition-duration: 500ms;
	cursor: pointer;
}
div.kartya:hover {
	background-size: 100% auto ;
}


div.kartya .szoveg {
	position: absolute;
	bottom: 5%;
	font-family: 'Bebas Neue', sans-serif;
	font-size: 44px;
	color: #fff;
	text-shadow: 2px 2px 10px rgba(0, 0, 0, .70);
	width: 90%;
	left: 5%;
}



div.egymotor {
	display: flex;
	clear: both;
	flex-direction: row;
	align-items: stretch;
	justify-content: space-between;
	width: 100%;
	margin: 25px 0px 25px 0px;
}


div.egymotor .kepwrapper, div.egymotor .desc {
	display: inline-block;
	position: relative;
	width: 49%;
	vertical-align: top;
}

div.egymotor .kepwrapper {
	text-align: center;
}

div.egymotor div.motorkepek {
	display: block;
	overflow: hidden;
	position: relative;
}

div.egymotor .kepwrapper img {
	display: block;
	margin-bottom: 25px; 
	margin-top: 25px;
	cursor: pointer;
}
div.egymotor div.motorkepek img.motorkepek {
	display: none;
}

div.egymotor div.motorkepek img.motorkepek:first-of-type {
	display: block;
}


div.egymotor .kepwrapper img.hidden {
	display: none;
} 


div.egymotor .kepwrapper .prev, div.egymotor .kepwrapper .next {
	position: absolute;
	font-size: 60px;
	color: #fff;
	text-shadow: 0px 0px 10px rgb(242, 98, 28);
	top: calc(50% - 30px);
	opacity: 0;
	transition-property: opacity;
	transition-duration: 1s;
	cursor: pointer;
}
div.egymotor .kepwrapper .prev {
	left: 20px;	
}

div.egymotor .kepwrapper .next {
	right: 20px;	
}

div.egymotor .kepwrapper:hover .prev, div.egymotor .kepwrapper:hover .next {
	opacity: 1;
}



div.egymotor .desc {
	vertical-align: top;
	font-size: 14px;
}
div.egymotor .nev {
	font-family: 'Bebas Neue', sans-serif;
	font-size: 50px;
	position: absolute;
	border-bottom: 5px solid #292929;
	color: #292929;
	z-index: 2;
	left: 5%;
	top: 3%;
}

a.foglalogomb {
	display: inline-block;
	width: 55%;
	font-family: "Bebas Neue", sans-serif;
	font-size: 25px;
	font-weight: 100;
	letter-spacing: 5px;
	line-height: 19px;
	background-color: #f2621c;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	border: 1px solid #f2621c;
	transition-property: background-color, color, border-color;
	transition-duration: 500ms;
	text-decoration: none;
	padding: 10px;
}


a.narancsgomb {
	display: inline-block;
	font-family: "Bebas Neue", sans-serif;
	font-size: 25px;
	font-weight: 100;
	letter-spacing: 5px;
	line-height: 19px;
	background-color: #f2621c;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	border: 1px solid #f2621c;
	transition-property: background-color, color, border-color;
	transition-duration: 500ms;
	text-decoration: none;
	padding: 10px;
}

div.egymotor .arcedula {
	display: inline-block;
	width: 30%;
	font-family: "Bebas Neue", sans-serif;
	font-size: 25px;
	font-weight: 100;
	letter-spacing: 2px;
	line-height: 19px;
	color: #f2621c;
	text-align: center;
	border-radius: 5px;
	border: 1px solid #f2621c;
	padding: 10px;
	margin-right: 5%;
}

a.foglalogomb:hover, a.narancsgomb:hover {
	color: #000;
	background-color: transparent;
	border-color: #000;
	text-decoration: none;
}

div.egymotor .reszletek {
	display: none;
}



div.datumok {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	justify-content: space-between;
	
}


div.datumok .berles_inputsor {
	display: inline-block;
	width: 45%;
	text-align: center;
	color: #fff;
	background-color: #f2621c;
	font-family: "Bebas Neue", sans-serif;
	font-size: 22px;
	padding: 10px;
	border-radius: 10px;
}
.berles_inputsor input, .berles_inputsor select, div.dateinput_replacement {
	display: block;
	background-color: #fff;
	color: #000;
	font-size: 18px;
	padding: 5px;
	margin: 5px auto 5px auto;
	border: none;
	border-radius: 10px; 
	font-family: 'Yaldevi', sans-serif;
	/* display: none; */
}
.berles_inputsor input {
	display: none;
	position: absolute;
}


div.dateinput_replacement {
	width: 180px;
	cursor: pointer;
}


div.napidij {
	display: inline-block;
	font-family: "Bebas Neue", sans-serif;
	font-size: 25px;
	font-weight: 100;
	letter-spacing: 2px;
	line-height: 20px;
	color: #f2621c;
	text-align: center;
	border-radius: 5px;
	border: 1px solid #f2621c;
	padding: 10px;
}



#gordito {
	overflow-x: hidden;
	width: 100%;
}
#gordito .inner {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	justify-content: space-between;
}
#gordito .listaelem {
	display: inline-block;
	vertical-align: top;
	width: 23%;
	text-align: center;
	font: normal 22px "Bebas Neue", sans-serif;
	color: #f2621c;
	cursor: pointer;
	position: relative;
}
#gordito .listaelem img {
	display: block;
	margin: 5px auto 5px auto;
	width: 90%;
	height: auto;
	border-radius: 5px;
	border-color: #fff;
	border-width: 1px;
	border-style: solid;
	transition-property: border-color;
	transition-duration: 500ms;
}
#gordito .listaelem:hover img {
	border-color: #f2621c;
}

#gordito .listaelem .arcedula {
	padding: 3px;
	border: 1px solid #f2621c;
	width: 70%;
	margin: 5px auto 5px auto;
	text-align: center;
	font-size: 16px;
}



#gordito .listaelem .optiontick {
	position: relative;
	display: inline-block;
	/* right: 25px;
	top: 45px;
	z-index: 2;
	font-family: eicons;
	*/
	font-family: 'Yaldevi', sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: rgba(242, 98, 28, .40);
	border: 1px solid rgba(242, 98, 28, .40);
	border-radius: 10px;
	margin: 3px; 
	padding: 2px 5px 2px 5px;
	
}
/*
#gordito .listaelem .optiontick:before {
	content:'\e8f7';
	
}
#gordito .listaelem .optiontick.checked:before {
	content:'\e90d';
}
*/
#gordito .listaelem .optiontick.checked {
	color: #fff; 
	background-color: rgba(242, 98, 28, 1);
	border: 1px solid rgba(242, 98, 28, 1);
}




div.separator {
	display: block;
	height: 12px;
	background: transparent url(../assets/sep.png) left top repeat-x;
	width: 100%;
	margin: 40px 0px 40px 0px;
}





.szurkegomb {
	display: inline-block;
	background-color: #fff;
	color: #5b5b5b; 
	text-transform: uppercase;
	cursor: pointer;
	text-align: center;
	/* height: 21px; */
	padding: 8px;
	font-size: 20px;
	border: none;
	font-weight: bold;
	font-family: 'Bebas Neue';
	border: 1px solid #5b5b5b;
	border-radius: 8px;
	vertical-align: middle;
}

input.szurkeinput {
	display: inline-block;
	background-color: #fff;
	color: rgb(91,91,91);
	/* text-transform: uppercase; */
	text-align: left;
	padding: 10px;
	font-size: 20px;
	border: 1px solid #bfbfbf;
	border-radius: 8px;
	vertical-align: middle;
} 

input.szurkeinput::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #ddd;
	opacity: 1; /* Firefox */
}

input.szurkeinput:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #ddd;
}

input.szurkeinput::-ms-input-placeholder { /* Microsoft Edge */
	color: #ddd;
}


textarea.szurkeinput {
	display: block;
	background-color: #fff;
	color: rgb(91,91,91);
	/* text-transform: uppercase; */
	text-align: left;
	padding: 10px;
	font-size: 20px;
	border: 1px solid #bfbfbf;
	border-radius: 8px;
	vertical-align: middle;
	width: calc(100% - 30px);
	
} 

 /* Customize the label (the container) */
.radio_container {
  display: inline-block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.radio_container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.radio_container .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #ccc;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radio_container:hover input ~ .checkmark {
  background-color: #f2621c;
}

/* When the radio button is checked, add a blue background */
.radio_container input:checked ~ .checkmark {
  background-color: #f2621c;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radio_container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio_container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radio_container .checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
} 




 /* Customize the label (the container) */
.checkbox_container {
  display: inline-block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox_container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkbox_container	.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #ccc;
}

/* On mouse-over, add a grey background color */
.checkbox_container:hover input ~ .checkmark {
  background-color: #f2621c;
}

/* When the checkbox is checked, add a blue background */
.checkbox_container input:checked ~ .checkmark {
  background-color: #f2621c;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkbox_container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox_container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox_container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
} 




#rendeles_adatok {
	width: 55%;
	float: left;
	display: block;
}

#osszesites {
	width: 40%;
	float: right;
	display: block;
	font-size: 16px;
}

#osszesites .cimke, #rendeles_adatok .nagycimke {
	font: normal 28px "Bebas Neue", sans-serif;
	color: #f2621c;
	display: block;
	border-bottom: 1px solid #000;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

#osszesites div.kosaropciok {
	display: block;
	background-color: rgb(240, 240, 240);
	padding: 10px;
	
}
#osszesites div.kosaropciok .label {
	margin: 0px 5px 0px 5px;
	display: block;
	display: flex;
	justify-content: space-between;	
	font-family: 'Bebas Neue';
	font-size: 20px;
	
}
#osszesites div.kosaropciok .label::after {
	content: "ˇ";
}

#osszesites div.kosaropciok .oneitem {
	display: block;
	margin: 5px;
	padding: 5px;
	cursor: pointer;
	margin-left: 25px;
}

#osszesites div.kosaropciok .oneitem .checkbox {
	width: 20px;
	height: 20px;
	display: inline-block;
	border: 1px solid #000;
	margin-right: 15px;
	vertical-align: middle;
	text-align: center;
}

#osszesites img.kartyalogok {
	display: block;
	max-width: 90%;
	height: auto;
}


#osszesites div.kosaropciok .oneitem:hover .checkbox, #osszesites div.kosaropciok .oneitem .checkbox.checked {
	background-color: #000;

}

#osszesites div.kosaropciok p {
	margin-left: 25px;
}

#osszesites .sommazas {
	border-top: 1px solid #bfbfbf;
	border-bottom: 2px solid #5b5b5b;
	font-size: 24px;
	font-weight: bold;
	padding: 25px ;
	background-color: rgb(240, 240, 240);
}
#osszesites .sommazas .jobbra {
	font-family: 'Bebas Neue';
}

#rendeles_adatok .inner {
	width: 100%;
	max-width: 800px;
	margin: 0px auto 0px auto;
	display: block;
}

#rendeles_adatok div.inputsor {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	flex-wrap: nowrap;
	justify-content: space-between;	
	margin: 20px;
}

#rendeles_adatok div.inputsor input {
	display: inline;
	text-align: left;
	position: relative;
	top: -10px;
}

#rendeles_adatok div.inputsor div.megadott {
	display: inline;
	text-align: left;
	position: relative;
	font-style: italic;
	margin-left: 25px; 
}


#rendeles_adatok div.inputsor .nagy {
	width: calc(100% - 200px);
}

#rendeles_adatok div.inputsor .kozepes {
	width: calc(100% - 373px);
}

#rendeles_adatok div.inputsor .kicsi {
	width: 120px;
}

#rendeles_adatok div.opcioblokk {
	width: calc(100% - 200px); margin-right: 0px; margin-left: auto; 
}










/* neoport cuccok */


div.popupunderlay {
	background-color: rgba(255, 255, 255, .90);
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 75;
}


#overlaywarning, .overlaywarning  {
	border: 1px solid #000;
	border-radius: 15px;
	color: #000;
	font-size: 14px;
	background-color: #f2621c;
	padding: 15px;
	position: fixed;
	width: 30%;
	top: 40%;
	left: 34%;
	text-align: center;
	z-index: 95;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, .60);
}


.overlaywarning_white  {
	border: 1px solid #f2621c;
	border-radius: 15px;
	color: #f2621c;
	font-size: 14px;
	background-color: #fff;
	padding: 15px;
	position: fixed;
	width: 30%;
	top: 40%;
	left: 34%;
	text-align: center;
	z-index: 95;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, .60);
}



.warning {
	border: 1px dotted #f2621c;
	border-radius: 8px;
	color: #000;
	font-weight: bold;
	font-size: 14px;
	padding: 5px;
	text-align: center;
	background-color: #f2621c;
}

div.rounded_popup {
	color: #000;
	position: fixed;
	text-align: center;
	z-index: 20;
	font-size: 20px;
	display: none;
	left: 20%;
	top: 20%;
	width: 60%;
	background-color: #f2621c;
}


#popupimg_wrapper {
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 80;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	text-align: center;
}

#popupimg_wrapper img {
	max-width: calc(100% - 100px);
	max-height: calc(100% - 100px);
	width: auto;
	height: auto;
	border-radius: 15px;
	border: 1px solid #f2621c;
	box-shadow: 0px 0px 10px rgba(160, 235, 11, .50);
}


#tooltiplayer {
	position: absolute;
	z-index: 10;
	padding: 5px;
	display: none;
	border-radius: 10px; 
	box-shadow: 2px 2px 10px rgba(0,0,0,.60);
	background-color: #f2621c;
	color: #000;
	font-size: 13px;
}
#tooltiplayer img {
	position: absolute;
	right: -11px;
	top: -1px;
	display: block;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	
}

/* reszponzív dolgok */


@media screen and (max-width: 1180px) {
	header {
		height: 40px;
	}

	header #fejlec {
		height: 40px;
	}
	
	header #fejlec_logo {
		height: 38px;
	}
	header div.fomenu {
		font-size: 22px;
	}	
	body {
		margin: 51px 0px 0px 0px;
	}	
	
	header .langselect {
		font-size: 14px;
		margin-top: 8px;
		padding: 5px;
	}
	
	
	div.egymotor .nev {
		font-size: 32px;
		left: 1%;
		top: 1%;
	}
	
	a.foglalogomb, div.egymotor .arcedula {
		font-size: 20px;
		line-height: 18px;
		letter-spacing: 1px;
		width: 30%;
		padding: 5px;
	}
	
	a.narancsgomb {
		font-size: 20px;
		line-height: 18px;
		letter-spacing: 1px;
		width: auto;
		padding: 5px;
	}
	
	#gordito .inner {
		display: block;
	}
	#gordito .listaelem {
		display: inline-block;
		width: 40%;
		margin-left: 2%;
		margin-right: 2%;
	}
	
	
	#rendeles_adatok, #osszesites {
		width: auto;
		float: none;
	}
}



@media screen and (max-width: 768px) {
	
	div.pagewrapper {
		width: 98%;
		margin-left: 1%;
		margin-right: 1%;
	}


	/* header #fejlec_logo {
		width: 65%;
		position: relative;
		height: auto;
		top: 4px;
	}
	*/ 

	header div.fomenu a {
		display: none;
	}	
	header #hamburger {
		display: block;
	}
	header div.fomenu {
		margin-right: 0%;
	}	


	div.kartyak {
		display: block;
	}

	div.kartya {
		display: block;
		width: 100%;
		margin: 20px auto 20px auto;
		background-size: 110% auto;
		background-position: 50% 90%;
		height: 240px;
	}
	div.kartya:hover {
		background-size: 100% auto;
	}
	
	div.egymotor .nev {
		font-size: 32px;
	}
	
	a.foglalogomb, div.egymotor .arcedula {
		display: block;
		margin: 15px auto 15px auto; 
		width: 60%;
	}

	div.egymotor {
		display: block;
		width: 100%;
	}
	div.egymotor .kepwrapper, div.egymotor .desc {
		display: block;
		position: relative;
		width: 100%;
	}
	div.napidij {
		font-size: 20px;
	}
	
	div.datumok {
		display: block;
		flex-direction: inherit;
		align-items: auto;
	}

	div.datumok .berles_inputsor {
		display: block;
		width: 90%;
		font-size: 20px;
		margin-bottom: 16px;
		margin-left: auto;
		margin-right: auto;
	}
	
	
	#rendeles_adatok div.inputsor {
		display: block;
	}
	
	#rendeles_adatok div.inputsor input {
		padding: 5px;
		font-size: 18px;
		display: block;
		margin-top: 6px;
		top: 0px;
	}
	#rendeles_adatok div.inputsor input[type=number] {
		display: inline-block;
	}
	
	
	
	#rendeles_adatok div.inputsor .nagy {
		width: calc(100% - 30px);
	}
	
	
	input.szurkeinput {
		padding: 5px;
		width: auto;
		margin: 0px;
	}
	
	#gordito .listaelem {
		display: block;
		width: 90%;
		margin: 25px 2% 25px 2%;
		border-top: 1px solid silver;
		padding-top: 25px;
	}
	#gordito .listaelem:first-of-type {
		border-top: none;
	}
	
	
	div.flexcenter {
		flex-direction: column;
		justify-content: space-around;
		width: 75%;
		height: 100px;
	}
	
	div.flexjustify {
		flex-direction: column;
		width: 100%;
		height: 100%;
		height: auto;
	}
	
	div.contactinput {
		margin: 25px auto 25px auto;
		display: block;
		width: auto;
		max-width: 100%;
		text-align: center;
	}
	
	
	#overlaywarning {
		width: 60%;
		top: 35%;
		left: 17%;
	}
	

}