/*-----menu-----*/
ul.sf-menu ul {
  width:auto !important;
}
ul.sf-menu	li li {
  white-space: nowrap !important;	
}

.collapse
{
	display: none;
}

.slicknav_menu
{
	display: none;
}

.divider-vertical
{
	height: 45px;
	margin: 0;
	padding: 0px;
}

li.divider-vertical.slicknav_txtnode
{
	display: none;
}

.navbar_
{
	margin-bottom: 0 !important;
}

.nav-collapse .nav
{
	float: none !important;
}

.navbar_ .collapse
{
	overflow: visible;
	line-height: 0 !important;
	font-size: 0;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.navbar_ .nav-collapse_ .nav li li
{
	font-size: 20px;
	line-height: 20px;
	display: block;
}

.navbar_ .navbar-inner {
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	margin: 0;
	padding: 0;
	min-height: inherit;
	border: none;
	background: lightblue;
	-webkit-border-radius: none;
	-moz-border-radius: none;
	border-radius: none;
}

.navbar_ .nav-collapse_
{
	padding: 0;
}

.nav-collapse_ {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	position: relative;
	float: none;
	margin: 0 0 0px 0;
	padding: 0;
	background: none;
	text-align: right;
	height: 45px;
}

	.nav-collapse_ .nav
	{
		display: inline-block;
		margin: 0;
		padding: 0;
	}

		.nav-collapse_ .nav li
		{
			position: relative;
			display: inline-block;
			margin: 0px 0px 0 0;
			padding: 0;
			float: left;
			zoom: 1;

		}

			.nav-collapse_ .nav li:first-child + li + li + li + li
			{
				margin-right: 0;
			}

		.nav-collapse_ .nav > li > a
		{
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
			border-radius: 0;
			margin: 0;
			text-shadow: none;
			color: black;
			box-shadow: none !important;
			background: none;
			text-align: right;
			padding: 5px 10px 1px 10px;
			letter-spacing: 1px;
			-webkit-transition: all 0.35s ease;
			-moz-transition: all 0.35s ease;
			-o-transition: all 0.35s ease;
			transition: all 0.35s ease;
			font-size: 18px;
			font-weight: normal;
			text-transform: uppercase;
		}

		.nav-collapse_ .nav > li.active > a
		{
			color: #aaaaaa !important;
			background:  !important;
			box-shadow: none;
		}

		.nav-collapse_ .nav > li a:hover
		{
			color: #aaaaaa !important;
			background: !important;
			-webkit-transition: all 0.35s ease;
			-moz-transition: all 0.35s ease;
			-o-transition: all 0.35s ease;
			transition: all 0.35s ease;
		}

		.nav-collapse_ .nav > .sfHover > a
		{
			color: #aaaaaa !important;
			background: !important;
			-webkit-transition: all 0.35s ease;
			-moz-transition: all 0.35s ease;
			-o-transition: all 0.35s ease;
			transition: all 0.35s ease;
			height: 41px;
		}
.nav-collapse_ .nav > .sfHover > a:hover
		{
			color: #aaaaaa !important;
			background: !important;
			-webkit-transition: all 0.35s ease;
			-moz-transition: all 0.35s ease;
			-o-transition: all 0.35s ease;
			transition: all 0.35s ease;
		}
		.nav-collapse_ .nav > li > a span
		{
			display: inline-block;
			height: 6px;
			background: no-repeat;
			width: 7px;
			left: 86px;
			top: 42px;
			position: absolute;
		}
/*-----subMenu1-----*/
.nav-collapse .sub-menu > ul
{
	position: absolute;
	display: none;
	left: 0;
	top: 61px;
	list-style: none !important;
	zoom: 1;
	z-index: 500;
	color: white !important;
	background: black !important;
	border: 1px solid #000000;
	padding: 10px 0 10px 0;
	margin: 0;
	text-align: right;

}

	.nav-collapse .sub-menu > ul li
	{
		background: none;
		border: none;
		width: auto;
		float: none;
		margin: 0;
		padding: 0;
		display: block;
		margin-bottom: 2px;
		color:white;
	}

		.nav-collapse .sub-menu > ul li a
		{
			display: block;
			background: transparent;
			padding: 0;
			margin: 0;
		color: white;
			padding: 0px 10px 1px 10px;
			-webkit-transition: all 0.35s ease;
			-moz-transition: all 0.35s ease;
			-o-transition: all 0.35s ease;
			transition: all 0.35s ease;
			font-size: 18px;
			font-weight: bold;
		}

			.nav-collapse .sub-menu > ul li a span
			{
				margin-left: 30px;
				display: inline-block;
				background: no-repeat;
				width: 5px;
				height: 6px;
				position: relative;
				top: -6px;
			}

			.nav-collapse .sub-menu > ul li a:hover
			{
				text-decoration: none;
				color: #aaaaaa !important;
			background: !important;
				-webkit-transition: all 0.5s ease;
				-moz-transition: all 0.5s ease;
				-o-transition: all 0.5s ease;
				transition: all 0.5s ease;
			}

		.nav-collapse .sub-menu > ul li.sfHover > a
		{
			text-decoration: none;
			color: #aaaaaa !important;
			background: white !important;
		}
	/*-----subMenu2-----*/
	.nav-collapse .sub-menu > ul ul
	{
		position: relative;
		display: none;
		width: 204px;
		left: 0;
		top: 0;
		list-style: none !important;
		zoom: 1;
		z-index: 11;
		background: transparent;
		padding: 2px 0 0 0;
		margin: 0;
		text-align: right;
	}

		.nav-collapse .sub-menu > ul ul li a
		{
			display: block;
			background: transparent;
			padding: 0;
			margin: 0;
			color: white;
			padding: 3px 0 1px 48px;
			-webkit-transition: all 0.35s ease;
			-moz-transition: all 0.35s ease;
			-o-transition: all 0.35s ease;
			transition: all 0.35s ease;
		}

			.nav-collapse .sub-menu > ul ul li a:hover
			{
				text-decoration: none;
				color: white !important;
				background-color: #c2bcb4 !important;
				-webkit-transition: all 0.5s ease;
				-moz-transition: all 0.5s ease;
				-o-transition: all 0.5s ease;
				transition: all 0.5s ease;
			}

.myCategories .sf-vertical {
  width: 12em;
  /* If you want the width of the closed menu to expand to its
  widest top-level menu item (like its "Supersubs" submenus do),
  replace the width rule above with the following two rules. */

  /*
  min-width: 12em;
  *width: 12em;
  */
}
.myCategories .sf-vertical ul {
	left:	100%;
	top: 0;
}
.myCategories .sf-vertical > li {
  float: none;
}
.myCategories .sf-vertical li {
  width: 300px;
  background: transparent;
}
.myCategories .sf-vertical li a{
  width: 100%;
  background: transparent;
  color: white;
  font-weight: bold;
 margin-top: -8px;
  font-size: 20px;
}

.myCategories .sf-vertical li a:hover{
  width: 100%;
  background: transparent;
  color: white;
  text-decoration: underline;
}
/*** alter arrow directions ***/
.myCategories.sf-vertical.sf-arrows > li > .myCategories .sf-with-ul:after {
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
  border-left-color: rgba(255,255,255,.5);
}
.myCategories .sf-vertical.sf-arrows li > .myCategories .sf-with-ul:focus:after,
.myCategories .sf-vertical.sf-arrows li:hover > .myCategories .sf-with-ul:after,
.myCategories .sf-vertical.sf-arrows .sfHover > .myCategories .sf-with-ul:after {
  border-left-color: white;
}


.myCategories2 .sf-vertical {
  width: 250px;
  /* If you want the width of the closed menu to expand to its
  widest top-level menu item (like its "Supersubs" submenus do),
  replace the width rule above with the following two rules. */

  /*
  min-width: 12em;
  *width: 12em;
  */
}
.myCategories2 .sf-vertical ul {
	left:	100%;
	top: 0;
}
.myCategories2 .sf-vertical > li {
  float: none;
}
.myCategories2 .sf-vertical li {
  background: transparent;
  line-height: 25px;
  color: white;
  width: 250px;
  margin-left: -10px;
  list-style: none;
}
.myCategories2 .sf-vertical li a{
  width: 100%;
  background: transparent;
  color: white;
  margin-top: -5px;
  font-size: 20px;
}

.myCategories2 .sf-vertical li a:hover{
  width: 100%;
  background: transparent;
  color: white;
  text-decoration: underline;
}
/*** alter arrow directions ***/
.myCategories2.sf-vertical.sf-arrows > li > .myCategories2 .sf-with-ul:after {
  margin-top: 0px;
  margin-right: 0px;
  border-color: transparent;
  border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
  border-left-color: rgba(255,255,255,.5);
}
.myCategories2 .sf-vertical.sf-arrows li > .myCategories2 .sf-with-ul:focus:after,
.myCategories2 .sf-vertical.sf-arrows li:hover > .myCategories2 .sf-with-ul:after,
.myCategories2 .sf-vertical.sf-arrows .sfHover > .myCategories2 .sf-with-ul:after {
  border-left-color: white;
}
.myCategories2 .sf-vertical li a{
  width: 100%;
  background: transparent;
  color: white;
    font-size: 20px;
}
.AspNet-Menu-Horizontal
{
	z-index: 4000;
	position:relative;
}

.AspNet-Menu-Vertical
{
	position: relative;
	width: 100%;
	z-index: 4000;
}
@media (max-width: 1199px){
		.nav-collapse_ .nav > li > a
		{
		  	color: black;
		    font-size: 16px;
			font-weight: normal;
			box-shadow: none !important;
			background: none;
			text-align: center;
			padding: 0px 0px 0px 15px;
			letter-spacing: 1px;
			text-transform: uppercase;
		}

		.nav-collapse_ .nav li {
			margin: 0px 0px 0px 0px;
		}
}

@media (max-width: 1040px){
.nav-collapse_ {
text-align: center;}
		.nav-collapse_ .nav > li > a
		{
		  	color: black;
		    font-size: 16px;
			font-weight: normal;
			box-shadow: none !important;
			background: none;
			text-align: center;
			padding: 0px 0px 0px 15px;
			letter-spacing: 1px;
			text-transform: uppercase;
		}

		.nav-collapse_ .nav li {
			margin: 0px 0px 0px 0px;
		}
}


@media (max-width: 768px)
{
	.nav-collapse_ .nav
	{
		display: none;
	}
	.select-menu
	{
		margin-bottom: 14px;
	}
.nav-collapse_ .nav > li > a
		{
		  	color: black;
		    font-size: 16px;
			font-weight: normal;
			box-shadow: none !important;
			background: none;
			text-align: center;
			padding: 10px 10px 0px 10px;
			letter-spacing: 1px;
			text-transform: uppercase;
		}
	.navbar_
	{
		padding: 11px 3px 0 3px;
	}

		.navbar_ .nav-collapse_
		{
			width: 100%;
			padding: 0;
		}

	.navbar_
	{
		float: none;
	}

		.navbar_ .nav-collapse_
		{
			width: 100%;
		}

		.navbar_ .nav-collapse_
		{
			padding: 0;
			margin: 0;
			border: none;
		}

			.navbar_ .nav-collapse_ .nav
			{
				display: none;
			}

		.navbar_ .nav-collapse_
		{
			height: auto !important;
			padding-bottom: 5px;
			background: none;
		}

	/* #menu is the original menu */
	.nav-collapse
	{
		display: none;
	}

	.slicknav_menu
	{
		display: block;
	}
}


.sf-with-ul ul
{
	visibility:visible !important;
}

