.navbar {
  position: static!important;
}
.navbar .nav > li,
.dropdown-menu {
	z-index: 10001!important;
}
header > .navbar {
  margin-bottom: 0!important;
}

.navbar-fixed-top { border: 0; }

.preNav { background-color: #253d7d; }
.mainNav { background-color: #17479d; }
.postNav { background-color: #253d7d; }

	.preNav .navbar-nav > li {}
	.preNav .navbar-nav > li > a { color: white; font-size: 12px; font-weight: 300; }
	.preNav .nav > li > a { padding: 2px 15px; }



	.mainNav { padding-top: 10px; padding-bottom: 10px; }
	.mainNav .navbar-brand { height: auto; padding: 0; margin-left: 15px; }
	.mainNav .navbar-brand #Logo,
	.mainNav .navbar-brand #Definition { display: inline-block; letter-spacing: 1px; }


	.mainNav .navbar-brand #Logo {
		font-family: 'Nunito Sans Bold';
		padding-top: 2px; padding-bottom: 2px;
		color: white; font-size: 48px; font-weight: bolder; margin: 0; }
	.mainNav .navbar-brand #Definition {
		color: #e6e7e8; }
	.mainNav .navbar-brand #Definition > * { margin: 0; }
	.mainNav .navbar-brand #Definition > h2 { font-family: 'Nunito Sans Light'; font-size: 21px; }
	.mainNav .navbar-brand #Definition > h3 { font-family: 'Nunito Sans Light'; font-size: 16px; }

	.mainNav .navbar-nav li > a { transition: all 0.3s ease 0s; }

	.mainNav .navbar-nav { list-style: none!important; padding-left: 0; }
	.mainNav .navbar-nav > li { letter-spacing: 1px; padding: 15px 15px; }
	.mainNav .navbar-nav > li > a,
	.mainNav .navbar-nav > li > a:link { color: white; padding: 1px; }
	.mainNav .navbar-nav > li > a:hover { color: #e81d16; text-decoration: none; }
	.mainNav .navbar-nav > li > a:visited { color: white; }
	.mainNav .navbar-nav > li.active > a { border-bottom: 2px white solid; color: white; background-color: transparent; }
	.mainNav .navbar-nav > li.active > a:hover { color: white; background-color: transparent; text-decoration: none; }

	.mainNav .navbar-nav > li:last-child { padding-top: 0; padding-bottom: 0; }
		.mainNav .social > li > a:link {
			width: 30px; height: 30px;
			border-radius: 16px;
			padding: 4px;
			margin: auto 5px;
		}
		.mainNav .social > li {
			padding: 10px 5px;
		}


		@media (min-width: 768px) {
			// .mainNav .navbar-nav > li:first-child { padding-left: 0; }
			.mainNav .navbar-nav > li:last-child { padding-right: 0; }
		}
		@media (max-width: 768px) {
			.navbar-nav.pull-right { float: none!important; } 
			.mainNav .navbar-nav { margin: 7.5px 0; }
		}

	
	.postNav > .container-fluid { padding: 0; }

		.postNav .navbar-nav > li > a { color: white; }
		.postNav .nav > li > a { padding: 10px 14px; }
		.postNav .nav > li > a > .fa { margin-right: 6px; }

		.postNav .sub-menu {
		    position: relative;
		    background: #e81d16;
			height: 40px; min-width: 50%;
			padding-left: 50px;
			letter-spacing: 1px;
		}
		.postNav .sub-menu:before {
		    content: '';
		    position: absolute;
		    top: 0; left: -30px;
		    border-top: 40px solid #253d7d;
		    border-right: 30px solid #e81d16;
		    margin-left: 20px;
		    // width: 0;
		}
		.postNav .sub-menu > li {
			padding: 7px 14px 3px 14px;
		}
		.postNav .sub-menu > li > a {
			color: white;
			font-size: 16px; font-weight: 500;
			padding: 1px;
			transition: unset;
		}
		.postNav .sub-menu > li > a:hover,
		.postNav .sub-menu > li.active > a,
		.postNav .sub-menu > li.active > a:hover,
		.postNav .sub-menu > li.dropdown.open > a { border-bottom: 2px white solid; background-color: transparent; }
		.postNav .sub-menu > li.dropdown.open { padding-bottom: 0; }


			.postNav .sub-menu .dropdown-menu {
				background-color: #e81d16;
				border: 1px #ef8b8b solid;
				padding: 0;
				top: 130%;
				z-index: 9;
			}
			.postNav .sub-menu .dropdown-menu > li { border-bottom: 1px #ef8b8b solid; }
			.postNav .sub-menu .dropdown-menu > li:last-child { border-bottom: none; }
			.postNav .sub-menu .dropdown-menu > li > a { color: white; padding: 10px; }
			.postNav .sub-menu .dropdown-menu > li.active > a,
			.postNav .sub-menu .dropdown-menu > li > a:hover { background-color: #d30302; }




.float-button {
	position: fixed;
	top: 50%; right: 0;
	transform: translate(0, -50%);
	z-index: 9;
}
.float-button > .wrap {
	position: relative;
}
.float-button > .wrap > a {
	display: block;
	border-right: 3px #e71d16 solid;
	text-align: center;
	padding: 10px;
	color: white;
	opacity: 0.8;
}
	.float-button > .wrap > a.register {
		background-color: #17479c;
	}
	.float-button > .wrap > a.chat {
		background-color: #55b3e5;
	}

	.float-button > .wrap > a:hover { text-decoration: none; opacity: 1; }
	// .float-button > .wrap > a.register:hover { color: #55b3e5; }
	// .float-button > .wrap > a.chat:hover { color: #17479c; }


	.float-button > .wrap > a > img { margin-bottom: 5px; }
	.float-button > .wrap > a > h6 {
		text-transform: uppercase;
		font-weight: 400;
		margin: 0;
	}






	
		header.visible-xs .preNav .navbar-nav { text-align: right; margin-top: 0; margin-bottom: 0; }
		header.visible-xs .preNav .navbar-nav > li { display: inline-block; vertical-align: top; }
		header.visible-xs .preNav .navbar-nav > li > a { padding-top: 5px; padding-bottom: 5px; }

		header.visible-xs .preNav .navbar-nav .open { margin-bottom: 40px; position: relative; transition: all 0.3s ease 0s; }
		header.visible-xs .preNav .navbar-nav .open > a:link { background-color: #19a1e6; }
		@media (max-width: 767px) {
			header.visible-xs .navbar-nav .open .dropdown-menu {
				position: absolute;
				right: 0; left: auto;
				float: none;
				min-width: 230px;
				margin-top: 0;
				background-color: transparent;
				border: 0;
				-webkit-box-shadow: none;
				box-shadow: none;
			}

			header.visible-xs .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
			header.visible-xs .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
			header.visible-xs .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
			    color: #19a1e6;
			    background-color: transparent;
			}
		}
		header.visible-xs .preNav .dropdown-menu > li { float: left; }


		header.visible-xs .mainNav { padding-top: 0; padding-bottom: 0; }
		header.visible-xs .mainNav .navbar-header { padding-top: 5px; padding-bottom: 5px; }

		header.visible-xs .mainNav .navbar-header .navbar-toggle {
			position: relative;
			float: right;
			padding: 9px 10px;
			margin-top: 6px;
			margin-bottom: 6px;
			background-color: transparent;
			background-image: none;
			border: 1px solid transparent;
			border-radius: 4px;
		}
		header.visible-xs .mainNav .navbar-header .pull-right { margin-right: 10px; margin-left: 0; }
		header.visible-xs .mainNav .navbar-header .pull-left { margin-left: 10px; margin-right: 0; }

		header.visible-xs .mainNav .navbar-brand #Logo { font-size: 40px; }
		header.visible-xs .mainNav .navbar-brand #Definition > h2 { font-size: 17px; }
		header.visible-xs .mainNav .navbar-brand #Definition > h3 { font-size: 13px; }
		

		header.visible-xs .mainNav .navbar-collapse { padding: 0; }
		header.visible-xs .mainNav .navbar-nav > li { letter-spacing: 1px; padding: 0 0; position: relative; }
			header.visible-xs .mainNav .navbar-nav li > a { position: relative; }
			header.visible-xs .mainNav .navbar-nav li > a:after {
				content: "\25BA";
				position: absolute;
				right: 40px;
				color: white;
				transition: all 0.1s ease 0s;
			}
			header.visible-xs .mainNav .navbar-nav li.active > a:after {
				right: 0; left: 20px;
			}
			header.visible-xs .mainNav .navbar-nav ul.nav-stacked > li.active > a:after {
				left: 30px;
			}

			// header.visible-xs .mainNav .navbar-nav li.collapse-menu > a:focus:after,
			// header.visible-xs .mainNav .navbar-nav li.collapse-menu.active > a:after {}
			header.visible-xs .mainNav .navbar-nav li.collapse-menu.rotate > a:after {
				-ms-transform: rotate(90deg); /* IE 9 */
				-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
				transform: rotate(90deg);
			}

		header.visible-xs .mainNav .navbar-nav > li > a,
		header.visible-xs .mainNav .navbar-nav > li > a:link {
			text-transform: uppercase;
			padding: 8px 40px; border-bottom: 1px white solid;
			color: white; background-color: #59b4e3;
		}
		header.visible-xs .mainNav .navbar-nav > li > a:hover { color: white; background-color: #1998d3; }
		header.visible-xs .mainNav .navbar-nav > li > a:visited { color: white; }
		header.visible-xs .mainNav .navbar-nav > li.active > a { color: white; background-color: #1998d3; }
		header.visible-xs .mainNav .navbar-nav > li.active > a:hover { color: white; background-color: transparent; }
		@media (max-width: 768px) {
			header.visible-xs .mainNav .navbar-nav {
			    margin: 0 0;
			}
		}	

			header.visible-xs .mainNav .nav-stacked { padding-left: 0; }
			header.visible-xs .mainNav .nav-stacked > li {
				list-style: none;
				border-bottom: 1px white solid;
			}

			// header.visible-xs .mainNav .nav-stacked > li > a:after {
			// 	content: "\25BA";
			// 	position: absolute;
			// 	right: 40px; top: 10px;
			// 	color: white;
			// 	transition: all 0.3s ease 0s;
			// }
			// header.visible-xs .mainNav .nav-stacked > li.active > a:after {
			// 	color: #e81d16;
			// 	-ms-transform: rotate(180deg); /* IE 9 */
			// 	-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
			// 	transform: rotate(180deg);
			// }

			header.visible-xs .mainNav .nav-stacked > li > a,
			header.visible-xs .mainNav .nav-stacked > li > a:link,
			header.visible-xs .mainNav .nav-stacked > li > a:visited {
				display: block;
				color: #CCC;
				padding: 9px 0 9px 50px;
			}

			header.visible-xs .mainNav .nav-stacked > li.active > a,
			header.visible-xs .mainNav .nav-stacked > li > a:hover,
			header.visible-xs .mainNav .nav-stacked > li > a:focus {
				text-decoration: none;
				color: white;
			}

			header.visible-xs .mainNav .nav-stacked > li.active {
				background-color: #3268b7;
			}



		header.visible-xs .postNav ul.social { margin-bottom: 0; padding-left: 10px; }
		header.visible-xs .postNav ul.social > li {
			padding: 5px 3px 5px 0;
		}
		header.visible-xs .postNav .social > li > a:link {
			width: 30px; height: 30px;
			border-radius: 16px;
			padding: 4px;
			margin: auto 5px;
		}


		header.visible-xs .postNav ul.sub-menu {
			padding-left: 10px; padding-right: 10px;
			height: 40px;
			margin-bottom: 0;
			text-align: right;
		}
		header.visible-xs .postNav .sub-menu:before {
		    border-top-width: 40px;
		}
		header.visible-xs .postNav ul.sub-menu > li {
			text-decoration: none;
			display: inline-block;
			padding: 4px 0 4px 6px;
			letter-spacing: 0;
		}
		header.visible-xs .postNav ul.sub-menu > li > a > * {
			display: inline-block;
			vertical-align: baseline;
		}
			header.visible-xs .postNav ul.sub-menu > li > a > img {
				height: 24px; width: auto;
			}
			header.visible-xs .postNav ul.sub-menu > li > a > div {
				font-size: 12px; line-height: 15px;
				font-weight: 300;
				text-align: center;
			}