/*------ Menu classes + id'er ------*/
@media only screen and (min-width: 769px) {

.navMain {
  margin: 0;
  padding: 0;
}
.navMain li {
  margin: 0 0px;
  padding: 0 0px;
  float: left;
  position: relative;
  list-style: none;
  z-index:20;
}
/* main level link */
.navMain a {
  color: #fff;
  text-decoration: none;
  display: block;
  padding:  0px 15px 0px 15px;
  margin: 0;
  line-height:61px;
}
.navMain a:hover {
  background:#ff9f2d;
}
/* main level link hover */
.current {
  color: #ffffff;
  background:#ef7000;
}
.navMain li:hover > a {
  color: #ffffff;
  background:#ff9f2d;
}
/* sub levels link hover */
.navMain ul li:hover a, #nav li:hover li a {
  background: none;
}
.navMain ul a:hover {
  background: #000000;
  color: #fff !important;
}
/* dropdown */
.navMain li:hover > ul {
  display: block;
}
/* level 2 list */
.navMain ul {
  display: none;
  margin: 0;
  padding: 0;
  min-width: 190px;
  position: absolute;
  top: 61px;
  left: 0;
  background: #ff9f2d;
  border:0px;
  line-height:42px;
}
.navMain ul li {
  float: none;
  margin: 0;
  padding: 0;
  text-align:left;
  list-style:none;
  border-bottom: 1px solid #ef8200;
}
.navMain ul li:hover {
  background: #ef8200;
}
.navMain ul a {
min-height:42px;
display:inline-block;
line-height:28px;
}
/* level 3+ list */
.navMain ul ul {
  min-width:254px;
  left: 190px;
  top: 0px;
  background:#ef8200;
   list-style:none;
}
.navMain ul ul li {
  border-bottom: 1px solid #ff9f2d;
   list-style:none;
}
.navMain ul ul li:hover {
  background:#ff9f2d;
}
.navMain li li li a {
  background:#ef8200;
  z-index:200;
	line-height:42px;
	left: 122px;
}
/* clearfix */
.navMain:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.navMain {
  display: inline-block;
} 
html[xmlns] .navMain {
  display: block;
}
* html .navMain {
  height: 1%;
}
}

/*------ subMenu styles ------*/
.submenu {
  width:100%;
}
/*.subNav {
  width:100%;
}*/
.subNav li {
  list-style-type:none;
  margin-bottom:1px;
  border:1px solid #292e30;
}
.subNav a {
  background:#4b5457;
  padding:10px 10px 10px 30px;
  display:block;
  color:#ffffff;
  font-size:14px;
  font-weight:700;
  text-decoration:none;
  transition:all 0.4s ease;
  position:relative;
  overflow:hidden;
}
.subNav a:hover {
  padding:10px 10px 10px 30px;
}
.subCurrent a {
  background:#ef8200;
}
li.subCurrent {
  border:1px solid #ef7000;
}
li.subCurrent a:hover::before {
  background:#ef7000;
  content: "";
  height: 30px;
  margin-top: -15px;
  position: absolute;
  left: -16px;
  top: 50%;
  width: 30px;
  z-index: 0; 
  transform: rotate(45deg);
}
.subNav a:hover::before {
  background: #292e30;
  content: "";
  height: 30px;
  margin-top: -15px;
  position: absolute;
  left: -16px;
  top: 50%;
  width: 30px;
  z-index: 0; 
  transform: rotate(45deg);
}

.subNav li ul li {
border:none;
}
.subNav li.subCurrent ul li a {
  border-top:1px solid #4b5457;
		padding-left:25px;
}


/*------ Breakpoint 1 ------*/
@media screen and (max-width: 1080px) {
  .navMain a {
    padding:0px 12px 0px 12px;
  }
  .navMain li li a {
	padding:  0 12px 0 12px;
  }
  .navMain li li li a {
	left: 106px;
  }
}
/* MEANMENU */
/* hide the link until viewport size is reached */
a.meanmenu-reveal {
display: none;
}

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar { 
.float: left;
width: 100%;
position: relative;
background: #ef8200;
padding: 0;
min-height: 59px;
z-index: 999999;
border-bottom:2px solid #ef7000;
}
.mean-container a.meanmenu-reveal {
width: 25px;
height: 22px;
padding: 20px 13px 11px 13px;
position: absolute;
top: 0;
left: 0;
cursor: pointer;
color: #fff;
text-decoration: none;
font-size: 16px;
text-indent: -9999em;
line-height: 22px;
font-size: 1px;
display: block;
font-weight: 700;
}
.mean-container a.meanmenu-reveal span {
display: block;
background: #fff;
height: 3px;
margin-top: 3px;
}
.mean-container .mean-nav { 
float: left;
width: 100%;
background: #ef8200;
margin-top: 61px;
}
.mean-container .mean-nav ul {
padding: 0;
margin: 0;
width: 100%;
list-style-type: none;
}
.mean-container .mean-nav ul li {
position: relative;
float: left;
width: 100%;
}
.mean-container .mean-nav ul li a {
display: block;
float: left;
width: 90%;
padding: 1em 5%;
margin: 0;
text-align: left;
color: #fff;
border-bottom: 1px solid #383838;
border-bottom: 1px solid rgba(255,255,255,0.5);
text-decoration: none;
}
.mean-container .mean-nav ul li li a {
width: 80%;
padding: 1em 10%;
border-bottom: 1px solid #f1f1f1;
border-bottom: 1px solid rgba(255,255,255,0.25);
opacity: 0.75; 
filter: alpha(opacity=75);
text-shadow: none !important;
visibility: visible;
}
.mean-container .mean-nav ul li.mean-last a {
border-bottom: none;
margin-bottom: 0;
}
.mean-container .mean-nav ul li li li a {
width: 70%;
padding: 1em 15%;
}
.mean-container .mean-nav ul li li li li a {
width: 60%;
padding: 1em 20%;
}
.mean-container .mean-nav ul li li li li li a {
width: 50%;
padding: 1em 25%;
}
.mean-container .mean-nav ul li a:hover { 
background: #252525;
background: rgba(255,255,255,0.2); 
}
.mean-container .mean-nav ul li a.mean-expand {
width: 26px;
height: 26px;
border: none !important;
padding: 12px !important;
text-align: center;
position: absolute;
right: 0;
top: 0;
z-index: 2;
font-weight: 700;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
background: none;
}
.mean-container .mean-push { 
float: left;
width: 100%;
padding: 0;
margin: 0;
clear: both; 
}
.mean-nav .wrapper {
width: 100%;
padding: 0;
margin: 0;
}







/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
