/* 
 * Custom CSS
 *
 * Create a custom.css file to add custom styles to your menu.
 */

.bar_mix {
  background: #ffffff;
}
/* UberMenu - Copyright 2011-2014, SevenSpark */
.ubermenu-skin-none {
  font-size: 12px;
  color: #888888;
}
.ubermenu-skin-none .ubermenu-target {
  color: #999999;
}
.ubermenu-skin-none .ubermenu-target-description {
  color: #aaaaaa;
}
.ubermenu-skin-none .ubermenu-highlight {
  color: #4d90fe;
}
.ubermenu-skin-none.ubermenu-responsive-toggle {
  background: #ffffff;
  color: #888888;
  font-size: 12px;
  text-transform: none;
  text-align: right;
  margin-top: 37px;
}
.ubermenu-skin-none.ubermenu-responsive-toggle:hover {
  background: #f0f0f0;
  color: #444444;
}
.ubermenu-skin-none {
  border: none;
  background: #ffffff;
}
.ubermenu-skin-none .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target,
.ubermenu-skin-none .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target,
.ubermenu-skin-none .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target {
  color: #4c4b47;
  background: transparent;
  border-top: 3px solid #ffffff;
  -webkit-transition: all 0.25s;
	-moz-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
}
.ubermenu-skin-none .ubermenu-item.ubermenu-item-level-0 > .ubermenu-highlight {
  color: #4d90fe;
  background: transparent;
}
.ubermenu-skin-none.ubermenu-vertical .ubermenu-item-level-0 > .ubermenu-target {
  background: #ffffff;
}
.ubermenu-skin-none .ubermenu-item-level-0 > .ubermenu-target {
  color: #4c4b47;
  text-transform: uppercase;
  border-left: none;
  font-size: 1.25em;
  border-top: 3px solid #ffffff;
  -webkit-transition: all 0.25s;
	-moz-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
}
.ubermenu-skin-none .ubermenu-item-level-0:first-child > .ubermenu-target {
  box-shadow: none;
}
.ubermenu-skin-none .ubermenu-item-level-0:hover > .ubermenu-target,
.ubermenu-skin-none .ubermenu-item-level-0.ubermenu-active > .ubermenu-target {
  background: #ededed;
  color: #111111;
  /*border-top: 3px solid #0082c8;*/
}
.ubermenu-skin-none .ubermenu-item-level-0 > .ubermenu-submenu-type-stack > .ubermenu-item > .ubermenu-target {
  color: #666666;
}
.ubermenu-skin-none .ubermenu-item-level-0 > .ubermenu-submenu-type-stack > .ubermenu-item > .ubermenu-target:hover {
  color: #111111;
}
.ubermenu-skin-none .ubermenu-submenu.ubermenu-submenu-drop {
  background: #ededed;
  border: 1px solid #ededed;
}
.ubermenu-skin-none.ubermenu-horizontal .ubermenu-item-level-0 > .ubermenu-submenu-drop {
  border-top: 1px solid #ededed;
}
.ubermenu-skin-none .ubermenu-tab-content-panel {
  background: #ededed;
}
.ubermenu-skin-none .ubermenu-submenu,
.ubermenu-skin-none .ubermenu-submenu .ubermenu-target {
  color: #4e4b49;
}
.ubermenu-nojs.ubermenu-skin-none .ubermenu-submenu .ubermenu-target:hover,
.ubermenu-skin-none .ubermenu-submenu .ubermenu-target:hover {
  color: #4e4b49;
  text-decoration:underline !important;
}
.ubermenu-skin-none .ubermenu-submenu .ubermenu-target > .ubermenu-target-description {
  color: #aaaaaa;
}
.ubermenu-skin-none .ubermenu-submenu .ubermenu-active > .ubermenu-target > .ubermenu-target-description {
  color: #666666;
}
.ubermenu-skin-none .ubermenu-submenu .ubermenu-item-header > .ubermenu-target {
  color: #0087d0;
  padding: 10px 15px;
  font-size: 1.5em;
}
.ubermenu-skin-none .ubermenu-submenu .ubermenu-item-header.ubermenu-has-submenu-stack > .ubermenu-target {
  border-bottom: none;
}
.ubermenu-skin-none .ubermenu-submenu .ubermenu-item-header > .ubermenu-target:hover {
  color: #222222;
}
.ubermenu-skin-none .ubermenu-submenu .ubermenu-current-menu-item > .ubermenu-target {
  background: transparent;
}
.ubermenu-nojs.ubermenu-skin-none .ubermenu-submenu .ubermenu-tabs .ubermenu-tab:hover > .ubermenu-target,
.ubermenu-skin-none .ubermenu-submenu .ubermenu-tab.ubermenu-active > .ubermenu-target {
  background: #eeeeee;
  color: #111111;
}
.ubermenu-skin-none .ubermenu-tabs-group,
.ubermenu-skin-none .ubermenu-tab > .ubermenu-target,
.ubermenu-skin-none .ubermenu-tab-content-panel {
  border-color: #eeeeee;
}
.ubermenu-skin-none .ubermenu-submenu-drop {
  border-bottom-width: 3px;
}

/*Custom Overwrites*/

.ubermenu .ubermenu-target {
	/*padding: 1.89em 15px;*/ padding: 1em 15px;
	font-family: 'Oswald';
	font-weight: 400;
}
.ubermenu .ubermenu-submenu-type-stack>.ubermenu-item-normal>.ubermenu-target {
	font-family: "nimbus-sans",sans-serif;
	font-weight: 400;
	padding-left: 5px;
	padding-right: 5px !important;
	font-size: 1.2em;
}


@media screen and (max-width: 468px) {
.ubermenu-skin-none {
  border-color: #e0e0e0;
  color: #888888;
  text-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: #f9f9f9;
  background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#fefefe));
  background: -webkit-linear-gradient(top, #f9f9f9, #fefefe);
  background: -moz-linear-gradient(top, #f9f9f9, #fefefe);
  background: -ms-linear-gradient(top, #f9f9f9, #fefefe);
  background: -o-linear-gradient(top, #f9f9f9, #fefefe);
}
.ubermenu-responsive .ubermenu-item.ubermenu-item-level-0 > .ubermenu-target {
	padding: 8px 5px !important;
}
}


@media screen and (max-width: 992px) {
.ubermenu-responsive .ubermenu-item.ubermenu-item-level-0 > .ubermenu-target {
	border: none;
	box-shadow: none;
	padding: 15px 5px;
}
.ubermenu-skin-none {
  border-color: #e0e0e0;
  color: #888888;
  text-shadow: 0px 1px 1px #ffffff;
  -webkit-box-shadow: 1px 1px 1px #dddddd;
  -moz-box-shadow: 1px 1px 1px #dddddd;
  box-shadow: 1px 1px 1px #dddddd;
  background-color: #f9f9f9;
  background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#fefefe));
  background: -webkit-linear-gradient(top, #f9f9f9, #fefefe);
  background: -moz-linear-gradient(top, #f9f9f9, #fefefe);
  background: -ms-linear-gradient(top, #f9f9f9, #fefefe);
  background: -o-linear-gradient(top, #f9f9f9, #fefefe);
}
.ubermenu-skin-none.ubermenu-responsive-toggle {
  background: transparent;
  color: #333333;
  font-size: 16px;
  text-transform: none;
  text-align: right;
  margin-top: -35px !important;
  box-shadow: none !important;
  float: right;
}
.ubermenu-skin-none.ubermenu-responsive-toggle:hover {
  color: #444444;
}
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
	.ubermenu {
		margin-top: -2px;
	}
	.ubermenu .ubermenu-target {
		/*padding: 1.89em 10px;*/ padding: 0.89em 10px;
	}
}
@media screen and (min-width: 992px) and (max-width: 1200px) and (-moz-device-pixel-ratio) {
	#ubermenu-nav-main-22-top-bar {
  		margin-top:-5px;
	}
}