.mega_css3 .menubar,
.mega_css3 ul.megamenu {
font-family: Oswald, Arial;
font-size: 18px;   
text-transform:uppercase;
font-weight:700;letter-spacing:1px;

}
.mega_css3 ul.megamenu li {
overflow: visible;
position: relative;
}
.mega_css3 ul.level0 li.mega {
display: inline-block;
}
.mega_css3 ul.level0 > li > a{
color:#fff;
display: block;
line-height: normal;
padding: 20px 20px;
text-decoration: none;
}
.mega_css3 ul.level0 > li > a:hover,
.mega_css3 ul.level0 > li:hover > a,
.mega_css3 ul.level0 > li.active > a {
color:#00abe3; 
}

.mega_css3 ul.level1 > li > a{
border: 0;
text-transform: uppercase;
color: #fff ;
font-size:16px;

display: block;

padding: 10px 20px;
text-decoration: none;
}

.mega_css3 ul.level1 > li > a:hover,
.mega_css3 ul.level1 > li:hover > a,
.mega_css3 ul.level1 > li.active > a {

color:#00abe3 !important; 


}



.mega_css3 li.mega .childcontent {
display: block;
height: auto;
position: absolute;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
visibility: hidden;
opacity: 0;
margin: 20px 0 0 0;
}

.mega_css3 li.haschild-over li.mega .childcontent,
.mega_css3 li.mega li.haschild-over li.mega .childcontent,
.mega_css3 li.mega li.mega li.haschild-over li.mega .childcontent,
.mega_css3 li.mega li.mega li.mega li.haschild-over li.mega .childcontent,
.mega_css3 li.mega li.mega li.mega li.mega li.haschild-over li.mega .childcontent {
margin: 0 0 0 20px;
visibility: hidden;
opacity: 0;
}

.mega_css3 li.haschild-over .childcontent,
.mega_css3 li.mega li.haschild-over .childcontent,
.mega_css3 li.mega li.mega li.haschild-over .childcontent,
.mega_css3 li.mega li.mega li.mega li.haschild-over .childcontent,
.mega_css3 li.mega li.mega li.mega li.mega li.haschild-over .childcontent,
.mega_css3 li.mega li.mega li.mega li.mega li.mega li.haschild-over .childcontent {
margin: 0;
visibility: visible;
opacity: 1;
}


.mega_css3 ul.level1 li.mega {
float: none;
text-align:left;
width:100%;
border-top: 1px solid rgba(255, 255, 255, 0.05)
}

.mega_css3 ul.level1 .childcontent {
top: 0px;
left: 0px;
}







.mega_css3 ul.level1 li.haschild > a,
.mega_css3 ul.level1 li.haschild-over > a {
background-image: url(../images/arrow.png);
background-repeat: no-repeat;
background-position: 95% center;
padding: 0;
}




.mega_css3 .childcontent {
z-index: 999;
}
.mega_css3 .childcontent-inner {
background: #231f20;
box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
margin-bottom: 5px;
}



.mega_css3 ul.level0 li.haschild a span.menu-title,
.mega_css3 ul.level0 li.haschild-over a span.menu-title {
background: url("../images/arrow3.png") no-repeat scroll left 50% transparent;
}













.mega_css3 .menubar {
display: block;
line-height: normal;
margin: 0;
text-decoration: none;
}

.mega_css3 .menubar,
.mega_css3 .menubar-check {
display: none;
}

/**
* RESPONSIVE
*/
/****************** RESPONSIVE *******************/
@media screen and (max-width: 767px) {
.mega_css3 ul.level0 li.mega {
width: 100%;
}

.mega_css3 ul.level0 > li.first {
margin: 0;
}

.mega_css3 li.mega div.childcontent {
position: static;
margin: 0;
max-height: 0;
overflow: hidden;
}

.mega_css3 li.mega div.childcontent-inner,
.mega_css3 li.mega div.megacol {
width: 100% !important;
}

.mega_css3 li.haschild-over > div.childcontent {
max-height: 9999em;
}

.mega_css3 li.mega ul {
padding: 0;
margin: 0;
}

.mega_css3 ul.level2 li.mega a.mega {
padding-left: 28px;
}

.mega_css3 ul.level3 li.mega a.mega {
padding-left: 38px;
}

.mega_css3 ul.level4 li.mega a.mega {
padding-left: 48px;
}

.mega_css3 .childcontent-inner {
box-shadow: none;
}

.mega_css3.mega_css3 ul.level1 li.mega.first {
border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.mega_css3.mega_css3_light ul.level1 li.mega.first {
border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.mega_css3 ul.level0 >li.haschild > a.mega span.menu-title,
.mega_css3 ul.level0 > li.haschild-over > a.mega span.menu-title {
background-image: url("../images/sprites_hover.png");
background-position: right center;
background-repeat: no-repeat;
background-color: transparent;
display: block;
}

.mega_css3 .menubar {
display: block;
color: #666;
font-size:24px;
margin-bottom: 0;
}

.mega_css3 .menubar:before {
content: "\2261";
display: block;
float: left;
font-size: 30px;
margin: -5px 12px 0 0;
}

.mega_css3 .menubar-check + ul {
display: none;
}

.mega_css3 .menubar-check:checked + ul {
display: block;
}
}