/*
    Jumpeye framework    
	Version: 1.0.0
	www.jumpeye.com
	
	Created by Jumpeye Components
 
 
    Menu style-2
*/

    .style-2 ul.main-level {
    	width: auto;
    	margin: 10px auto;
    	background: url(../../assets/ui/menus/style-002/texture_main_level.png);
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==), url(../../assets/ui/menus/style-002/texture_main_level.png);
        background: -moz-linear-gradient(top,  rgba(51,51,51,0.5) 0%, rgba(0,0,0,0.5) 100%),url(../../assets/ui/menus/style-002/texture_main_level.png);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,51,51,0.5)), color-stop(100%,rgba(0,0,0,0.5))),url(../../assets/ui/menus/style-002/texture_main_level.png);
        background: -webkit-linear-gradient(top,  rgba(51,51,51,0.5) 0%,rgba(0,0,0,0.5) 100%),url(../../assets/ui/menus/style-002/texture_main_level.png);
        background: -o-linear-gradient(top,  rgba(51,51,51,0.5) 0%,rgba(0,0,0,0.5) 100%),url(../../assets/ui/menus/style-002/texture_main_level.png);
        background: -ms-linear-gradient(top,  rgba(51,51,51,0.5) 0%,rgba(0,0,0,0.5) 100%),url(../../assets/ui/menus/style-002/texture_main_level.png);
        background: linear-gradient(to bottom,  rgba(51,51,51,0.5) 0%,rgba(0,0,0,0.5) 100%),url(../../assets/ui/menus/style-002/texture_main_level.png);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80333333', endColorstr='#80000000',GradientType=0 ),url(../../assets/ui/menus/style-002/texture_main_level.png);
    	-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
    	border-radius: 5px;
        box-shadow: 1px 1px 6px -1px rgba(0,0,0,0.8) inset, -1px -1px 6px -1px rgba(0,0,0,0.8) inset; 
        -moz-box-shadow: 1px 1px 6px -1px rgba(0,0,0,0.8) inset, -1px -1px 6px -1px rgba(0,0,0,0.8) inset;
        -webkit-box-shadow: 1px 1px 6px -1px rgba(0,0,0,0.8) inset, -1px -1px 6px -1px rgba(0,0,0,0.8) inset;
    }
    
	.style-2 ul.main-level li {
		float: left;
		border-right: 1px solid #000;
		-moz-box-shadow: 1px 0 0 #333334;
		-webkit-box-shadow: 1px 0 0 #333334;
		box-shadow: 1px 0 0 #333334;
		position: relative;
	}
    
	.style-2 ul.main-level a {
		float: left;
		padding: 11px 36px;
		color: #8e8e8e;
		font: 14px Arial, Helvetica;
		text-decoration: none;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.9)
	}
    
    .style-2 ul.main-level li:first-child:hover > a,      
	.style-2 ul.main-level li:hover > a { 
	    color: #fff; 
        background: rgba(0,0,0,0.3);
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.9); 
    	-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
    	border-radius: 5px;  
    }
    
    .style-2 ul.sub-level li:first-child:hover > a, 
    .style-2 ul.main-level li:last-child:hover > a,
    .style-2 ul.main-level li:hover > a { border-radius: 0; }
    
    .style-2 ul.sub-level ul li:first-child:hover > a {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
    
    .style-2 ul.sub-level li:last-child:hover > a {
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;        
    }

    /* menu arrow down */
    .style-2 ul.main-level > li.down > span.arrow-down {
        width: 0;
        border:  solid 4px; 
        border-color: #8e8e8e transparent  transparent  transparent; 
        position: absolute;
        right: 15px; top: 17px;
    }    
    
    .style-2 ul.main-level > li.down:hover > a+span.arrow-down,
    .style-2 ul.main-level > li.down:active > a+span.arrow-down { 
        border-color: #fff transparent transparent transparent; /* ie8 */
        border-color: #fff rgba(255,255,255,0) rgba(255,255,255,0) rgba(255,255,255,0); 
    }
    
    
    /* menu arrow fayout (right) */
    .style-2 ul.sub-level > li.flyout > span.arrow-right {
        width: 0;
        border:  solid 4px; 
        border-color: transparent  transparent  transparent #8e8e8e; 
        position: absolute;
        right: 11px; top: 16px;
    } 

    .style-2 ul.sub-level > li.flyout:hover > a+span.arrow-right,
    .style-2 ul.sub-level > li.flyout:active > a+span.arrow-right { 
        border-color: transparent transparent transparent #fff; 
        border-color: rgba(255,255,255,0) rgba(255,255,255,0) rgba(255,255,255,0) #fff;
    }    
       
	.style-2 ul.main-level ul {
		margin: 20px 0 0 0;
		opacity: 0;
        display: none;
		position: absolute;
		top: 38px;
		left: -1px;
		z-index: 1;    
		background: url(../../assets/ui/menus/style-002/texture_sub_level.png);
        border-bottom-left-radius : 5px;
        border-bottom-right-radius : 5px;
	}

	.style-2 ul.main-level li:hover > ul {
		opacity: 1;
        display: block;
		margin: 0;
	}
    
	.style-2 ul.main-level ul ul {
		top: 0;
		left: 100%;
		margin: 0 0 0 20px;
        z-index: 1;       
        border-top-right-radius : 5px;
        border-top-left-radius : 5px;   
    }
   
	.style-2 ul.main-level ul li {
		float: none;
		display: block;
		border: 0;
		-moz-box-shadow: 0 1px 0 #000, 0 2px 0 #333334;
		-webkit-box-shadow: 0 1px 0 #000, 0 2px 0 #333334;
		box-shadow: 0 1px 0 #000, 0 2px 0 #333334;
	}
    
	.style-2 ul.main-level ul li:last-child {  
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;    
	}
    
	.style-2 ul.main-level ul a {    
		padding: 11px 36px;
		min-width:  100px;
		display: block;
		white-space: nowrap;
		float: none;
		text-transform: none;
	}

	.style-2 ul.main-level ul a:hover { background: rgba(0,0,0,0.3); }
       
    .style-2 ul.sub-level ul li:first-child { border-radius: 0; }
        
	.style-2 ul.main-level ul li:first-child > a {
        box-shadow: 0 2px 3px -2px rgba(0,0,0,0.8) inset, 4px 0 3px -3px rgba(0,0,0,0.8) inset, -4px 0 3px -3px rgba(0,0,0,0.8) inset; 
        -moz-box-shadow: 0 2px 3px -2px rgba(0,0,0,0.8) inset, 4px 0 3px -3px rgba(0,0,0,0.8) inset, -4px 0 3px -3px rgba(0,0,0,0.8) inset;
        -webkit-box-shadow: 0 2px 3px -2px rgba(0,0,0,0.8) inset, 4px 0 3px -3px rgba(0,0,0,0.8) inset, -4px 0 3px -3px rgba(0,0,0,0.8) inset;
	}

	.style-2 ul.main-level ul li > a {
        box-shadow: 0 2px 3px -2px rgba(0,0,0,0.8) inset, 4px 0 3px -3px rgba(0,0,0,0.8) inset, -4px 0 3px -3px rgba(0,0,0,0.8) inset; 
        -moz-box-shadow: 0 2px 3px -2px rgba(0,0,0,0.8) inset, 4px 0 3px -3px rgba(0,0,0,0.8) inset, -4px 0 3px -3px rgba(0,0,0,0.8) inset;
        -webkit-box-shadow: 0 2px 3px -2px rgba(0,0,0,0.8) inset, 4px 0 3px -3px rgba(0,0,0,0.8) inset, -4px 0 3px -3px rgba(0,0,0,0.8) inset;
	}
    
	.style-2 ul.main-level ul li:last-child > a {
        box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.8) inset, 4px 0 3px -3px rgba(0,0,0,0.8) inset, -4px 0 3px -3px rgba(0,0,0,0.8) inset; 
        -moz-box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.8) inset, 4px 0 3px -3px rgba(0,0,0,0.8) inset, -4px 0 3px -3px rgba(0,0,0,0.8) inset;
        -webkit-box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.8) inset, 4px 0 3px -3px rgba(0,0,0,0.8) inset, -4px 0 3px -3px rgba(0,0,0,0.8) inset;
		-moz-border-radius: 0 0 5px 5px;
		-webkit-border-radius: 0 0 5px 5px;
		border-radius: 0 0 5px 5px;      
	}    

	.style-2 ul.main-level ul ul li:first-child > a { border-radius: 5px 5px 0 0; } 

	/* style-2 Mobile */

	@media screen and (max-width: 767px) {
         
        /* letiltjuk a ez 1. szintű almenü megjelenítését */ 
        .style-2 ul.main-level li:hover > ul{ display: none; } 
        
        /* letiltjuk a sub-level almenük megjelenítését */
        .style-2 ul.sub-level li:hover > ul { display: none; }
        
		.style-2.menu {	position: relative;	}

		.style-2.menu * {
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}

		/* menu icon */
		.style-2.menu-trigger {
			display: block; 
			height: 40px;
			line-height: 40px;
			cursor: pointer;		
			padding: 0 0 0 35px;
			color: #8e8e8e;
        	background: url(../../assets/ui/menus/style-002/texture_main_level.png);
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAYAAADphp8SAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAABAAAAAQBPJcTWAAAAB3RJTUUH3AcXCDU7y++/6AAAACFJREFUeJxj7Ovr+89ABcBEDUOoatAwBoyjsTYEwTCONQCMCwgLzG9CyAAAAABJRU5ErkJggg==) no-repeat 10px center,url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==), url(../../assets/ui/menus/style-002/texture_main_level.png);
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAYAAADphp8SAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAABAAAAAQBPJcTWAAAAB3RJTUUH3AcXCDU7y++/6AAAACFJREFUeJxj7Ovr+89ABcBEDUOoatAwBoyjsTYEwTCONQCMCwgLzG9CyAAAAABJRU5ErkJggg==) no-repeat 10px center,-moz-linear-gradient(top,  rgba(51,51,51,0.5) 0%, rgba(0,0,0,0.5) 100%),url(../../assets/ui/menus/style-002/texture_main_level.png);
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAYAAADphp8SAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAABAAAAAQBPJcTWAAAAB3RJTUUH3AcXCDU7y++/6AAAACFJREFUeJxj7Ovr+89ABcBEDUOoatAwBoyjsTYEwTCONQCMCwgLzG9CyAAAAABJRU5ErkJggg==) no-repeat 10px center,-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,51,51,0.5)), color-stop(100%,rgba(0,0,0,0.5))),url(../../assets/ui/menus/style-002/texture_main_level.png);
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAYAAADphp8SAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAABAAAAAQBPJcTWAAAAB3RJTUUH3AcXCDU7y++/6AAAACFJREFUeJxj7Ovr+89ABcBEDUOoatAwBoyjsTYEwTCONQCMCwgLzG9CyAAAAABJRU5ErkJggg==) no-repeat 10px center,-webkit-linear-gradient(top,  rgba(51,51,51,0.5) 0%,rgba(0,0,0,0.5) 100%),url(../../assets/ui/menus/style-002/texture_main_level.png);
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAYAAADphp8SAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAABAAAAAQBPJcTWAAAAB3RJTUUH3AcXCDU7y++/6AAAACFJREFUeJxj7Ovr+89ABcBEDUOoatAwBoyjsTYEwTCONQCMCwgLzG9CyAAAAABJRU5ErkJggg==) no-repeat 10px center,-o-linear-gradient(top,  rgba(51,51,51,0.5) 0%,rgba(0,0,0,0.5) 100%),url(../../assets/ui/menus/style-002/texture_main_level.png);
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAYAAADphp8SAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAABAAAAAQBPJcTWAAAAB3RJTUUH3AcXCDU7y++/6AAAACFJREFUeJxj7Ovr+89ABcBEDUOoatAwBoyjsTYEwTCONQCMCwgLzG9CyAAAAABJRU5ErkJggg==) no-repeat 10px center,-ms-linear-gradient(top,  rgba(51,51,51,0.5) 0%,rgba(0,0,0,0.5) 100%),url(../../assets/ui/menus/style-002/texture_main_level.png);
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAYAAADphp8SAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAABAAAAAQBPJcTWAAAAB3RJTUUH3AcXCDU7y++/6AAAACFJREFUeJxj7Ovr+89ABcBEDUOoatAwBoyjsTYEwTCONQCMCwgLzG9CyAAAAABJRU5ErkJggg==) no-repeat 10px center,linear-gradient(to bottom,  rgba(51,51,51,0.5) 0%,rgba(0,0,0,0.5) 100%),url(../../assets/ui/menus/style-002/texture_main_level.png);
            filter: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAYAAADphp8SAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAABAAAAAQBPJcTWAAAAB3RJTUUH3AcXCDU7y++/6AAAACFJREFUeJxj7Ovr+89ABcBEDUOoatAwBoyjsTYEwTCONQCMCwgLzG9CyAAAAABJRU5ErkJggg==) no-repeat 10px center,progid:DXImageTransform.Microsoft.gradient( startColorstr='#80333333', endColorstr='#80000000',GradientType=0 ),url(../../assets/ui/menus/style-002/texture_main_level.png);
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
            box-shadow: 1px 1px 6px -1px rgba(0,0,0,0.8) inset, -1px -1px 6px -1px rgba(0,0,0,0.8) inset; 
            -moz-box-shadow: 1px 1px 2px -1px rgba(0,0,0,0.8) inset, -1px -1px 2px -1px rgba(0,0,0,0.8) inset;
            -webkit-box-shadow: 1px 1px 2px -1px rgba(0,0,0,0.8) inset, -1px -1px 2px -1px rgba(0,0,0,0.8) inset;
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.9);
		}
		
		/* main nav */
       
        .style-2 ul.main-level * {
            color: #999 !important;
            text-shadow: 0 1px 0 rgba(255, 255, 255, 0.68);
            box-shadow: none !important;
            border: 0 !important;
        }
             
		.style-2 ul.main-level {
			margin: 0; padding: 10px;
			position: absolute;
			top: 40px;
			width: 100%;
			z-index: 1;
        	background: url(../../assets/ui/menus/style-002/texture_sub_level.png);
			display: none;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;
		}

		.style-2 ul.main-level ul {
			position: static;
            display: none; /* hide submenus */
			opacity: 1;
			margin: 0;
			background: none;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;
		}

		.style-2 ul.main-level ul ul {
			margin: 0 0 0 0 !important;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;
		}

		.style-2 ul.main-level li {
			position: static;
			display: block;
			float: none;
			border: 0;
			margin: 5px;
            margin-right: 0px;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;
		}
        

		.style-2 ul.main-level ul li{
			margin-left: 30px;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;
		}

		.style-2 ul.main-level a{
			display: block;
			float: none;
			padding: 0;
        	-moz-border-radius: 0px !important;
        	-webkit-border-radius: 0px !important;
        	border-radius: 0px !important;
            padding: 5px !important;              
		}

        
	    .style-2 ul.main-level a:hover{
			color: #fff !important;
            text-shadow: none !important;
            background: none !important;
		}	

		.style-2 ul.main-level ul a{
			padding: 0;
			width: auto;
            margin-left: 0px;           
		}

        .style-2 ul.main-level > li.down { position: relative; }
        .style-2 ul.sub-level > li.flyout { position: relative; }

        .style-2 ul.main-level > li.down > a > span.arrow-down,
        .style-2 ul.sub-level > li.flyout > a > span.arrow-right {
            width: 0 !important; height: 0 !important;
            border:  solid 4px !important;
            border-color: transparent transparent transparent #666 !important;
            position:  absolute;
            top: 9px;          
        }    

        .style-2 ul.main-level > li.down > a > span.down-active,
        .style-2 ul.sub-level > li.flyout > a > span.flyout-active {
            border-color: #fff transparent transparent transparent !important;
            top: 12px;  
        }

        .style-2 ul.main-level > li.down:hover > a > span.arrow-down {
            border-left-color:  #fff !important;
        }    
    
        .style-2 ul.main-level > li.down:hover > a > span.down-active {
            border-left-color: transparent !important;    
        }                         

	}


	/* iPad */
	.style-2.no-transition {
		-webkit-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		-o-transition: none;
		transition: none;
		opacity: 1;
		visibility: visible;
		display: none;  		
	}

	.style-2 ul.main-level li:hover > .no-transition { display: block;	} 



/* -- vertical -- */

    .style-2.vertical ul.main-level li:hover { background: rgba(0,0,0,0.3) !important; }
    .style-2.vertical ul.main-level li:hover > a { background: none !important; }
    
    .style-2.vertical ul.main-level > li.down:hover > a+span.arrow-down,
    .style-2.vertical ul.main-level > li.down:active > a+span.arrow-down,
    .style-2.vertical ul.sub-level > li.flyout:hover > a+span.arrow-right,
    .style-2.vertical ul.sub-level > li.flyout:active > a+span.arrow-right { border-color: transparent transparent transparent #000; } 

    .style-2.vertical ul.main-level ul li > a { box-shadow: none; }
    .style-2.vertical ul.main-level ul li:last-child a { box-shadow: none; } 
    .style-2.vertical ul.main-level ul li:first-child > a { box-shadow: none; border-top: none; }
       
	.style-2.vertical ul li a { 
	    padding: 10px !important;
        display: block; 
        height: auto; 
        float: none;
        white-space: normal;
     }
     
    .style-2.menu.vertical { height: auto; width: 100%; border: 0; }
    .style-2.menu.vertical ul.main-level { width: 100%; height: 100%; border: 0; }   


	.style-2.menu.vertical li{
    	list-style: none;
    	position: relative;
    	width: 100%;
        height: auto;
    	background: url(../../assets/ui/menus/style-002/texture_main_level.png);
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==), url(../../assets/ui/menus/style-002/texture_main_level.png);
        background: -moz-linear-gradient(top,  rgba(51,51,51,0.5) 0%, rgba(0,0,0,0.5) 100%),url(../../assets/ui/menus/style-002/texture_main_level.png);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,51,51,0.5)), color-stop(100%,rgba(0,0,0,0.5))),url(../../assets/ui/menus/style-002/texture_main_level.png);
        background: -webkit-linear-gradient(top,  rgba(51,51,51,0.5) 0%,rgba(0,0,0,0.5) 100%),url(../../assets/ui/menus/style-002/texture_main_level.png);
        background: -o-linear-gradient(top,  rgba(51,51,51,0.5) 0%,rgba(0,0,0,0.5) 100%),url(../../assets/ui/menus/style-002/texture_main_level.png);
        background: -ms-linear-gradient(top,  rgba(51,51,51,0.5) 0%,rgba(0,0,0,0.5) 100%),url(../../assets/ui/menus/style-002/texture_main_level.png);
        background: linear-gradient(to bottom,  rgba(51,51,51,0.5) 0%,rgba(0,0,0,0.5) 100%),url(../../assets/ui/menus/style-002/texture_main_level.png);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80333333', endColorstr='#80000000',GradientType=0 ),url(../../assets/ui/menus/style-002/texture_main_level.png);
    	line-height: 30px;
    	cursor:pointer;
	}

    .style-2.vertical ul.sub-level,
    .style-2.menu.vertical ul.sub-level ul {
        opacity: 1;
        display: none;
        position: absolute;
        width: 100%;
        top: -2px;
        left: 100%;        
    }     
    
	.style-2.menu.vertical, .style-2.menu.vertical ul, .style-2.menu.vertical li{
	   padding:0;
	   margin:0;
	}
    
	.style-2.menu.vertical ul li.down:hover > ul.sub-level { display:block;	}
        
    .style-2.menu.vertical ul.sub-level { display: none; }
    
	.style-2.menu.vertical ul li.flyout:hover > ul.sub-level { display:block; }    
    
    .style-2.menu.vertical ul.sub-level > li.flyout > span.arrow-right,
    .style-2.menu.vertical ul.main-level > li.down > span.arrow-down {
        width: 0;
        border:  solid 4px; 
        border-color: transparent  transparent  transparent #8e8e8e; 
        position: absolute;
        right: 11px; top: 14px;
    }

    .style-2.menu.vertical ul.sub-level > li.flyout:hover > span.arrow-right,
    .style-2.menu.vertical ul.main-level > li.down:hover > span.arrow-down {
        border-color: transparent  transparent  transparent #fff; 
    } 
 
    .style-2.vertical ul.sub-level{
        border-top-left-radius : 5px;
        border-top-right-radius : 5px;
    }

    .style-2.vertical ul.sub-level li{
        background: url(../../assets/ui/menus/style-002/texture_sub_level.png) !important;
    }
 
    .style-2.vertical ul.sub-level > li:first-child,
    .style-2.vertical ul.main-level > li:first-child {
        border-top-left-radius : 5px;
        border-top-right-radius : 5px;
        border-right: 0;
        box-shadow: 3px 0 2px -2px rgba(0,0,0,0.8) inset, 0 3px 2px -2px rgba(0,0,0,0.8) inset, -3px 0 2px -2px rgba(0,0,0,0.8) inset;        
        -moz-box-shadow: 3px 0 2px -2px rgba(0,0,0,0.8) inset, 0 3px 2px -2px rgba(0,0,0,0.8) inset, -3px 0 2px -2px rgba(0,0,0,0.8) inset;
        -webkit-box-shadow: 3px 0 2px -2px rgba(0,0,0,0.8) inset, 0 3px 2px -2px rgba(0,0,0,0.8) inset, -3px 0 2px -2px rgba(0,0,0,0.8) inset;
    }  
    

    .style-2.vertical ul.sub-level > li,
    .style-2.vertical ul.main-level > li{
        border-right: 0;
        border-top: 1px solid #333334;
        border-bottom: 1px solid #000;
        box-shadow: 3px 0 2px -2px rgba(0,0,0,0.8) inset, -3px 0 2px -2px rgba(0,0,0,0.8) inset;
        -moz-box-shadow: 3px 0 2px -2px rgba(0,0,0,0.8) inset, -3px 0 2px -2px rgba(0,0,0,0.8) inset;
        -webkit-box-shadow: 3px 0 2px -2px rgba(0,0,0,0.8) inset, -3px 0 2px -2px rgba(0,0,0,0.8) inset;                     
    }

    .style-2.vertical ul.sub-level > li:last-child,
    .style-2.vertical ul.main-level > li:last-child {
        border-right: 0;
        border-bottom-left-radius : 5px;
        border-bottom-right-radius : 5px;
        box-shadow: 3px 0 2px -2px rgba(0,0,0,0.8) inset, 0 -3px 2px -2px rgba(0,0,0,0.8) inset, -3px 0 2px -2px rgba(0,0,0,0.8) inset;           
        -moz-box-shadow: 3px 0 2px -2px rgba(0,0,0,0.8) inset, 0 -3px 2px -2px rgba(0,0,0,0.8) inset, -3px 0 2px -2px rgba(0,0,0,0.8) inset;
        -webkit-box-shadow: 3px 0 2px -2px rgba(0,0,0,0.8) inset, 0 -3px 2px -2px rgba(0,0,0,0.8) inset, -3px 0 2px -2px rgba(0,0,0,0.8) inset;
        
    }
    
     .style-2.menu.vertical ul.sub-level li:first-child { padding:0 0 1px 0 !important; }
    
    /* active state */
    .style-2.menu.vertical li.active,
    .style-2.menu li.active > a {
		color: #939393;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.68);
        background: rgba(0,0,0,0.5);
    } 

    .style-2.menu ul.main-level > li.active > a {
        border-radius: 5px 0 0 5px;
        background: none;
    } 
        
    .style-2.menu li.active:hover > a {
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.9); 
        background: rgba(0,0,0,0.3);
    }