section#header{
	background-image: url("../../images/general/header-footer-bg.jpg");
	border-top: solid 1px #1c1c1c;
	border-bottom: solid 2px #233b4c;
	min-height: 92px;
	width: 100%;
}

section#header>header>a>img{
	height: 100%;
	max-height: 92px;
	max-width: 200px;
	vertical-align: bottom;
}

section#header>header nav{
	background-color: rgb(6,54,88);
	background-color: rgba(6,54,88, 0.7);
	display: inline-block;
	height: 50px;
	margin-left: 7.2%;
	/*vertical-align: 71%;*/
	vertical-align: bottom;
	width: 74%;
}

section#header nav>ul{
    margin: 0 auto;
    width: 96%;
}

section#header nav>ul>li{
	display: inline-block;
	padding: 0 0.8%;
	position: relative;
}

section#header nav>ul>li>ul{
	background-color: rgb(6,54,88);
	background-color: rgba(6,54,88, 1);
	display: none;
	font-size: 0.9em;
	position: absolute;
	text-align: center;
	-webkit-transition: all 2s ease-in-out;
  	   -moz-transition: all 2s ease-in-out;
  	    -ms-transition: all 2s ease-in-out;
  	     -o-transition: all 2s ease-in-out;
            transition: all 2s ease-in-out;
	width: 100%;
	z-index: 10;
}

section#header nav>ul>li:hover>ul{
	display: block;
	opacity: 1;
}

section#header nav>ul>li:hover>ul>li{
	-webkit-transition: all 0.2s ease-in-out;
  	   -moz-transition: all 0.2s ease-in-out;
  	    -ms-transition: all 0.2s ease-in-out;
  	     -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;

}

section#header nav>ul>li:hover>ul>li:hover{
	background-color: rgb(0, 58, 102);
	background-color: rgba(0, 58, 102, 1);
}

section#header nav a{
	color: #fff;
	font-family: "Gotham-Medium";
	line-height: 50px;
	padding: 16px 0;
	text-shadow: 2px 2px 2px #000;
}

.arrow-up {
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	
	border-bottom: 5px solid #ed0677;
}

section#header>header nav>ul>li:hover:after {
     border-left: 8px solid transparent; 
	
     border-right: 8px solid transparent; 
	
	
     border-bottom: 8px solid #9cda24;
    bottom: -2px;
    content: "";
    display: block;
    left: 50%;
    margin-left: -12px;
    position: absolute;
}



@media 	all and (-webkit-min-device-pixel-ratio: 1     ) and (max-width: 1023px),
		all and (   min--moz-device-pixel-ratio: 1     ) and (max-width: 1023px),
		all and (     -o-min-device-pixel-ratio: 1/1   ) and (max-width: 1023px), 
		all and (        min-device-pixel-ratio: 1     ) and (max-width: 1023px),
		all and (                min-resolution: 96dpi ) and (max-width: 1023px),
		all and (-webkit-min-device-pixel-ratio: 2     ) and (max-width: 1280px),
		all and (   min--moz-device-pixel-ratio: 2     ) and (max-width: 1280px),
		all and (     -o-min-device-pixel-ratio: 2/1   ) and (max-width: 1280px),
		all and (        min-device-pixel-ratio: 2     ) and (max-width: 1280px),
		all and (                min-resolution: 192dpi) and (max-width: 1280px){
/*@media all and (max-width: 1023px){*/
	.icon-bar{
		display: block;
	}

	section#header header,
	section#header{
	}
	
	section#header>header nav{
		display: none;
		font-size: 1.7em;
		height: auto;
		margin-left: 0;
		text-align: center;
		width: 100%;
	}

	section#header nav>ul>li{
		display: block;
	}

	section#header>header>a.logo{
		display: block;
		margin: 0 auto;
		width: 200px;
	}

	section#header>header nav li:hover:after {
		border: none;
		border-bottom: solid 1px #ed0677;
		margin-bottom: -1px;
		position: static;
	}

	section#header>header nav li a{
		display: block;
		padding: 0;
	}
}

@media 	all and (-webkit-min-device-pixel-ratio: 1     ) and (max-width: 480px),
		all and (   min--moz-device-pixel-ratio: 1     ) and (max-width: 480px),
		all and (     -o-min-device-pixel-ratio: 1/1   ) and (max-width: 480px), 
		all and (        min-device-pixel-ratio: 1     ) and (max-width: 480px),
		all and (                min-resolution: 96dpi ) and (max-width: 480px){
/*@media all and (max-width: 480px){*/
	.icon-bar{
		margin: 10px auto;
		position: static;
	}

	section#header header,
	section#header{
		height: auto;
	}
	
	section#header nav>ul>li{
		font-size: 1.3em;
	}

	section#header>header>a>img{
		height: 100px;
		width: 191px;
	}

}