/*
	   theme: ERCLab UInified - MENU
	site url: http://erclab.com
	  design: EVILORD.COM
	  
*/


/* MENU */

#menu{
	float:left;
	width:100%;
	height:59px;
	padding:0;
	position:fixed;
	top:0;
	z-index:100;
	opacity:0.96;
}

#menu.full{
	border-bottom:1px solid rgba(0, 0, 0, 0.06);	
	-moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.06);
 -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.06);
		 box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.06);
}

#menu.noeff{
	top:4px;
}

.menu-wrapper {
	width:1000px;
	padding:0;
	margin:0 auto;
	height:100%;
	position:relative;
}

.menu-bg {
	width: 100%;
	height: 58px;
	margin:0;
	position: absolute;
	z-index:-2;top:0;left:0;
	
	   -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
    		box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
	   
-webkit-transform: skew(-20deg);
   -moz-transform: skew(-20deg);
    -ms-transform: skew(-20deg);
     -o-transform: skew(-20deg);
        transform: skew(-20deg);
			
-webkit-border-radius:8px;
   -moz-border-radius:8px;
		border-radius:8px;
}


/* Menu Logo */

.menu-logo{
	width:40%;
	margin:0 30%;
	padding:0;
	position: absolute;
	top:21px;
	left:0;
	z-index:0;
	
	text-align:center;
	font-weight:600;
	font-size:19px;
}

.menu-logo-img {
	width:150px;
	height: 39px;
	top:-10px;
	position:relative;
	display:inline-block;
	margin:0 auto;
	padding:0;
}
.menu-logo-txt{
	top:14px;
}

#footer .menu-logo-img{
	top:5px;
	height:35px;
	float:none;
	left:auto;
	display:inline-block;
	width:150px;
}



/* Menu Icons */

#menu i{ 
	float:left;
	margin-right:4px;
	display: inline-block;
}

#menu u{
	text-decoration:none;
}

.menu-tab u{
	float: left;
	margin-right:1px;
	text-decoration: none;
	font-weight:400;
	line-height:230%;
}

.menu-tab u.arrow-dw{
	line-height:140%;
}

.menu-tab a.menu-icons{
	border:none;
	margin:0;
	padding:0 5px 12px 0;
}




/* MENU TAB */

.menu-tab{
	padding:0;
	margin:0;
	text-align:center;
	display: inline-block;
	float:none;
	z-index:2;
}

.menu-tab li{
	float:left;
	list-style:none;
	padding:0;
	margin:0 auto;
}

.menu-tab a{
	float:left;
	padding:5px 14px;
	display:block;
	border:1px solid;
	font-size:94%;
}


.menu-tab .menu-item a,
.menu-tab .menu-item-last a,
.menu-item-last-two a{
	border-left:none;
}

.menu-tab ul li a,
.menu-tab ul li ul a{
	border:none;
	padding:0;
	margin:0;
}




/* Menu Nav */

.menu-nav{
	width:auto;
	padding:0;
	margin-top:12px;
	float:left;
	margin-left:2%;
}

.menu-nav.right{
	margin-left:0;
	margin-right:2%;
}


/* new nav */

.nav li ul a{
	width:100%;
	padding:20px 0;
}

.nav li ul{
	position: absolute;
	left:0;
	width:76%;
	display:none;
	text-align:center;
}

.right .nav li ul{
	left:auto;
	right:0;
}

.nav a{
	z-index:1;
	position:relative;
	color:#fff;
}

ul.nav li ul li a{
	color:#fff;
}

ul.nav li li a:hover{
	color:#F6DC19;
}

.nav > li:hover > a{
	color:#F6DC19;
}

.has-icon .nav  > li:hover > a{
	-moz-border-radius-topleft: 4px;
   -moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 0;
 -moz-border-radius-bottomleft: 0;
		 -webkit-border-radius: 4px 4px 0px 0px;
				 border-radius: 4px 4px 0px 0px;
				 
-webkit-box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.2);
   -moz-box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.2);
        box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.2);
}

 .nav > li:hover > a > .arrow-dw{
	color:#fff;
}
.nav > li:hover > a > .arrow-dw:after{
	content:"  ‹  ";
}


.nav li:hover > ul,
.nav li ul li:hover > ul {
  display: inline;
  top: 58px;
}


/* Overwrite */

#menu a.markme{
	width:auto;
	padding:10px 20px;
	float:none;
	display:inline-block;
	
-webkit-border-radius:5px;
   -moz-border-radius:5px;
 -khtml-border-radius:5px;
		border-radius:5px;
		
	   -moz-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0, 0.1);
	-webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0, 0.1);
			box-shadow: inset 0px 0px 0px 1px rgba(0,0,0, 0.1);
}

#menu a.markme:hover{
	border:none;
}


/* Menu Colors */



.right .nav li ul li, .left .nav li ul li, .has-icon .nav  > li:hover > a{
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.1)), color-stop(100%,rgba(0,0,0,0)));
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%);
}

.right .nav li ul li:hover, .left .nav li ul li:hover{
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.41) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.41)), color-stop(100%,rgba(0,0,0,0)));
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.41) 0%,rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(top,  rgba(0,0,0,0.41) 0%,rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.41) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0.41) 0%,rgba(0,0,0,0) 100%);
}

.right .nav li ul  li.title-main, .left .nav li ul li.title-main , .right .nav li ul  li.title-main:hover, .left .nav li ul  li.title-main:hover{
	background:none;
}
.title-main h1{margin-top:6px;}
.nav li ul{
	-moz-box-shadow: 0px 62px 60px -28px rgba(0, 0, 0, 0.66), inset 0px 0px 0px 1px rgba(0, 0, 0,0.1);
 -webkit-box-shadow: 0px 62px 60px -28px rgba(0, 0, 0, 0.66), inset 0px 0px 0px 1px rgba(0, 0, 0,0.1);
	     box-shadow: 0px 62px 60px -28px rgba(0, 0, 0, 0.66), inset 0px 0px 0px 1px rgba(0, 0, 0,0.1);
		 
			border-top:1px solid rgba(255, 255, 255,0.02);
			
		 -moz-border-radius-topleft: 0;
   -moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 5px;
 -moz-border-radius-bottomleft: 5px;
		 -webkit-border-radius: 0 0 5px 5px;
				 border-radius: 0 0 5px 5px;
		 
}

.nav ul li a {
-webkit-border-radius:0;
   -moz-border-radius:0;
 -khtml-border-radius:0;
		border-radius:0;
}



@media screen and (min-width: 768px) {
	
	.menu-wrapper{
		width:100%;
		min-width:768px;
		padding:0;
	}
	
	#menu.noeff{
		width:98%;
		margin:0 1%;
	}

} @media screen and (min-width: 1300px) {
	
	.menu-wrapper{
		width:1200px;
		margin:0 auto;
	}
	
	#menu.noeff{
		width:100%;
		margin:0;
	}
	
} @media screen and (max-width: 1023px) {	

.right .nav li ul{
	right:2%;
	
}
.nav li ul{
	width:96%;left:2%;
}

.menu-nav{
	margin-top:14px;
}
.menu-nav.has-icon{
	margin-top:12px;
}
.menu-tab a{
	padding:4px 10px;
	font-size:100%;
}

.menu-tab u{
	line-height:245%;
}

.menu-bg {

	-webkit-transform: skew(-15deg);
	  -moz-transform: skew(-15deg);
	   -ms-transform: skew(-15deg);
	    -o-transform: skew(-15deg);
	       transform: skew(-15deg);
			
	-webkit-border-radius:8px;
	  -moz-border-radius:8px;
		border-radius:8px;
}

} @media screen and (max-width: 767px){
	
#menu{opacity:1;}
	
#menu.noeff{
	top:0;
}

#menu.full{
	padding-top:0px;
	height:auto;
	position:relative;
}

#menu.full .menu-wrapper{
	margin:0;
	float:left;
}

.menu-wrapper{
	width:100%;
	min-width:240px;
	padding:0;
	margin:0;
	text-align:center;
	float:left;
	position: relative;
	line-height:100%;
}

.menu-bg{
	width:100%;
	height:100%;
	position: absolute;
	left:0;top:0;bottom:0;right:0;
	
-webkit-transform: none;
   -moz-transform: none;
    -ms-transform: none;
     -o-transform: none;
        transform: none;
		
			
-webkit-border-radius:0;
   -moz-border-radius:0;
		border-radius:0;
}

.nav a{
}
.nav ul li a{
	font-size:76%;
}
.nav h1{
	letter-spacing: 0;
}

.menu-logo-img {
	display: inline;
	float:left;
	clear:none;
	margin:0 auto;
	padding:0;
	width:120px;
	height:34px;
	position:relative;
	top:0;
	background-position:right;
}

.menu-logo{
	width: 120px;
	position: relative;
	top: 3px;
	left:0;
	float:none;
	display:inline-block;
	clear:none;
	margin:0 5px;

}

.menu-logo.small, .menu-logo-img.small{
	width:32px;
	height:34px;
}

.menu-logo-txt{
	top: -14px;
	padding:0;
	width:40%;
	margin:0;
	float:none;
}

.menu-logo a {
	font-size:16px;
}

.menu-nav, .menu-nav.right{
	float:none;
}
.menu-nav.left{
	float:none;
}

.menu-nav{
	display:inline-block;
	margin: 2px 0 4px 0;
	padding: 0;
}
.menu-nav a{
		line-height:140%;
}

.menu-nav.right.menu-double{
	float:right;
}
.menu-nav .menu-icons a{
	line-height:100%;
}

.noeff .menu-nav{
margin: 0;
}

.nav li:hover > ul,
.nav li ul li:hover > ul {
  top: 42px;
}

.nav li ul, .right .nav li ul{
	left:0;
	right:0;
	width:100%;
}

#menu .menu-tab a.menu-icons{
	padding:4px 0;
	margin-right:6px;
}

.menu-tab u{
	margin-right:0;
}

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

.menu-logo a {
	font-size:13px;
}
.menu-logo-txt{
	width:166px;
	top: -15px;
}

.menu-logo-txt{
	width:auto;
	margin-left:8px;
	margin-right:6px;
}

} @media screen and (max-width: 479px){
.menu-logo a {
	font-size:16px;
}
.menu-logo, .menu-logo-img{
	width:32px;
}

.menu-logo-txt{
	top: 12px;
	height:32px;
	width:100%;
	margin:0;
}

.menu-nav.right.menu-double,.menu-nav,.menu-nav.left, .menu-nav.right{
	float:none;
}

#menu .menu-tab a.menu-icons{
	padding-bottom: 4px;
}

.nav li:hover > ul,
.nav li ul li:hover > ul {
  top: 74px;
}

} @media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi),
only screen and (min-resolution: 144dppx) {

.menu-logo-img, #footer .menu-logo-img {
   -webkit-background-size: 150px auto;
	  -moz-background-size: 150px auto;
		-o-background-size: 150px auto;
	-khtml-background-size: 150px auto;
		   background-size: 150px auto;
}

} @media
screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 767px),
screen and (min--moz-device-pixel-ratio: 1.5) and (max-width: 767px),
screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 767px),
screen and (min-device-pixel-ratio: 1.5) and (max-width: 767px),
screen and (min-resolution: 144dpi) and (max-width: 767px),
screen and (min-resolution: 144dppx) and (max-width: 767px) {
	
.menu-logo-img {
   -webkit-background-size: 120px auto;
	  -moz-background-size: 120px auto;
		-o-background-size: 120px auto;
	-khtml-background-size: 120px auto;
		   background-size: 120px auto;
}

}