.example-header .container { z-index:5000; position:relative;  font-family: 'Roboto Condensed', sans-serif; font-weight:400;}

.menu-link { display: none;}

.menu { 
  /*float: right;*/
  -webkit-transition: all 0.3s ease;  
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding-right:10px 1%;
  width:100%;
  text-transform:uppercase;
}
.menu ul { 
  padding: 0px;
  margin: 0px;
  list-style: none;
  position: relative;
  letter-spacing:-0.43px;
  display: table;
}
.menu > li > ul.sub-menu {
	min-width: 10em;
	padding: 4px 0;
	border: 0px solid #fafafa;
	-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 li { padding: 0px; /* background:url(i/menu-bg.png) 0 50px no-repeat;  */
	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-ms-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out;}
.menu > ul > li { display: inline-table; }
.menu ul li a { 
	display: block; 
	text-decoration: none; 
	color: #ffffff; 
	font-size: 15px;
	-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 li > a { height:50px; padding: 15px 10px;  outline:none; }
.menu ul ul { 
  display: none; 
  position: absolute; 
  top:100%;
  min-width: 160px;
  border: 0px solid #eeeeee;
  -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 a:hover {color:#fff !important; background:#ff0000;}
.menu ul li:hover { /* background:url(i/menu-bg.png) 0 40px no-repeat; */ }
.menu ul li:hover > ul { display: block; }
.menu ul ul > li { 
	position: relative; 
	-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 ul > li a, .menu ul li.current ul > li a { 
	padding: 8px 15px 8px 15px; 
	height: auto;
	color:#333333 !important;
	border-top:1px solid #fff; 
	border-radius:5px;
	outline:none;
	font-size:14px;
	font-weight:500;
	background:rgba(238,238,238,0.9) !important;
	-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 ul > li a:hover, .menu ul li.current ul > li a:hover { 
background-color: #ff0000 !important; color: #fff !important; }
.menu ul ul ul { position: absolute; left: 100%; top:0; }



.menu ul li.current a {color:#fff !important; background:#ff0000 !important;}
.menu ul li.current{}

@media all and (max-width: 1270px) {
	.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;
	  width:100%;
	  padding:0;
	  
}
	
}

@media all and (max-width: 1200px) {
	.menu ul li a { 
	display: block; 
	text-decoration: none; 
	color: #ffffff; 
	font-size: 12px;
	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-ms-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out;}
}

@media all and (max-width: 992px) {
  .example-header .container { width: 100%; z-index:5000; position:relative; float:left; }
  
  a.menu-link { display: block; color: #fff; background-color: #333; float: right; text-decoration: none; padding: 10px 10px; margin-top:5px;}
  .menu { clear: both; min-width: inherit; float: none; padding-left:0; }
  .menu, .menu > ul ul { overflow: hidden; max-height: 0; background-color:#ffffff; }
  .menu > li > ul.sub-menu { padding: 0px; border: none;}
  .menu.active, .menu > ul ul.active { max-height: 255em; }
  .menu ul { display: inline; }
  .menu > ul { border-top: 1px solid #eeeeee; }
  .menu li, .menu > ul > li { display: block; }
  .menu li a { color: #000; display: block; padding: 0.5em 0.5em; border-bottom: 0px solid #eeeeee; position: relative; outline:none; background:#333; }
  .menu li.has-submenu > a:after {
	content: "";
	background:url(p/nav/i/icon-down.png) center top no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    font-size: 1.5em;
    padding: 0.8em 1.0em; /*-- + - sign --*/
  }
  .menu li.has-submenu > a.active:after {
    content: "";
	background:url(p/nav/i/icon-up.png) center top no-repeat;
  }
  .menu ul ul > li a { background-color: #e4e4e4; height:35px; padding: 5px 15px 5px 15px; }
  .menu ul ul, .menu ul ul ul { display: inherit; position: relative; left: auto; top:auto; border:none; }
}