: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; }
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; 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(//mugu.hu/wp-content/uploads/szolgaltatas-roncsauto-atvetel.jpg); }
.menu-komplexszolgaltasok { background-image: url(//mugu.hu/wp-content/uploads/szolgaltatas-komplex.jpg); }
.menu-megsemmisites { background-image: url(//mugu.hu/wp-content/uploads/szolgaltatas-megsemmisites2.jpg); }
.menu-gyar { background-image: url(//mugu.hu/wp-content/uploads/szolgaltatas-gyar-es-gepbontas.jpg); }
.menu-ipari { background-image: url(//mugu.hu/wp-content/uploads/szolgaltatas-ipari-femhulladek-szallitas.jpg); }
.menu-scrapp {
background-color:var(--mysilver);
background-image: url(//mugu.hu/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(//mugu.hu/wp-content/uploads/icon-elektronikai.png);
}
#top-menu li.mega-menu.specmega ul.sub-menu li.icon-vasesacel a::before {
background-image: url(//mugu.hu/wp-content/uploads/icon-vasesacel.png);
}
#top-menu li.mega-menu.specmega ul.sub-menu li.icon-rozsdamentes a::before {
background-image: url(//mugu.hu/wp-content/uploads/icon-rozsdamentes.png);
}
#top-menu li.mega-menu.specmega ul.sub-menu li.icon-akkumulator a::before {
background-image: url(//mugu.hu/wp-content/uploads/icon-akkumulator.png);
}
#top-menu li.mega-menu.specmega ul.sub-menu li.icon-aluminium a::before {
background-image: url(//mugu.hu/wp-content/uploads/icon-aluminium.png);
}
#top-menu li.mega-menu.specmega ul.sub-menu li.icon-rez a::before {
background-image: url(//mugu.hu/wp-content/uploads/icon-rez.png);
}
#top-menu li.mega-menu.specmega ul.sub-menu li.icon-horgany a::before {
background-image: url(//mugu.hu/wp-content/uploads/icon-horgany.png);
}
#top-menu li.mega-menu.specmega ul.sub-menu li.icon-olom a::before {
background-image: url(//mugu.hu/wp-content/uploads/icon-olom.png);
}
#top-menu li.mega-menu.specmega ul.sub-menu li.icon-egyeb a::before {
background-image: url(//mugu.hu/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(//mugu.hu/wp-content/uploads/icon-phone.png);
}
.subkapcsolat .mega-inner div:nth-child(2) h3::before {
background-image: url(//mugu.hu/wp-content/uploads/icon-24h.png);
}
.subkapcsolat .mega-inner div:nth-child(3) h3::before {
background-image: url(//mugu.hu/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; } #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;
} .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;
}
}