#HEADER{
	width:100%;
	height: 60px;
    position: fixed;
	top: 0;
    z-index: 10;
    background: #ffffff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	text-align: left;
	border-bottom: 1px solid #15318d;
}



#logo{
	display: inline-block;
	vertical-align: middle;
	z-index: 0;
    height: 45px;
    margin: 8px 0px 0px 20px;
}



.NAV_btn_wrap{
	display: none;
	position:fixed;
	width:60px;
	top:20px;
	right:10px;
  	z-index:10;
}	



#nav-icon3{
  width: 30px;
  height: 45px;
  position: relative;
  margin: 0px auto;
  -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;
}

#nav-icon3 span{
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  border-radius: 2px;
  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;
}

#nav-icon3 span{
  background: #55396a;
}


#nav-icon3 span:nth-child(1) {
  top: 0px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 10px;
}

#nav-icon3 span:nth-child(2){
  display: none;
  top: 10px;
}

#nav-icon3 span:nth-child(4) {
  top: 20px;
}
#nav-icon3.open span{
	background: #163C91;
}

#nav-icon3.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  display: block;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}	



#NAV{
	float: right;
	position: relative;
	z-index: 1;
	height: 60px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	text-align: right;
	margin: 0px 240px 0px 0px;
}

nav{
	display: inline-block;
	text-align: center;
}

nav .p_btn {
	position: relative;
	display: inline-block;
	outline: none;
	cursor: pointer;
	margin-right: 30px;
}

nav .p_btn a.p_a{
	font-weight: 500;
	font-size: 18px;
	line-height: 60px;
	text-align: center;
	color: #002942;
}

nav .expand_wrap{
	position: absolute;
	z-index: 1;
	top:60px;
	left: 0px;
	width: 160px;
	background-color: #163C91;
	display: none;
	flex-direction: column;
}

nav .expand_wrap.active{
	display: flex;
}

nav .expand_wrap a{
	width: 100%;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	text-align: left;
	font-size: 16px;
	color: #ffffff;
	padding: 7px;
}

.nav_contact{
	position: absolute;
	height: 60px;
	top:0px;
	right: 20px;
}

.nav_contact img{
	height: 100%;
}


nav .expand_wrap div:hover {
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50); // IE 5-7
  -moz-opacity: 0.5;
  opacity: 0.5;
  -moz-transition: ease-in-out 0.3s;
  -o-transition: ease-in-out 0.3s;
  -webkit-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
}

@media screen and (max-width:1024px) {
    .NAV_btn_wrap{
		display: block;
	}	

	#NAV{
		float: none;
		position: fixed;
		z-index: 10;
		width: 100%;
		height: 100%;
		top:-100%;
		left: 0px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		text-align: left;
		background-color: #ffffff;
		margin: 0px 0px 0px 0px;
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		overflow-y: scroll;
	}

	#NAV.reveal{
		top:0%;
	}	
	
	nav{
		display: inline-block;
		width: 100%;
		margin-top:30px;
		text-align: left;
	}
	
	nav .p_btn {
		position: relative;
		display: inline-block;
		width: 100%;
		outline: none;
		cursor: pointer;
		margin-right: 0px;
	}
	
	nav .p_btn a.p_a{

		width: 100%;
		font-weight: 500;
		font-size: 22px;
		line-height: 45px;
		text-align: left;
		color: #002942;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding-left: 20px;
	}
	
	nav .expand_wrap{
		position: relative;

		width: 100%;
		z-index: 1;
		top:0px;
		left: 0px;
		width: 100%;
		background-color: #e0dee1;
	}
	
	nav .expand_wrap a{

		width: 100%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		text-align: left;
		font-size: 18px;
		color: #000000;
		padding: 5px 20px 5px 20px;
	}
	
	

	
	
	nav .expand_wrap div:hover {
	 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	  filter: alpha(opacity=50); 
	  -moz-opacity:0.5;
	  opacity: 0.5;
	  -moz-transition: ease-in-out 0.3s;
	  -o-transition: ease-in-out 0.3s;
	  -webkit-transition: ease-in-out 0.3s;
	  transition: ease-in-out 0.3s;
	}

	.nav_contact{
		/* position: absolute;
		height: 60px;
		top:0px;
		right: 70px; */
		display: none;
	}
}

@media screen and (max-width: 480px) {
    #logo{
		display: inline-block;
		vertical-align: middle;
		z-index: 0;
		height: 33px;
		margin: 14px 0px 0px 14px;
	}
    
}