.menu-link { display: none;}
.menu { 
  float: left;
  -webkit-transition: all 0.3s ease;  
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease; 
}
.menu ul { 
  padding: 0px;
  margin: 0px;
  list-style: none;
  position: relative;
  display: inline-table;
/*  z-index: 99999;*/
  z-index: 100;
}
.menu > li > ul.sub-menu {
	min-width: 10em;
	padding: 4px 0;
	background-color: #f4f4f4;
	border: 1px solid #CCC;
}
.menu ul li { padding: 0px; margin: 0px;}
.menu > ul > li { display: inline-block;}
.menu > ul > li:last-child { display: inline-block; background: none;}
.menu ul li a { display: block; text-decoration: none; color: #000; font-size: .9em; }

/*
.menu > ul > li > a:after { display: inline-block;
    content: "|";
    width: 5px;
    height: auto;
	margin-left: 10px;
	margin-right: -12px;

 }
 .menu > ul > li:last-child > a:after { display: none;
    content: "";
    width: 0px;
    height: auto;
	margin-left: 0px;
	margin-right: 0px;

 }
 */
 /*
.menu li + li {
	background: url(../images/menu_separator_bar.gif) no-repeat center right;
}
*/
 
.menu ul li.home-red a, .menu ul li a:hover { color: #FFF; background-color: #f01a26;}
/*.menu ul li > a { height:0px; padding: 12px 10px 26px; }*/
.menu ul li > a { height:0px; padding: 6px 10px 23px; }
.menu ul ul { 
  display: none; 
  position: absolute; 
  top:100%;
/*  min-width: 200px;*/
 white-space: nowrap;
  background-color: #f4f4f4;
/*  border: 1px solid #CCC;*/
}
.menu ul li:hover > ul { display: block;}
.menu ul ul > li { position: relative; margin-bottom: 0px;}
.menu ul ul > li a { padding: 10px 15px 10px 10px; height: auto; /*background-color: #fff;*/ background-color: #f01a26; color: #fff; border-bottom: 1px solid #FFF;}
/*.menu ul ul > li a:hover { background-color: #f01a26; color: #fff; }*/
.menu ul ul > li a:hover { background-color: #ccc; color: #f01a26; }
.menu ul ul ul { position: absolute; left: 100%; top:0; }

.space-10px{
 width:100%;
 height:0px;

}

li.has-submenu > a:after {

	content: ' \25bc';
/*	content: ' \2207';*/
/*	content: '';*/

}

@media all and (max-width: 790px) {

  .example-header .container2 { width: 100%; }
  
  a.menu-link { display: block; color: #fff; background-color: #f01a26; float: right; text-decoration: none; padding: 10px 0px; width: inherit;}
  .menu { clear: both; min-width: inherit; float: none; }
  .menu, .menu > ul ul { overflow: hidden; max-height: 0; background-color: #f4f4f4; }
  .menu > li > ul.sub-menu { padding: 0px; border: none; }
  .menu.active, .menu > ul ul.active { max-height: 80em; }
  .menu ul { display: inline; }
  .menu > ul { border-top: 1px solid #808080; }
  .menu li, .menu > ul > li { display: block; }
  .menu li a { color: #000; display: block; padding: 0.8em; border-bottom: 1px solid #808080; position: relative; }
  .menu li.has-submenu > a:after, .menu li.has-submenu:last-child > a:after {
    content: '+';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    font-size: 1.5em;
    padding: 0.3em 0.5em;
  }
  .menu li.has-submenu > a.active:after {
    content: "-";
  }
  .menu ul ul > li a { background-color: #e4e4e4; color: #000; height:58px; height: 0px; padding: 10px 18px 25px 30px; }
  .menu ul ul, .menu ul ul ul { display: inherit; position: relative; left: auto; top:auto; border:none; }

  .navigation {
	display:block;

	width: 100%;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: -40px;

/*
	width: 95%;
	margin-right: 2.5%;
	margin-left: 2.5%;
*/
  }

  .right{
	float:none;
  }

  .extra{
	float:right;
  }


  .menu ul li.home-red a{background-color: #f4f4f4; color: #000;}

/*
  .menu > ul > li > a:after, .menu > ul > li:last-child > a:after { 
	display: none;
	margin-right: 10px;
	margin-bottom: 5px;
	width: 0px;
  }
*/ 

  .menu > ul > li { display: block; background: none;}
  .menu > ul > li:last-child { display: block; background: none;}
 

  .space-10px{
 	width:100%;
 	height:10px;

  }

}

@media all and (max-width: 420px) {

  .navigation {
	margin-top: -20px;

  }

}