



/***********************************************************************************************************************************************
	TOP BAR
*/
	.top-bar{position:fixed; top: 0;width: 100%;z-index:12;background:#0B4E93;color:#ffffff}
	.top-bar a {color:#fff;line-height:34px;padding-left:15px;}
	.top-bar a span:hover {border-bottom:1px solid #fff}
	.top-bar .social-media {display: inline-block;text-align:right}
	.top-bar .social-media > ul {padding:0px;margin:0px;}
	.top-bar .social-media > ul > li {display:inline; font-size:13px;text-transform: uppercase;}
	.top-bar .social-media > ul > li a {color:white;font-size:17px;line-height: 31px;text-decoration:none;padding-left:0px}
	.top-bar .social-media > ul > li a:hover {text-decoration: none;}
	.top-bar .social-media > ul > li .fa {color:#fff;line-height: 25px;font-size:15px;}

	@media(min-width: 768px) {.top-bar { background:#333 } } 

	/***************
		TOP BAR MOBILE
	*/
		.holiday {padding-left:35px!important;position:relative}
		.holiday:before {content:"";position:absolute;}
		.holiday.holiday-christmas:before {background:url('../img/top-bar-icons/christmas-tree-icon.png');height:24px;width:24px;left:10px;top:-5px}


	/***************
		TOP BAR MOBILE
	*/
		.top-bar .mobile-bar {text-align:center}
		.top-bar .mobile-bar a, 
		.top-bar .mobile-bar button.navbar-toggle {padding:0 0px;margin:0px 7px;text-transform:uppercase;font-size:16px;display:inline-block;float:none;}


/***********************************************************************************************************************************************
	NAV BAR
*/

	.navbar {margin: 31px 0px 0px 0px;z-index:3;border:none;border:transparent;border-radius: 0;min-height:3px;}
	.navbar {background: #2281E2;
		background: -moz-linear-gradient(left, #318deb 0%, #2281E2 100%);
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#318deb), color-stop(100%,#2281E2));
		background: -webkit-linear-gradient(left, #318deb 0%,#2281E2 100%);
		background: -o-linear-gradient(left, #318deb 0%,#2281E2 100%);
		background: -ms-linear-gradient(left, #318deb 0%,#2281E2 100%);
		background: linear-gradient(to right, #318deb 0%,#2281E2 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#318deb', endColorstr='#2281E2',GradientType=1 );}

	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {background:transparent;color:#333}
	.navbar-brand {margin-left:15px !important;width: 180px; height: 90px;background:url(../img/logo.png)no-repeat center center;padding:0px;background-size:contain;}  
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {background: transparent;color:#EEA236;}

	/***************
		NAV BAR RESPONSIVE
	*/
	@media(max-width: 767px)
	{
		.navbar-brand {height:65px;margin:auto!important;float:none;display: block;width:220px}
		.navbar-default .navbar-collapse {position: fixed;top: 31px;width: 100%;background: white;z-index:40;left:0px}
	}
	@media(min-width: 768px) { 
		.navbar {box-shadow:0 1px 15px 0 rgba(0, 0, 0, 0.2)}
		.navbar-brand {width: 210px;}
		.navbar-default .navbar-nav {margin-top:20px}
		.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus,	.navbar-default .navbar-nav > li > a:hover {color:#fff;}
		.navbar-default .navbar-nav > li > a:hover {text-decoration:underline}
		.navbar-default .navbar-nav > li > a { font-size:12px;text-transform:uppercase;color:#ffffff!important;line-height: 16px;padding: 0px 10px 0px 10px;font-weight: 300;z-index:200;position: relative;border-right:1px solid #1f72c8;}
		.navbar-default .navbar-nav > .last a {border-right:none}
	}
	@media(min-width: 992px) {
		.navbar-default .navbar-nav > li > a {font-size: 17px;}
		.navbar-brand {width: 300px;}
		.navbar-default .navbar-nav > li > a { font-size:14px;}
	}
	@media(min-width: 1200px) 
	{
		.navbar-default .navbar-nav > li > a { font-size:16px;}
	}

	/***************
		NAV TABS
	*/
 
	#nav-tabs {margin-right:15px;font-weight:400}
	#nav-tabs ul li a:hover {color:#fff!important}
	#nav-tabs ul li a {text-shadow: 2px 2px 3px rgba(255,255,255,.3);margin-left:-15px}
	#nav-tabs ul li:first-child a {background: #E0048F;padding-right:28px}
	#nav-tabs ul li:nth-child(2) a {background: rgba(254,152,19,1);padding-right:28px}
	#nav-tabs ul li:nth-child(3) a {background: #57C802;color:#fff;}
	#nav-tabs {position: absolute;bottom: 0px;right: 0px;float: right;vertical-align:bottom;}
	#nav-tabs ul li {float: left;list-style-type: none;margin-left: 1px;text-transform: uppercase;text-align: center;vertical-align: bottom;}
	#nav-tabs ul li a {height: 25px;font-size: 13px;line-height: 24px;padding: 2px 25px 3px;display: block;text-decoration: none;color: white;border-radius: 4px 4px 0px 0px;}
	#nav-tabs ul li a:hover {border-radius: 4px 4px 0px 0px;margin-top: -10px;padding-bottom:10px;top:-10px;height: 35px;}









