﻿
header .top-nav-container { float:left; width:99%; height:40px; background:#F9F9F9; z-index:98; position: relative}
    /*Language Selection*/
	.language-select { width: 52px; height:40px;}
	.languagepicker {background-color: #465159;display: inline-block;padding: 0;height: 40px;overflow: hidden;transition: all .3s ease;margin: 0;vertical-align: top;float: right;}
	.languagepicker:hover {height: 81px;}
	.languagepicker a{color: #FFF;text-decoration: none;}
	.languagepicker li {display: block;padding:0px 20px;line-height: 42px;border-top: 1px solid #333;}
	.languagepicker a:first-child li {border: none;}
	.languagepicker li img {margin-right: 5px;}    /* Increase Font */
	.font-increase-utility {float: right; /*padding:12px 34px;*/border-left:1px solid #E5E5E5 }
	.font-increase-utility button { -webkit-appearance:none; background: none; border:0; border-radius: 0; cursor: pointer; /*padding:0 311px*/;color:black!important}
	.font-increase-utility .increaseFont { font-size:15px;color:black!important;/*margin-right: 30px;*/position: relative!important;}
	.font-increase-utility .decreaseFont { font-size:12px;color:black!important}

	/* Utility Links */
	ul.header-utility-links { display: block; height: 40px; float: right; border-left:1px solid #E5E5E5}
	ul.header-utility-links li { padding:12px 15px; display: inline-block;border-left:1px solid #E5E5E5}
	ul.header-utility-links li:first-child { border:none}
	ul.header-utility-links li a{ color:#01AEEE}
	/* eGov Login */
	.egov-button { display:block; width:184px; height:40px; background:#02AFEF; padding:0 10px 0 20px; float:right}
	.egov-button .icon { float:right; width:40px; height:37px;background: url(../images/icn-login.svg) no-repeat; }
	.egov-button .text {position:relative; color:#FFF; font-size:13px; text-transform:uppercase;margin-right:10px; margin-top:12px; display:inline-block}
	.egov-button:hover { background:#1A1E23}
	.egov-button:hover .text {   color: #f9d8ae;}
	
	.my-navbar-button {  position: absolute;  margin: 0; left:26px; top:11px; z-index:100;}
    /* .my-navbar-button.active {} */
     #mynav-item { display: inline-block; margin-left: 10px; text-transform: uppercase; font-size: 13px; transition: all 0.3s ease-out 0s; }
     #mynav-item a {color:#696969; text-decoration:none}
     #mynav-item a:visited {color:#696969; text-decoration:none}

     .my-navbar-button:hover #mynav-item {visibility: visible; opacity: 1}
     .my-navbar-button.active #mynav-item {visibility: visible; opacity: 1}
	 #mynav-icon { width: 26px; height:18px; float:left;	 -webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg);  -o-transform: rotate(0deg);  transform: rotate(0deg);  -webkit-transition: .5s ease-in-out;
	  -moz-transition: .5s ease-in-out;  -o-transition: .5s ease-in-out;  transition: .5s ease-in-out;  cursor: pointer;	}
	#mynav-icon span{  display: block;  position: absolute;  height: 1px;  width: 26px;  background: #1A1E23;  border-radius: 0;  opacity: 1;  left: 0;  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);  -o-transform: rotate(0deg);  transform: rotate(0deg);  -webkit-transition: .25s ease-in-out;  -moz-transition: .25s ease-in-out;  -o-transition: .25s ease-in-out;  transition: .25s ease-in-out;}	  
	  
		#mynav-icon span:nth-child(1) {  top: 0px; left:0; width: 26px; background:#E5354B}
		#mynav-icon span:nth-child(2) {  top: 6px; left:0;  width: 26px;background:#53ABE1}
		#mynav-icon span:nth-child(3) {  top: 12px;left:0; width: 26px;background:#ECC849}
		#mynav-icon span:nth-child(4) {  top: 18px; left:0;width: 26px;background:#008000}
		#mynav-icon.open span:nth-child(1) {  top:0; height:4px; 	}
		#mynav-icon.open span:nth-child(2) {  top:5px; height:4px; }
		#mynav-icon.open span:nth-child(3) {  top:10px; height:4px;}
		#mynav-icon.open span:nth-child(4) {  top:15px; height:4px;}	
		.my-navbar-button:hover { cursor:pointer;}
		#mynav-icon:hover span { opacity: 1;}		
		
		
