:root {
	--szin1: #003719;
	/*zöld*/
	--szin2: #ff601f;
	/*piros -> új narancssárga*/

}

.belso_logo {
	width: 90%;
	height: auto;

	float: left;
	margin-top: 25px;
	margin-left: 20px;
}

.belso_logo img {
	width: 100%;
	height: auto;

}

.bg-color-1 {
	background: linear-gradient(180deg, rgba(199, 231, 130, 1) 0%, rgba(240, 250, 217, 0) 100%);
}

.termekkep1 {
	width: 70px;
	height: 100px;
	border-right: dashed 1px var(--szin1);

}

.termekkep1 img {
	width: 100%;
	height: 100%;
	padding: 5px 10px 5px 0;

}

.hatter2 {
	background: linear-gradient(180deg, rgba(199, 231, 130, 1) 0%, rgba(240, 250, 217, 0) 100%);
	/*background: url("../media/images/alapok/buza.png") no-repeat center;*/
	background-size: 100% 100%;
	background-position: 0 0px;
	padding: 40px 0
}

.hatter3 {
	background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(220, 220, 220, 1) 100%);
	/*background: url("../media/images/alapok/buza.png") no-repeat center;*/
	background-size: 100% 100%;
	background-position: 0 0px;
	padding: 40px 0
}

.hatter4:hover {
	background-color: rgba(255, 255, 255, 0.8);
}

.hatter4 {
	background-color: rgba(255, 255, 255, 1);
	padding: 20px 20px 25px 20px;
	border-radius: 0;
	transition: 0.5s;
}

.hatter4 .image-box {
	border-radius: 0;
}

.hatter5 {
	background: linear-gradient(180deg, rgba(240, 250, 217, 0) 0%, rgba(199, 231, 130, 1) 100%);
	padding: 0 0 80px 0;
}

.hatter6 {
	background-color: rgba(255, 255, 255, 1);
	padding: 50px 0;

}

.hatter66 {
	background-color: rgba(255, 255, 255, 1);
	padding: 0 0 50px 0;

}

.hatter7 {
	background-color: rgba(0, 0, 0, 1);
	padding: 50px 0;

}

.hatter8 {
	/*kekes átmenet*/
	background: #3A9EFE;
	background: linear-gradient(180deg, rgba(58, 158, 254, 0) 0%, rgba(199, 230, 255, 1) 100%);

}

.hatter9 {

	background: #e1e1e1;

	padding: 50px 0;
	margin: 0;

}

.kat2 {
	background-color: #fff;
	padding-top: 70px;
	padding-bottom: 20px;
	position: relative;
	top: -90px;
	border-radius: 0 0 10px 10px;
	width: calc(60% - 14px);
}

.vonal {
	border-bottom: solid 2px var(--szin2);

}

.belso .owl-nav {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 100%;

}

.belso .owl-prev {
	position: absolute;
	left: -80px;
	top: 0;
	background: rgba(255, 255, 255, 0.8);
	height: 56px;
	width: 56px;
	border-radius: 50%;
	border: none;
	text-align: center;
	color: rgba(0, 0, 0, 0);
	line-height: 56px;
	font-size: 0px;
	opacity: 1;
	margin-top: -30px;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	z-index: 1000;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;


}

.belso .owl-prev span,
.belso .owl-next span {
	color: #000;
	font-size: 20px;
	transition: 0.5s;

}


.belso .owl-next {
	position: absolute;
	right: -80px;
	top: 0;
	background: rgba(255, 255, 255, 1);
	height: 56px;
	width: 56px;
	border-radius: 50%;
	border: none;
	text-align: center;
	line-height: 56px;
	color: rgba(0, 0, 0, 0);
	font-size: 0px;
	opacity: 1;
	cursor: pointer;
	margin-top: -30px;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	z-index: 1000;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;

}

.belso .owl-prev:hover,
.belso .owl-next:hover {
	border-radius: 50%;
	background: var(--szin2);
	cursor: pointer;
}

.belso .owl-prev:hover>span,
.belso .owl-next:hover>span {
	color: #fff;
	transform: rotate(360deg);

}

.belso {
	padding: 0;
}

.link2 a {

	padding: 0;
	color: var(--szin2);
	transition: 0.5s;
	font-weight: bold;
	display: flex;
	align-content: center;
	align-items: center;
}

.link2 a:hover {
	padding-left: 10px;
}

.link2 a i {
	margin-right: 8px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	font-size: 17px;
	background-color: var(--szin2);
	color: #fff;
	transition: 0.5s;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;

}

.link2 a:hover>i {
	background-color: #000;
	transform: rotate(90deg);

}

.text p {
	font-size: 140%;
	line-height: 35px;
}

.video-sliders {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}


.owl-stage-outer {
	max-height: 92vh;
}

.tbox {
	width: 100%;
	flex-wrap: wrap;
	padding: 20px;
	margin-top: 10px;
	justify-content: center;
	display: flex;
	height: 350px;
	align-content: flex-start;
	align-items: flex-start;
	transition: 0.5s;
	background-color: transparent;
}

.tbox:hover {
	background-color: var(--szin1);

}

.tbox h5 {
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: center;


}

.tbox img {
	padding-bottom: 10px;
}

.tbox p {
	font-size: 90%;
	line-height: 20px;
	text-align: center;
}

.tbox h5 {
	padding: 10px;
	border-top: solid 2px var(--szin2);

}

.ikon {
	width: 100px;
	height: auto;
	margin-bottom: 20px;
}

.ikon img {
	width: 100%;
	height: 100%;
}

@media only screen and (max-width: 600px) {
	.owl-stage-outer {
		max-height: 870px;
	}
}

/* FORCE OVERRIDES FOR MENU AND BANNER */

/* Main Menu Items - Smaller Padding */
.main-menu .navigation>li {
	padding: 15px 0px !important;
}

/* Dropdown Menu Items - 18px Font Size - ALL LEVELS */
.main-menu .navigation>li>ul>li>a,
.main-menu .navigation>li>ul>li>ul>li>a {
	font-size: 15px !important;
	line-height: 1.4 !important;
}

/* Banner H1 Visibility Force - High Priority */
.banner-carousel .content-box h1 {
	opacity: 0 !important;
	visibility: visible !important;
	display: block !important;
	color: #fff !important;
	-webkit-transform: translateY(-30px) !important;
	transform: translateY(-30px) !important;
	transition: all 1000ms ease !important;
}

.banner-carousel .active .content-box h1 {
	opacity: 1 !important;
	-webkit-transform: translateY(0) !important;
	transform: translateY(0) !important;
	transition-delay: 800ms !important;
}

/* Banner H2 Visibility Force - Bottom Up Animation */
.banner-carousel .content-box h2 {
	opacity: 0 !important;
	visibility: visible !important;
	display: block !important;
	color: #fff !important;
	-webkit-transform: translateY(30px) !important;
	transform: translateY(30px) !important;
	transition: all 1000ms ease !important;
}

.banner-carousel .active .content-box h2 {
	opacity: 1 !important;
	-webkit-transform: translateY(0) !important;
	transform: translateY(0) !important;
	transition-delay: 800ms !important;
}

/* Header Compaction overrides */
.main-header.style-one .header-top {
	display: none !important;
	/* Hide top bar to save space */
	padding: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
}

.main-header.style-one .header-lower .logo-box {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	margin: 0 !important;
}

.main-header .header-lower .menu-right-content {
	margin-top: 5px !important;
	/* Align with reduced logo box */
	margin-left: 10px !important;
	padding: 0 !important;
	height: auto !important;
}

.main-menu {
	margin-top: 0px !important;
	padding: 0 !important;
}

.nav-outer {
	margin-top: 5px !important;
	padding: 0 !important;
}

.logo-box img {
	max-height: 50px !important;
	/* Force smaller logo */
	width: auto !important;
}

/* Force menu items to be compact */
.main-menu .navigation>li {
	padding: 10px 0px !important;
	/* Reduced padding */
	margin: 0 5px !important;
}

.main-menu .navigation>li>a {
	line-height: 24px !important;
	/* Reduce line-height */
	padding: 5px 0 !important;
}

/* Sticky Header Compaction */
.sticky-header .main-menu .navigation>li {
	padding: 5px 0px !important;
}

.main-header .header-lower .menu-right-content {
	margin-top: 5px !important;
	/* Align with reduced logo box */
	margin-left: 10px !important;
	padding: 0 !important;
	height: auto !important;
}

/* Banner Timer Positioning Override */
.banner-section .banner-timer {
	position: absolute !important;
	top: 0px !important;
	/* Adjusted to 5px (25px - 20px) */
	bottom: auto !important;
	/* Reset bottom if set */
	left: 0 !important;
	width: 100% !important;
	height: 5px !important;
	/* Make it visible */
	z-index: 500 !important;
	background: rgba(255, 255, 255, 0.3) !important;
}

.banner-section .banner-timer .timer-progress {
	display: block !important;
	height: 100% !important;
	background: var(--szin2) !important;
	width: 0%;
}

/* Level 3 Menu - Open to Right */
.main-menu .navigation>li>ul>li>ul {
	left: 100% !important;
	right: auto !important;
	top: 0 !important;
}

/* Submenu Arrow - Align to Text */
.main-menu .navigation>li>ul>li.dropdown>a:after {
	position: relative !important;
	right: auto !important;
	top: 0 !important;
	display: inline-block !important;
	margin-left: 10px !important;
	float: none !important;
}

/* Sticky Header Width Override */
.sticky-header .auto-container {
	max-width: 1200px !important;
}

/* Sticky Header 3-Part Layout */
.sticky-header .outer-box {
	justify-content: space-between;
	/* Ensure distribution */
}

.sticky-header .outer-box>div {
	display: flex;
	align-items: center;
}

.sticky-header .logo-box {
	flex: 1;
	justify-content: flex-start;
	/* Left Align */
}

.sticky-header .menu-area {
	flex: 6;
	justify-content: center;
	/* Center Align */
}

.sticky-header .header-right {
	flex: 2;
	justify-content: flex-end;
	/* Right Align */
}

/* Level 2 Submenu styling */
.main-menu .navigation>li>ul {
	background-color: rgba(255, 255, 255, 0.8) !important;
	padding: 0 !important;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
}

.sticky-header .main-menu .navigation>li>ul {
	background-color: #222 !important;
}

.main-menu .navigation>li>ul>li>a {
	background-color: transparent !important;
	color: #222 !important;
	padding: 10px 20px !important;
	font-weight: 700 !important;
}

.sticky-header .main-menu .navigation>li>ul>li>a {
	color: #fff !important;
	font-weight: 400 !important;
	/* Normal weight as requested */
}

/* Level 3 Submenu styling */
.main-menu .navigation>li>ul>li>ul {
	background-color: rgba(255, 255, 255, 0.8) !important;
	/* Slightly more opaque for stacked submenus */
	padding: 0 !important;
	margin: 0 !important;
	list-style: none !important;
	border: none !important;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
}

.sticky-header .main-menu .navigation>li>ul>li>ul {
	background-color: #444 !important;
}

.main-menu .navigation>li>ul>li>ul>li {
	padding: 0 !important;
	/* Ensure li has no padding */
	margin: 0 !important;
	border: none !important;
	list-style: none !important;
}

.main-menu .navigation>li>ul>li>ul>li>a {
	background-color: transparent !important;
	color: #222 !important;
	padding: 10px 20px !important;
	display: block !important;
	border: none !important;
	font-weight: 700 !important;
}

.sticky-header .main-menu .navigation>li>ul>li>ul>li>a {
	color: #fff !important;
	font-weight: 400 !important;
	/* Normal weight as requested */
}

.main-menu .navigation>li>ul>li>a:hover,
.main-menu .navigation>li>ul>li>ul>li>a:hover {
	color: var(--szin2) !important;
	background-color: #f5f5f5 !important;
	/* Light gray on hover */
}

.sticky-header .main-menu .navigation>li>ul>li>a:hover,
.sticky-header .main-menu .navigation>li>ul>li>ul>li>a:hover {
	color: #fff !important;
	background-color: #333 !important;
}

/* Remove Submenu Bottom Border */
/* Remove Submenu Bottom Border - Level 2 & 3 */
.main-menu .navigation>li>ul>li,
.main-menu .navigation>li>ul>li>ul>li {
	border-bottom: none !important;
}

/* Submenu Animation: Fade only, no movement */
.main-menu .navigation>li>ul,
.main-menu .navigation>li>ul>li>ul {
	transform: none !important;
	opacity: 0 !important;
	visibility: hidden !important;
	transition: all 300ms ease;
}

.main-menu .navigation>li:hover>ul,
.main-menu .navigation>li>ul>li:hover>ul {
	transform: none !important;
	opacity: 1 !important;
	visibility: visible !important;
}

/* Adjust Submenu Position for Main Header - Move up 30px */
.main-header:not(.fixed-header) .main-menu .navigation>li>ul {
	top: calc(100% - 30px) !important;
}

/* Main Header - Transparent & 3-Part Layout */
.main-header {
	position: absolute !important;
	top: 20px !important;
	left: 0;
	width: 100%;
	z-index: 99;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}

.main-header .main-header-content {

	padding: 10px 0;
	height: auto !important;
}

.main-header .main-header-content .outer-box {
	justify-content: space-between !important;
	display: flex !important;
	width: 100%;
	align-items: center;
	height: auto !important;
}

/* Aggressive Logo Sizing */
.main-header .logo-box,
.main-header .logo-box figure,
.main-header .logo-box .logo,
.main-header .logo-box a {
	height: auto !important;
	display: block !important;
}

.main-header .logo-box img {
	height: 90px !important;
	min-height: 90px !important;
	max-height: 90px !important;
	width: auto !important;
	display: block !important;
}

/* Main Header Text Colors (White for visibility on banner) */
/* Main Header Text Colors (White for visibility on banner) */
.main-header .main-header-content .main-menu .navigation>li>a,
.main-header .main-header-content .header-social ul li a,
.main-header .main-header-content .language-selector ul li a,
.main-header .main-header-content .language-selector ul li {
	color: #fff !important;
	font-size: 18px !important;
	font-weight: 400 !important;
	font-style: normal !important;
	text-transform: none !important;
	/* Prevent double-capitalization if any */
	transition: all 0.3s ease !important;
	display: inline-block !important;
	/* Required for transform */
}

/* Active language in main header should be bold */
.main-header .main-header-content .language-selector ul li a.active {
	font-weight: 700 !important;
}

/* Increase spacing between menu items - Main Header only */
.main-header .main-header-content .main-menu .navigation>li {
	margin: 0 15px !important;
	padding: 20px 0 !important;
}

/* Sticky Header Refinements */
.sticky-header {
	padding: 0px 0 !important;
}

.sticky-header .logo-box {
	padding: 5px 0px !important;
}

.sticky-header .logo-box img {
	height: 50px !important;
	min-height: 50px !important;
	max-height: 50px !important;
	width: auto !important;
}

.sticky-header.sticky-header .main-menu .navigation>li>a,
.sticky-header.sticky-header .header-social ul li a,
.sticky-header.sticky-header .language-selector ul li a,
.sticky-header.sticky-header .language-selector ul li {
	color: #333 !important;
	font-size: 16px !important;
	padding: 10px 0px !important;
}

/* Sticky Menu Items Hover - New Color */
.sticky-header .main-menu .navigation>li>a:hover {
	color: var(--szin2) !important;
}

/* Active language in sticky header should use the new color (and unchanged/bold as before) */
.sticky-header .language-selector ul li a.active {
	color: var(--szin2) !important;
	font-weight: 700 !important;
}

/* Mobile Navigation Toggler - Responsive Styling */
.mobile-nav-toggler {
	display: none;
	cursor: pointer;
	position: relative;
	top: -2px;
	margin-left: 20px !important;
}

.mobile-nav-toggler:before {
	content: '';
	position: absolute;
	left: -12px;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 30px;
	background-color: rgba(255, 255, 255, 0.4);
	display: none;
}

@media only screen and (max-width: 991px) {
	.main-header .menu-area {
		display: none !important;
	}

	/* Mobilon a fejléc mindig látható maradjon görgetéskor */
	.main-header {
		position: relative !important;
		top: 0 !important;
		left: 0 !important;
		padding-bottom: 12px;
		width: 100% !important;
		background: rgba(0, 0, 0, 0.85) !important;
		z-index: 999 !important;
		backdrop-filter: blur(6px);
	}

	.main-header .header-right {
		flex: 1;
		justify-content: flex-end !important;
	}

	.mobile-nav-toggler {
		display: block !important;
	}

	.mobile-nav-toggler .icon-bar {
		background-color: #fff;
		width: 30px;
		height: 2px;
		display: block;
		margin-bottom: 5px;
		transition: all 300ms ease;
	}

	.mobile-nav-toggler .icon-bar:last-child {
		margin-bottom: 0px;
	}

	.sticky-header .mobile-nav-toggler .icon-bar {
		background-color: #333;
	}

	.mobile-nav-toggler:before {
		display: block !important;
	}

	.sticky-header .mobile-nav-toggler:before {
		background-color: rgba(0, 0, 0, 0.2) !important;
	}

	/* Force mobile menu visibility and layout */
	.mobile-menu .main-menu {
		display: block !important;
		float: none !important;
		width: 100% !important;
	}

	.mobile-menu .main-menu .navbar-collapse {
		display: block !important;
		float: none !important;
		width: 100% !important;
	}

	.mobile-menu .navigation {
		display: block !important;
		float: none !important;
		width: 100% !important;
	}

	.mobile-menu .navigation>li {
		display: block !important;
		float: none !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		border: none !important;
	}

	.mobile-menu .navigation>li>a {
		display: block !important;
		width: 100% !important;
		padding: 15px 25px !important;
		color: #fff !important;
		text-align: left !important;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
		transform: none !important;
		float: none !important;
	}

	/* Submenu in mobile - Level 2 */
	.mobile-menu .navigation li ul {
		display: none;
		position: relative !important;
		top: 0 !important;
		left: 0 !important;
		width: 100% !important;
		background: #444 !important;
		transform: none !important;
		opacity: 1 !important;
		visibility: visible !important;
		transition: none !important;
		padding: 0 !important;
	}

	.mobile-menu .navigation li ul li a {
		color: #fff !important;
		font-weight: 400 !important;
		padding: 10px 40px !important;
		border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
		width: 100% !important;
		display: block !important;
		text-align: left !important;
		background: #444 !important;
	}

	/* Submenu in mobile - Level 3 (Sub-sub) */
	.mobile-menu .navigation li ul li ul {
		background: #555 !important;
	}

	.mobile-menu .navigation li ul li ul li a {
		padding-left: 60px !important;
		background: #555 !important;
		color: #fff !important;
		font-weight: 400 !important;
	}

	/* Dropdown buttons for all levels in mobile */
	.mobile-menu .navigation li.dropdown>.dropdown-btn {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		background: transparent !important;
		border: none !important;
		width: 50px !important;
		height: 50px !important;
		top: 0 !important;
		right: 0 !important;
		position: absolute !important;
		z-index: 10 !important;
		cursor: pointer !important;
	}

	.mobile-menu .navigation li.dropdown>.dropdown-btn span {
		display: none !important;
	}

	.mobile-menu .navigation li.dropdown>.dropdown-btn:before {
		content: '+' !important;
		font-family: inherit !important;
		font-size: 30px !important;
		color: #fff !important;
		display: block !important;
		line-height: 1 !important;
	}

	.mobile-menu .navigation li.dropdown[class*="open"]>.dropdown-btn:before,
	.mobile-menu .navigation li.dropdown>.dropdown-btn.open:before {
		content: '-' !important;
	}

	.kat2 {
		width: calc(100% - 40px) !important;
		padding: 30px 20px 0 20px;
		border-radius: 10px;
	}
}

.main-header .main-header-content .main-menu .navigation>li>a:hover {
	color: #fff !important;
	transform: scale(1.1) !important;
}

@media only screen and (max-width: 991px) {
	.hatter111 {
		top: 0 !important;
	}
}