.tahefobu-mega-menu-container {
position: relative;
z-index: 9997;
--tahefobu-mega-breakpoint: 1024px;
}
.tahefobu-mega-menu-container .tahefobu-mega-nav-menu {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: nowrap;
align-items: center;
}
.tahefobu-mega-menu-container .tahefobu-mega-nav-menu ul {
margin: 0;
padding: 0;
list-style: none;
}
.tahefobu-mega-menu-container .tahefobu-mega-nav-menu > li {
position: relative;
}
.tahefobu-mega-menu-container .tahefobu-mega-nav-menu > li.tahefobu-megamenu-has {
position: static;
}
.tahefobu-mega-menu-container .tahefobu-mega-nav-menu a {
display: inline-block;
text-decoration: none;
transition: color .3s ease;
} .tahefobu-mega-menu-container .tahefobu-submenu-indicator {
font-weight: 900;
font-style: normal;
margin-left: 6px;
font-size: 11px;
display: inline-block;
transition: transform 0.25s ease;
} .tahefobu-mega-menu-container .tahefobu-mega-mobile-menu a .tahefobu-submenu-indicator {
float: right;
margin-left: 8px;
margin-top: 3px;
} .tahefobu-mega-drop-icon-none .tahefobu-submenu-indicator {
display: none;
}  .tahefobu-mega-menu-container .tahefobu-mega-nav-menu > li.current-menu-item > a,
.tahefobu-mega-menu-container .tahefobu-mega-nav-menu > li.current-menu-ancestor > a { } .tahefobu-mega-menu-container .tahefobu-dropdown {
list-style: none;
margin: 0;
padding: 0;
min-width: 250px;
max-width: 360px;
width: max-content;
background: #f4f4f4;
border: 1px solid #dadada;
opacity: 0;
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
transform: translateY(-10px);
transition: all .3s ease;
z-index: 999;
}
.tahefobu-mega-menu-container .tahefobu-dropdown > li > a {
display: block;
padding: 12px 15px;
color: #333;
font-size: 14px;
white-space: normal;
overflow-wrap: break-word;
transition: all .3s ease;
}
.tahefobu-mega-menu-container .tahefobu-dropdown > li > a:hover {
color: #0d3a4f;
background: rgba(255, 255, 255, .5);
} .tahefobu-mega-dropdown-list-style-yes .tahefobu-mega-menu-container .tahefobu-dropdown {
list-style: disc;
padding-left: 20px;
} .tahefobu-mega-menu-container.tahefobu-mega-trigger-hover .tahefobu-dropdown-has:hover > .tahefobu-dropdown {
opacity: 1;
visibility: visible;
transform: translateY(0);
} .tahefobu-mega-menu-container.tahefobu-mega-trigger-click .tahefobu-dropdown-has.tahefobu-mega-open > .tahefobu-dropdown {
opacity: 1;
visibility: visible;
transform: translateY(0);
} .tahefobu-mega-menu-container .tahefobu-megamenu-panel {
position: absolute;
left: 0;
top: calc(100% + 8px);
display: block;
width: 100%;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: top .3s ease, opacity .3s ease, visibility .3s ease;
background-color: #ffffff;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
border-radius: 4px;
z-index: 999;
} .tahefobu-mega-menu-container.tahefobu-mega-trigger-hover .tahefobu-megamenu-has:hover > .tahefobu-megamenu-panel {
opacity: 1;
visibility: visible;
top: 100%;
pointer-events: auto;
} .tahefobu-mega-menu-container.tahefobu-mega-trigger-click .tahefobu-megamenu-has.tahefobu-mega-open > .tahefobu-megamenu-panel {
opacity: 1;
visibility: visible;
top: 100%;
pointer-events: auto;
} .tahefobu-mega-panel-align-left .tahefobu-mega-menu-container .tahefobu-megamenu-panel {
left: 0;
right: auto;
transform: translateX(0);
}
.tahefobu-mega-panel-align-center .tahefobu-mega-menu-container .tahefobu-megamenu-panel {
left: 50%;
right: auto;
transform: translateX(-50%);
}
.tahefobu-mega-panel-align-right .tahefobu-mega-menu-container .tahefobu-megamenu-panel {
left: auto;
right: 0;
transform: translateX(0);
} .tahefobu-mega-panel-align-left .tahefobu-mega-menu-container .tahefobu-mega-mobile-menu .tahefobu-megamenu-panel {
left: auto;
right: auto;
transform: none;
margin-left: 0;
margin-right: auto;
}
.tahefobu-mega-panel-align-center .tahefobu-mega-menu-container .tahefobu-mega-mobile-menu .tahefobu-megamenu-panel {
left: auto;
right: auto;
transform: none;
margin-left: auto;
margin-right: auto;
}
.tahefobu-mega-panel-align-right .tahefobu-mega-menu-container .tahefobu-mega-mobile-menu .tahefobu-megamenu-panel {
left: auto;
right: auto;
transform: none;
margin-left: auto;
margin-right: 0;
} .tahefobu-mega-menu-container .tahefobu-megamenu-has.tahefobu-dropdown-menu-custom_width > .tahefobu-megamenu-panel {
left: 0;
} .tahefobu-mega-menu-container .tahefobu-megamenu-has > .tahefobu-dropdown {
display: none;
} .tahefobu-mega-menu-container .tahefobu-megamenu-panel .elementor,
.tahefobu-mega-menu-container .tahefobu-megamenu-panel .elementor-section-wrap {
margin: 0;
}
.tahefobu-mega-menu-container .tahefobu-megamenu-panel .elementor-section > .elementor-container {
max-width: none;
} .tahefobu-mega-menu-container .tahefobu-mega-toggle-wrap,
.tahefobu-mega-menu-container .tahefobu-mega-mobile-menu {
display: none;
} .tahefobu-mega-menu-container.tahefobu-mega-responsive .tahefobu-mega-mobile-menu {
max-height: calc(100vh - 80px);
overflow-y: auto;
-webkit-overflow-scrolling: touch;
} body.tahefobu-mega-mobile-lock {
overflow: hidden;
} .tahefobu-mega-menu-container.tahefobu-mega-responsive.tahefobu-mega-bp-mobile .tahefobu-mega-toggle,
.tahefobu-mega-menu-container.tahefobu-mega-responsive.tahefobu-mega-bp-tablet .tahefobu-mega-toggle,
.tahefobu-mega-menu-container.tahefobu-mega-responsive.tahefobu-mega-bp-laptop .tahefobu-mega-toggle {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
padding: 0;
border: 0;
background: transparent;
cursor: pointer;
}
.tahefobu-mega-menu-container.tahefobu-mega-responsive .tahefobu-mega-toggle-line {
display: block;
width: 100%;
max-width: 22px;
height: 3px;
margin: 2px 0;
background-color: #333333;
border-radius: 2px;
transition: all .3s ease;
} .tahefobu-mega-menu-container.tahefobu-mega-responsive.tahefobu-mega-open .tahefobu-mega-toggle-line:nth-child(1) {
transform: rotate(45deg) translate(5px, 5px);
}
.tahefobu-mega-menu-container.tahefobu-mega-responsive.tahefobu-mega-open .tahefobu-mega-toggle-line:nth-child(2) {
opacity: 0;
}
.tahefobu-mega-menu-container.tahefobu-mega-responsive.tahefobu-mega-open .tahefobu-mega-toggle-line:nth-child(3) {
transform: rotate(-45deg) translate(5px, -5px);
} .tahefobu-mega-menu-container.tahefobu-mega-responsive.tahefobu-mega-toggle-v2 .tahefobu-mega-toggle-line:nth-child(2) {
width: 60%;
}
.tahefobu-mega-menu-container.tahefobu-mega-responsive.tahefobu-mega-toggle-v3 .tahefobu-mega-toggle-line:nth-child(1) {
width: 60%;
}
.tahefobu-mega-menu-container.tahefobu-mega-responsive.tahefobu-mega-toggle-v4 .tahefobu-mega-toggle-line:nth-child(3) {
width: 60%;
}
.tahefobu-mega-menu-container.tahefobu-mega-responsive.tahefobu-mega-toggle-v5 .tahefobu-mega-toggle-line:nth-child(1),
.tahefobu-mega-menu-container.tahefobu-mega-responsive.tahefobu-mega-toggle-v5 .tahefobu-mega-toggle-line:nth-child(3) {
width: 60%;
} .tahefobu-mega-menu-container.tahefobu-mega-responsive .tahefobu-mega-mobile-menu .tahefobu-mega-mobile-nav {
margin: 0;
padding: 0;
list-style: none;
}
.tahefobu-mega-menu-container.tahefobu-mega-responsive .tahefobu-mega-mobile-menu .tahefobu-mega-mobile-nav > li { }
.tahefobu-mega-menu-container.tahefobu-mega-responsive .tahefobu-mega-mobile-menu a {
display: block;
padding: 12px 18px;
color: #333333;
font-size: 15px;
white-space: normal;
overflow-wrap: break-word;
transition: color .2s ease;
}
.tahefobu-mega-menu-container.tahefobu-mega-responsive .tahefobu-mega-mobile-menu a:hover {
color: #7c3aed;
} .tahefobu-mega-menu-container.tahefobu-mega-responsive .tahefobu-mega-mobile-menu .tahefobu-dropdown,
.tahefobu-mega-menu-container.tahefobu-mega-responsive .tahefobu-mega-mobile-menu .tahefobu-mobile-mega-sub {
position: static;
display: none;
opacity: 1;
visibility: visible;
transform: none;
min-width: 0;
width: 100%;
max-width: none;
border: 0;
background: #f9f9f9;
}
.tahefobu-mega-menu-container.tahefobu-mega-responsive .tahefobu-mega-mobile-menu .tahefobu-mega-sub-open > .tahefobu-dropdown,
.tahefobu-mega-menu-container.tahefobu-mega-responsive .tahefobu-mega-mobile-menu .tahefobu-mega-sub-open > .tahefobu-mobile-mega-sub {
display: block;
} .tahefobu-mega-menu-container.tahefobu-mega-responsive .tahefobu-mega-mobile-menu .tahefobu-megamenu-panel {
position: static;
display: none;
opacity: 1;
visibility: visible;
transform: none;
width: auto;
box-shadow: none;
border-radius: 0;
pointer-events: auto;
}
.tahefobu-mega-menu-container.tahefobu-mega-responsive .tahefobu-mega-mobile-menu .tahefobu-mega-sub-open > .tahefobu-megamenu-panel {
display: block;
} @media screen and (max-width: 1024px) {
.tahefobu-mega-menu-container.tahefobu-mega-responsive.tahefobu-mega-bp-tablet .tahefobu-mega-desktop-menu {
display: none;
}
.tahefobu-mega-menu-container.tahefobu-mega-responsive.tahefobu-mega-bp-tablet .tahefobu-mega-toggle-wrap {
display: block; }
.tahefobu-mega-menu-container.tahefobu-mega-responsive.tahefobu-mega-bp-tablet .tahefobu-mega-toggle {
display: flex; }
.tahefobu-mega-menu-container.tahefobu-mega-responsive.tahefobu-mega-bp-tablet .tahefobu-mega-mobile-menu {
display: none; position: absolute;
top: 100%;
left: 0;
right: 0;
width: 100%;
background-color: #ffffff;
border-top: 1px solid #e5e5e5;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
z-index: 9999;
padding: 10px 0;
}
.tahefobu-mega-menu-container.tahefobu-mega-responsive.tahefobu-mega-bp-tablet.tahefobu-mega-open .tahefobu-mega-mobile-menu {
display: block;
}
}
@media screen and (max-width: 767px) {
.tahefobu-mega-menu-container.tahefobu-mega-responsive.tahefobu-mega-bp-mobile .tahefobu-mega-desktop-menu {
display: none;
}
.tahefobu-mega-menu-container.tahefobu-mega-responsive.tahefobu-mega-bp-mobile .tahefobu-mega-toggle-wrap {
display: block; }
.tahefobu-mega-menu-container.tahefobu-mega-responsive.tahefobu-mega-bp-mobile .tahefobu-mega-toggle {
display: flex; }
.tahefobu-mega-menu-container.tahefobu-mega-responsive.tahefobu-mega-bp-mobile .tahefobu-mega-mobile-menu {
display: none; position: absolute;
top: 100%;
left: 0;
right: 0;
width: 100%;
background-color: #ffffff;
border-top: 1px solid #e5e5e5;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
z-index: 9999;
padding: 10px 0;
}
.tahefobu-mega-menu-container.tahefobu-mega-responsive.tahefobu-mega-bp-mobile.tahefobu-mega-open .tahefobu-mega-mobile-menu {
display: block;
}
} .tahefobu-mega-dropdown-divider-yes .tahefobu-mega-menu-container .tahefobu-dropdown > li:not(:last-child) > a {
border-bottom: 1px solid #e8e8e8;
} .tahefobu-mega-mobile-divider-yes .tahefobu-mega-menu-container.tahefobu-mega-responsive .tahefobu-mega-mobile-menu .tahefobu-mega-mobile-nav > li {
border-bottom: 1px solid #f0f0f0;
} .tahefobu-mega-mobile-menu-custom-width .tahefobu-mega-menu-container.tahefobu-mega-responsive .tahefobu-mega-mobile-menu {
width: 300px; left: auto;
right: auto;
} .tahefobu-mega-mobile-drdown-align-left  .tahefobu-mega-menu-container.tahefobu-mega-responsive .tahefobu-mega-mobile-menu { left: 0;    right: auto; }
.tahefobu-mega-mobile-drdown-align-right .tahefobu-mega-menu-container.tahefobu-mega-responsive .tahefobu-mega-mobile-menu { right: 0;   left: auto;  }
.tahefobu-mega-mobile-drdown-align-center .tahefobu-mega-menu-container.tahefobu-mega-responsive .tahefobu-mega-mobile-menu { left: 50%; transform: translateX(-50%); } .tahefobu-mega-menu-container .tahefobu-menu-icon {
padding-right: 5px;
} .tahefobu-mega-menu-container .tahefobu-mega-nav-menu > li.tahefobu-megamenu-has.relative_position {
position: relative;
}
.tahefobu-mega-menu-container .tahefobu-mega-nav-menu > li.tahefobu-megamenu-has.top_position {
position: static;
} .tahefobu-mega-menu-container .tahefobu-megamenu-ajax-load {
min-height: 60px;
position: relative;
}
.tahefobu-mega-menu-container .tahefobu-megamenu-ajax-load::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 32px;
height: 32px;
margin: -16px 0 0 -16px;
border: 3px solid rgba(0, 0, 0, 0.1);
border-top-color: #7c3aed;
border-radius: 50%;
-webkit-animation: tahefobu-mega-spin 0.8s linear infinite;
animation: tahefobu-mega-spin 0.8s linear infinite;
}
@-webkit-keyframes tahefobu-mega-spin {
to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes tahefobu-mega-spin {
to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
} @media screen and (max-width: 1366px) {
.tahefobu-mega-menu-container.tahefobu-mega-responsive.tahefobu-mega-bp-laptop .tahefobu-mega-desktop-menu {
display: none;
}
.tahefobu-mega-menu-container.tahefobu-mega-responsive.tahefobu-mega-bp-laptop .tahefobu-mega-toggle-wrap {
display: block;
}
.tahefobu-mega-menu-container.tahefobu-mega-responsive.tahefobu-mega-bp-laptop .tahefobu-mega-toggle {
display: flex;
}
.tahefobu-mega-menu-container.tahefobu-mega-responsive.tahefobu-mega-bp-laptop .tahefobu-mega-mobile-menu {
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
width: 100%;
background-color: #ffffff;
border-top: 1px solid #e5e5e5;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
z-index: 9999;
padding: 10px 0;
}
.tahefobu-mega-menu-container.tahefobu-mega-responsive.tahefobu-mega-bp-laptop.tahefobu-mega-open .tahefobu-mega-mobile-menu {
display: block;
}
}