:root {

--color-highlight: 		#216DFF;
--color-dark: 			#000000;
--color-medium: 		#757980;
--color-medium-light: 	#F5F5F5;
--color-light: 			#FFFFFF;
--color-background: 	#0031E0;
--color-grey:			#292c32;
--shadow-regular: 0px 4px 10px rgba(117, 121, 128, 0.15);
--shadow-color: 0px 4px 40px rgba(33, 109, 255, 0.1);

--icon-width: 48px;
--icon-height: 48px;

}

html, body { width: 100%; height: 100%; margin: 0px; padding: 0px; }
body { background-color: var(--color-grey); position: relative; }
body, body * { font-family: 'Poppins', sans-serif; font-size: 16px; line-height: 28px; font-weight: 400; }
ul { margin-block-start: unset; margin-block-end: unset; padding-inline-start: unset; }
p, a, ul, li { margin: 0px; padding: 0px; }
ul { list-style-position: inside; padding-left: 10px; }
ul li::marker { font-size: 10px; }
p { margin-bottom: 8px; }
a { text-decoration: none; margin: 0px; padding: 0px; color: unset; cursor: pointer; }
a:hover { color: unset; }

button, .button { border: unset; line-height: 24px; color: var(--color-light); background-color: var(--color-highlight); font-weight: 500; height: 64px; border-radius: 32px; display: inline-flex; padding-left: 80px; padding-right: 80px; max-width: 100%; width: fit-content; align-items: center; justify-content: center; white-space: nowrap; transition: all .5s; }
button:hover, .button:hover { color: var(--color-dark); background-color: var(--color-light); box-shadow: var(--shadow-color); }
caption, .caption { font-size: 12px; line-height: 20px; }

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

h1, h1 * { font-size: 80px; line-height: 96px; font-weight: 700; }
h1.S { font-size: 40px; line-height: 60px; font-weight: 700; }
h2 { font-size: 56px; line-height: 72px; font-weight: 700; }
h2.S { font-size: 32px; line-height: 48px; font-weight: 700; }
h3, h3 * { font-size: 24px; line-height: 36px; font-weight: 500; }
a, .link { font-weight: 500; }

.small, .small * { font-size: 12px; line-height: 20px; font-weight: 400; }

.z-index-1 { z-index: 1; }

.card { border: 0px; }

.animate__container { overflow: hidden; }


/* MARGIN  */
/* bottom  */
.gap-b-16 { margin-bottom: 16px !important; }
.gap-b-130 { margin-bottom: 130px !important; }
.gap-b-65 { margin-bottom: 65px !important; }
/* top  */
.gap-t-130 { margin-top: 130px !important; }
.gap-t-65 { margin-top: 65px !important; }
.gap-t-16 { margin-top: 16px !important; }

/* COLORS */
/* bg */
.bg-dark { background-color: var(--color-dark) !important; }
.bg-highlight { background-color: var(--color-highlight) !important; }
/* text */
.light, .light * { color: var(--color-light) !important; }
.highlight, .highlight * { color: var(--color-highlight) !important; }


.line {  border-bottom: 2px solid #252525; padding-bottom: 10px; }

nav { max-width: 1320px; height: 80px; border-radius: 8px; background-color: #fff; width: calc( 100% - 32px ); top: 30px; position: fixed; z-index: 9; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); }
nav img { width: 153px; height: auto; margin-left: 32px; }
nav ul { margin-right: 32px; }
nav ul li { list-style-type: none; display: inline-flex; }
nav ul li a { font-weight: 500; font-size: 12px; line-height: 28px; letter-spacing: 0.06em; text-transform: uppercase; padding-left: 12px; padding-right: 12px; padding-top: 5px; padding-bottom: 5px; background-color: unset; border-radius: 8px; }
nav ul li.lang a { font-weight: 400; text-decoration: underline; color: var(--color-highlight); }
nav ul li.lang a:hover { text-decoration: unset; color: var(--color-dark); background-color: unset; }
nav ul li.lang[data-lang="hun"] a.hun { display: none; }
nav ul li.lang[data-lang="eng"] a.eng { display: none; }
nav ul li a:hover, nav ul li a.selected { background-color: var(--color-highlight); color: var(--color-light); }
nav button { width: 32px; height: 24px; background: url('img/menu.svg'); background-repeat: no-repeat; background-size: 100% 100%; display: none; margin-right: 16px; padding: unset; border-radius: unset; }
nav.open button { background: url('img/close.svg'); position: absolute; background-repeat: no-repeat; background-size: 100% 100%; margin: 0px; right: 16px; }

main { max-width: 1440px; margin: 0 auto; box-shadow: 0 0 120px rgb(0 0 0 / 15%); background-color: var(--color-light); overflow-x: hidden; }

section#cover { background-image: url('img/cover_bg.png'); background-repeat: no-repeat; background-size: cover; background-position: bottom; height: 900px; min-height: 900px; display: grid; }
section#cover .row { height: 80%; min-height: 80%; }
section#cover .gap-img { position: absolute; right: 60px; bottom: -70px; max-width: 620px; min-width: 420px; width: 50%; }
section#cover .gap-img iframe { width: 654px; height: 592px; }
section#cover .gap-img img { width: 100%; }

section#cover .gap-content { margin-top: 210px; width: 700px; height: 390px; flex-direction: column; z-index: 1; }
section#cover .gap-content .button { margin: 0px; }

section#cover .h1, section#cover .h2 { margin: 0px; padding: 0px; }
section#cover .h1 { overflow: hidden; color: var(--color-light); font-size: 80px !important; line-height: 96px !important; font-weight: 700; margin-right: 15px; }
section#cover .h2 { overflow: hidden; color: var(--color-light); font-size: 56px !important; line-height: 84px !important; font-weight: 700; margin-right: 15px; }


.scroll-img { display: flex; }
.scroll-img a { min-width: 420px; width: 420px; min-height: 240px; height: 240px; border-radius: 8px; background-color: #303030; padding: 8px; display: flex; position: relative; margin-right: 30px; }
.scroll-img a img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 8px; position: relative; z-index: 1; }
.scroll-img a div { position: absolute; z-index: 2; bottom: 8px; right: 8px; display: flex; }
.scroll-img a div p { background-color: rgba(255, 255, 255, 0.6); border-radius: 50px; color: var(--color-dark); font-size: 12px; line-height: 200%; font-weight: 500; padding: 0px 8px 0px 8px; margin-right: 6px; }
#scr-1, #scr-2, #scr-3 { overflow: hidden; }
#scr-1:hover a:not(:hover), #scr-2:hover a:not(:hover), #scr-3:hover a:not(:hover) { opacity: .3; }

.scroll-list-img a { width: 100%; min-height: 240px; height: 240px; border-radius: 8px; background-color: #fff; border: .5px solid var(--color-medium); padding: 8px; display: flex; position: relative; }
.scroll-list-img a img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 8px; position: relative; z-index: 1; }
.scroll-list-img a div { position: absolute; z-index: 2; bottom: 8px; right: 8px; display: flex; }
.scroll-list-img a div p { background-color: rgba(255, 255, 255, 0.6); border-radius: 50px; color: var(--color-dark); font-size: 12px; line-height: 200%; font-weight: 500; padding: 0px 8px 0px 8px; margin-right: 6px; }


figure.cloud { position: absolute; width: 30%; height: 50%; left: 35%; top: 20%; background: #216DFF; opacity: 0.5; filter: blur(150px); transform: matrix(0.87, -0.48, 0.51, 0.87, 0, 0); z-index: 0; }


section#szolgaltatasok .card { border-radius: 8px; border: unset; height: 100%; box-shadow: var(--shadow-color); }
section#szolgaltatasok .card-header { height: 136px; background-color: var(--color-highlight); display: flex; justify-content: center; align-items: center; }
section#szolgaltatasok .card-header:first-child { border-radius: 8px 8px 0 0; }
section#szolgaltatasok .card-header img { width: 72px; height: 72px; object-fit: contain; object-position: center; }
section#szolgaltatasok .card-title { font-size: 16px; line-height: 28px; color: var(--color-dark); font-weight: 700; }
section#szolgaltatasok .card-text { font-size: 12px; line-height: 20px; color: var(--color-medium); }


section#online-marketing { background-image: url(/img/szerver-uzemeltetes.jpg); background-repeat: no-repeat; background-position: center; background-attachment: fixed; background-size: cover; overflow: hidden; }
section#online-marketing.iOS { background-attachment: unset; background-size: cover !important; }
section#online-marketing * { color: var(--color-light); }



section#ajanlat .card { border-radius: 8px; border: unset; height: 100%; padding: 60px 110px 60px 110px; box-shadow: var(--shadow-color); }
section#ajanlat .form-label { font-size: 16px; line-height: 28px; font-weight: 700; color: #303030; }
section#ajanlat .form-label.medium { font-weight: 400; }
section#ajanlat .form-control { font-size: 16px; line-height: 28px; font-weight: 400; color: var(--color-medium); border: 1px solid #e2e2e2; border-radius: 4px; resize: none; }
section#ajanlat::before { content: ''; position: absolute; left: 50%; width: 100vh; height: 100vh; bottom: -350vh; background: #fff; border-radius: 50%; transform-origin: bottom; transform: translateX(-50%) scale(4); }
section#ajanlat { position: relative; overflow: hidden; }


section#technologia .lists { overflow: hidden; }
section#technologia img { width: 150px; height: 90px; object-fit: contain; object-position: center; filter: grayscale(1); }


section#rolunk { min-height: 800px; position: relative; }
section#rolunk img.bg { position: absolute; top: -50px; right: 0px; height: 100%; width: 50%; object-fit: contain; object-position: center right; z-index: 1; }
section#rolunk img.parallax { position: absolute; top: -50px; right: 0px; height: 100%; width: 50%; object-fit: contain; object-position: center right; z-index: 2; }


section#blog p { color: #2f2f2f; }
section#blog a { border-bottom: 1px solid #757980; padding-bottom: 13px; margin-top: 13px; width: 100%; display: flex; justify-content: end; }
section#blog img { filter: drop-shadow(0px 4px 25px rgba(0, 0, 0, 0.06)); border-radius: 8px; width: 100%; height: 265px; object-fit: cover; object-position: center; }


section#galeria { background-color: var(--color-dark); position: relative; margin-bottom: 250px; height: 750px; }
section#galeria .container { position: relative; top: 170px; }
section#galeria .container h1 { color: var(--color-medium); font-weight: 400; font-size: 16px; line-height: 28px; text-transform: uppercase; }
section#galeria .container h2 { color: var(--color-light); margin: 0px; }
section#galeria .container p { color: var(--color-medium); margin: 0px; }

section#galeria .container .carousel-indicators { bottom: -80px; }
section#galeria .container .carousel-indicators [data-bs-target] { width: 12px; height: 12px; margin-right: 6px; margin-left: 6px; background-color: #D9D9D9; border: unset !important; opacity: unset !important; }
section#galeria .container .carousel-indicators [data-bs-target].active { background-color: #252525; }

section#galeria .container .carousel-inner { border-radius: 8px; }
section#galeria .container .carousel-inner img { border-radius: 8px; margin-top: 15px; height: 570px; width: 100%; object-fit: cover; object-position: center; }

section#galeria .container .button-container { position: absolute; right: 0px; bottom: 0px; }
section#galeria .container .button-container .button-container-prev { width: 110px; height: 60px; background-color: #EDEDED; border-radius: 0px; padding: 0px; margin: 0px; }
section#galeria .container .button-container .button-container-next { width: 110px; height: 60px; background-color: #1E1E1E; border-radius: 0px 0px 8px 0px; padding: 0px; margin: 0px; }


section#blog-cover { background-color: var(--color-medium-light); position: relative; margin-bottom: 300px; height: 750px; }
section#blog-cover .container { position: relative; top: 170px; }
section#blog-cover .container img { width: 100%; height: 620px; object-fit: cover; object-position: center; filter: drop-shadow(0px 4px 25px rgba(0, 0, 0, 0.06)); border-radius: 8px; margin-top: 80px; }
.text-body { border-bottom: 1px solid #F5F5F5; padding-bottom: 20px; }
.text-body p { margin-bottom: 30px; }
.text-body ol { display: flex; list-style-type: none; padding: 0px; margin: 0px; }
.text-body ol li { font-size: 12px; line-height: 20px; font-weight: 500; color: #fff; background-color: var(--color-highlight); border-radius: 50px; backdrop-filter: blur(3px); padding: 3px 8px; }
.text-body ol li:not(last-child) { margin-right: 4px; }
.text-body img { width: 100%; height: auto; max-height: 460px; filter: drop-shadow(0px 4px 25px rgba(0, 0, 0, 0.06)); border-radius: 8px; object-fit: cover; object-position: center; margin-bottom: 30px; }



.pnf { min-width: 100%; min-height: 100%; width: 100%; height: 100%; background-image: url(/img/pnf-bg.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; }
.pnf img { min-width: 380px; height: auto; }



section#kapcsolat { background-color: var(--color-highlight); position: relative; margin-bottom: 100px; height: fit-content; }
section#kapcsolat .container { position: relative; margin-top: 200px; margin-bottom: 40px; }
section#kapcsolat .container .card { padding: 120px 110px 120px 110px; border-radius: 10px; }
section#kapcsolat .container .card .lineal { border-bottom: 1px solid #d1d1d1; padding-bottom: 6px; }
section#kapcsolat .form-label { font-size: 16px; line-height: 28px; font-weight: 700; color: #303030; }
section#kapcsolat .form-label.medium { font-weight: 400; }
section#kapcsolat .form-control { font-size: 16px; line-height: 28px; font-weight: 400; color: var(--color-medium); border: 1px solid #e2e2e2; border-radius: 4px; resize: none; }

section#adatok .lineal { border-bottom: 1px solid #d1d1d1; padding-bottom: 6px; }



main#ajanlatkeres-main { background-color: unset; box-shadow: unset; }
section#ajanlatkeres { margin-top: 170px; margin-bottom: 55px; }
section#ajanlatkeres .card { border-radius: 8px; padding-bottom: 50px; flex-direction: unset; }
section#ajanlatkeres .frame { background: radial-gradient(155.79% 75.04% at 50% 24.96%, #216DFF 0%, #0031E0 100%); border-radius: 8px; min-height: 680px; margin-top: 15px; padding: 40px 15px 40px 15px; }
section#ajanlatkeres .frame .block { background-color: var(--color-highlight); border-radius: 8px; padding: 15px; }
section#ajanlatkeres .frame .block * { color: var(--color-light); margin: 0px; padding: 0px; }
section#ajanlatkeres #kerdoiv .block { background-color: var(--color-highlight); padding: 15px; }
section#ajanlatkeres #kerdoiv .block * { color: var(--color-light); margin: 0px; padding: 0px; }
section#ajanlatkeres #kerdoiv.send { height: 1px; max-height: 1px; overflow: hidden; }

section#ajanlatkeres .carousel-indicators { right: 0; bottom: -10px; left: 0; z-index: 2; display: flex; justify-content: start; padding: 0; margin-right: unset; margin-bottom: 0px; margin-left: unset; list-style: none; }
section#ajanlatkeres .carousel-indicators [data-bs-target] { width: 8px; height: 8px; margin-right: 6px; margin-left: 6px; background-color: transparent; border: 1px solid var(--color-light); opacity: unset !important; }
section#ajanlatkeres .carousel-indicators [data-bs-target].active { background-color: var(--color-light); }

section#ajanlatkeres * { resize: none; }

section#ajanlatkeres .group.check { padding: 10px; border: 1px solid rgba(117, 121, 128, 0.5); border-radius: 8px; min-height: 55px; display: flex; align-items: center; position: relative; }
section#ajanlatkeres .group.check .form-check-label { color: var(--color-medium); font-size: 12px; line-height: 20px; font-weight: 400; }
section#ajanlatkeres .group.check u { position: absolute; width: 16px; height: 16px; right: 13px; top: 20px; background-image: url(/img/info.svg); background-size: 16px 16px; background-repeat: no-repeat; background-position: center; }

section#ajanlatkeres .group.radio { padding: 10px; border: 1px solid rgba(117, 121, 128, 0.5); border-radius: 49px; min-height: 55px; display: flex; align-items: center; position: relative; }
section#ajanlatkeres .group.radio .form-check-label { color: var(--color-medium); font-size: 12px; line-height: 20px; font-weight: 400; }
section#ajanlatkeres .group.radio u { position: absolute; width: 16px; height: 16px; right: 13px; top: 20px; background-image: url(/img/info.svg); background-size: 16px 16px; background-repeat: no-repeat; background-position: center; }

section#ajanlatkeres .group.checked { background: rgba(33, 109, 255, 0.02); border: 1px solid #216DFF; }
section#ajanlatkeres .group.checked .form-check-label { color: var(--color-highlight); }

.form-check-input[type=checkbox] { width: 18px; height: 18px; border: 1px solid rgba(117, 121, 128, 0.5); }
.form-check-input:checked[type=radio] { background-image: unset; background-color: var(--color-highlight); outline: 1px solid var(--color-highlight); border: 2px solid var(--color-light); }

.form-check-input[type=checkbox] { width: 20px; height: 20px; border: 1px solid rgba(117, 121, 128, 0.5); border-radius: 4px; }
.form-check-input:checked[type=checkbox] { background-image: url(/img/pipa.svg); background-size: 10px 8px; background-repeat: no-repeat; background-position: center; background-color: unset; border: 1px solid var(--color-highlight); border-radius: 4px; }

section#ajanlatkeres .form-select { color: #9B959F; font-size: 14px; line-height: 24px; height: 44px; border: 1px solid #E2E2E2; border-radius: 4px; filter: drop-shadow(0px 1px 2px rgba(77, 64, 85, 0.1)); }

section#ajanlatkeres #koszonet { background: radial-gradient(155.79% 75.04% at 50% 24.96%, #216DFF 0%, #0031E0 100%); border-radius: 8px; padding: 40px 15px 40px 15px; position: absolute; z-index: 0; height: 100%; width: 0px; overflow: hidden; opacity: 0; transition: all .6s; }
section#ajanlatkeres #koszonet a { text-decoration: underline; }
section#ajanlatkeres #koszonet.aktiv { z-index: 8; width: 100%; overflow: unset; opacity: 1; }

/* validation */

.form-check-input.is-valid:focus, .was-validated .form-check-input:valid:focus, .form-select { box-shadow: none !important; }

.form-check-input.is-valid:checked[type=radio], .was-validated .form-check-input:valid:checked[type=radio] { background-image: unset; background-color: var(--color-highlight); outline: 1px solid var(--color-highlight); border: 2px solid var(--color-light); }
.form-check-input.is-valid:checked:checked[type=checkbox], .was-validated .form-check-input:valid:checked[type=checkbox] { background-image: url(/img/pipa.svg); background-size: 10px 8px; background-repeat: no-repeat; background-position: center; background-color: unset; border: 1px solid var(--color-highlight); border-radius: 4px; }

.form-check-input.is-valid, .was-validated .form-check-input:valid { border: 1px solid #E2E2E2; }

.form-control.is-valid, .was-validated .form-control:valid { border: 1px solid #E2E2E2; padding-right: unset; background: unset; }
.form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); }


.tooltip-inner { font-size: 12px; line-height: 20px; color: var(--color-light); }


footer { background-color: var(--color-highlight); padding-top: 50px; padding-bottom: 40px; }
footer * { color: #fff; }
footer .lineal { border-bottom: 1px solid #fff; padding-bottom: 6px; }
footer img { width: 155px; height: auto; }




/* textilate hack */
.tlt span span { white-space: nowrap; }





/* rive */
#rivecontainer canvas { width: 100%; height: auto; }




@media (max-width: 1440px) {

	.container { max-width: 100%; }

}

@media (max-width: 991px) {

	h1 { font-size: 64px; line-height: 80px; }
	h1 * { font-size: 64px; line-height: 80px; }

	nav { top: 8px; height: 56px; }
	nav button { display: flex; }
	nav ul { position: fixed; width: 100%; height: 100%; display: block; top: -100%; left: 0px; background-color: #fff; }
	nav ul li { display: flex; justify-content: center; height: 64px; border-top: 1px solid var(--color-highlight); }
	nav.open ul { top: 0px; padding-top: 75px; }
	nav.open ul li a { line-height: unset; padding-left: unset; padding-right: unset; padding-top: unset; padding-bottom: unset; align-items: center; display: flex; width: 100%; justify-content: center; border-radius: unset; }
	nav ul li.lang { padding-top: 50px; height: unset; }
	nav ul li.lang a:hover { background-color: var(--color-highlight); color: var(--color-light); }
	nav ul li.lang[data-lang] a { margin: 20px; text-decoration: unset; border-radius: 8px; border: 1px solid var(--color-highlight); height: 40px; }
	nav ul li.lang[data-lang="hun"] a.hun { display: flex; background-color: var(--color-highlight); color: var(--color-light); }
	nav ul li.lang[data-lang="eng"] a.eng { display: flex; background-color: var(--color-highlight); color: var(--color-light); }
	nav img { width: 132px; height: auto; margin-left: 8px; }

	section#cover { background-image: url('img/cover_bg_mobil.png'); background-position: center; height: fit-content; min-height: unset; margin-bottom: 100px; height: 616px; }
	section#cover .row { height: 100%; min-height: 100%; }
	/*section#cover .gap-img { position: relative; right: unset; bottom: unset; width: 100%; display: flex; justify-content: center; margin-top: 30px; padding-top: 75%; }
	section#cover .gap-img iframe { width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; }
	section#cover .gap-img img { width: 87%; position: relative; bottom: -50px; left: -16px; }*/
	section#cover .gap-img { width: 420px; max-width: unset; min-width: unset; right: 20px; bottom: 20px; }
	section#cover .gap-content { width: 600px; height: 350px; margin-top: 140px; margin-left: 50px; }
	section#cover .h1 { font-size: 60px !important; line-height: 84px !important; }
	section#cover .h2 { font-size: 50px !important; line-height: 70px !important; }

	section#rolunk { min-height: unset; }
	section#rolunk { position: unset; }
	section#rolunk .img-container { position: relative; }
	section#rolunk img.bg { position: relative; width: 100%; height: auto; top: 0px; right: 0px; }
	section#rolunk img.parallax { width: 100%; }

	section#galeria .container { top: 100px; }

	section#ajanlatkeres { margin-top: 80px; }
	section#ajanlatkeres #koszonet { border-radius: 0px; }
	

} @media (max-width: 900px) { section#cover .gap-content { margin-left: 0px; } }
@media (max-width: 767px) {

	.gap-b-130 { margin-bottom: 30px !important; }
	.gap-t-130 { margin-top: 30px !important; }
	#online-marketing .gap-t-130 { margin-top: 60px !important; }
	.gap-b-65 { margin-bottom: 30px !important; }
	.gap-t-65 { margin-top: 30px !important; }

	h1 { font-size: 40px; line-height: 60px; }
	h1 * { font-size: 40px; line-height: 60px; }
	h1.S { font-size: 32px; line-height: 48px; }
	h2 { font-size: 32px; line-height: 48px; }

	.card-header:first-child { border-radius: 8px 8px 8px 8px !important; }

	section#cover { height: auto; }
	section#cover .gap-img { width: 85%; position: relative; right: 0px; bottom: 0px; margin-top: 15px; }
	section#cover .gap-content { width: 100%; height: 330px; margin-top: 100px; }
	section#cover .gap-content .tlt { padding-left: 15px; }

	section#ajanlat .card { padding: 40px 20px 40px 20px; }

	section#blog-cover { margin-bottom: 100px; height: 550px; }
	section#blog-cover .container { position: relative; top: 100px; }
	section#blog-cover .container img { height: 220px; margin-top: 40px; }

	section#ajanlatkeres { margin-top: 0px; }
	section#ajanlatkeres .card > div { padding: 0px; }
	section#ajanlatkeres .frame { margin-top: 0px; border-radius: unset; padding-top: 90px; min-height: fit-content; }
	section#ajanlatkeres .card { padding-bottom: 0px; }
	section#ajanlatkeres #koszonet { min-height: 100vh; padding-top: 100px; }
	section#ajanlatkeres { min-height: 100vh; }

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

	section#cover .h1 { font-size: 10vw !important; line-height: 130% !important; }
	section#cover .h2 { font-size: 8vw !important; line-height: 130% !important; }
	section#cover .gap-content { height: 60vw; }

	section#galeria .container .carousel-inner img { height: 170px; }
	section#galeria { margin-bottom: 150px; height: 450px; }

	section#galeria .container .carousel-indicators { display: none; }
	section#galeria .container .button-container { position: relative; bottom: -53px; justify-content: center; }
	section#galeria .container .button-container .button-container-next { border-radius: 0px; }

	.scroll-list-img a { min-height: 200px; height: 200px; }

	.pnf img { min-width: unset; width: 90%; height: auto; }

	section#kapcsolat { margin-bottom: 50px; padding: 0px; }
	section#kapcsolat .container { margin-top: 0px; margin-bottom: 0px; }
	section#kapcsolat .container .card { padding: 20px; border-radius: 0px; }
	section#kapcsolat .container .card .lineal { border-bottom: 1px solid #d1d1d1; padding-bottom: 6px; }

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

	section#cover .h1 { font-size: 9vw !important; line-height: 130% !important; }
	section#cover .h2 { font-size: 8vw !important; line-height: 130% !important; }

	button { padding-left: unset; padding-right: unset; width: 100%; }

}