#nav-colors {
	#pink {background: linear-gradient(to right, #ff5858, #f857a6);}
	#red {background: linear-gradient(to right, #d31027, #ea384d);}
	#purple {background: linear-gradient(to right, #41295a, #2f0743);}
	#blue {background: linear-gradient(to right, #396afc, #2948ff);}
	#green {background: linear-gradient(to right, #add100, #7b920a);}
	#yellow {background: linear-gradient(to right, #f7971e, #ffd200);}
	#orange {background: linear-gradient(to right, #e43a15, #e65245);}
}


// Navbar
.navbar {
	border: 0 !important;
	border-radius: 0 !important;
	.nav li > a, .navbar-brand {
		max-height: 50px !important;
		width: auto !important;
		background: transparent !important;
		font-size: 18px !important;
		transition: 0.2s ease-in-out !important;
		&:hover{
			background-color: rgba(255,255,255,0.2) !important;
			font-size: 14px !important;
			.link {
				width: 100% !important;
				padding: 0 5px 0 5px !important;
				visibility: visible !important;
				font-size: 14px !important;
			}
		}
	}
	
	.link {
		width: 0 !important;
		font-family: 'Roboto', sans-serif !important;
		transition: 0.2s ease-in-out !important;
		visibility: hidden !important;
		font-size: 0px !important;
	}

	span {
		color: white !important;
	}

	.navbar-toggle {
		padding-right: 0 !important;
		.icon-bar {
			background: white !important;
		}
	}

	.navbar-collapse {
		display: none !important;
	}

	button {
		background: transparent !important;
	}

	button[type=submit] {
		padding-right: 0 !important;
		span {
			transition: 0.3s ease-in-out !important;
		}
		&:hover {
			span {
				transform: scale(1.3) rotate(90deg) !important;
			}
		}
	}

	form {
		padding: 0 !important;
		.form-control {
			border: 0 !important;
			border-radius: 0 !important;
			color: black !important;
			font-weight: bold !important;
			background: rgba(255,255,255,0.7) !important;
			transition: 0.2s ease-in-out !important;
			&:hover {
				background: white !important;
			}
		}
	}


// Small Devices
@media(max-width: 769px) {
	.navbar {
		.link {
			padding-left: 10px;
			visibility: visible;
			width: 100%;
			font-size: 14px;
		}
		.navbar-brand {
			.link {
				visibility: hidden;
			}
		}
	}
	.dropdown {
		.dropdown-menu {
			text-align: left !important;
		}
	}
	button[type=submit] {
		width: 50%;
		float: left;
	}
	.navbar-form {
		border: 0;
	}
	.form-group {
		padding: 0;
		margin: 0;
		input {
			width: 50%;
			float: left
		}
	}
}

.silver #nav{
	position:relative;
	display:block;
	height:50px;
	font-size:11px;
	font-weight:bold;
	background:transparent url(../img/silver_nav_background.gif) repeat-x top left;
	font-family:Arial,Verdana,Helvitica,sans-serif;
}
.silver #nav ul{
	margin:0px;
	padding:0;
	list-style-type:none;
	width:auto;
}
.silver #nav ul li{
	display:block;
	float:left;
	margin:0 1px 0 0;
}
.silver #nav ul li a{
	display:block;
	float:left;
	color:#3A3A3A;
	text-decoration:none;
	padding:14px 22px 0 22px;
	height:28px;
}
.silver #nav ul li a:hover,.silver #nav ul li a.current{
	color:#333333;
	background:transparent url(../img/silver_nav_mouseover.gif) no-repeat top center;
}

.black #nav{
	position:relative;
	display:block;
	height:50px;
	font-size:11px;
	font-weight:normal;
	background:transparent url(../img/black_nav_background.gif) repeat-x top left;
	font-family:Arial,Verdana,Helvitica,sans-serif;
}
.black #nav ul{
	margin:0px;
	padding:0;
	list-style-type:none;
	width:auto;
}
.black #nav ul li{
	display:block;
	float:left;
	margin:0 1px 0 0;
}
.black #nav ul li a{
	display:block;
	float:left;
	color:#CCCCCC;
	text-decoration:none;
	padding:14px 22px 0 22px;
	height:28px;
}
.black #nav ul li a:hover,.black #nav ul li a.current{
	color:#FFFFFF;
	background:transparent url(../img/black_nav_mouseover.gif) no-repeat top center;
}