:root {

/* color */
--color-default: #000;
--color-blue: #1ea1d7;


}

html, body { height: 100% !important; min-height: 100% !important; position: relative; min-width: 350px; }

.modal-header, .modal-content { border: unset; }

small, .small { font-size: 12px; }

a { text-decoration: none; cursor: pointer !important; }
a:hover { text-decoration: none; color: var(--color-default); }
body { position: relative; background-repeat: no-repeat; background-size: cover; background-position: center; background-attachment: fixed; }
body, body * { font-family: 'Roboto', sans-serif !important; font-size: 14px; line-height: 26px; font-weight: 300; font-size: var(--size-default); transition: all 0.3s; letter-spacing: 0.2px; }

b, .bold, .bold * { font-weight: 700 !important; }
strong, .strong, .strong * { font-weight: 900 !important; }

ul { list-style: none; margin: 0px; padding: 0px; }
ul li { margin: 0px; padding: 0px; position: relative; padding-left: 15px; }
ul li:before { content: ""; position: absolute; width: 10px; height: 10px; background: #fff; top: 8px; left: 0; border-radius: 50%; border: 3px solid var(--color-blue); }

.liner br { margin-bottom: 15px; }

.btn { min-height: 40px; font-weight: 700; text-transform: uppercase; font-size: 12px; line-height: 14px; color: #fff; border: 1px solid #fff; border-radius: 6px; padding: 12px 17px 12px 17px; background-color: transparent; margin: 0px !important; }
.btn:hover { background-color: #fff; color: var(--color-default); }

.btn.inv { min-height: 40px; font-weight: 700; text-transform: uppercase; font-size: 12px; line-height: 14px; color: var(--color-default); border: 1px solid var(--color-default); border-radius: 6px; padding: 12px 17px 12px 17px; background-color: transparent; margin: 0px !important; }
.btn.inv:hover { background-color: var(--color-default); color: #fff; }

.btn.color { min-height: 40px; font-weight: 700; text-transform: uppercase; font-size: 12px; line-height: 14px; color: var(--color-default); border: 1px solid var(--color-yellow); border-radius: 6px; padding: 12px 17px 12px 17px; background-color: var(--color-yellow); margin: 0px !important; }
.btn.color:hover { background-color: var(--color-default); color: #fff; }

.link { font-weight: 700; text-transform: uppercase; font-size: 12px; line-height: 14px; color: var(--color-default); }
.link:hover { color: var(--color-yellow); }

@media (max-width: 1200px) { .container { max-width: 100% } }


h2 { font-size: 33px; line-height: 36px; font-weight: 400; text-transform: uppercase; color: var(--color-blue); }
h4 { font-size: 24px; line-height: 36px; font-weight: 400; text-transform: uppercase; color: #fff; }
h5 { font-size: 18px; line-height: 24px; font-weight: 400; text-transform: uppercase; color: var(--color-blue); }

@media (max-width: 992px) {

	h2 { font-size: 28px; line-height: 33px; }
	h4 { font-size: 20px; line-height: 30px; }
	h5 { font-size: 16px; line-height: 24px; }
}

section.header { width: 100%; height: 40px; background-color: var(--color-blue); position: fixed; top: 0px; z-index: 999; }
section.header * { font-size: 10px; color: #fff; text-transform: uppercase; font-weight: 400; }
section.header a { color: #003F60; }


footer { background-color: #000; position: relative; top: 67vh; }
footer * { color: #fff; font-size: 14px; margin: 0px; }

section.menu { min-height: 80px; position: absolute; top: 300px; z-index: 9; width: 100%; }
nav { height: 80px; background-color: rgba(0, 0, 0, .5); }
nav img.logo { height: 110px; position: absolute; left: 0px; top: -15px; }
nav img.nyil { height: 40px; }
nav a { font-size: 15px; text-transform: uppercase; font-weight: 700; color: #fff; margin-left: 10px; padding-left: 10px; line-height: 40px; }
nav a:not(first-child) { border-left: .5px solid #fff; }
nav a:hover { color: var(--color-blue); }
nav .bx-menu { color: #fff; font-size: 50px; display: none; }


	section.menu.scrolled { position: fixed; top: 40px; left: 0px; width: 100%; min-height: 70px; line-height: 70px; }
	section.menu.scrolled nav img.logo { height: 100%; top: 0px; }
	section.menu.scrolled nav { height: 70px; background-color: rgba(0, 0, 0, 1); }
	section.menu.scrolled nav img.nyil { display: none; }
	section.menu.scrolled nav a:not(first-child) { border-left: unset; }


@media (max-width: 1100px) {

	nav img.logo { height: 80px; top: 0px; }

}
@media (max-width: 992px) {

	section.menu { position: fixed; top: 40px; left: 0px; width: 100%; min-height: 70px; line-height: 70px; }
	nav img.logosmall { height: 50px; top: 0px; }
	nav { height: 70px; background-color: rgba(0, 0, 0, 1); }
	nav img.nyil { display: none; }
	nav .bx-menu { display: block; }
	nav a:not(first-child) { border-left: unset; }
	.menulist { position: fixed; width: 100%; left: 0px; top: 110px; background-color: #000; padding-right: 45px; height: 0px; overflow: hidden; }
	.menulist.active { height: fit-content; overflow: unset; }


}


main { min-height: 100%; position: relative; top: 70vh; }


main section { width: 100%; display: flex; justify-content: center; }


main section.bemutatkozas { background-color: #fff; }
main section.bemutatkozas img { height: 200px; }
main section.bemutatkozas img { height: 200px; }



main section.tevekenyseg p { color: var(--color-blue); }
main section.tevekenyseg li { color: #fff; width: 49%; display: inline-flex; }
main section.tevekenyseg figure  { position: relative; display: flex; align-items: center; justify-content: center; cursor: pointer; }
main section.tevekenyseg figure img { border-radius: 50%; object-fit: cover; object-position: center; position: relative; z-index: 1; }
main section.tevekenyseg figure span { position: absolute; z-index: 1; background-color: #fff; border-radius: 50%; width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; }
main section.tevekenyseg figure span i { color: var(--color-blue); font-size: 30px; }

@media (max-width: 992px) {

	main section.tevekenyseg li { width: 100%; display: block; }
}



main section.minositesek { background-color: #000; }
main section.minositesek p { color: #fff; text-transform: uppercase; }
main section.minositesek a:hover p { color: var(--color-blue); }

@media (max-width: 992px) {

	main section.minositesek p { font-size: 11px; line-height: 13px; }
}





main section.kapcsolat { background-color: #004e7b; }
main section.kapcsolat img { width: 160px; }
main section.kapcsolat iframe { width: 100%; height: 100%; min-height: 400px; }
main section.kapcsolat p, main section.kapcsolat a { color: #fff; margin: 0px; }



.szechenyi { position: fixed; right: 0px; bottom: 0px; z-index: 9; cursor: pointer; }
.szechenyi img { width: 150px; }

.eupalyazat { position: fixed; left: 0px; top: 110px; z-index: 9; cursor: pointer; }
.eupalyazat img { width: 224px; }