section.akcios_ujsag_content_bar {
	width: 100%; background-color: transparent; padding: 0px;
	/*background-image: linear-gradient(to bottom, #ffffff, #ffebe1, #ffedcf);*/
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

section.akcios_ujsag_content_bar div.bal_oldal {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	padding: calc(20px + (100 - 20) * var(--alap-arany));
	text-align: center;
}
section.akcios_ujsag_content_bar span.akcios_ujsag_cim {
	FONT-SIZE: calc(16px + (46 - 16) * var(--alap-arany));
	font-style: normal;
	font-weight: 500;
	COLOR: #E11E7C;
	FONT-FAMILY: 'Rubik', sans-serif;
	text-decoration: none;
	text-transform: uppercase;
}
section.akcios_ujsag_content_bar div.gomb_container {
	text-align: center;
	margin: 10px auto;
	transform: translateY(-200%); /*inserted after command of Rita Suplicz`s command: „there is too much space between image and buttonbar”*/
}
section.akcios_ujsag_content_bar div.gomb_container a.homepage_button_akcios_lap {
	display: inline-block;
	background-color: #ffffff;
	padding: 5px 20px;
	margin: 0 calc(10px + (20 - 10) * var(--alap-arany));
	FONT-SIZE: 18px;
	font-style: normal;
	font-weight: 600;
	COLOR: #E11E7C;
	FONT-FAMILY: 'Rubik', sans-serif;
	text-decoration: none;
	border-radius: 13px;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	transition: all 1s ease;
}
section.akcios_ujsag_content_bar div.gomb_container a.homepage_button_akcios_lap:hover {
	background-color: #E11E7C;
	COLOR: #ffffff;
	box-shadow: 0 0 10px rgba(0,0,0,0.7);
	transform: scale(1.05);
}
@media screen and (min-width: 1200px) {
	section.akcios_ujsag_content_bar div.bal_oldal {
		display: inline-block;
		vertical-align: middle;
		width: 100%;
		max-width: 1200px;
		margin: calc(20px + (75 - 20) * var(--alap-arany)) auto;
		padding: 10px;
		text-align: center;
	}	
}




div.catalogue a.hash {
	position: absolute; top: -180px;
}
.catalogue{position: relative; width: 100%; max-width: 2000px; margin: auto; height: auto; padding: 0px; max-height: initial;}
.cat-image-mobile{display: block; position: relative; width: 100%; height: auto;}

.cat-buttons-b {position: absolute; bottom: 18%; left: 65%;}
.cat-buttons-b a{display: inline-block; background-color: white; color: #e3287e; text-decoration: none; padding: calc(4px + (40 - 2) * var(--alap-arany)) calc(8px + (54 - 8) * var(--alap-arany)); border-radius: calc(8px + (14 - 8) * var(--alap-arany)); font-size: calc(14px + (70 - 12) * var(--alap-arany)); font-weight: 700; margin: calc(6px + (40 - 6) * var(--alap-arany)); box-shadow: 0 0 calc(5px + (10 - 5) * var(--alap-arany)) black;}
.cat-buttons-b a i {display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.cat-buttons {display: none;}
.cat-image{display: none;}

@media screen and (min-width: 600px) {
	.catalogue{position: relative; width: 100%; max-width: 2000px; margin: auto; height: auto; padding: 0px;}
	.cat-buttons-b {display: none;}
	.cat-image-mobile{display: none;}
	.cat-image{display: block; width: 100%; height: auto;}
	.cat-buttons {display: block; position: absolute; bottom: 8%; left: 62%;}
	.cat-buttons a{display: inline-block; background-color: white; color: #e3287e; text-decoration: none; padding: calc(2px + (5 - 2) * var(--alap-arany)) calc(8px + (14 - 8) * var(--alap-arany)); border-radius: calc(8px + (14 - 8) * var(--alap-arany)); font-size: calc(12px + (17 - 12) * var(--alap-arany)); font-weight: 700; margin: calc(3px + (8 - 3) * var(--alap-arany)) 0; box-shadow: 0 0 calc(5px + (10 - 5) * var(--alap-arany)) black;}
}



div.grafcom_notification_kulcskartya_fixed_item_div {
	position: absolute;
	width: 450px; max-width: 90%;
	top: 50%; left: 50%; transform: translate(-50%, -50%);
	padding: 40px 20px;
	border-radius: 15px;
	background: #74B643;
	text-align: center;
	font-size: 14px; font-style: normal; font-weight: 700; COLOR: #ffffff; FONT-FAMILY: 'Open Sans', sans-serif; text-decoration: none;
}

div.grafcom_notification_kulcskartya_fixed_item_div span.title {
	FONT-SIZE: calc(16px + (22 - 16) * var(--alap-arany)); font-weight: 700; font-style: normal; COLOR: #fff; FONT-FAMILY: 'Rubik', sans-serif; text-decoration: none; text-transform: none;
}

div.grafcom_notification_kulcskartya_fixed_item_div input {
	display: inline-block;
	vertical-align: middle;
	width: calc(190px + (300 - 190) * var(--alap-arany));
	padding: calc(5px + (8 - 5) * var(--alap-arany)) calc(12px + (18 - 12) * var(--alap-arany));
	margin: 5px;
	background: #fff;
	border-radius: 22px;
	box-shadow: 0px 0px 8px rgba(0,0,0,.65);
}

div.grafcom_notification_kulcskartya_fixed_item_div button {
	display: inline-block;
	padding: calc(3px + (6 - 3) * var(--alap-arany)) calc(12px + (18 - 12) * var(--alap-arany));
	margin: 5px;
	background: #e3287e;
	border-radius: calc(12px + (18 - 12) * var(--alap-arany));
	box-shadow: 0px 0px 8px rgba(0,0,0,.65);
	cursor: pointer;
	color: #fff;
	transition: all 1s ease;
}
div.grafcom_notification_kulcskartya_fixed_item_div button:hover {
	transform: scale(1.05);
}

div.grafcom_notification_kulcskartya_fixed_item_div button.reg {
	display: inline-block;
	padding: calc(3px + (6 - 3) * var(--alap-arany)) calc(12px + (18 - 12) * var(--alap-arany));
	margin: 5px;
	background: #74B643;
	border-radius: calc(12px + (18 - 12) * var(--alap-arany));
	box-shadow: 0px 0px 8px rgba(0,0,0,.65);
	cursor: pointer;
	color: #fff;
}

div.grafcom_notification_kulcskartya_fixed_item_div a {FONT-SIZE: calc(12px + (14 - 12) * var(--alap-arany)); font-weight: 400; font-style: normal; COLOR: #4d4d4d; FONT-FAMILY: 'Rubik', sans-serif; text-decoration: none; cursor: pointer;}
div.grafcom_notification_kulcskartya_fixed_item_div a:hover {text-decoration: underline;}
