:root {
	--mygreen: #00ab4d;
	--mysilver: #ededed;
	--mygray: #afafaf;
	--myblack: #222;
}
@media (min-width: 981px) {
	.et_fullwidth_nav #main-header > .container {
		height: 98px;
	}
	.et_header_style_left #et-top-navigation {
		display: flex;
		align-items: center;
	}
	.et_header_style_left #et-top-navigation, #top-menu-nav, #top-menu {
		height: 100%;
	}
	ul#top-menu li.kapcsolat-menu {
		padding: 21px 15px 0 30px !important;
	}
}
@media (min-width: 1301px) {
	.et_fullwidth_nav #main-header > .container {
		height: 98px;
	}
}
.mobil-contacts { display: none; }
.noevent { pointer-events: none; }
body.et_header_style_left.newdesign #et-top-navigation nav > ul > li > a {
	font-family: 'Poppins';
	font-size: 14px !important;
	font-weight: 600;
}
body.et_header_style_left.newdesign #et-top-navigation nav > ul > li > a {
	padding-bottom: 21px !important;
}
#top-menu-nav > ul > li:not(.kapcsolat-menu) > a {
	color: var(--myblack) !important;
}
#top-menu-nav > ul > li > a:hover {
	opacity: 1;
}
#top-menu-nav > ul > li > a:hover:before,
#top-menu-nav > ul > li.et-hover > a:before {
	content: "";
	position: absolute;
	display: inline-block;
	width: 100%;
	height: 10px;
	bottom: 0;
	background-color: var(--mygreen);
}
ul#top-menu li.lang-item a {
	font-weight: bold;
}
#top-menu .specmega .sub-menu li a,
body.newdesign #top-menu li.mega-menu > ul > div.mega-inner > li > ul > li > a {
	font-family: 'Montserrat' !important;
	font-size: 15px !important;
	font-weight: 400 !important;
	line-height: 1em !important;
}
.et_fullwidth_nav #top-menu li.mega-menu > ul {
	top: 98px;
}
.et_fullwidth_nav #top-menu li.mega-menu.specmega > ul,
body.newdesign #top-menu li.mega-menu > ul {
	max-width: 100%;
	width: 100%;
	left: 0 !important;
	right: 0 !important;
	background-color: #fff;
	box-sizing: border-box;
	padding: 30px 0 60px 0;
	height: calc(100vh - 150px);
	overflow-x: hidden;
	overflow-y: auto;
	/* border-bottom: 60px solid #fff; */
}
li.mega-menu ul ul {
	background-color: transparent !important;
}
.mega-inner {
	display: flex;
	gap: 10px;
	position: relative;
    max-width: 1420px;
    margin: 0 auto;
}
li.mega-menu:not(.specmega) .mega-inner > * {
	flex: 1 1 0;  /* grow, shrink, basis=0 */
	min-width: 0;
}
.mega-inner > * {
	border-left: 2px solid var(--mysilver);
	padding: 0 0 0 26px;
	box-sizing: border-box;
}
.mega-inner > div > h3,
body.newdesign #top-menu li.mega-menu > ul > div.mega-inner > li > a {
	font-family: 'Poppins';
	font-size: 18px !important;
	font-weight: 500;
	line-height: 1em !important;
	text-transform: uppercase;
	color: var(--myblack);
	width: 100%;
    flex-shrink: 0;
    padding-bottom: 24px !important;
}
.mega-inner > div.mega-inner-right > h3 {
	margin-bottom: -28px;
}
.mega-inner-left {
	width: 490px;
	flex-shrink: 0;
}
.mega-inner-right {
	flex: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 28px;
}
#top-menu li.mega-menu ul li.menu-kepes {
	width: 280px;
	height: 240px;
	max-width: 30%;
	aspect-ratio: 280 / 240;
	height: auto;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex !important;
	float: none !important;
	justify-content: start;
	align-items: end;
}
#top-menu .specmega .sub-menu li.menu-kepes a {
	font-size: 17px !important;
}
.menu-kepes:not(.menu-scrapp) a {
	width: 100% !important;
	background: var(--mygreen);
	padding: 0 22px !important;
	height: 45px;
	display: flex !important;
	align-items: center;
	color: #fff !important;
}
.menu-kepes:not(.menu-scrapp) a:hover {
	background-color: var(--mygreen);
	opacity: 1;
}
.menu-kepes:not(.menu-scrapp) a::after {
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	border-top: 2px solid white;
	border-right: 2px solid white;
	position: absolute;
	top: 50%;
	right: 12px;
	transform: translateY(-50%) rotate(45deg);
}
.menu-autoroncs { background-image: url(/wp-content/uploads/szolgaltatas-roncsauto-atvetel.jpg); }
.menu-komplexszolgaltasok { background-image: url(/wp-content/uploads/szolgaltatas-komplex.jpg); }
.menu-megsemmisites { background-image: url(/wp-content/uploads/szolgaltatas-megsemmisites2.jpg); }
.menu-gyar { background-image: url(/wp-content/uploads/szolgaltatas-gyar-es-gepbontas.jpg); }
.menu-ipari { background-image: url(/wp-content/uploads/szolgaltatas-ipari-femhulladek-szallitas.jpg); }
.menu-scrapp {
	background-color:var(--mysilver);
	background-image: url(/wp-content/uploads/scrapp-logo-mini.png);
	background-size: 120px 56px !important;
	background-position: center 44px;
	text-align: center;
}
#top-menu .specmega .sub-menu li.menu-scrapp a {
	font-family: 'Poppins';
	font-size: 18px !important;
	line-height: 24px !important;
	color: var(--myblack) !important;
	text-align: center;
	margin-bottom: 44px;
}
.menu-kepes.menu-scrapp a:hover {
	background-color: var(--mysilver);
	opacity: 1;
}
#top-menu li.mega-menu.specmega ul.sub-menu li:not(.menu-kepes) {
	float: unset !important;
	display: flex !important;
	width: 370px;
	height: 50px;
	box-sizing: border-box;
	align-items: center;
	padding: 0 !important;
	background: var(--mysilver);
	margin: 0 0 3px 0;
}
#top-menu li.mega-menu.specmega ul.sub-menu li:not(.menu-kepes) a {
	padding: 0 24px 0 64px !important;
	width: 100%;
	border: 0;
}
#top-menu li.mega-menu.specmega ul.sub-menu li:not(.menu-kepes):hover {
	background: var(--mygreen);
}
#top-menu li.mega-menu.specmega ul.sub-menu li:not(.menu-kepes):hover a {
	color: #fff !important;
	opacity: 1 !important;
}
#top-menu li.mega-menu.specmega ul.sub-menu li:not(.menu-kepes):hover a::after {
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	border-top: 2px solid white;
	border-right: 2px solid white;
	position: absolute;
	top: 50%;
	right: 12px;
	transform: translateY(-50%) rotate(45deg);
}
#top-menu li.mega-menu.specmega ul.sub-menu li:not(.menu-kepes) a::before {
	content: '';
	display: inline-block;
	width: 32px;
	height: 32px;
	position: absolute;
	top: 50%;
	left: 12px;
	transform: translateY(-50%);
	background: transparent none no-repeat center center;
	background-size: contain;
    filter: brightness(0)
            saturate(100%) 
            invert(16%) 
            sepia(97%) 
            saturate(1200%) 
            hue-rotate(196deg) 
            brightness(92%) 
            contrast(101%);
}
#top-menu li.mega-menu.specmega ul.sub-menu li:not(.menu-kepes):hover a::before {
	filter: brightness(0) invert(1);
}
#top-menu li.mega-menu.specmega ul.sub-menu li.icon-elektronikai a::before {
	background-image: url(/wp-content/uploads/icon-elektronikai.png);
}
#top-menu li.mega-menu.specmega ul.sub-menu li.icon-vasesacel a::before {
	background-image: url(/wp-content/uploads/icon-vasesacel.png);
}
#top-menu li.mega-menu.specmega ul.sub-menu li.icon-rozsdamentes a::before {
	background-image: url(/wp-content/uploads/icon-rozsdamentes.png);
}
#top-menu li.mega-menu.specmega ul.sub-menu li.icon-akkumulator a::before {
	background-image: url(/wp-content/uploads/icon-akkumulator.png);
}
#top-menu li.mega-menu.specmega ul.sub-menu li.icon-aluminium a::before {
	background-image: url(/wp-content/uploads/icon-aluminium.png);
}
#top-menu li.mega-menu.specmega ul.sub-menu li.icon-rez a::before {
	background-image: url(/wp-content/uploads/icon-rez.png);
}
#top-menu li.mega-menu.specmega ul.sub-menu li.icon-horgany a::before {
	background-image: url(/wp-content/uploads/icon-horgany.png);
}
#top-menu li.mega-menu.specmega ul.sub-menu li.icon-olom a::before {
	background-image: url(/wp-content/uploads/icon-olom.png);
}
#top-menu li.mega-menu.specmega ul.sub-menu li.icon-egyeb a::before {
	background-image: url(/wp-content/uploads/icon-egyeb.png);
}
.subkapcsolat .sub-menu {
	background-color: var(--mygreen) !important;
}
.subkapcsolat .mega-inner {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}
.subkapcsolat .mega-inner * {
	color: #fff !important;
}
.subkapcsolat .mega-inner h3 {
	font-family: 'Poppins' !important;
	font-size: 24px !important;
	font-weight: 500;
	position: relative;
	padding: 0 0 0 44px !important;
	margin: 0 0 30px 0;
}
.subkapcsolat .mega-inner h3::before {
	content: '';
	display: inline-block;
	width: 35px;
	height: 35px;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	background: transparent none no-repeat center center;
	background-size: contain;
    filter: brightness(0) invert(1);
}
.subkapcsolat .mega-inner div:nth-child(1) h3::before {
	background-image: url(/wp-content/uploads/icon-phone.png);
}
.subkapcsolat .mega-inner div:nth-child(2) h3::before {
	background-image: url(/wp-content/uploads/icon-24h.png);
}
.subkapcsolat .mega-inner div:nth-child(3) h3::before {
	background-image: url(/wp-content/uploads/icon-pin.png);
}
.subkapcsolat p, .subkapcsolat p * {
	font-family: 'Montserrat';
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 26px;
}
.subkapcsolat p strong {
	font-weight: bold !important;
	font-size: 15px !important;
}
.subkapcsolat .sub-menu a {
	display: inline-block !important;
}
.subkapcsolat .sub-menu a:not(.inbutton):not(.tel) {
	text-decoration: underline !important;
}
.subkapcsolat .sub-menu a:not(.inbutton):not(.tel):hover {
	text-decoration: none !important;
}
.subkapcsolat .tel {
	font-size: 20px !important;
}
.inbutton,
.subkapcsolat-inner[data-pos="center"] p.last-child {
	margin-top: 20px;
}
.inbutton {
	font-size: 16px !important;
	font-weight: bold !important;
	line-height: 18px;
	padding: 8px 26px;
	border: 2px solid #fff;
	transition: all 250ms;
}
.inbutton:hover {
	background: #fff;
	color: var(--mygreen) !important; 
}
.mfp-figure figcaption { display: none; }


/* start: MOBILE MENU ----- */
#mobile_menu {
	top: 60px;
	padding: 0 9px 42px 9px;
	border: 1px solid var(--mygray);
	border-right: 0;
	max-width: 500px;
}
.mobile_nav.opened .mobile_menu_bar::before {
	content: "\4d";
}
.mobile_nav .menu-item a,
#mobile_menu .mega-inner > div > h3 {
	font-family: 'Poppins' !important;
	font-size: 14px !important;
	line-height: 18px !important;
	text-transform: uppercase;
	font-weight: 600;
	color: var(--myblack) !important;
}
.mobile_nav .sub-menu .menu-item a,
#mobile_menu .mega-inner > div > h3 {
	font-size: 13px;
	line-height: 24px;
	font-weight: 500;
	padding: 10px 12px !important;
}
.mobile_nav .sub-menu .sub-menu .menu-item a,
#mobile_menu .mega-inner a {
	position: relative;
	font-family: 'Montserrat' !important;
	font-size: 13px !important;
	line-height: 18px !important;
	font-weight: 400 !important;
	text-transform: initial;
	background-color: var(--mysilver) !important;
	padding: 4px 12px !important;
	padding-right: 30px !important;
	text-align: left !important;
}
.mobile_nav .sub-menu .sub-menu .menu-item a::after,
#mobile_menu .mega-inner a::after {
	position: absolute;
	top: 50%;
	right: -2px;
	content: '';
	display: inline-block;
	width: 7px;
	height: 7px;
	border-right: 2px solid var(--mygreen);
	border-bottom: 2px solid var(--mygreen);
	border-top: none !important;
	transform: rotate(-45deg) translateY(-50%);
	flex-shrink: 0;
	margin-left: auto;
	margin-right: 15px;
}
#mobile_menu > .mega-menu > .sub-menu > .mega-inner > .menu-item-has-children > a {
	font-family: 'Poppins' !important;
	font-size: 14px !important;
	line-height: 18px !important;
	text-transform: uppercase;
	color: var(--myblack) !important;
	font-weight: 500 !important;
	padding: 10px 12px !important;
	background: transparent !important;
}
#mobile_menu > .mega-menu > .sub-menu > .mega-inner > .menu-item-has-children > a::after {
	right: 16px;
}
#mobile_menu > .mega-menu > .sub-menu > .mega-inner > * {
	border-left: 0 !important;
}
#mobile_menu > .menu-item > a {
	padding: 8px 14px !important;
	background: transparent;
	border-bottom: 1px solid var(--mygray);
}
#mobile_menu .menu-item-has-children > a {
	display: flex;
	align-items: center;
	position: relative;
}
#mobile_menu .submenu-toggle-wrap {
	position: absolute;
	right: -4px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 100%;
	min-height: 100%;
	flex-shrink: 0;
	cursor: pointer;
	margin-left: auto;
}
#mobile_menu .submenu-toggle-arrow {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-right: 2px solid var(--mygreen);
	border-bottom: 2px solid var(--mygreen);
	transform: rotate(45deg);
	transition: transform 0.25s ease;
	pointer-events: none;
}
#mobile_menu .submenu-toggle-arrow.open {
	transform: rotate(-135deg);
}
#mobile_menu.et_mobile_menu li li,
#mobile_menu .mega-inner h3 {
	padding-left: 0 !important;
}
#mobile_menu.et_mobile_menu li li li,
#mobile_menu .mega-inner li {
	width: calc(100% - 24px);
	margin-left: 6px !important;
	margin-bottom: 5px !important;
}
#mobile_menu .mega-inner li {
 	margin-left: 16px !important;
	width: calc(100% - 34px);
}
#mobile_menu.et_mobile_menu li li li:last-child,
#mobile_menu .mega-inner li:last-child {
	margin-bottom: 0 !important;
}
#mobile_menu > .menu-item.active > a,
#mobile_menu li li li.active > a {
	border-left: 4px solid var(--mygreen);
	padding-left: 10px;
}
#mobile_menu .mega-inner > div {
	border-left: none;
	padding: 0;
}
#mobile_menu .mega-inner-left {
	width: unset;
}
#mobile_menu .mega-inner-right {
	flex: unset;
	display: block;
}
#mobile_menu .mega-inner > div.mega-inner-right > h3 {
	margin-bottom: 0;
}
#mobile_menu > .menu-item > .sub-menu {
	padding-bottom: 14px;
	border-bottom: 1px solid var(--mygray);
}
#mobile_menu .menu-kepes:not(.menu-scrapp) a {
    height: auto;
}
#mobile_menu > .menu-item:not(.menu-item-has-children) > a::after {
    content: '';
    display: inline-block;
    width: 7px;
    height: 7px;
    border-right: 2px solid var(--mygreen);
    border-bottom: 2px solid var(--mygreen);
    transform: rotate(-45deg);
    margin-left: 2px;
    vertical-align: middle;
    flex-shrink: 0;
}
#mobile_menu .kapcsolat-menu {
	background-color: transparent !important;
	padding: 0 !important;
}
#mobile_menu .subkapcsolat .sub-menu {
	background-color: transparent !important;
	padding: 26px 10px !important;
}
#mobile_menu .kapcsolat-menu > .sub-menu {
	display: block !important;
	padding-top: 0 !important;
}
#mobile_menu .subkapcsolat > a {
	display: none;
}
#mobile_menu .subkapcsolat .mega-inner {
	grid-template-columns: 100%;
}
#mobile_menu .subkapcsolat-inner[data-pos="left"] {
	display: none;
}
#mobile_menu .subkapcsolat .mega-inner * {
	color: var(--myblack) !important;
	width: max-content;
	margin-left: auto;
	margin-right: auto;
}
#mobile_menu .subkapcsolat .mega-inner h3::before {
	filter: brightness(0);
	left: -24px;
	height: 20px;
	opacity: 0.4;
}
#mobile_menu .subkapcsolat .mega-inner h3 {
	font-weight: bold !important;
	text-transform: unset;
	margin-bottom: 10px;
	margin-top: 30px;
}
#mobile_menu .subkapcsolat .mega-inner p,
#mobile_menu .subkapcsolat .mega-inner p * {
	font-size: 13px !important;
	text-align: center;
	line-height: 20px !important;
}
#mobile_menu .subkapcsolat-inner[data-pos="center"] { order: 2; }
#mobile_menu .subkapcsolat-inner[data-pos="right"] { order: 1; margin-top: 0; }
#mobile_menu .subkapcsolat .mega-inner .subkapcsolat-inner a {
	background-color: transparent !important;
	color: var(--mygreen) !important;
}
#mobile_menu .subkapcsolat .mega-inner .subkapcsolat-inner a::after {
	display: none !important;
}
#mobile_menu .lang-item {
	margin-left: 0;
	text-align: right;
}
/* end: MOBILE MENU ----- */

.svgphone { height: 21px !important; }
.svgemail { height: 26px !important; }

@media (min-width: 1023px) and (max-width: 1485px) {
	nav#top-menu-nav {
		display: block !important;
	}
	#et_mobile_nav_menu {
		display: none !important;
	}
}
@media (max-width: 1446px) {
	.logo_container #logo {
		max-width: 130px !important;
	}
}
@media (max-width: 1390px) {
	.et_fullwidth_nav #main-header .container {
		padding-right: 20px;
		padding-left: 20px;
	}
}
@media (max-width: 1330px) {
	#top-header {
		display: none !important;
	}
	.et_fullwidth_nav #main-header .container {
		padding-right: 16px;
		padding-left: 16px;
		width: 100%;
		box-sizing: border-box;
	}
	.newdesign #page-container {
		padding-top: 0 !important;
	}
	nav#top-menu-nav {
		display: none !important;
	}
	#et-top-navigation {
		height: 100%;
	}
	#et_mobile_nav_menu {
		display: flex !important;
		height: 100%;
		align-items: center;
		margin: 0 !important;
	}
	.mobile_menu_bar::before {
		font-size: 41px;
	}
	.newdesign #et-top-navigation {
		padding-left: 0 !important;
		float: left;
	}
	.et_header_style_left .logo_container {
		width: max-content;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		height: max-content;
	}
	.logo_container #logo {
		max-width: 68px !important;
		max-height: unset !important;
		height: unset !important;
		margin: 0 !important;
	}
	.mobil-contacts {
		display: block;
		width: max-content;
		float: right;
		height: 60px;
		position: fixed;
		top: 0;
		right: 14px;
		z-index: 9999;
		padding-top: 6px;
		box-sizing: border-box;
	}
	body.admin-bar .mobil-contacts {
		top: 46px;
	}
	.mobil-contacts div {
		height: 100%;
		display: flex;
		align-items: center;
		gap: 12px;
	}
	.mobil-contacts img {
		width: 28px;
		height: 24px;
		filter: invert(60%) sepia(8%) saturate(300%) hue-rotate(100deg) brightness(90%) contrast(85%);
	}
	.et_header_style_left #et-top-navigation .mobile_menu_bar {
		padding-bottom: 0;
	}
	.et_fullwidth_nav #main-header > .container {
		height: 60px;
	}
	.mega-inner,
	.mega-inner-right {
		flex-direction: column;
	}
	.menu-kepes,
	.menu-kepes a,
	.menu-kepes:not(.menu-scrapp) a {
		background: transparent none !important;
		color: var(--myblack) !important;
	}
}
@media (max-width: 980px) {
	.et_fixed_nav.et_secondary_nav_only_menu #main-header {
		top: 0 !important;
	}
	.et_fixed_nav.et_secondary_nav_only_menu.admin-bar #main-header {
		top: 32px !important;
	}
}
@media (max-width: 782px) {
	.et_fixed_nav.et_secondary_nav_only_menu.admin-bar #main-header {
		top: 46px !important;
	}
}
.onlymobact {
	pointer-events: none;
}
@media (max-width: 600px) {
	.dsm_flipbox .dsm_flipbox_click.dsm-flipbox-effect-left .dsm_flipbox_child:first-child,
	.dsm_flipbox .dsm_flipbox_hover.dsm-flipbox-effect-left .dsm_flipbox_child:first-child,
	.dsm_flipbox .dsm_flipbox_clicked.dsm-flipbox-effect-left .dsm_flipbox_child:first-child,
	.dsm_flipbox:hover .dsm_flipbox_hover.dsm-flipbox-effect-left .dsm_flipbox_child:first-child,
	.dsm_flipbox .dsm_flipbox_click.dsm-flipbox-effect-left .dsm_flipbox_child:nth-child(2),
	.dsm_flipbox .dsm_flipbox_hover.dsm-flipbox-effect-left .dsm_flipbox_child:nth-child(2)
	.dsm_flipbox .dsm_flipbox_clicked.dsm-flipbox-effect-left .dsm_flipbox_child:nth-child(2), 
	.dsm_flipbox:hover .dsm_flipbox_hover.dsm-flipbox-effect-left .dsm_flipbox_child:nth-child(2),
	.dsm_flipbox .dsm_flipbox_click.dsm-flipbox-effect-left .dsm_flipbox_child:nth-child(2),
	.dsm_flipbox .dsm_flipbox_hover.dsm-flipbox-effect-left .dsm_flipbox_child:nth-child(2) {
		-webkit-transform: none;
		transform: none;
		backface-visibility: hidden;
	}
	.onlymobact {
		pointer-events: visible;
	}
	.dsm_flipbox_child:first-child .et_pb_module_inner,
	.dsm_flipbox_child:first-child .et_pb_module_inner a {
		height: 100%;
	}
	.dsm_flipbox_child:first-child .et_pb_module_inner a {
		display: flex;
		flex-direction: column;
		justify-content: end;
	}
	.dsm_flipbox_child:first-child .dsm_flipbox_wrapper {
		background-color: #00ab4d;
		min-height: 62px;
	}
	#our-services .dsm-flipbox .dsm_flipbox_child:first-child .dsm-title,
	.dsm_flipbox_child:first-child h4 {
		margin: 0 !important;
		width: 100%;
		max-width: 60% !important;
		min-width: 160px;
	}
	#our-services .et_pb_column {
		min-height: 50vw !important;
	}
	.cta-row p {
		text-align: center !important;
		width: max-content;
		padding: 0;
		background-color: transparent;
		margin-left: auto;
		margin-right: auto;
	}
	.cta-row p a {
		display: inline-block;
		position: relative;
	}
}
@media screen and (max-width: 450px) {
	#our-services .et_pb_column {
		min-height: unset !important;
	}
}