/* CSS Document */

/*Navbar*/

#topNav {
	z-index:-1;
	
}

#nav {
	background:url(../images/layout/main--nav-bg.jpg);
	border:none;
	border-radius:0px;
	box-shadow:0px 4px 10px rgba(0,0,0,.8);
}
 
#nav li{
	border-right:#000 1px solid;
	padding:0px 2%;
}
#nav li a{
	color:#fff;
	font-size:16px;
	text-transform:uppercase;
}
#nav li:hover{
	
}
.btn-primary{
	background:#F3CB2D;
}
.btn-primary:hover{
	background:#F3CB2D;
	
}
#sm-nav-img{
	display:none;
}
.navbar-toggle{
	display:block;
	margin:auto;
	position:relative;
	top:2px;
}
#nav.affix-top {
   position: relative;
   z-index:10;
   height:54px;
   border:0;
   margin:auto;
   text-align:center;
}

#nav.affix {
    position: fixed;
    top: 0;
    z-index:10;
   -webkit-transition: all .6s ease-in-out;
   	display:block;
	width:100%;
	text-align:center;
}


.btn-main{

}
.navbar-collapse{
	text-align:center;
}
.navbar-nav{
	float:none;
	width:auto;
	text-align:center;
}  
.navbar-inverse .navbar-toggle{
	margin:auto;
}
.navbar-toggle, .navbar-toggle:hover, .navbar-toggle:active {
	border:none;
	background-color:transparent !important;	
}
.navbar-toggle img{
	vertical-align:top;
}
.navbar-toggle{
	float:none;
}
.sm-nav{
	display:none;
}
.sm-nav-box{
	display:none;
}
.navbar-toggle{
	padding-top:1px;
}
#nav li a{
	
}
#nav li a:hover:after{
	font-family: FontAwesome;
	content:"\f1e9";
	font-size:28px;
	color:#F8D030;
	position:absolute;
	margin-left:3px;
	
}
@media (min-width: 769px) {
	.sm-nav{
		background:#222222;
	}
	.navbar-collapse span{
		background:#ffffff;
	}
	  .navbar-nav.nav-justified > li{
		  float:none;
	  }
}
 @media (max-width: 769px) {
	 
	 
	 #pop-inner{
		 display:none;
	}

	.sm-nav{
		background:#222222;
		position:absolute;
		top:60px;
		width:100%;
		height:auto;
		z-index:310;
	}
	
	.sm-nav-box .close-nav{
		background:#222222;
		display:none;
		position:fixed;
		width:100%;
		top:0px;
		font-size:24px;
		color:#fff !important;
		padding: 10px 0px;
		z-index:320;
		height: auto;
		text-align:center;
		cursor:pointer;
	}
	.sm-nav-box{
		background:#222222;
		position:absolute;
		width:100%;
		top:0px;
		z-index:300;
		min-height: 400px;
	}
	.sm-nav .navbar-nav{
		width:90%;
		margin:auto;
	}
	.sm-nav .navbar-nav li{
		margin:10px auto;
		background:rgba(0,0,0,.3);
	}
	.sm-nav .navbar-nav li a{
		font-size:18px;
		text-align:center;
		padding:15px;
	}
	.sm-nav .navbar-nav li a:hover{
		background:#F3CB2D !important;
		color:#222 !important;
	}

	
}