/* Init Logic */

.menu-toggle-button{padding:8px; cursor:pointer; text-align: left; color:#FFF; text-align: left; display:none;font-family:'Akkurat-Bold'; font-size:13px;}

.menu-toggle-button.active{color:#fff; background:#343434; margin-bottom:10px;}



ul.navigation{list-style:none;position:relative;display: block;padding:0px;margin:0px;font-size: 15px;font-family:'Akkurat-Bold';}

ul.navigation li{position:relative; display:inline-block; *display:inline;zoom:1; padding:0; margin: 0 -4px 0 0; *margin: 0 0px 0 0; background: none; border: none;}

ul.navigation li a{text-decoration: none; display: block; *display: inline; zoom: 1; padding: 12px 20px 12px 20px;}



/* Handling Submenu */

ul.navigation ul{display:none;padding:0px;margin:0px;position:absolute;top:100%;left:0%;list-style:none;z-index: 700; }

ul.navigation ul li{position:relative;float:none;padding:0px;margin:0px; }

ul.navigation ul ul{position:absolute;top:0%;left:100%;z-index: 700; }

ul.navigation li:hover>ul{display:inline-block;}

/* End Init Logic */



/* Style */



ul.navigation li:hover>ul{background:#fff!ie;} /* Fix for IE7 */



/* Submenu Expand Icon */

ul.navigation li.has_children>a>span.menu-expand{font-size: 0.6em;padding-left:10px;line-height:2.2em; float: right; *float:none; height:100%; *height:auto; right:0; display:block; *display:inline; z-index: 999;} /* All levels */

ul.navigation>li.has_children>a>span.menu-expand{} /* Level 1 */

ul.navigation>li.has_children>a>span.menu-expand:after{content:'\25BC';} /* Level 1 */

ul.navigation li li.has_children>a>span.menu-expand{} /* Level 2 */

ul.navigation li li.has_children>a>span.menu-expand:after{content:'\25BA'} /* Level 2 */



/* You can manage with of elements by width of a-tag */

/*ul.navigation li a{color: #fff; text-decoration: none; display: block; padding: 2px 25px 1px;} /* All levels */

ul.navigation li>a{} /* Level 1 */

ul.navigation li li>a{ width: 200px;} /* Level 2 */

ul.navigation li li li>a{} /* Level 3 */



/* First Level*/

ul.navigation>li{ border-right: solid 1px #909090;}

ul.navigation>li>a{ color:#ffffff;}

ul.navigation>li:hover, ul.navigation>li.current_page_item, ul.navigation>li.current_page_parent, ul.navigation>li.current_page_ancestor { background: #f98202;}

ul.navigation>li:hover>a, ul.navigation>li.current_page_item>a, ul.navigation>li.current_page_parent>a, ul.navigation>li.current_page_ancestor>a{ color:#000000;}

/* End First Level*/



/* Second Level*/

ul.navigation>li>ul{  /*font-family:'Akkurat-Light' !important;*/ }

ul.navigation>li>ul>li{ background: #f98202; border-bottom: 1px dotted #3a0303;}

ul.navigation>li>ul>li>a{ color:#FFF; text-decoration: none; padding: 5px 10px; font-size: 90%;}

/*ul.navigation>li>ul>li:hover{background: #444444;text-decoration: none;}*/

ul.navigation>li:hover>ul>li>a{ color:#FFF; }

ul.navigation>li>ul>li>a:hover, ul.navigation>li:hover>ul>li.current_page_item>a{background:#585858; color: #FFF;}

/* End Second Level*/



/* Third Level*/

ul.navigation>li>ul>li>ul{border:1px solid #fe9118; background:#f98202;}

ul.navigation>li>ul>li>ul>li{background:#f98202;  border-bottom: 1px dotted #3a0303; }

ul.navigation>li>ul>li>ul>li>a{ color:#fff; font-weight:normal !important;  }

ul.navigation>li>ul>li>ul>li:hover{background:#585858;}

ul.navigation>li>ul>li>ul>li:hover>a{}

ul.navigation>li>ul>li>ul>li>a:hover{}

/* End Third Level*/



/* End Style */





/* End Menu Styles */





/* RESPONSIVE MEDIA QUERIES */

@media screen and (max-width: 768px){



/* Menu Styles */

nav {

	text-align: center;

}

/* Init Logic */

.menu-toggle-button{display:block;}

.show-for-devices{display:block!important;}



ul.navigation{display:none; border: none;text-align: center;}

ul.navigation li{clear:both;float:none; display: block;}



/* Handling Submenu */

ul.navigation ul{display:none;position:relative;}

ul.navigation ul li{}

ul.navigation ul ul{position:relative;top:100%;left:0%;}

ul.navigation li:hover>ul{display:none;}

/* End Init Logic */



/* Style */



ul.navigation li:hover>ul{background:#fff!ie;} /* Fix for IE7 */



/* Submenu Expand Icon */

ul.navigation li.has_children>a>a>span.menu-expand{font-size: 0.6em;padding:0.8em;line-height:1em;position:absolute;right:0;z-index: 700} /* All levels */

ul.navigation>li.has_children>a>a>span.menu-expand{} /* Level 1 */

ul.navigation li li.has_children>a>a>span.menu-expand{} /* Level 2 */

ul.navigation li li.has_children>a>a>span.menu-expand:after{content:'\25BC';} /* Level 2 */



/* You can manage with of elements by width of a-tag */

ul.navigation li a{position:relative} /* All levels */

ul.navigation li>a{} /* Level 1 */

ul.navigation li li>a{width:auto;} /* Level 2 */

ul.navigation li li li>a{} /* Level 3 */



/* First Level*/

ul.navigation>li{margin:0px;}

ul.navigation>li>a{padding: 10px 20px;}

ul.navigation>li{background:#585858; margin:0px 0px 0px 0; border:none; border-top:1px solid #909090; text-align:left;}

ul.navigation>li>a{color:#fff;}

ul.navigation>li>a:hover{}

/* End First Level*/



/* Second Level*/

ul.navigation>li>ul{border:none;}

ul.navigation>li>ul>li{padding-left:0px; margin: 0 0 0 20px;}

ul.navigation>li>ul>li>a{}

ul.navigation>li>ul>li:hover{}

ul.navigation>li>ul>li:hover>a{}

ul.navigation>li>ul>li>a:hover{}

/* End Second Level*/



/* Third Level*/

ul.navigation>li>ul>li>ul{border:none; background:#CCC}

ul.navigation>li>ul>li>ul>li{padding-left:5px;}

ul.navigation>li>ul>li>ul>li>a{}

ul.navigation>li>ul>li>ul>li:hover{}

ul.navigation>li>ul>li>ul>li:hover>a{}

ul.navigation>li>ul>li>ul>li>a:hover{}

/* End Third Level*/



/* End Style */