/* -------------------- MEGA MENU -------------------- */


#menubar {
position: absolute;
width: 100%;
}

.inner-bar { 
position: relative;
width: 100%;
max-width: 1200px;
margin: 20px auto 0;
display: block;
border-radius: 20px;
padding: 10px;
}

.megamenu .clear > span { display: none; }

.inside-nav { position: relative; }

.megamenu .clear > span { display: none; }

/* .container{
max-width: 1100px;
margin: 0 auto;} */

.desktopMenu {
width: 100%;
}

.megamenu {
display: table;
width: 100%;
margin: 0px auto; }

.megamenu > div > ul {
list-style: none;
margin: 0px;
padding: 0px;
position: relative;
display: table;
width: 100%;}

.megamenu > div > ul > li:hover > a span.menuTitle{
-webkit-transition: .3s all ease-in;
-moz-transition: .3s all ease-in;
-o-transition: .3s all ease-in;
transition: .3s all ease-in;
}

.megamenu > div > ul:after {
content: '';
display: block;
clear: both;}

.megamenu > div > ul  li.level1 {
text-align: center;
display: table-cell;
vertical-align: middle;}

.megamenu .level1 > a{
color: #FFFFFF;
font-size: 15px;
line-height: 25px;
font-weight: 600;
-webkit-transition: .1s all ease-in;
-moz-transition: .1s all ease-in;
-o-transition: .1s all ease-in;
transition: .1s all ease-in;
position: relative;
z-index: 1;
text-decoration: none;
}

.megamenu .level1 > a:before {
content: "";
position: absolute;
width: 100%;
height: 5px;
bottom: -10px;
left: 0;
background-color: #DEB73B;
visibility: hidden;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}

.megamenu .level1:hover > a:before,
.megamenu .level1 a:focus:before {
visibility: visible;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}

.megamenu .level2{
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
padding: 3px;
box-sizing: border-box; }

.megamenu .level2 > a {
background: #f3f3f3;
color: #000;
font-size: 16px;
font-weight: 600;
padding: 7px;
display: block;
-webkit-transition: .3s all ease-in;
-moz-transition: .3s all ease-in;
-o-transition: .3s all ease-in;
transition: .3s all ease-in;
text-decoration: none;
}

.megamenu .level2 a:hover,
.megamenu .level2 a:focus,
.megamenu .level2 a:active {
color: #498334;
text-decoration: none; }

.level2 span.description {
display: block;
color: #000000;
font-size: 14px;
font-weight: 300;}

.megamenu .level3 a {
font-size: 15px;
color: #383838;
font-weight: 500;
padding: 6px 7px;
margin-left: 10px;
display: block;
-webkit-transition: .1s all ease-in;
-moz-transition: .1s all ease-in;
-o-transition: .1s all ease-in;
transition: .1s all ease-in;
letter-spacing: 0.01em;
text-decoration: none;}

.megamenu .level3 a:hover,
.megamenu .level3 a:focus,
.megamenu .level3 a:active {
margin-left: 13px;
text-decoration: none;}

.megamenu ul.second-level-list {
background: rgba(255, 255, 255, 1);
z-index: 7006;
position: absolute;
left: 0;
top: 40px;
width: 100%;
list-style: none;
margin: 0px;
padding: 10px 20px;
-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 50, 0.23);
-moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 50, 0.23);
box-shadow: 0px 0px 8px 0px rgba(0, 0, 50, 0.23);
text-align: left;
box-sizing: border-box;
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}

ul.third-level-list {
list-style: none;
margin: 0px;
padding: 0px;}

/* mega menu list */
.nav-menu {
list-style: none;
margin: 0;
padding: 0;
display: table;
width: 100%;
}

/* a top level navigation item in the mega menu */
.nav-item {
display: table-cell;
vertical-align: middle;
padding: 0 10px;
margin: 0;
text-align: center;
}

.nav-item:last-child {
border-right: none; }

/* first descendant link within a top level navigation item */
.nav-item > a {
color: #FFFFFF;
display: block;
-webkit-transition: .3s all ease-in;
-moz-transition: .3s all ease-in;
-o-transition: .3s all ease-in;
transition: .3s all ease-in;
position: relative;
text-decoration: none;
letter-spacing: 0.03em;
padding: 0px;}

/* focus/open states of first descendant link within a top level navigation item */
.nav-item > a:focus, .nav-item > a:hover, .nav-item > a.open {
color: #FFFFFF;
}

/* open state of first descendant link within a top level navigation item */
.nav-item > a.open {
z-index: 1; }

.megamenu > ul > li:hover > a {
text-decoration: none;
position: relative;
}

/* sub-navigation panel */
.sub-nav {
position: absolute;
display: none;
width: 100%;
left: 0;
z-index: 9999;
}

/* sub-navigation panel open state */
.sub-nav.open {
display: block;}

/* list of items within sub-navigation panel */
.sub-nav ul {
vertical-align: top;
margin: 0;
padding: 0;}

/* list item within sub-navigation panel */
.sub-nav li {
display: block;
list-style-type: none;
margin: 0;
padding: 0;}

/** Category Setting **/
.megamenu .class-cat .cat-title{
color: #fff;
background: #0d1b2b;
font-weight: 500;
padding: 7px 7px 7px 7px;
font-size: 17px;}

.megamenu .class-cat li{
padding: 0;}

.megamenu .class-cat li > a{
color: #FFF;
background: none;
font-weight: 300;
padding: 6px 7px 6px 7px;
display: block;
-webkit-transition: .3s all ease-in;
-moz-transition: .3s all ease-in;
-o-transition: .3s all ease-in;
transition: .3s all ease-in;
font-size: 14px;
letter-spacing: 0.01em;
text-decoration: none;}

.megamenu .class-cat li > a:hover,
.megamenu .class-cat li > a:focus,
.megamenu .class-cat li > a:active {
background: #0d1b2b;
background: rgba(13, 27, 43, 0.6);
text-decoration: none;}

.megamenu .iconItem ul.second-level-list{
-webkit-column-count: auto;
-moz-column-count: auto;
column-count: auto;}

.mm-list > li > a, .mm-list > li > span{
color: #fff !important; }

.nav-logo {
width: 25%;
text-align: center;
margin: auto;
padding: 0 10px;
z-index: 999;
position: relative;
display: table-cell;
vertical-align: top;
}

.nav-logo a { display: block; }

.nav-logo img {
width: 285px;
height: auto;
max-width: 100%;
max-height: 100%;
}