#navbar { z-index: 999; }
.sticky { width: 100%; position: fixed; top: 0; }
.header-top-side {
	background-color:#2676af;
  	width:100%;
	height: 30px;
	color: #ffffff;
	font-size: 16px;
	line-height: 30px;
	position: relative;
  	top:0;
	padding-right: 20px;
	padding-left: 20px;
	z-index: 999;
}
.header-top-side .container-fluid { padding: 0px; padding-left: 5px; padding-right: 5px; }
.header-top-side-phone { text-align: right; }

.header-top-side-mobile {
	background-color:#2676af;
  	width:100%;
	height: auto;
	color: #ffffff;
	font-size: 24px;
	line-height: 40px;
	position: relative;
  	top:0;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 20px;
	padding-left: 20px;
	z-index: 999;
}
.header-top-side-mobile .container-fluid { padding: 0px; padding-left: 5px; padding-right: 5px; }
.header-top-side-phone-mobile { text-align: center; }


.navbar {
	background-color: #ffffff;
	padding: 0;
	border-bottom: 5px solid #2c88c9;
}
.navbar-brand { margin-left: 20px; }
.icon-bar {
	background-color: #5a5a5a;
	width: 22px;
	height: 2px;
	display: block;
	margin-top: 4px;
	transition: all 0.2s;
}
.navbar-toggler { background: transparent; border: none; margin-right: 20px; }
.navbar-toggler:focus { background: transparent; outline: none; }
.navbar-toggler .top-bar { background-color: #2c88c9; width: 30px; transform: rotate(45deg); transform-origin: 19% 19%; } 
.navbar-toggler .middle-bar { width: 30px; opacity: 0; } 
.navbar-toggler .bottom-bar { width: 30px; transform: rotate(-45deg); transform-origin: 18% 83%; } 
.navbar-toggler.collapsed .top-bar { width: 30px; transform: rotate(0); } 
.navbar-toggler.collapsed .middle-bar { width: 30px; opacity: 1; } 
.navbar-toggler.collapsed .bottom-bar { width: 30px; transform: rotate(0); }
nav ul li {
	text-align: center;
	border-right: 1px solid #cccccc;
}
nav ul li:last-child {
	border-right: 0px;
}
nav ul li a {
 	color: #1f6698;
  	font-size: 18px;
  	font-weight: normal;
  	text-decoration: none;
  	padding: 10px 0;
  	transition: all 1s ease;
}
nav ul li a:hover {
	background-color: #2c88c9;
	color: #ffffff;
}

@media (max-width: 991.98px) {
.navbar { border-bottom: 5px solid #2c88c9; }
.navbar-brand img { width: 185px; height: 50px; }
nav ul { border-top: 5px solid #2c88c9; }
nav ul li a {
 	color: #2c88c9;
  	font-size: 24px;
  	font-weight: normal;
  	text-decoration: none;
  	padding: 10px 0;
  	transition: all 0.2s ease;
}
}