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

.toggleMenu{ display:none; padding:10px 0; width:100%; text-align:center; text-decoration:none; 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; -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{ display:block; }
.nav > li > a{ display:block; }
.nav li ul{ position:absolute; left:100%; opacity:0; visibility:hidden; top:0; }
.nav > li.hover { }
.nav > li.hover > ul{ left:100%; opacity:1; visibility:visible; }
.nav li li.hover ul{ left:100%; top:0; opacity:1; visibility:visible; }
.nav li li a{ display:block; position:relative; z-index:100; }
.nav li li li a{ z-index:200; }
/*4e*/
.nav li ul li.hover ul ul{ position:absolute; left:100%; opacity:0; visibility:hidden; top:0; }
.nav li ul li.hover ul li.hover ul{ left:100%; top:0; opacity:1; visibility:visible; }
/*5*/
.nav li ul li.hover ul li.hover ul ul{ position:absolute; left:100%; opacity:0; visibility:hidden; top:0; }
.nav li ul li.hover ul li.hover ul li.hover ul{ left:100%; top:0; opacity:1; visibility:visible; }

@media (min-width: 992px) {
	.nav li:first-child a{ border:none; }
	.nav li li:first-child a{ border:none; }
	.nav li li li:first-child a{ border:none!important; }
	.nav li li li li:first-child a{ border:none!important; }
	.nav li li li li li:first-child a{ border:none!important; }
}
@media (max-width:991px){
	.toggleMenu:after{ font-family:Font Awesome 5 Pro; font-size:25px; display:block; content:"\f067"; position:absolute; right:16px; top:14px; }
	.active{ display:block; }
	.nav > li{ float:none; }
	.nav > li > .parent:after{ font-family:Font Awesome 5 Pro; font-size:25px; display:block; content:"\f067"; position:absolute; right:10px; top:10px; }
	.nav li li .parent:after{ font-family:Font Awesome 5 Pro; font-size:25px; display:block; content:"\f067"; position:absolute; right:10px; top:10px; }
	.nav ul{ display:block; width:100%; }
	.nav > li.hover > ul , .nav li li.hover ul, .nav li ul li.hover ul li.hover ul, .nav li ul li.hover ul li.hover ul li.hover ul{ position:static; }
	.nav li li.hover ul{ left:0; }
}