Google Review Rating
⭐4.9 (623 Reviews)
<style>
#brx-header {
z-index: 999!important;
}
/*==== Start Underline Grow hover====*/
.ba-menu4-underline ul li a {
position: relative;}
/*==== Start Underline Center ====*/
@media all and (min-width: 991px) {
.ba-menu4-underline nav ul li {
position: relative;}
.ba-menu4-underline nav ul li a::after {
content: '';
left: 50%;
bottom: -5%!important;
transition: all .3s ease-in-out;
text-shadow: 0 0 transparent;
width: 5px;
height: 5px;
border-radius: 100px;
transform: translateX(-50%);
position: absolute;}
.ba-menu4-underline nav ul li:hover a::after {
background-color: var(--bricks-color-12d32d);
box-shadow: 10px 0 var(--bricks-color-12d32d), -10px 0 var(--bricks-color-12d32d);}
.ba-menu4-underline nav ul.sub-menu li a::after {
display: none }
.bricks-nav-menu > .current-menu-item > a, .bricks-nav-menu > .current-menu-ancestor > a, .bricks-nav-menu > .current-menu-parent > a{
border:none!important}}
/*==== End Underline Center ====*/
/*==== Start Underline Grow current ====*/
@media all and (min-width: 991px) {
.ba-menu4-underline .current-menu-ancestor > a {
position: relative;}
.ba-menu4-underline .current-menu-ancestor > a::after {
content: '';
left: 50%;
bottom: 20%!important;
transition: all .3s ease-in-out;
background-color: var(--bricks-color-12d32d);
box-shadow: 10px 0 #000, -10px 0 #000;
width: 5px;
height: 5px;
border-radius: 100px;
transform: translateX(-50%);
position: absolute;}}
/*==== End Underline Center ====*/
/*==== Start Submenu hover background color====*/
@media all and (min-width: 991px) {
.ba-menu4-submenu ul li.menu-item-has-children ul.sub-menu{
padding: 5px 20px;}
.ba-menu4-submenu ul li.menu-item-has-children ul.sub-menu li{
display:block;
padding:0;}
.ba-menu4-submenu ul li.menu-item-has-children ul.sub-menu li{
position: relative;
display: block;
margin-top: 2px;
width: 100%;
transition: all 0.95s ease;
-moz-transition: all 0.95s ease;
-webkit-transition: all 0.95s ease;
}
.ba-menu4-submenu ul li.menu-item-has-children ul.sub-menu li a{
width: 100%!important;}
.ba-menu4-submenu ul li.menu-item-has-children ul.sub-menu li:before {
position: absolute;
z-index: 1;
background-color: var(--bricks-color-12d32d);
content: "";
height: 1px;
width: 0;
right: 0;
left: inherit;
bottom: 8px;
-webkit-transition: all 0.7s cubic-bezier(.645,.045,.355,1);
-o-transition: all 0.7s cubic-bezier(.645,.045,.355,1);
transition: all 0.7s cubic-bezier(.645,.045,.355,1);}
.ba-menu4-submenu ul li.menu-item-has-children ul.sub-menu li:hover:before {
width: 100%;
left: 0;
right: inherit;
}}
/*=====================*/
@media all and (min-width: 991px) {
.ba-menu4-submenu ul.sub-menu li.current-menu-item a:before {
position: absolute;
z-index: 1;
background-color: var(--bricks-color-12d32d);
content: "";
height: 1px;
width: 100%!important;
left: 0!important;
right: inherit!important;
bottom: 0;
-webkit-transition: all 0.7s cubic-bezier(.645,.045,.355,1);
-o-transition: all 0.7s cubic-bezier(.645,.045,.355,1);
transition: all 0.7s cubic-bezier(.645,.045,.355,1);}}
/**============*/
@media all and (min-width: 991px) {
.ba-menu4-submenu ul.sub-menu {
padding-top: 10px;
padding-bottom: 10px;
margin-top: 6px!important;
width: 240px }
.ba-menu4-submenu .bricks-nav-menu .sub-menu .sub-menu{
padding-top: 10px;
padding-bottom: 10px;
}
.ba-menu4-submenu nav>ul>li>ul:before {
position: absolute;
left: 10%;
margin-left: 0;
top: -14px;
width: 0;
height: 0;
content: '';
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-bottom: 12px solid var(--bricks-color-12d32d);
}
.bricks-nav-menu .sub-menu > li.menu-item > a{
overflow: hidden;}
#brxe-nukfld .bricks-nav-menu > .current-menu-item > a, #brxe-nukfld .bricks-nav-menu > .current-menu-ancestor > a, #brxe-nukfld .bricks-nav-menu > .current-menu-parent > a{
border:none!important}}
/*========{{Mobile menu}}=============*/
/*** Responsive Styles Tablet And Below ***/
@media (max-width: 990px){
.brxe-nav-menu ul {
}}
</style>



