:root {
	--kek: #232049;
	--feher: #FFFFFF;

	--h1-b-m: 40px;
	--h2-b-m: 32px;
	--h3-b-m: 28px;
	--h4-b-m: 24px;
	--h5-b-m: 20px;
	--h6-b-m: 16px;
	--p-b-m: 16px;
	--margin-h1: 36px 0px;
	--margin-h2: 32px 0px;
	--margin-h3: 28px 0px;
	--margin-h4: 24px 0px;
	--margin-h5: 20px 0px;
	--margin-h6: var(--margin-h5);
	--margin-p: 20px 0px;
	--szinatmenetel: linear-gradient(to right top, #2f3370, #42306d, #522b69, #602763, #6b225c, #7a1e59, #881b54, #95184e, #aa1748, #bd1c3e, #cc2930, #d83b1c)
}
*::-moz-selection {
	background: var(--kek);
	color: var(--feher);
}
*::selection {
	background: var(--kek);
	color: var(--feher);
}
*, body {
	font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif!important;
}
.fa {
	font-family: FontAwesome!important;
}
h1 {
	font-size: var(--h1-b-m);
	margin: var(--margin-h1);
	font-weight: 800;
}
h2 {
	font-size: var(--h2-b-m);
	margin: var(--margin-h2);
	font-weight: 700;
}
h3 {
	font-size: var(--h3-b-m);
	margin: var(--margin-h3);
	font-weight: 600;
}
h4 {
	font-size: var(--h4-b-m);
	margin: var(--margin-h4);
	font-weight: 600;
}
h5 {
	font-size: var(--h5-b-m);
	margin: var(--margin-h5);
	font-weight: 600;
}
h6 {
	font-size: var(--h6-b-m);
	margin: var(--margin-h6);
	font-weight: 600;
}
h1, h2, h3, h4, h5, h6 {
	line-height: 1.5em;
}
p, #start li, td {
	font-weight: 600;
}
.navbar svg {  
	transition: fill .4s ease;
}

.header-transparent.header-dark.header-fixed.header-animated.sticky-footer svg path,
.header-transparent.header-dark.header-fixed.header-animated.sticky-footer svg polyline, .open svg path, .open svg polyline, .overlay svg polyline, 
.topkocka svg path{
	fill: var(--feher)!important;
}
.header-transparent.header-dark.header-fixed.header-animated.sticky-footer .scrolled svg path, 
.header-transparent.header-dark.header-fixed.header-animated.sticky-footer .scrolled svg polyline,
.navbar-brand:hover path, .navbar-brand:hover polyline  {
	fill: var(--kek)!important;
}
#header a {
	color: var(--kek);
}
.st1 {
	display: block;
}
.scrolled .st1 {
	display: none;
}
.scrolled svg {
	height: 52px!important;
	margin-top: 21px;
}
.navigation a {
	position: relative;
	overflow: hidden;
}
.navigation li:hover {
	background: var(--feher)
}
.navigation li:hover a::before {
	-webkit-transform: translate3d(0%, 0, 0);
	-moz-transform: translate3d(0%, 0, 0);
	-ms-transform: translate3d(0%, 0, 0);
	-o-transform: translate3d(0%, 0, 0);
}
.navigation li:hover a {
	background:  var(--szinatmenetel);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.navigation a::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	-webkit-transform: translate3d(-102%, 0, 0);
	-moz-transform: translate3d(-102%, 0, 0);
	-ms-transform: translate3d(-102%, 0, 0);
	-o-transform: translate3d(-102%, 0, 0);
	transform: translate3d(-102%, 0, 0);
	width: 100%;
	height: 0.1em;
	padding: 0px 2em;
	background-color: var(--feher);
	opacity: 0;
	-webkit-transition: opacity 300ms, transform 300ms;
	transition: opacity 300ms, transform 300ms;
	opacity: 1;
}
a.btn.btn-primary.btn-lg {
	box-sizing: content-box;
	cursor: pointer;
	height: auto;
	padding: 18px 32px;
	font-size: var(--p-b-m);
	line-height: 120%;
	min-width: 48px;
	margin-right: 8px;
	border-radius: 8px;
	background-image: var(--szinatmenetel);
	border: none;
	box-shadow: 0px 5px 10px 0px black;
	moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	transition: background .2s, border .2s, box-shadow .2s, color .2s!important;
}
a.btn.btn-primary.btn-lg:hover {
	background-image: linear-gradient(to left, #2f3370, #42306d, #522b69, #602763, #6b225c, #7a1e59, #881b54, #95184e, #aa1748, #bd1c3e, #cc2930, #d83b1c);
	background-image: linear-gradient(to right bottom, #2f3370, #42306d, #522b69, #602763, #6b225c, #7a1e59, #881b54, #95184e, #aa1748, #bd1c3e, #cc2930, #d83b1c);
	transition: all 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85)
}

.container {
	text-align: left!important;
}
@media screen and (max-width: 1060px) {
	section.container.grid-lg:nth-child(2) {
		padding: clamp(15px, 6%, 50px);
	}
}


-webkit-animation:move 5s;
   -moz-animation:move 5s;
	-ms-animation:move 5s;
	 -o-animation:move 5s;
		animation:move 5s;
/*animation-iteration-count*/
-webkit-animation-iteration-count:infinite;
   -moz-animation-iteration-count:infinite;
	-ms-animation-iteration-count:infinite;
	 -o-animation-iteration-count:infinite;
		animation-iteration-count:infinite;
/*animation-delay*/
-webkit-animation-delay:1s;
   -moz-animation-delay:1s;
	-ms-animation-delay:1s;
	 -o-animation-delay:1s;
		animation-delay:1s;
}
@keyframes move{
	0%  { top: 0px; }
	25% { top: -50px; }
	50% { top: -100px; }
	75% { top: -150px; }
}

@-webkit-keyframes move {
	0%  { top: 0px; }
	25% { top: -50px; }
	50% { top: -100px; }
	75% { top: -150px; }
}
@-moz-keyframes move {
	0%  { top: 0px; }
	25% { top: -50px; }
	50% { top: -100px; }
	75% { top: -150px; }
}
@-o-keyframes move {
	0%  { top: 0px; }
	25% { top: -50px; }
	50% { top: -100px; }
	75% { top: -150px; }
}
@keyframes move {
	0%  { top: 0px; }
	25% { top: -50px; }
	50% { top: -100px; }
	75% { top: -150px; }
}
.container .lapozash2 {
	overflow: hidden!important;
	position: relative;
	height: 50px;
	font: normal 40px/50px -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif
}
.container .lapozas {
	position: relative;
	white-space: nowrap;
	top: 0;
	left: 0;
	-webkit-animation: move 5s;
	-moz-animation: move 5s;
	-ms-animation: move 5s;
	-o-animation: move 5s;
	animation: move 5s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-ms-animation-delay: 1s;
	-o-animation-delay: 1s;
	animation-delay: 1s;
}
li.felsorolastablazat {
	display: grid;
	grid-template-columns: auto auto;
	grid-template-rows: 1fr;
	grid-column-gap: 15px;
	grid-row-gap: 20px;
	margin-bottom: 26px;
	justify-content: space-between;
	justify-items: stretch;
	align-content: stretch;
	align-items: center;
}

section.kerdesbg {
	padding: 10px 0px;
	overflow: hidden;
	text-align: left;
	font-size: larger;
	width: 90%;
	position: relative;
	border-bottom: 1px solid;
}
section.kerdesbg:last-child {
	border-bottom: none;
}
section.kerdesbg, .kerdes {	
	cursor: pointer;
}
section.kerdesbg::after {
	content: '+';
	position: absolute;
	right: 1%;
	top: 50%;
	transform: translateY(-50%);
	color: var(--elsoszin);
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	font-size: xxx-large;
	font-weight: bolder;
	background: var(--szinatmenetel);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
section.kerdesbg.megnyitott::after {
	transform: rotate(180deg);
	content: '-';
}
section.kerdes {
	min-height: 26px;
}
section.kerdes, .kerdesleirasa p {
	width: 80%;	
}
section.kerdes p {
	width: 100%;
	text-align: left;
	background: none;
	margin: 0px!important;
	padding: 0px;
	vertical-align: unset;
	min-height: 21px;
	display: inline-block;
	vertical-align: middle;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
}
.kerdesleirasa {
	display: none;
}


footer {
	width: 100%;
	background: var(--kek);
	background: var(--szinatmenetel);
	color: var(--feher);
}
section.elerhetoseg {
	width: 60%;
	max-width: 1000px;
	margin: 8em auto 4em;
}
.kontaktbg {
	display: inline-grid;
	padding: clamp(15px, 2%, 30px);
	margin: 0px clamp(2%, 5%, 6%);
	align-items: start;
	justify-content: start;
	box-sizing: content-box;
}
.kontaktbg:first-child {
	margin-left: 0px;
	padding-left: 0px;
}
.kontaktbg h5 {
	color: var(--feher);
	font-weight: 700;
}
.kontaktbg p {
	font-weight: 500;
}

.kontaktbg a {
	color: var(--feher);
}
.copiright {
	border-top: 1px solid;
	padding-top: 20px;
	position: relative;
}
.copirightspan {
	padding-top: 13.1px;
	vertical-align: middle;
	width: 80%;
}
.topkocka {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 500;
	cursor: pointer;
	margin-top: 10px;
	padding: 10px;
	box-sizing: content-box;
	text-align: right;

	-webkit-transition: border 0.2s linear;
	-moz-transition: border 0.2s linear;
	-ms-transition: border 0.2s linear;
	-o-transition: border 0.2s linear;
	transition: border 0.2s linear;
}
.topkocka, .topkocka svg {
	height: 40px;
	width: 40px;
}
.topkocka:hover svg {
	margin-top: -5px;
}
.h1elsocim {
	margin-top: 0px;
}
@media screen and (max-width: 1481px) {
	section.elerhetoseg {
		width: 70%
	}
}
@media screen and (max-width: 1276px) {
	section.elerhetoseg {
		width: 80%;
	}
}
@media screen and (max-width: 875px) {
	.kontaktbg {
		width: clamp(200px, 39%, 50%);
	}
	.kontaktbg {
		margin-left: 0px;
		padding-left: 0px;
	}
	section.elerhetoseg {
		display: grid;
		grid-template-columns: auto auto;
		grid-auto-columns: 3fr;
		grid-column-gap: 15px;
		grid-row-gap: 20px;
		margin-bottom: 26px;
	}
	.copiright {
		grid-area: 3 / 1 / 4 / 3;
	}
}
@media screen and (max-width: 530px) {

	section.elerhetoseg {
		display: grid;
		grid-template-columns: auto;
		grid-auto-columns: 4fr;
	}
	.copiright {
		grid-area: 4 / 1 / 5 / 2;
	}

}