section.home_fitness_intro_section {
	width: 100%;
	background: url(../images/homefitness/home_fittness_alap_bal.png) no-repeat left center,
				url(../images/homefitness/home_fittness_alap_jobb.png) no-repeat right center,
				url(../images/homefitness/home_fittness_alap_mod.jpg) no-repeat center center;
	background-size: contain, contain, cover;
	background-attachment: fixed, fixed, fixed;
}
@media screen and (max-width: 1024px) {
	section.home_fitness_intro_section {
		width: 100%;
		background: url(../images/homefitness/home_fittness_alap_jobb.png) no-repeat right center,
				url(../images/homefitness/home_fittness_alap_mod.jpg) no-repeat center center;
		background-size: 70% 100%, cover;
		background-attachment: fixed, fixed;
	}
}
div.home_fitness_focim_container {
	width: 100%;
	text-align: center;
	padding: calc(26px + (42 - 26) * var(--alap-arany)) 0 0 0;
}
div.home_fitness_focim_container span.focim {
	display: block;
	text-align: center;
	font-size: calc(46px + (82 - 46) * var(--alap-arany));
	font-style: normal;
	font-weight: 400;
	COLOR: #e3287e;
	FONT-FAMILY: 'SaturdayScript', comic-sans, sans-serif;
	text-decoration: none;
}
div.home_fitness_alcim_container {
	width: 100%;
	text-align: center;
	padding: 0 0 calc(26px + (42 - 26) * var(--alap-arany)) 0;
}
@media screen and (min-width: 1024px) {
	div.home_fitness_alcim_container {
		position: relative;
		max-width: 1024px;
		width: 80%;
		z-index: 1;
	}
	div.home_fitness_alcim_container:before {
		content: '';
		position: absolute;
		width: 200px;
		height: 200px;
		left: 0;
		top: 0%;
		transform: translate(-90%, -50%);
		background: url(../images/aranykartya/reg_kartyak_b_kulcs.png) no-repeat center;
		background-size: contain;
	}
	div.home_fitness_alcim_container.arany:before {
		content: '';
		position: absolute;
		width: 200px;
		height: 200px;
		left: 0;
		top: 0%;
		transform: translate(-90%, -50%);
		background: url(../images/aranykartya/reg_kartyak_b.png) no-repeat center;
		background-size: contain;
	}
	div.home_fitness_alcim_container.kulcs:before {
		content: '';
		position: absolute;
		width: 200px;
		height: 200px;
		left: 0;
		top: 0%;
		transform: translate(-90%, -50%);
		background: url(../images/kulcskartya/reg_kartyak_b.png) no-repeat center;
		background-size: contain;
	}
}
div.home_fitness_alcim_container span.alcim {
	display: block;
	text-align: center;
	font-size: calc(22px + (36 - 22) * var(--alap-arany));
	font-style: normal;
	font-weight: 600;
	COLOR: #40A79A;
	FONT-FAMILY: 'Rubik', sans-serif;
	text-decoration: none;
	text-transform: uppercase;
}
div.home_fitness_alcim_container span.kiscim {
	display: block;
	text-align: center;
	font-size: calc(16px + (28 - 16) * var(--alap-arany));
	font-style: normal;
	font-weight: 600;
	COLOR: #40A79A;
	FONT-FAMILY: 'Rubik', sans-serif;
	text-decoration: none;
	text-transform: none;
}

div.home_fitness_main_container {
	position: relative;
	width: 100%;
	max-width: 2048px;
	margin: auto;
}

div.amarilla_container {
	display: none;
}
@media screen and (min-width: 1024px) {
	div.amarilla_container {
		display: inline-block;
	}
}
div.amarilla_container {
	vertical-align: bottom;
	position: sticky;
	bottom: 0;
	right: 0;
	margin-right: auto;
	width: 30%;
}
div.amarilla_container img {
	display: block;
	width: 100%;
}
div.amarilla_container span {
	display: none;
	width: 90%;
	background-color: rgba(227,40,126,0.9);
	font-size: calc(10px + (18 - 10) * var(--alap-arany));
	font-style: normal;
	font-weight: 400;
	COLOR: #ffffff;
	FONT-FAMILY: 'Rubik', sans-serif;
	text-decoration: none;
}
div.amarilla_container:hover span {
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	padding: 10px;
	border-radius: 25px;
}
div.amarilla_container span:before {
	content: '';
	position: absolute;
	width: 0; 
	height: 0;
	border-left: calc(10px + (18 - 10) * var(--alap-arany)) solid transparent;
	border-right: calc(10px + (18 - 10) * var(--alap-arany)) solid transparent;
	border-bottom: calc(10px + (18 - 10) * var(--alap-arany)) solid rgba(227,40,126,0.9);
	top: 0;
	left: 50%;
	transform: translate(-50%,-100%);
}
div.dori_container {
	display: none;
}
@media screen and (min-width: 1024px) {
	div.dori_container {
		display: inline-block;
	}
}
div.dori_container {
	vertical-align: bottom;
	position: sticky;
	bottom: 0;
	left: 0;
	margin-left: auto;
	width: 30%;
}
div.dori_container img {
	display: block;
	width: 100%;
}
div.dori_container span {
	display: none;
	width: 90%;
	background-color: rgba(227,40,126,0.9);
	font-size: calc(10px + (18 - 10) * var(--alap-arany));
	font-style: normal;
	font-weight: 400;
	COLOR: #ffffff;
	FONT-FAMILY: 'Rubik', sans-serif;
	text-decoration: none;
}
div.dori_container:hover span {
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	padding: 10px;
	border-radius: 25px;
}
div.dori_container span:before {
	content: '';
	position: absolute;
	width: 0; 
	height: 0;
	border-left: calc(10px + (18 - 10) * var(--alap-arany)) solid transparent;
	border-right: calc(10px + (18 - 10) * var(--alap-arany)) solid transparent;
	border-bottom: calc(10px + (18 - 10) * var(--alap-arany)) solid rgba(227,40,126,0.9);
	top: 0;
	left: 50%;
	transform: translate(-50%,-100%);
}


div.amarilla_container_mobile {
	display: none;
}
@media screen and (max-width: 1024px) {
	div.amarilla_container_mobile {
		display: block;
	}
}
div.amarilla_container_mobile {
	position: relative;
	margin: auto;
	width: 100%;
}
div.amarilla_container_mobile img {
	display: block;
	width: 100%;
	max-width: 450px;
	margin: 0 auto 0 auto;
	padding-bottom: 10%;
}
@media screen and (max-width: 520px) {
	div.amarilla_container_mobile img {
		padding-bottom: 40%;
	}
}
@media screen and (max-width: 400px) {
	div.amarilla_container_mobile img {
		padding-bottom: 75%;
	}
}
div.amarilla_container_mobile span {
	display: block;
	position: absolute;
	width: 95%;
	background: url(../images/homefitness/homefitness_sav_1_mobile.png) no-repeat center center;
	background-size: 100% 100%;
	font-size: calc(14px + (18 - 14) * var(--alap-arany));
	font-style: normal;
	font-weight: 400;
	COLOR: #ffffff;
	FONT-FAMILY: 'Rubik', sans-serif;
	text-decoration: none;
	bottom: 0;
	left: 50%;
	transform: translatex(-50%);
	text-align: left;
	padding: calc(44px + (64 - 44) * var(--alap-arany))
			10%
			calc(64px + (84 - 64) * var(--alap-arany))
			15%;
}



div.dori_container_mobile {
	display: none;
}
@media screen and (max-width: 1024px) {
	div.dori_container_mobile {
		display: block;
	}
}
div.dori_container_mobile {
	position: relative;
	margin: auto;
	width: 100%;
}
div.dori_container_mobile img {
	display: block;
	width: 100%;
	max-width: 450px;
	margin: 0 auto 0 auto;
	padding-bottom: 10%;
}
@media screen and (max-width: 520px) {
	div.dori_container_mobile img {
		padding-bottom: 40%;
	}
}
@media screen and (max-width: 400px) {
	div.dori_container_mobile img {
		padding-bottom: 75%;
	}
}
div.dori_container_mobile span {
	display: block;
	position: absolute;
	width: 95%;
	background: url(../images/homefitness/homefitness_sav_2_mobile.png) no-repeat center center;
	background-size: 100% 100%;
	font-size: calc(14px + (18 - 14) * var(--alap-arany));
	font-style: normal;
	font-weight: 400;
	COLOR: #ffffff;
	FONT-FAMILY: 'Rubik', sans-serif;
	text-decoration: none;
	bottom: 0;
	left: 50%;
	transform: translatex(-50%);
	text-align: left;
	padding: calc(64px + (84 - 64) * var(--alap-arany))
			15%
			calc(44px + (64 - 44) * var(--alap-arany))
			10%;
}

div.home_fitness_menu_container {
	display: inline-block;
	width: 95%;
	max-width: 450px;
	margin: auto;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
@media screen and (min-width: 1024px) {
	div.home_fitness_menu_container {
		width: 40%;
		max-width: 600px;
	}
}

div.home_fitness_menu_item {
	width: 100%;
	border-radius: calc(45px + (75 - 45) * var(--alap-arany));
	background-color: rgba(255,255,255,0.8);
	margin: 10px auto;
	box-shadow: 0 0 10px rgba(0,0,0,0.4);
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
div.home_fitness_menu_item:hover {
	box-shadow: 0 0 10px rgba(0,0,0,0.7);
}
div.home_fitness_menu_item_title_container {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - calc(90px + (150 - 90) * var(--alap-arany)));
	padding: 10px 20px;
	text-align: center;
	overflow: hidden;
}
div.home_fitness_menu_item_title_container.no_trainer {
	width: 100%;
}
div.home_fitness_menu_item_title_container span.focim {
	display: block;
	text-align: center;
	font-size: calc(12px + (22 - 12) * var(--alap-arany));
	font-style: normal;
	font-weight: 600;
	COLOR: #3C3C3B;
	FONT-FAMILY: 'Rubik', sans-serif;
	text-decoration: none;
	text-transform: uppercase;
}
div.home_fitness_menu_item_title_container span.alcim {
	display: block;
	text-align: center;
	font-size: calc(12px + (20 - 12) * var(--alap-arany));
	font-style: normal;
	font-weight: 400;
	COLOR: #3C3C3B;
	FONT-FAMILY: 'Rubik', sans-serif;
	text-decoration: none;
}
@media screen and (max-width: 1024px) {
	div.home_fitness_menu_item_title_container span.focim {
		font-size: calc(16px + (22 - 16) * var(--alap-arany));
	}
	div.home_fitness_menu_item_title_container span.alcim {
		font-size: calc(16px + (22 - 16) * var(--alap-arany));
	}
}
div.home_fitness_menu_item_title_container a {
	display: block;
	width: max-content; margin: 5px auto;
	background-color: #E11E7C;
	padding: 5px 20px;
	FONT-SIZE: calc(14px + (16 - 14) * var(--alap-arany));
	font-style: normal;
	font-weight: 500;
	COLOR: #ffffff;
	FONT-FAMILY: 'Rubik', sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	border-radius: 13px;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	transition: all 1s ease;
}
div.home_fitness_menu_item_title_container a:hover {
	background-color: #E11E7C;
	COLOR: #ffffff;
	box-shadow: 0 0 10px rgba(0,0,0,0.7);
	transform: scale(1.05);
}
div.home_fitness_menu_item_photo_container {
	display: inline-block;
	vertical-align: middle;
	width: calc(80px + (140 - 80) * var(--alap-arany));
	height: calc(80px + (140 - 80) * var(--alap-arany));
	margin: 5px;
	text-align: center;
	border-radius: 50%;
	background-color: #DDDDDD;
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
div.home_fitness_menu_item_photo_container img {
	width: 90%;
	height: 90%;
	object-fit: contain;
}



section.home_fitness_aloldal_video_section {
	width: 100%;
	background: url(../images/homefitness/home_fittness_alap_bal.png) no-repeat left center,
				url(../images/homefitness/home_fittness_alap_jobb.png) no-repeat right center,
				url(../images/homefitness/home_fittness_alap_mod.jpg) no-repeat center center;
	background-size: contain, contain, cover;
	background-attachment: fixed, fixed, fixed;
}
section.home_fitness_aloldal_video_section.bal {
	width: 100%;
	background: url(../images/homefitness/home_fittness_alap_bal.png) no-repeat left center,
				url(../images/homefitness/home_fittness_alap_mod.jpg) no-repeat center center;
	background-size: contain, cover;
	background-attachment: fixed, fixed;
}
section.home_fitness_aloldal_video_section.jobb {
	width: 100%;
	background: url(../images/homefitness/home_fittness_alap_jobb.png) no-repeat right center,
				url(../images/homefitness/home_fittness_alap_mod.jpg) no-repeat center center;
	background-size: contain, cover;
	background-attachment: fixed, fixed;
}
@media screen and (max-width: 1024px) {
	section.home_fitness_aloldal_video_section {
		width: 100%;
		background: url(../images/homefitness/home_fittness_alap_jobb.png) no-repeat right center,
				url(../images/homefitness/home_fittness_alap_mod.jpg) no-repeat center center;
		background-size: 70% 100%, cover;
		background-attachment: fixed, fixed;
	}
	section.home_fitness_aloldal_video_section.bal {
		width: 100%;
		background: url(../images/homefitness/home_fittness_alap_bal.png) no-repeat left center,
				url(../images/homefitness/home_fittness_alap_mod.jpg) no-repeat center center;
		background-size: 70% 100%, cover;
		background-attachment: fixed, fixed;
	}
}
div.home_fitness_aloldal_focim_container {
	width: 100%;
	text-align: center;
	padding: calc(32px + (62 - 32) * var(--alap-arany)) 0;
}
div.home_fitness_aloldal_focim_container span.focim {
	display: block;
	text-align: center;
	font-size: calc(20px + (40 - 20) * var(--alap-arany));
	font-style: normal;
	font-weight: 600;
	COLOR: #e3287e;
	FONT-FAMILY: 'Rubik', sans-serif;
	text-decoration: none;
	text-transform: uppercase;
}
div.home_fitness_aloldal_focim_container span.alcim {
	display: block;
	text-align: center;
	font-size: calc(18px + (36 - 18) * var(--alap-arany));
	font-style: normal;
	font-weight: 400;
	COLOR: #40A79A;
	FONT-FAMILY: 'Rubik', sans-serif;
	text-decoration: none;
}
div.home_fitness_aloldal_video_container {
	display: inline-block;
	width: 70%;
	margin: auto;
	padding: calc(20px + (35 - 20) * var(--alap-arany)) 0;
}
div.home_fitness_aloldal_video_container.no_trainer {
	display: block;
	width: 100%;
}
@media screen and (max-width: 1024px){
	div.home_fitness_aloldal_video_container {
		display: block;
		width: 100%;
	}
}

div.homefitness_video_main_div {
	position: relative;
	display: block;
	width: 80%; margin: auto;
	padding-top: 60%;
	box-shadow: 0px 0px 8px #ccc;
}
div.homefitness_video_main_div span.title {
	position: absolute;
	left: 0;
	top: 0;
	transform: translateY(-100%);
	width: max-content;
	FONT-SIZE: calc(14px + (28 - 14) * var(--alap-arany)); font-weight: 500; font-style: normal; COLOR: #3c3c3c; FONT-FAMILY: 'Rubik', sans-serif; text-decoration: none;
}
@media screen and (max-width: 1024px){
	div.homefitness_video_main_div {
		width: 90%; margin: auto;
		padding-top: 60%;
		margin-bottom: calc(32px + (48 - 32) * var(--alap-arany));
	}
	div.homefitness_video_main_div span.title {
		top: initial;
		bottom: 0;
		width: 100%;
		transform: translateY(100%);
	}
}
div.homefitness_video_main_div img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	top: 50%; left: 50%; transform: translate(-50%, -50%);
	
}
div.homefitness_video_main_div > i {
	display: inline-block;
	position: absolute;
	top: 50%; left: 50%; transform: translate(-50%,-50%);
	COLOR: #4d4d4d;
	FONT-SIZE: calc(40px + (80 - 40) * var(--alap-arany));
	opacity: 0.3;
	transition: all 1s ease;
}
div.homefitness_video_main_div:hover > i {
	COLOR: #e3287e;
	opacity: 1;
	transform: translate(-50%,-50%) scale(1.2);
}
div.homefitness_video_main_div span.play {
	position: absolute;
	top: 10%; right: 0px;
	padding: 10px 20px;
	background-color: #fff;
	border-radius: 15px 0px 0px 15px;
	box-shadow: 0px 4px 8px #ccc;
	FONT-SIZE: calc(12px + (36 - 12) * var(--alap-arany)); font-weight: 500; font-style: normal; COLOR: #e3247f; FONT-FAMILY: 'Rubik', sans-serif; text-decoration: none;
}


section.home_fitness_aloldal_videok_section {
	width: 100%;
	padding: calc(40px + (80 - 40) * var(--alap-arany)) 0;
	text-align: center;
}

:root {
	--video-min-height: 300px;
	--video-max-height: 600px;
}

div.homefitness_video_main_thumb_div {
	position: relative;
	display: inline-block;
	width: 100%;
	height: auto;
	max-height: var(--video-min-height);
	overflow-y: hidden;
	transition: all 3s ease;
}
div.homefitness_video_main_thumb_div.opened {
	height: auto;
	max-height: var(--video-max-height);
	transition: all 3s ease;
}

div.homefitness_video_thumb_div {
	position: relative;
	display: inline-block;
	width: 30%; margin: 0 1.5%;
	padding-top: calc(22% - 4px);
	box-shadow: 0px 0px 8px #ccc;
	margin-bottom: calc(32px + (48 - 32) * var(--alap-arany));
}
div.homefitness_video_thumb_div span.title {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	transform: translateY(100%);
	FONT-SIZE: calc(12px + (16 - 12) * var(--alap-arany)); font-weight: 500; font-style: normal; COLOR: #3c3c3c; FONT-FAMILY: 'Rubik', sans-serif; text-decoration: none;
}
@media screen and (max-width: 1024px){
	div.homefitness_video_thumb_div {
		width: 48%; margin: 0 1%;
		margin-bottom: calc(32px + (48 - 32) * var(--alap-arany));
		padding-top: calc(35% - 7px);
	}
}
div.homefitness_video_thumb_div img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	top: 50%; left: 50%; transform: translate(-50%, -50%);
}
div.homefitness_video_thumb_div > i {
	display: inline-block;
	position: absolute;
	top: 50%; left: 50%; transform: translate(-50%,-50%);
	COLOR: #4d4d4d;
	FONT-SIZE: calc(25px + (45 - 25) * var(--alap-arany));
	opacity: 0.3;
	transition: all 1s ease;
}
div.homefitness_video_thumb_div:hover > i {
	COLOR: #e3287e;
	opacity: 1;
	transform: translate(-50%,-50%) scale(1.2);
}

div.homefitness_video_main_thumb_downup_div {
	position: relative;
	display: inline-block;
	width: 100%; text-align: center;
	border-radius: 0px 0px 15px 15px;
	box-shadow: 0px 4px 8px #ccc;
	transition: all 3s ease;
	cursor: pointer;
	padding: 5px;
	FONT-SIZE: calc(14px + (26 - 14) * var(--alap-arany)); font-weight: 500; font-style: normal; COLOR: #e3247f; text-decoration: none;
}
div.homefitness_video_main_thumb_downup_div i {
	display: inline-block;
	vertical-align: middle;
	FONT-SIZE: calc(18px + (36 - 18) * var(--alap-arany)); font-weight: 500; font-style: normal; COLOR: #e3247f; text-decoration: none;
}




div.video_atjaras_alap {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	height: 100vh;
	z-index: 100001;
	background: rgba(0,0,0,0.25);
	opacity: 1; transition: opacity 1.5s;
}
div.video_atjaras_alap.visible {
	opacity: 1; transition: opacity 1.5s;
}

div.video_atjaras_video_container {
	position: absolute;
	width: 100%;
	height: auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
}

video.video_atjaras_video {
	max-width: 100%;
}

div.video_atjaras_close {
	display: none;
	position: absolute;
	width: calc(20px + (30 - 20) * var(--alap-arany));
	height: calc(20px + (30 - 20) * var(--alap-arany));
	right: 5px;
	top: 5px;
	background-color: rgba(0,0,0,0.5);
	cursor: pointer;	
}
div.video_atjaras_close:after {
	content: 'x';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	FONT-SIZE: calc(16px + (26 - 16) * var(--alap-arany)); font-weight: 400; font-style: normal; COLOR: #fff; FONT-FAMILY: 'Rubik', sans-serif; text-decoration: none; text-transform: none;
}

div.video_atjaras_felirat {
	position: absolute;
	width: 100%;
	height: auto;
	left: 50%;
	bottom: 5px;
	transform: translateX(-50%);
	padding: 2px;
	text-align: center;
	background-color: rgba(0,0,0,0.5);
	FONT-SIZE: calc(12px + (18 - 12) * var(--alap-arany)); font-weight: 400; font-style: normal; COLOR: #fff; FONT-FAMILY: 'Rubik', sans-serif; text-decoration: none; text-transform: none;
}



div.koszono_panel_home_fitness_fixed_intro_div {
	position: absolute;
	width: 100%; max-width: 620px; height: 100%; max-height: 465px;
	top: 50%; left: 50%; transform: translate(-50%, -50%);
	padding: 0 5%;
}
div.koszono_panel_home_fitness_fixed_intro_div div.intro_div {
	width: 100%;
	height: 100%;
}
div.koszono_panel_home_fitness_fixed_intro_div div.intro_div img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}