:root {
	--main-elso-szin: #b8ad97;
	--main-masodik-szin: #15394f;
	--main-harmadik-szin: #9ba2a8;
	--main-negyedik-szin: #e3e4e6;
	--main-otodik-szin: #E7E8E9;
	--main-betuszin: #15394f;
	--main-cimbetuszin: #15394f;
	--main-betuszin-vilagos: #fff;
	--main-betuszin-hover: #ff71b5;
}
@keyframes pulse {
	0% {
	  transform: scale(1);
	  box-shadow: 0 0 0 0 rgba(126, 126, 126, 0.7);
	}
  
	70% {
	  transform: scale(1);
	  box-shadow: 0 0 0 16px rgba(255, 255, 255, 0);
	}
	100% {
	  transform: scale(1);
	  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
  }
html, body {
	margin: 0;
	padding: 0;
	color: var(--main-betuszin);
	width: 100%;
	height: 100%;
	font-family: 'Roboto', sans-serif;
	box-sizing: border-box;
}
html {
	scroll-behavior: smooth;
	background-color: var(--main-negyedik-szin);
	box-sizing: border-box;
	font-size: 11pt;
	font-weight: normal;
}
.alapszel {
	width: 1200px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	position: relative;
}
p {
	line-height: 150%;
}
.szovegbox {
margin: 0px;
padding-bottom: 40px;
display: table;
width: 100%;
}
.szovegbox ul, .szovegbox ol {
	margin-left: 10px;
		font-size: 11pt;
	line-height: 16pt;
	margin: 0px 0px 0px 0px;
}
.szovegbox ul{
	list-style-position: inside;
	list-style: none;
}
.szovegbox li {
	padding: 5px;
}
.szovegbox ul li {
	text-indent: -2em;
}
.szovegbox ul li::before {content: " ■ "; 
	font-size: 20px; 
	margin-right: 8px;
	color: var(--main-harmadik-szin) !important;
}
.szovegbox iframe {
	width: 800px;
	height: 500px;
}
h1{
	color: var(--main-cimbetuszin);
	font-weight: 300;
	font-size: 20pt;
	line-height: 120%;
	text-transform: uppercase;
}
h2 {
	font-size: 18pt;
	font-weight: 300;
	line-height: 100%;
}

.cimsor h1 {
	margin: 12px 0px 4x 0px;
}
.cimsor h2 {
	margin: 0px 0px 0px 0px;
}
.cimsor h2::before {
	content: "►";
	color: var(--main-harmadik-szin);
	font-size: 14pt;
	margin: 0px 8px;
}
h3 {
	color: var(--main-cimbetuszin);
	font-size: 16pt;
	font-weight: 300;
	line-height: 100%;
	margin: -12px 0px 0px 0px;	
}

.kiemelt h2 {
	color: red;
	font-weight: 500;
}
.kiemeltBejegyzes h2 {
	background-color: var(--main-harmadik-szin);
	color: white;
	padding: 0.7rem 1rem;
	border-radius: 10px;
	display: inline-block;
	font-size: 1.7rem;
	line-height: normal;
	width: 100%;
	position: relative; /* szükséges a ::before pozícionálásához */
	padding-left: 3rem; /* helyet adunk a pipának bal oldalon */
	margin-bottom: 0px;
}
.h2gomb {
	background-color: var(--main-harmadik-szin);
	text-align: center;
	border-radius: 10px;
	padding: 28px;
	margin-top: -15px;
}
.kiemeltBejegyzes h2::before {
	content: "✔";
	position: absolute;
	left: 0.5rem;
	top: 23px;
	transform: translateY(-50%);
	color: var(--main-masodik-szin);
	font-size: 2.3rem;
}
a:link, a:visited {
	text-decoration: none;
	color: var(--main-betuszin);
}
.fhiv a:link, .fejikonsor a:link, .fhiv a:visited, .fejikonsor a:visited {
	color: white;
}
.fejikon:hover {
	background-color: var(--main-masodik-szin);
}
.fhiv a:hover, .fejikonsor a:hover {
	color: orange;
}
.shiv a:link, .labsor a:link, .shiv a:visited, .labsor a:visited {
	color: var(--main-masodik-szin);
}
.shiv a:hover, .labsor a:hover {
	color: orangered;
}
.fejsor {
	z-index: 2;
	position: fixed;
	width: 100%;
	transition: 1s;
	margin-top: 0px;
	background-color: hsla(0, 0%, 100%, 0.4);
}
.fejsor.small {
	background-color: hsla(0, 0%, 83%, 0.9);
}
.fejsorlogo{
	height: 100px;
	transition: width 2s, height 2s;
}
.fejsor.small .fejsorlogo{
	height: 74px;
}
.fejsor.small .fejikonsor button{
	margin: 17px 20px;
}
.fejsor.small .fejikon{
	margin: 19px 8px;
}
#topfejcsik {
	color: white;
	background-color: var(--main-elso-szin);
	display: table;
	width: 100%;
	padding: 4px 0px;
	font-size: 10pt;
	position: relative;
}
#topfejcsik a:link {
	color: white;
}
#topfejcsik span {
	margin: 0px 16px 0px 0px;
	float: right;
}
.nyelv {
	float: right;
	color: black;
	margin: 0px 2px;
	text-transform: uppercase;
}
.nyelv::after {
    content: " | ";
}
.nyelv:first-child::after{
    content: none;
}

.fejikonsor {
	float: right;
	display: table;
}
.fejikonsor button{
	background-color: var(--main-masodik-szin);
	color: #fff;
	padding: 12px;
	border-radius: 8px;
	margin: 32px 20px;
	transition: margin 2s;
}
.fejikon {
	float: right;
	background-color: var(--main-elso-szin);
	padding: 8px;
	margin: 36px 8px;
	border-radius: 50%;
	transition: margin 2s;
}
.fejikon:hover {
	animation-name: pulse;
	animation-duration: 3s;
	animation-delay: 0s;
	animation-iteration-count: infinite;
	transition: .8s;
}

.menusor {
	background-color: white;
	display: table;
	width: 100%;
	box-shadow: 0px 1px 8px 2px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 1px 8px 2px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 1px 8px 2px rgba(0,0,0,0.25);
	position: relative;
}
.bannersor {
	background-position: center top;
	height: 370px;
	margin-top: 0px;
	z-index: -1;
	text-align: center;
	position: relative;
}
#bannerszoveg, #bannerszovegKezdo {
	position: absolute;
	display: block;
	text-align: center;
	bottom: 10px;
	width: 100%;
	height: 180px;
	padding: 0px 20%;
	text-shadow: 2px 2px #535353;
	box-sizing: border-box;
	display:flex;
	justify-content:center;
	align-items:center;
}
#bannerszovegKezdo {
	width: 80%;
	margin-left: 10%;
}
.bannersor h1{
	color: #fff;
	font-weight: 100;
	font-size: 40pt;
	margin: 0px;
	text-transform: none
}
.altatasos {
	position: absolute;
	bottom: 30px;
	right: 20%;
	text-align: center;
	width: 140px;
	height: 140px;
	border-radius: 50%;
	background-color: rgba(14, 23, 76, 0.3);
	border: 8px solid var(--main-masodik-szin);
	color: white;
	font-weight: 100;
	font-style: italic;
	font-size: 13pt;
	line-height: 140%;
	padding: 21px 0px;
	box-sizing: border-box;
	transform: rotate(-10deg); /* Equal to rotateZ(45deg) */

}
.test {
	position: relative;
	min-height: 100%;
}
.testsor {
	padding-bottom: 160px; 
}
.fokep {
	float: right;
	margin: 18px;
}
.labsor {
	background-color: var(--main-harmadik-szin);
	position: absolute;
	display: table;
	width: 100%;
	bottom: 0px;
	padding: 24px 0px;
	font-size: 10pt;
}
.labinfo, .lablogo{
	width: 25%;
	float: left;
}
.lablogo{
	text-align: center;
}
.labinfo span{
 margin: 8px 0px;
 display: block;
}
.centerDivs {
	display: block;
	text-align: center;
}
.malap, .kepesmenu {
	display: inline-block;
	padding: 14px 14px;
	text-align: center;
	box-sizing: border-box;
}
.kepesmenu {
	background-color: white;
	height: 440px;
	width: 330px;
	padding: 0px;
	margin: 36px 16px;
	border-radius: 16px;
	box-shadow: 0px 1px 8px 2px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 1px 8px 2px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 1px 8px 2px rgba(0,0,0,0.25);
	text-align: center;
	position: relative;
	overflow: hidden;
}
.kepesmenu:hover{
	animation-name: pulse;
	animation-duration: 3s;
	animation-delay: 0s;
	animation-iteration-count: infinite;
	transition: .8s;
}
.kepesmenu span{
	background-color: var(--main-masodik-szin);
	color: #fff;
	padding: 8px;
	border-radius: 8px;
	display: block;
	font-size: 20pt;
	font-weight: 100;
	width: 80%;
	margin: 0px 10%;
	box-sizing: border-box;
}
.kepesmenu a{
color: var(--main-harmadik-szin);
}
.kepesmenu h2{
	height: 70px;
	width: 90%;
	margin: 38px 5%;
}
.szolgaltatas {
	display: inline-block;
	padding: 14px 28px;
	box-sizing: border-box;
	height: 450px;
	color: var(--main-betuszin)!important;
}
#sarkitott, .szolgaltatas img {
	border-radius: 16px;
	box-shadow: 0px 1px 8px 2px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 1px 8px 2px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 1px 8px 2px rgba(0,0,0,0.25);
}
.szolgaltatas b {
	width: 100%;
	display: table;
	margin: 4px 0px;
	text-transform: uppercase;
	color: var(--main-masodik-szin);
}
.szolgaltatas p {
	width: 330px;
	height: 130px;
	display: table;
	text-align: left;
}
.szolgaltatas span {
	width: 100%;
	display: table;
	text-align: right;
	font-weight: 700;
}
.szolgaltatas span:hover {
	color: red;
}
.argombok {
	padding: 20px;
}
.argombok button, .idopontfoglalas button, .letolt-gomb {
	/* background-color: var(--main-masodik-szin); */
	background-color: white;
	/* color: #fff; */
	padding: 18px 8px;
	border-radius: 8px;
	display: block;
	font-size: 12pt;
	font-weight: 100;
	width: 40%;
	margin: 1% 5%;
	float: left;
	box-sizing: border-box;
	transition: 0.8s;
}
.idopontfoglalas {
	width: 100%;
	display: block;
	padding: 8px;
}
.idopontfoglalas button {
	width: auto;
	padding: 12px;
	text-transform: uppercase;
	font-weight: 300;
}
.argombKiemelt {
	background-color: red!important;
	color: white;
}
.argombok button:hover, .argombOn, .idopontfoglalas button, .letolt-gomb {
	background-color: var(--main-masodik-szin)!important; 
	color: #fff; 
}

.idopontfoglalas button, .letolt-gomb {
	float: none;
	margin: 0px auto;
	font-size: 20px;
}
.idopontfoglalas button:hover, .letolt-gomb:hover {
	animation-name: pulse;
	animation-duration: 3s;
	animation-delay: 0s;
	animation-iteration-count: infinite;
	transition: .8s;
}
.letolt-gomb span {
font-size: 40px;
float: left;
border-right: 1px solid white;
padding: 4px 8px;
margin-right: 8px;
}
.munkatarsak {
	display: inline-block;
	box-sizing: border-box;
	height: 280px;
	width: 160px;
	position: relative;
	margin: 12px;
}
.munkatarsak img{
	border-radius: 12px;
	width: 160px;
}
.munkatarsak p{
	font-size: 10pt;
	height: 20px;
	margin: 4px 0px 2px 0px;
}
.munkatarsak span{
	font-size: 10pt;
	height: 20px;
	display: block;
	position: absolute;
	width: 150px;
	text-align: center;
}
.hatteresdoboz, .velemeny {
	background-color: var(--main-masodik-szin);
	color: white;
	border-radius: 12px;
	padding: 20px;
	margin-top: 20px;
	display: table;
}
.velemeny {
	background-color: var(--main-harmadik-szin);
	color: var(--main-betuszin);
	border-radius: 12px;
	padding: 20px;
	margin-top: 20px;
	display: table;
}
.hatteresdoboz p, .velemeny p{
	margin: 0px;
}
.velemeny b, .velemeny i {
	clear: right;
	float: right;
	margin-top: 4px;
}
.velemeny img {
	max-width: 100px;
	float:  left;
	margin: 0px 18px 0px 0px;
	border-radius: 8px;
}
.terkep {
	border-radius: 16px;
	box-shadow: 0px 1px 8px 2px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 1px 8px 2px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 1px 8px 2px rgba(0,0,0,0.25);
	padding: 8px;
	margin: 40px;
}
#arlista table, #arlista td {
	border: none;
	padding: 8px 4px;
}
#arlista tr:nth-child(even){background-color: #f2f2f2;}

#arlista tr:hover {background-color: var(--main-masodik-szin); color: white;}
.ovfh {
 overflow: hidden;
}
.lezar {
	clear: both;
}

/* Alapból elrejtve mindenhol */
.floating-buttons {
  display: none;
}