

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

NAV

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

#nav-wrap {

	margin: 0px auto; 

	text-align:right;

	

	 

	 

}



#nav-wrap1 {

	margin: 0px auto;

	margin-top:20px;

	float:right;

}



/* menu icon */

#menu-icon {

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

}



#nav, 

#nav li {

	margin: 0;

	padding: 0;

	background-image:url(../images/menusep.png);

	background-repeat:no-repeat;

	background-position:right;

	

}



#nav li a{

			display: block; 

			padding: 9.5px 22px 9.5px 15px;

			text-decoration: none;

			font-family: 'SourceSansProBold';

			font-size:14px;

			line-height:14px;

			color:#FFF; 

			

			-webkit-transition: all 700ms ease;

  			-moz-transition: all 700ms ease;

			-ms-transition: all 700ms ease;

	 		transition: all 700ms ease;  

			background:url(../images/dropicon.png) no-repeat right 20px center;

			

			

}



  #nav li a.drop{

	background:none;

 }

 

 #nav li a.bort{

	 border-right:0px;

	 background:none;

 }



#nav li {

	list-style: none;

	float: none; 

	display:inline-table; 

	margin:0px 0px; 

	 

	 

	 

}

#nav li:last-child{ 

 background:none;

}

/*.active1{

	background: #f79837 !important;

	

}*/

.active a{

	 

	color:#ac0009 !important;  

	 

}

#nav li:hover{ 

	color:#ac0009 !important;

	 

}

#nav li:hover a{

	color:#ac0009;   

}

 



/* nav link */

#nav a {

	/*padding: 4px 15px;

	display: block;

	color: #FFF; */

}

#nav a:hover {

	/*background: #f8f8f8;*/

}



/* nav dropdown */

.submenu{ 

	

	position: absolute;  

	display: none; /* hide dropdown */

	width: 220px; 

	background:url(../images/submenubg.png) repeat;

	 

	z-index:150;

	margin-left:-3px;

	margin-top:0px; 

	text-align:left;

}

.submenu li{

	display:inherit !important;

	border:0 !important;

	border-top:1px solid #02468d !important;

	background-image:none !important;

 

}

.submenu li a{

	padding:10px 20px !important;

	border-right:0px;

	

}

.subrow{

	background:url(../images/subrowline.png) repeat-x top;

	padding: 18px 40px;

}

.subrow:first-child{

	background:none;

}

.subbox1{

	width:112px;

	float:left;

	

}

.subbox1 h4{

	font-weight:normal;

	color:#FFF;

	font-size:14px;

	font-family: 'SourceSansProBold';

	background:url(../images/menu_head_arw.jpg) no-repeat left center;

	padding:5px 0;

	padding-left:28px;

	text-transform:uppercase; 

}

.subboxpic img{

	width:100%;

	height:auto;

	display:block;

	border:2px solid #bc2634;



}

.subbox2{

	float:left;

	margin-left:40px;

	margin-top:30px;

	

}

.subbox2 li{

	display:list-item !important;

	list-style:url(../images/menulist.png)  !important ;

	margin:3px 0 !important;

	

}

.subbox2 li a{

	padding:0 !important;

}

.submenu span{

	

	height:6px;

	display:block;

	position:absolute;

	top:0px;

	

}

/*.submenu ul { 

	float:left;

	padding-left:30px;

	padding-bottom:10px;

	min-height:120px;

	padding: 0px;

	position: absolute;  

	display: none;  

	width: 200px; 

	border-radius: 0px 0px 5px 5px;

	-moz-border-radius: 0px 0px 5px 5px;

	-webkit-border-radius: 0px 0px 5px 5px;

	z-index:150;

	margin-left:0px;

	margin-top:0px;

	margin:0px;

}

.submenu ul:first-child{

	padding-left:0px;

}*/

/*#nav ul li {

	float: none; 

	margin: 0;

	padding: 0;

	border:none;

	background:none;

	border-top:1px solid #FFFFFF;

	text-align:center;

	text-transform:uppercase;

	text-align:left; 

}

#nav ul li:first-child{

	border:0px;

}

#nav ul li:hover{

	 

}*/

#nav ul li a{

	color:#8cc2fa !important;

	font-size:12px;

	font-family:Arial, Helvetica, sans-serif;

	text-transform:capitalize;

	background:none !important;

}

#nav ul li a:hover{

	color:#ee4d0e  !important;

}

#nav li:hover > .submenu {

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

}

 

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

	

#nav li a{

	padding:18px 12px;

	background:url(../images/dropicon.png) no-repeat right 5px center;

}

 

 

}

 

 



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

MOBILE

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

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



	/* nav-wrap */

	

	.buttonmain{

		width:100%;
		background-color:transparent !important;
		position:absolute;

	}

	

	#nav-wrap {

		position:relative;

		top:40px;

		width:100%; 

		 

	}

	#nav-wrap1 {

		position: relative;

		right:0;

		width:auto; 

	}

	.submenu{

		display:none;

		position:relative;

		background: none;

		margin-left:10px;

	}

	.submenu li{

		border:0px !important;

	}

	.subbox2{

		width:100% !important;

		margin:0px 0;

		background:none !important;

	}

	subbox2 li:last-child{

		border-bottom:1px solid #434343;

	}

	.subbox1{

		float:none;

	}

	 

	#nav ul li{

		padding:0px !important; 

		

		 

	}

	#nav ul li a{

		padding:10px;

		color:#434343 !important;

	}



	/* menu icon */

	#menu-icon {

		color: #FFF;

		font-family: 'SourceSansProSemibold';

		width: 42px; 

			font-size:18px;

			line-height:16px;

		text-transform:uppercase; 

		height: 20px;

		background:   url( menu-icon2.png) no-repeat right center ;

		padding:5px 55px 0px 5%;

		cursor: pointer;

		text-align:right; 

		float:right;

		display: block; /* show menu icon */ 

		 

	}

	#menu-icon span{ 

	}

	#menu-icon:hover {

		background-color:  ; 

	}

	#menu-icon.active {

		background:   url( menu-icon.png) no-repeat right center ;

	}

	

	/* main nav */

	#nav {

		clear: both;

		position: absolute;

		top: 37px;

		width: 96%;

		text-align:left;

		right:0px;

		z-index: 10000;

		padding: 5px 2%;

		background:#FFF; 

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

		border-radius: 0px 0px 5px 5px;

	-moz-border-radius: 0px 0px 5px 5px;

	-webkit-border-radius: 0px 0px 5px 5px;

	-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.17);

-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.17);

box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.17);

	}

	#nav li {

		clear: both;

		float: none;

		margin: 0px;

		border:0px;

		background:none;

		padding:15px 0;

		border-bottom:1px solid #CCCCCC;

		display:inherit;

	}

	#nav li:last-child{

		border-bottom:0;

	}

	#nav li a{

		padding:4px 20px;

		color:#434343;

		font-weight:normal;

		background:none;

		border-right:0px;

		

	}

	#nav li:hover{   

	}

	#nav li a{

		background:url(../images/dropicon.png) no-repeat right 5px center;

		 

	}

	#nav li a:hover{

		background:none !important	 ;

		 

	}

	#nav ul li a{

	 

	display:block;

}

	#nav ul{

		background:inherit; 

		

	}

	#nav li:hover > ul {

	background:#FFF; 

}

#nav li:hover > ul li a{

	color:#000 !important;

}

#nav li:hover > ul li a:hover{

	color:#ad000d !important;

}

	#nav ul li a{

		color:#000;

	}



	

	#nav a, 

	#nav ul a {

		font: inherit;

		background: none;

		display: inline;

		padding: 0;

		color: #666;

		border: none;

	}

	#nav a:hover, 

	#nav ul a:hover {

		background: none;

		color: #000;

	}

	

	/* dropdown */

	#nav ul {

		width: auto;

		position: static;

		/*display: block;*/

		border: none;

		background:  ;

	}

	#nav ul li {

		margin: 3px 0 3px 5px;

	}



}

 

 



 