/* == 10. Horizontal menu Background == */



/*====================

	Color Scheme Begin

=====================================================================

====================================================================*/

@font-face {

    font-family: "Raleway Bold";

    font-style: normal;

    font-weight: normal;

    src:url("../css/fonts/Raleway-Bold.ttf") format("truetype");

}	





/* Menu bar background color */





/*.active

 {

	color: #ffffff;	

	background-color:#34b1c4;

}*/

 





#navigation 

{

	margin-top: 15px;

	margin-right: auto;

	margin-bottom: auto;

	margin-left: auto;



/*background: #000; */

}

#nav li ul li, 

{

}



#nav li ul li a{

	background: rgba(255, 120, 0, 0.9);

}



/* Menu Item text color */

 #nav li ul li,

#nav li ul li a {

color: #ffffff; 

}

#nav li ul li a:hover  {

color: #ffffff;

}



/* Menu Item background color on hover */

#nav li a:hover

 {

	color: #ffffff;

	background-color:#ff7800;

}

 



 

#nav li ul li a:hover  {

background: #ee4703; 

}



/* Text Shadow */

#nav li a, 

#nav li a:hover, 

#nav li ul li a:hover  {



}







/*=====================================================================

=======================================================================

	Color Scheme End

====================*/



#menu_div{

	clear: both;

	position: relative;

	top: 0;

	left: 0;

} /* Free space to top specialy for menu */



#navigation {

	z-index:10;

	position:relative;

}



#navigation, #menu_div {

/*width: 100%;*/

margin: 0 !important;

padding: 0 !important;

}



#menu_div, #navigation, #menu, #nav{

	height: 45px; /* menu height */

}



#menu_div:hover,

#navigation:hover,

#nav li a:hover, #nav li ul a 

{

/*opacity: 0.95;*//* Menu transparency on mouse hover*/

} 



#menu_div,

#navigation, 

#nav li a, 

#menu_div:not(:hover), 

#navigation:not(:hover)

{

/*opacity: 0.8;*//* Menu transparency on mouse out */

}





#menu {

	width: 100%; /*center the menu*/

	padding:0;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

}



#nav{

	padding:0;/*	font-family: 'Arial', Helvetica, sans-serif;*/

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 0;

	margin-left: 0;



}



#nav li a,#nav li {

float:left;

}



#nav li {

list-style:none;

position:relative;

}



#nav li a {

	font-family:"Raleway Bold", Arial, Helvetica, sans-serif;

	color:#ff7800;

	line-height: 45px;

	text-decoration:none;

	font-size:14px;

	padding-top: 0;

	padding-bottom: 0;

	padding-right: 15px;

	padding-left: 15px;

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 0;

	margin-left: 0px;

	font-weight: bold;

	letter-spacing: 0.1px;

}



/*====================

	Submenu 

=====================*/

#nav li ul {

display:none;

position:absolute;

left:0;

top:100%;

padding:0;

margin:0;

} /* hide submenu */



#nav li:hover > ul {

display:block;



} /* show submenu on hover */



#nav li ul li,#nav li ul li a {

	float:none;

	height: 45px; /* submenu item height */

	min-width: 290px; /* submenu item minimal width */

	line-height: 40px;

	text-shadow: none;

	display:block;

	font-size:13px;

	text-transform:inherit;

	border-right-width: 0;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #e14303;

	border-left-width: 0;

	color: #FFF;

	font-weight: bold;

} /* Submenu item */



#nav li ul li {

_display:inline; /* for IE */

}



/* == 12. Sub-Sub Menu == */

#nav li ul li ul {

display:none;

}



#nav li ul li:hover ul {

left:100%;

top:0;

}







/*========================

		Transitions

========================*/



#nav li a:hover,

#nav li ul li a:hover  {

-webkit-transition-property:color, background; 

-webkit-transition-duration: 0.5s, 0.5s; 

-webkit-transition-timing-function: linear, ease-out;

}







#menu_div:hover,

#navigation:hover,

#nav li ul a, 

#menu_div,

#navigation, 

#nav li a, 

#menu_div:not(:hover), 

#navigation:not(:hover)

{

-webkit-transition-property:opacity; 

-webkit-transition-duration: 0.5s, 0.5s; /* duration in seconds */

-webkit-transition-timing-function: linear, ease-out;

} /* Menu transparency animation */







#navigation .responsive-menu select {

			display:none;

		}



/*===================== end Header style ======================*/





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

		/* nav */

		

		#menu

		{

			width:100%;

			}

		

		

		#nav li {

background-image:inherit;

padding:0px !important;

margin:0px !important;

}



		

		

		#nav li a {

	padding-right:16px;

	padding-left: 16px;

}



}









	/* All Mobile Sizes (devices and browser) */

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



			/* nav menu ul & select */

		#menu

		{

			width:inherit;

			}

			

		#nav{

	float:inherit;

}



#navigation 

{

float:inherit;

width:100%;

}

		

		#navigation .responsive-menu li{

			display:none;

			

		}

		#navigation .responsive-menu {

		width:100%;

		float:left;

			

		}

		#navigation .responsive-menu select {

			width:100% !important;

			max-height:200px !important;

			overflow:hidden;

			display:block;

			cursor:pointer;

			padding:6px;

			padding-left:50px;

			background:#dc2419;

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

			color:#ffffff !important;

			font-size:15px;

			font-weight:bold;

			content:25618;

			border:none;

			margin-top:0px;

			height:45px;

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

			background-repeat:no-repeat;

			background-position:12px 12px;

		}

		#navigation .responsive-menu select option {

		line-height:35px !important;

		padding:8px;

		font-size:12px;

			font-weight:bold;



		}

}



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



.top-menu #navigation

{

display:none;

}



}