/***************************** KulcsAPP landing *************************/

:root {
	--kulcsappp-arany: 0px;
	--kulcsappp-arany-desktop: 0px;
	--kulcsappp-arany-mobile: 0px;
}
@media screen and (min-width: 300px) {
	:root {
		--kulcsappp-arany: calc((100vw - 300px) / (1065 - 300));
		--kulcsappp-arany-mobile: calc((100vw - 300px) / (600 - 300));
	}
}
@media screen and (min-width: 600px) {
	:root {
		--kulcsappp-arany-desktop: calc((100vw - 600px) / (1065 - 600));
		--kulcsappp-arany-mobile: 1px;
	}
}
@media screen and (min-width: 1065px) {
	:root {
		--kulcsappp-arany: 1px;
		--kulcsappp-arany-desktop: 1px;
	}
}


section.kulcsappep_landing_bar {
	width: 100%;
	background-color: #f1f1f1;
}

div.kulcsappep_main_container_div {
	width: 100%;
	max-width: 1065px;
	margin: auto;
}


/* header start */

div.kulcsappep_header_desktop_container_div {
	position: relative;
	display: none;
	width: 100%;
	padding-top: calc(25px + (60 - 25) * var(--kulcsappp-arany));
}

div.kulcsappep_header_mobile_container_div {
	position: relative;
	width: 100%;
	padding-top: calc(15px + (50 - 15) * var(--kulcsappp-arany));
}

@media screen and (min-width: 600px) {
	div.kulcsappep_header_desktop_container_div {
		display: block;
	}
	div.kulcsappep_header_mobile_container_div {
		display: none;
	}
}

div.kulcsappep_header_desktop_container_div img {
	display: block;
	max-width: 100%;
	border: none;
}

div.kulcsappep_header_mobile_container_div img {
	display: block;
	max-width: 100%;
	border: none;
}

/* header end */

/* getapp start */

div.kulcsappep_getapp_container_div {
	width: 100%;
}

div.kulcsappep_getapp_text_div {
	width: 100%;
	padding: 10px;
}
div.kulcsappep_getapp_text_div h2 {
	FONT-SIZE: calc(16px + (22 - 16) * var(--kulcsappp-arany)); font-style: normal; font-weight: 500; COLOR: #000000; FONT-FAMILY: 'Rubik', sans-serif; text-decoration: none;
	line-height: 1.4em;
}

div.kulcsappep_getapp_content_div {
	position: relative;
	display: block;
	width: 100%;
	padding: 10px;
	padding-top: 0;
	text-align: center;
}

div.kulcsappep_getapp_googleplay_div, div.kulcsappep_getapp_applestore_div {
	display: inline-block;
	vertical-align: middle;
	padding: calc(8px + (15 - 8) * var(--kulcsappp-arany));
	padding-top: 0;
	width: 33%;
	max-width: 300px;
	min-width: 175px;
}

div.kulcsappep_getapp_googleplay_div img, div.kulcsappep_getapp_applestore_div img {
	display: block;
	max-width: 100%;
	border: none;
}

/* getapp end */


/* egészségbiztosítás start */

div.kulcsappep_egeszsegbiztositas_container_div {
	width: 100%;
	padding-bottom: calc(0px + (20 - 0) * var(--kulcsappp-arany));
}
div.kulcsappep_egeszsegbiztositas_title_div {
	width: 100%;
	line-height: 1.4em;
	padding: 0 20px;
	margin-bottom: calc(10px + (20 - 10) * var(--kulcsappp-arany));
}
div.kulcsappep_egeszsegbiztositas_title_div h2 {
	FONT-SIZE: calc(20px + (48 - 20) * var(--kulcsappp-arany)); font-style: normal; font-weight: 400; COLOR: #e21a77; FONT-FAMILY: 'Rubik', sans-serif; text-decoration: none; text-transform: uppercase;
	margin-bottom: 0;
	padding-bottom: 0;
	line-height: 1.4em;
}
div.kulcsappep_egeszsegbiztositas_text_egy_div {
	width: 100%;
	padding: calc(20px + (45 - 20) * var(--kulcsappp-arany));
	text-align: left;
	line-height: 1.4em;
}
div.kulcsappep_egeszsegbiztositas_text_egy_div span {
	FONT-SIZE: calc(14px + (18 - 14) * var(--kulcsappp-arany)); font-style: normal; font-weight: 400; COLOR: #707070; FONT-FAMILY: 'Rubik', sans-serif; text-decoration: none;
	line-height: 1.4em;
}
div.kulcsappep_egeszsegbiztositas_text_ketto_div {
	width: 100%;
	padding: calc(20px + (45 - 20) * var(--kulcsappp-arany));
	background-color: #ffffff;
	border-radius: calc(10px + (20 - 10) * var(--kulcsappp-arany));
	text-align: left;
}
div.kulcsappep_egeszsegbiztositas_text_ketto_div h3 {
	FONT-SIZE: calc(18px + (26 - 18) * var(--kulcsappp-arany)); font-style: normal; font-weight: 500; COLOR: #75b642; FONT-FAMILY: 'Rubik', sans-serif; text-decoration: none;
	margin: 0;
	padding: 0;
	line-height: 1.4em;
}
div.kulcsappep_egeszsegbiztositas_text_ketto_div li {
	FONT-SIZE: calc(14px + (18 - 14) * var(--kulcsappp-arany)); font-style: normal; font-weight: 400; COLOR: #75b642; FONT-FAMILY: 'Rubik', sans-serif; text-decoration: none;
	margin-bottom: 0;
	padding-bottom: 0;
	line-height: 1.4em;
}
div.kulcsappep_egeszsegbiztositas_text_ketto_div li a {
	FONT-SIZE: calc(14px + (18 - 14) * var(--kulcsappp-arany)); font-style: normal; font-weight: 500; COLOR: #75b642; FONT-FAMILY: 'Rubik', sans-serif; text-decoration: none;
	line-height: 1.4em;
}

/* egészségbiztosítás end */


/* ajándék védőháló start*/

div.kulcsappep_ajandekvedohalo_container_div {
	width: 100%;
}
div.kulcsappep_ajandekvedohalo_title_div {
	width: 100%;
	line-height: 1.4em;
	padding: 0 20px;
	margin-bottom: calc(10px + (40 - 10) * var(--kulcsappp-arany));
}
div.kulcsappep_ajandekvedohalo_title_div h2 {
	FONT-SIZE: calc(20px + (48 - 20) * var(--kulcsappp-arany)); font-style: normal; font-weight: 400; COLOR: #e21a77; FONT-FAMILY: 'Rubik', sans-serif; text-decoration: none; text-transform: uppercase;
	margin-bottom: 0;
	padding-bottom: 0;
	line-height: 1.4em;
}

div.kulcsappep_ajandekvedohalo_content_div {
	width: 100%;
}

div.kulcsappep_ajandekvedohalo_desktop_div {
	width: 100%;
	display: none;
}
div.kulcsappep_ajandekvedohalo_desktop_div img {
	display: block;
	max-width: 100%;
	height: auto;
}
div.kulcsappep_ajandekvedohalo_mobile_div {
	display: block;
}
div.kulcsappep_ajandekvedohalo_mobile_div img {
	display: block;
	max-width: 100%;
	height: auto;
}
@media screen and (min-width: 600px) {
	div.kulcsappep_ajandekvedohalo_desktop_div {
		display: block;
	}
	div.kulcsappep_ajandekvedohalo_mobile_div {
		display: none;
	}
}

div.kulcsappep_ajandekvedohalo_text_div {
	width: 100%;
	line-height: 1.4em;
	padding: calc(20px + (45 - 20) * var(--kulcsappp-arany));
	text-align: left;
}
div.kulcsappep_ajandekvedohalo_text_div span {
	FONT-SIZE: calc(14px + (18 - 14) * var(--kulcsappp-arany)); font-style: normal; font-weight: 400; COLOR: #707070; FONT-FAMILY: 'Rubik', sans-serif; text-decoration: none;
	line-height: 1.4em;
}

div.kulcsappep_ajandekvedohalo_text_div a {
	FONT-SIZE: calc(14px + (18 - 14) * var(--kulcsappp-arany)); font-style: normal; font-weight: 500; COLOR: #707070; FONT-FAMILY: 'Rubik', sans-serif; text-decoration: none;
	line-height: 1.6em;
}

/* ajándék védőháló end*/


/* hatos érv start */

div.kulcsappep_hatos_erv_container_div {
	width: 100%;
	padding-bottom: calc(0px + (20 - 0) * var(--kulcsappp-arany));
}
div.kulcsappep_hatos_erv_title_div {
	width: 100%;
	line-height: 1.4em;
	padding: 0 20px;
	margin-bottom: calc(10px + (40 - 10) * var(--kulcsappp-arany));
}
div.kulcsappep_hatos_erv_title_div h2 {
	FONT-SIZE: calc(20px + (48 - 20) * var(--kulcsappp-arany)); font-style: normal; font-weight: 400; COLOR: #e21a77; FONT-FAMILY: 'Rubik', sans-serif; text-decoration: none; text-transform: uppercase;
	margin-bottom: 0;
	padding-bottom: 0;
	line-height: 1.4em;
}

div.kulcsappep_hatos_erv_desktop_div {
	position: relative;
	width: 100%;
	display: none;
}
div.kulcsappep_hatos_erv_desktop_div img.haterv {
	display: block;
	max-width: 100%;
	height: auto;
}
div.kulcsappep_hatos_erv_desktop_div img.csodakartya {
	position: absolute;
	width: 40%;
	height: auto;
	bottom: 10px;
	left: 66%;
}
div.kulcsappep_hatos_erv_mobile_div {
	display: block;
}
div.kulcsappep_hatos_erv_mobile_div img {
	display: block;
	max-width: 100%;
	height: auto;
}
@media screen and (min-width: 600px) {
	div.kulcsappep_hatos_erv_desktop_div {
		display: block;
	}
	div.kulcsappep_hatos_erv_mobile_div {
		display: none;
	}
}

/* hatos érv end */


/* hatos érv alatt start */

div.kulcsappep_hatos_erv_alatt_container_div {
	width: 100%;
}

div.kulcsappep_hatos_erv_alatt_text_div {
	width: 100%;
	padding: 10px;
}
div.kulcsappep_hatos_erv_alatt_text_div span {
	FONT-SIZE: calc(14px + (18 - 14) * var(--kulcsappp-arany)); font-style: normal; font-weight: 400; COLOR: #707070; FONT-FAMILY: 'Rubik', sans-serif; text-decoration: none;
	line-height: 1.4em;
}

div.kulcsappep_hatos_erv_alatt_content_div {
	position: relative;
	display: block;
	width: 100%;
	text-align: center;
}

div.kulcsappep_hatos_erv_alatt_image_div {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	max-width: 330px;
	min-width: 250px;
}

div.kulcsappep_hatos_erv_alatt_image_div img {
	display: block;
	max-width: 100%;
	border: none;
}

/* hatos érv alatt end */




/* footer start */

div.kulcsappep_footer_container_div {
	width: 100%;
	background-color: #e21a77;
	padding: calc(15px + (30 - 15) * var(--kulcsappp-arany)) calc(15px + (30 - 15) * var(--kulcsappp-arany)) 0 calc(15px + (30 - 15) * var(--kulcsappp-arany));
	border-radius: calc(25px + (35 - 25) * var(--kulcsappp-arany)) calc(25px + (35 - 25) * var(--kulcsappp-arany)) 0 0;
	text-align: left;
	margin-top: calc(25px + (50 - 25) * var(--kulcsappp-arany));
}

div.kulcsappep_footer_content_div {
	position: relative;
	width: 100%;
	padding-bottom: calc(15px + (30 - 15) * var(--kulcsappp-arany));
}
div.kulcsappep_footer_content_text_div {
	width: 100%;
	margin-right: auto;
	line-height: 1.4em;
	text-align: justify;
}
div.kulcsappep_footer_content_text_div span {
	FONT-SIZE: calc(14px + (18 - 14) * var(--kulcsappp-arany)); font-style: normal; font-weight: 400; COLOR: #ffffff; FONT-FAMILY: 'Rubik', sans-serif; text-decoration: none;
	line-height: 1.4em;
}
div.kulcsappep_footer_content_div img {
	display: none;
}
@media screen and (min-width: 600px) {
	div.kulcsappep_footer_content_text_div {
		width: calc(100% - calc(150px + (200 - 150) * var(--kulcsappp-arany)) - 20px);
	}
	div.kulcsappep_footer_content_div img {
		display: block;
		position: absolute;
		width: calc(150px + (200 - 150) * var(--kulcsappp-arany));
		height: auto;
		left: calc(100% - calc(150px + (200 - 150) * var(--kulcsappp-arany)));
		top: calc(-50px - (50 - 0) * var(--kulcsappp-arany));
	}
}

/* footer end */
