/* nav */

nav{
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	height: auto;
	padding:0;
}
nav a{
	text-transform: uppercase;
	color:black;
}

.navbar-nav{
	display: block !important;
	width: 100% !important;
	position: relative !important;
}
.navbar-nav li{
	display: inline-block !important;
}

nav #navbar ul li a.active,
nav #navbar ul li a:hover{
	background: none;
	color:#828281;
}

.navbar-toggle{
	margin: 0 !important;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	width: 100%;
}
.icon-bar-container{
	width: 100px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 !important;
}
	.icon-bar-container .inner{
		width: 40px !important;
		padding:10px 0 0 0;
		margin-right: 10px;
		display: block;
	}
	.icon-bar{
		background-color: #828281;
		padding:2px;
		margin-left: auto;
		margin-right: auto;
		width: 40px;		
	}



@media (min-width:768px) {
	
	nav #navbar{
		padding:0 !important;
		margin:0 !important;
	
	}
	nav #navbar ul{
		margin:0 !important;
		margin-left:0 !important;
		width: 100%;
		margin-bottom:0 !important;
		text-align: right !important;
		display: inline !important;
	}
	nav #navbar ul li{
		float:none;
		display: inline;
		margin:0 0 0 20px !important;
		padding:0 !important;
	}
	nav #navbar ul li a{
		padding:0 !important;
		display: inline-block;
		margin:5px 0;
	}
	
	nav{
		margin-top:65px;
	}
	nav #navbar{
		display: inline !important;
	}
}
/*
@media (min-width:768px) and (max-width:992px) {
	.navbar a{
		display: block;
		margin-left: 10px !important;
		margin-right: 10px !important;
	}	
}
*/
@media (max-width:768px) {	
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
        background: #e8e8e8;        
    }
    .navbar-collapse {
	    width: 100%;
	    background: #f0f0f0 !important;
	    margin:0 !important;
	    padding:0 !important;    
	    overflow-x: hidden;
    }
    .navbar-collapse.collapse {
        display: none !important;
        padding:0 !important;
    }
    .collapse.in{
        display:block !important;
        padding:0 !important;
	    margin:0 !important;
    }
    .navbar-collapse.collapse ul{
	    padding:0 !important;
	    margin:0 !important;
    }
    .navbar-nav{
    }
    .navbar-collapse li{
	    padding: 10px !important;
	    display: block !important;
	    margin: 0 !important;
	    padding:0 !important;
    }
	.navbar-collapse a{
		display: block !important;
		text-align: center;
		padding:0px;
		margin:0;
	}
}

.navbar{
	border:none;
}

