/*
http://webdesign.tutsplus.com/tutorials/big-menus-small-screens-responsive-multi-level-navigation--webdesign-8452
*/

.toggleMenu{ display:none; padding:10px 5%; width:100%; text-align:left; text-decoration:none!important; position:relative; } 
.nav{ list-style:none; *zoom:1; margin:0; padding:0;  }
.nav:before, .nav:after{ content:" ";  display:table; }
.nav:after{ clear:both; }
.nav ul{ list-style:none; width:9em; margin:0; padding:0; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; }
.nav a{ padding:10px 15px; text-decoration:none; display:inline-block; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; }
.nav li{ position:relative; }
/*.nav > li > a{ display:block; }*/
.nav li ul{ position:absolute; left:0; opacity:0; visibility:hidden; text-align:left; z-index:800; }
.nav > li.hover { }
.nav > li.hover > ul{ left:0; opacity:1; visibility:visible; }
.nav > li > ul > li.hover > ul{ left:100%; top:0; opacity:1; visibility:visible; display:block; }
.nav > li > ul > li > ul > li.hover > ul{ left:100%; top:0; opacity:1; visibility:visible; display:block; }

#menus .nav li li a{ display:block; position:relative; z-index:100; padding:10px; }
.nav li li li a{ z-index:200; }

@media (min-width: 992px) {
	.nav li ul{ top:auto; }
	.nav li ul ul{ top:0px; }
	.nav{ text-align:center; }
	.nav > li{ display:inline-block; }
	.nav li li:first-child a{ border:none; }
	.nav li li li:first-child a{ border:none!important; }
}
@media (max-width:991px){
.toggleMenu:after{ font-family:FontAwesome; font-size:25px; display:block; content:"\f067"; position:absolute; right:9px; top:11px; }
.toggleMenu.active:after{ font-family:FontAwesome; content:"\f068"; }
.active{ display:block; }
.nav > li a{ display:block; }
.nav > li > .parent:after{ font-family:FontAwesome; font-size:25px; display:block; content:"\f067"; position:absolute; right:10px; top:10px; }
.nav li li .parent:after{ font-family:FontAwesome; font-size:25px; display:block; content:"\f067"; position:absolute; right:10px; top:10px; }
.nav > li.hover > .parent:after{ font-family:FontAwesome; content:"\f068"; }
.nav li li.hover .parent:after{ font-family:FontAwesome; content:"\f068"; }
.nav ul{ display:block; width:100%; }
.nav > li.hover > ul , .nav li li.hover ul{ position:static; }
.nav li li.hover ul{ left:0; }
}