@charset "utf-8";
/* CSS Document */
.nav{
	float:right;
	z-index:1000;
	position:relative;
	}
.menu-trigger{
	display:none;}	
.nav ul{
	margin:0;
	padding:0;
	}
.nav li{
	display:inline;
	float:left;
	margin:0;
	list-style:none;
	position:relative;

	}	
.nav li a{
	display:block;
	font-size:15px;
	padding:10px 14px;
	color:#fc3702;
	white-space:nowrap;
	-webkit-filter: hue-rotate(0deg);
	filter: hue-rotate(0deg);
	-ms-transition:all ease-in-out 1s;
	-webkit-transition:all ease-in-out 1s;
	-moz-transition:all ease-in-out 1s;
	-o-transition:all ease-in-out 1s;
	}
.nav li a:hover{
	color:#FFFFFF;
	-ms-transition:all ease-in-out .3s;
	-webkit-transition:all ease-in-out .3s;
	-moz-transition:all ease-in-out .3s;
	-o-transition:all ease-in-out .3s;
	
}	
.nav li a:before{
	position:absolute;
	color:#FFF;
	width:100%;
	left:0px;
	top:0px;
	content:"";
	height:0px;
	z-index:-1;
	background-color: #A40AFF;
	-ms-transition:all ease-in-out .7s;
	-webkit-transition:all ease-in-out .7s;
	-moz-transition:all ease-in-out .7s;
	-o-transition:all ease-in-out .7s;
	}
.nav li:hover a:before{
	height: 100%;
	-ms-transition:all ease-in-out .3s;
	-webkit-transition:all ease-in-out .3s;
	-moz-transition:all ease-in-out .3s;
	-o-transition:all ease-in-out .3s;
	}	
.nav .effect{
	height:5px;
	width:0%;
	top:100%;
	left:50%;
	z-index:1000;
	position:absolute;
	transition-delay:400ms;
	-webkit-transition-delay:400ms;
	-moz-transition-delay:400ms;
	background-color:#fc3702;
}
.nav .effect2{
	height: 5px;
	width: 0%;
	top: 100%;
	left: 50%;
	z-index:1000;
	position: absolute;
	transition-delay:200ms;
	-webkit-transition-delay:200ms;
	-moz-transition-delay:200ms;
	background-color: #5C1901;
}
.nav li:hover .effect{
	height:5px;
	width:100%;
	left:0%;
	transition-delay:200ms;
	-webkit-transition-delay:200ms;
	-moz-transition-delay:200ms;

}	
.nav li:hover .effect2{
	height:5px;
	width:100%;
	left:0%;
	transition-delay: 400ms;
	-webkit-transition-delay: 400ms;
	-moz-transition-delay: 400ms;

}
	
.nav2{
	display: table-cell;
    vertical-align: middle;
	}	
.nav2 ul{
	margin: 0;
	padding-top: 15.2%;
	padding-right: 12%;
	padding-bottom: 90%;
	padding-left: 12%;
	}
.nav2 li{
	margin:1% 27.95%;
	list-style:none;
	}	
	
.nav2 li a{
	display:block;
	padding-top:2%;
	padding-bottom:2%;
	color:#000000;
	white-space:nowrap;
	text-align:center;
	position:relative;
	}	
.nav2 li a:before{
	position: absolute;
	color: #FFF;
	height: 100%;
	width: 0px;
	right: 100%;
	top: 0px;
	content: "";
	z-index: 1;
	display: block;
	border-radius: 100px 0 0 100px;
	background-color: #FC6602;
	-webkit-transition:all ease-in-out .7s;
	-moz-transition:all ease-in-out .7s;
	-o-transition:all ease-in-out .7s;	
	}
.nav2 li a:after{
	position:absolute;
	color:#FFF;
	height:100%;
	width:0px;
	left:100%;
	top:0px;
	content:"";
	z-index:1;
	display:block;
	border-radius: 0 100px 100px 0;
	background-color: #FC6602;
	-webkit-transition:all ease-in-out .7s;
	-moz-transition:all ease-in-out .7s;
	-o-transition:all ease-in-out .7s;	
	}		
.nav2 li a:hover{

	box-shadow: inset 0px 0px 2px 0px #000, 0px 0px 2px 0px #fff;
	text-shadow:0 0 10px #fff, 0 0 30px #fff, 0 0 50px #fff;
	}
.nav2 li:hover a:before, .nav2 li:hover a:after{
-ms-transition:all ease-in-out .3s;
	-webkit-transition:all ease-in-out .3s;
	-moz-transition:all ease-in-out .3s;
	-o-transition:all ease-in-out .3s;
	width:15px;
	}