/************************************************************************************

NAV

*************************************************************************************/

#nav-wrap {

	/*margin-top: 20px;*/

	float:right;

	padding: 0px;

	font-family: 'open_sansregular';

}



/* menu icon */

#menu-icon {

	display: none; /* hide menu icon initially */

}

nav#nav-wrap > ul, 

nav#nav-wrap > ul li {

	margin: 0;

	padding: 0;

	float:left;

}

nav#nav-wrap > ul li {

	list-style: none;

	margin-top: 0px;

}

/* nav link */

nav#nav-wrap > ul > li > a { font-weight: bold; }

nav#nav-wrap > ul a {

	padding: 5px 10px;

	display: block;

	color: #000;

	font-size: 15px;

/*	font-weight: bold;*/

	background: none;

	text-transform:uppercase;

	margin: 2px 0;

}

#coverpage nav#nav-wrap > ul > li:first-child { }

nav#nav-wrap > ul > li:last-child > a{



}



nav#nav-wrap > ul a.active,

nav#nav-wrap > ul a:hover {

	background: none;

	color: #ed2f3b;

}



/* nav dropdown */

nav#nav-wrap .dropdownbg{

	position:absolute;

	width: 100%;

/*	background:rgba(1, 1, 1, 0.6);*/

	height: 200px;

	left: 0px;

	margin-top: 34px;

	z-index: 900;

	display: none;

}

/* nav dropdown */

nav#nav-wrap > ul ul {

	background:rgba(250, 30, 38, 0.8);

	margin: 0px 0px 0 0;

	padding: 10px 0 10px 0;

	position: absolute;

/*	border: solid 1px #333;*/

	display: none; /* hide dropdown */

	width: 200px;
	
	border:solid 1px rgba(250, 30, 38, 0.8);

}

nav#nav-wrap > ul ul li {

	float:left;

	margin: 0;

	padding: 0;

	background:none;

	width: 100%;

}

nav#nav-wrap > ul li:hover > ul {

	display: block; /* show dropdown on hover */

	z-index: 1000;	

}

nav#nav-wrap > ul ul a{ 

	color:#fff; 

	background:none; 

	text-transform:none;

}

nav#nav-wrap > ul > li > ul > li:hover ,

nav#nav-wrap ul ul a.active,

nav#nav-wrap ul ul a:hover{

	color: #ccc;

}





/*======= BOF - Trigger Sub-Menu with Two Level =======*/



nav#nav-wrap > ul ul ul {

    margin: -44px 0px 0px 200px;

    position: absolute;

}



nav#nav-wrap > ul > li.twoLevel > ul > li:first-child{ border: none; }

nav#nav-wrap > ul > li.twoLevel > ul > li{

	float: left;

	width: 198px;

	display: inline-block;

	border-left: 1px solid #ccc;

	padding: 0px 10px 0 10px;

}

nav#nav-wrap > ul > li.twoLevel > ul > li > a{

	font-size: 18px;

	color: #0077B3;

	text-transform: uppercase;

}



/*======= EOF - Trigger Sub-Menu with Two Level =======*/







/************************************************************************************

MOBILE

*************************************************************************************/

@media screen and (max-width: 767px) {

	.wrapper_header .col-md-9.hmenu{

        position: static;

    }

	

	/* nav-wrap */

	#nav-wrap {

		position: absolute;

        display: block;

		min-width: 100%;

		top: 0px;

		left: 0px;

        margin:0;

	}



	/* menu icon */

	#menu-icon {

		color: #ed2f3b;

		width: 50px;

		height: 40px;

		/*background: #333 no-repeat 10px center;*/

		padding: 5px 3px 5px 5px;

		cursor: pointer;

		/*border: solid 1px #666;*/

		display: block; /* show menu icon */

		font-size: 25px;

		line-height: 30px;

		text-transform:uppercase;

		text-align:center;

		float:right;

		margin: 5px 0px 0 5px;

		

		position: absolute;

		z-index: 1101;

		top: -25px;

		right: 0px;

	}

	#menu-icon:hover {

		/*background-color: #111;*/

	}

	#menu-icon.active {

		background-color: #fff;

        color: #ed2f3b;

	}

	

	/* main nav */	

	nav#nav-wrap > ul {

		clear: both;

		position: absolute;

		min-width: 100%;

		left: 0px;

		top: 0px;

		

		z-index: 1000;

		padding: 0px;

		background: #1F1E1C;

		

		padding-top: 50px;

		/*border: solid 1px #999;*/

		display: none; /* visibility will be toggled with jquery */

	}

	nav#nav-wrap > ul li {

		clear: both;

		float: none;

		margin: 5px 0 5px 10px;

		

	}

	nav#nav-wrap > ul > li:hover{ background: none; } 

	nav#nav-wrap > ul > li { border-bottom: #666 dotted 1px; }

	nav#nav-wrap > ul > li:last-child{ 

		border-bottom: none; 

		margin-bottom: 10px;

	} 

	nav#nav-wrap > ul a, 

	nav#nav-wrap > ul ul a {

		font: inherit;

		background: none;

		display: block;

		padding: 5px 0;

		color: #eee;

		border: none;

		font-weight:bold;

	}

	nav#nav-wrap > ul a.active,

	nav#nav-wrap > ul a:hover, 

	nav#nav-wrap > ul ul a:hover {

		background: none;

		color: #ccc;

	}

	

	/* dropdown */

	

    nav#nav-wrap > ul ul {

		width: auto;

		position: static;

		display: block;

		border: none;

		padding: 0;

		background: inherit;

	}

	nav#nav-wrap > ul ul li {

		margin: 3px 0 3px 15px;

		background: none;

	}



    nav#nav-wrap > ul ul ul {

        margin: 0;

        position: static;

    }

}



@media screen and (min-width: 767px) {



	/* ensure #nav is visible on desktop version */

	nav#nav-wrap > ul {

		display: block !important;

	}



}