/* 
 * Custom Skin Sample
 *
 * These styles apply when the skin is set to "None".  To apply to do different skin, replace the .ubermenu-skin-none prefix with the appropriate skin.
 * To apply to all menus, replace .ubermenu-skin-none with just .ubermenu
 */
/* UberMenu - Copyright 2011-2014, SevenSpark */


/* General settings for the skin */
.ubermenu-skin-none {
  font-size: 12px;
  color: #888888;
}
.ubermenu-sub-indicators .ubermenu-has-submenu-drop > .ubermenu-target {

}

/* Menu Item Links in general */
.ubermenu-skin-none .ubermenu-target {
  color: #555555;
  padding: 36px 16px;
}


/* Menu Item Descriptions */
.ubermenu-skin-none .ubermenu-target-description {
  color: #aaaaaa;
}

/* Responsive Toggle */
.ubermenu-skin-none.ubermenu-responsive-toggle {
  background: #222222;
  color: #eeeeee;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
}
/* Responsive Toggle - Hover */
.ubermenu-skin-none.ubermenu-responsive-toggle:hover {
  background: #111111;
  color: #ffffff;
}

/* Menu Bar */
.ubermenu-skin-none {
  border: none;
  background: transparent;
}

/* Current Top Level Menu Item */
.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-page-ancestor > .ubermenu-target {
  color: #ffffff;
  background: #e7882c;
}

.ubermenu-skin-none .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target::after {
    content: " ";
    position: absolute;
    width: 100%;
    height: 26px;
    background-image: url("callout.png");
	background-size: 100% 100%;
    background-repeat: no-repeat;
	left: 0;
	bottom: -26px;
	z-index:99999;
}

/* Top Level Highlight */
.ubermenu-skin-none .ubermenu-item.ubermenu-item-level-0 > .ubermenu-highlight {
  color: #4d90fe;
  background: transparent;
}

/* Vertical Orientation Menu Item Backrounds */
.ubermenu-skin-none.ubermenu-vertical .ubermenu-item-level-0 > .ubermenu-target {
  background: #222222;
}

/* Top Level Items */
.ubermenu-skin-none .ubermenu-item-level-0 > .ubermenu-target {
  font-weight: bold;
  color: #0d121f;
  text-transform: uppercase;
  border-left: 1px solid #adabac !important;
}
.ubermenu-skin-none .ubermenu-item-level-0:last-child {
    border-right: 1px solid #adabac !important;
}

/* The first top level item */
.ubermenu-skin-none .ubermenu-item-level-0:first-child > .ubermenu-target {
  box-shadow: none;
}

/* Top Level Items - Hover */
.ubermenu-skin-none .ubermenu-item-level-0:hover > .ubermenu-target,
.ubermenu-skin-none .ubermenu-item-level-0.ubermenu-active > .ubermenu-target {
  background: #e7882c;
  color: #ffffff;
}


.ubermenu-sub-indicators .ubermenu-has-submenu-drop > .ubermenu-target::after{
	position: absolute;
	right: inherit;
	top: inherit;
	margin-top: inherit;
	content: " ";
	display: inherit;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
	line-height: inherit;
	color: inherit;
	z-index:99999;
}

.ubermenu-skin-none .ubermenu-item-level-0:hover > .ubermenu-target:after {

  content: " ";
position: absolute;
width: 100%;
height: 26px;
background-image: url("callout.png");
background-size: 100% 100%;
background-repeat: no-repeat;
left: 0;
bottom: -26px;
z-index:99999;
}

/* Top Level Submenu Stack Links */
.ubermenu-skin-none .ubermenu-item-level-0 > .ubermenu-submenu-type-stack > .ubermenu-item > .ubermenu-target {
  color: #d9d9d9;
}
.ubermenu-skin-none .ubermenu-item-level-0 > .ubermenu-submenu-type-stack > .ubermenu-item > .ubermenu-target:hover {
  color: #ffffff;
}

/* Submenus */
.ubermenu-skin-none .ubermenu-submenu.ubermenu-submenu-drop {
  background: #f9f9f9;
  border: 1px solid #e0e0e0;
}
.ubermenu-skin-none.ubermenu-horizontal .ubermenu-item-level-0 > .ubermenu-submenu-drop {
  border-top: none;
  position: absolute;
	width: 2000px;
	margin-left: -647px;
	padding-left: 419px;
	padding-top: 20px;
	z-index: 9;
	border-bottom: 0;
}

/* Tab Content Panel */
.ubermenu-skin-none .ubermenu-tab-content-panel {
  background: #f9f9f9;
}

/* Submenu general text color */
.ubermenu-skin-none .ubermenu-submenu,
.ubermenu-skin-none .ubermenu-submenu .ubermenu-target {
  color: #555555;
}

/* Submenu highlight color */
.ubermenu-skin-none .ubermenu-submenu .ubermenu-highlight {
  color: #4d90fe;
}

/* Submenu Links */
.ubermenu-skin-none .ubermenu-submenu .ubermenu-target:hover,
.ubermenu-skin-none .ubermenu-submenu .ubermenu-active > .ubermenu-target {
  color: #111111;
  background: transparent;
}
/* Submenu Descriptions */
.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;
}

/* Submenu Headers */
.ubermenu-skin-none .ubermenu-submenu .ubermenu-item-header > .ubermenu-target {
  font-weight: bold;
  color: #555555;
  padding: 26px 8px 1px;
}
/* Submenu items in a stack */
.ubermenu-skin-none .ubermenu-submenu .ubermenu-item-header.ubermenu-has-submenu-stack > .ubermenu-target {
  border-bottom: none;
}
.ubermenu-skin-none .ubermenu-item-layout-image_left > .ubermenu-target-text {
   padding-left: 12px;
	width: 236px;
	height: 215px;
	font-size: 16px;
	font-weight: bold;
	color: #223453;
}

.ubermenu-skin-none .ubermenu-item-layout-image_left > .ubermenu-target-text:hover {
    font-weight: bold !important;
    font-family: Proxima Nova !important;
}

.ubermenu-skin-none .ubermenu-item-layout-image_left > .ubermenu-image {
    float: left;
    padding-bottom: 9px;
}

.ubermenu-skin-none .ubermenu-submenu-type-stack {
    padding-top: 0;
    padding-bottom: 10px;
}
.ubermenu-skin-none .ubermenu-submenu-type-stack > .ubermenu-item-normal > .ubermenu-target {
    padding-top: 3px;
    padding-bottom: 3px;
}

.ubermenu-skin-none .ubermenu-submenu-type-stack > .ubermenu-item-normal > .ubermenu-target .ubermenu-target-text {
    display: inline-block;
    vertical-align: middle;
    font-family: inherit;
    font-weight: normal;
    color: #988e85;
    font-size: 14px;
}

.ubermenu-skin-none .ubermenu-submenu-type-stack > .ubermenu-item-normal > .ubermenu-target .ubermenu-target-text:before {
	content: " ";
	background-image:url("carrot.png");
	width: 5px;
	height: 9px;
	display: inline-block;
	margin-right: 7px;

}

.ubermenu-skin-none .ubermenu-submenu-type-stack > .ubermenu-item-normal > .ubermenu-target .ubermenu-target-text:hover {
	color:#98704c;
	font-weight:bold;
}
/* Submenu Headers - Hover */
.ubermenu-skin-none .ubermenu-submenu .ubermenu-item-header > .ubermenu-target:hover {
  color: #222222;
}
/* Current Submenu Item */
.ubermenu-skin-none .ubermenu-submenu .ubermenu-current-menu-item > .ubermenu-target {
  color: #222222;
  background: transparent;
}
/* Tab Toggle active/hover */
.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;
}
/* Tabs Borders */
.ubermenu-skin-none .ubermenu-tabs-group,
.ubermenu-skin-none .ubermenu-tab > .ubermenu-target,
.ubermenu-skin-none .ubermenu-tab-content-panel {
  border-color: #eeeeee;
}
/* Submenu Border */
.ubermenu-skin-none .ubermenu-submenu-drop {
  border-bottom-width: 3px;
}

.ubermenu .ubermenu-item .ubermenu-submenu-drop {
    -webkit-transition-duration: 0;
    -ms-transition-duration: 0;
    transition-duration: 0;
    -webkit-transition-timing-function: initial;
    -ms-transition-timing-function: initial;
    transition-timing-function: initial;
}
@media screen and (max-width:959px) {
	
	.ubermenu-skin-none.ubermenu-responsive-toggle:hover {
		background: transparent;
		color: #000;
	}
	.ubermenu-skin-none.ubermenu-responsive-toggle {
		background: transparent;
		color: #000;
		font-size: 18px;
		text-transform: uppercase;
		font-weight: bold;
		width: 300px;
		text-align: right;
	}
	.ubermenu-skin-none.ubermenu-responsive-toggle {
		position: absolute;
		padding-left: 0;
		padding-right: 0;
		width: 88px;
		right: 0;
	}
	.ubermenu-responsive-default.ubermenu-responsive.ubermenu {
		margin: 0;
		position: absolute;
		width: 300px;
		right: -28px;
		background: #fff;
		top: 91px;
	}
	
	.ubermenu-responsive-default.ubermenu.ubermenu-responsive .ubermenu-column, .ubermenu-responsive-default.ubermenu.ubermenu-responsive .ubermenu-column-auto {
		min-width: 100%;
		background: #fff;
	}
	
	.ubermenu-submenu .ubermenu-column, .ubermenu-submenu .ubermenu-column-auto {
		min-width: 100%;
		background: #f9f9f9;
	}
	
	.ubermenu-skin-none.ubermenu-horizontal .ubermenu-item-level-0 > .ubermenu-submenu-drop {
		border-top: none;
		position: relative;
		width: auto;
		margin-left: 0;
		padding-left: 0;
		padding-top: 0;
		z-index: 9;
		border-bottom: 0;
	}
	 .ubermenu-item-layout-image_left > .ubermenu-image {
		display: none;
	}
	
	 .ubermenu-skin-none .ubermenu-item-layout-image_left > .ubermenu-target-text {
		height: auto;
	}
	
	.ubermenu-skin-none .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target::after {
		display:none;
	}
	
	.ubermenu-sub-indicators .ubermenu-has-submenu-drop > .ubermenu-target::after{
		display:none;
	}
	
	.ubermenu-skin-none .ubermenu-item-level-0:hover > .ubermenu-target:after {
		display:none;
		
	}
}
@media screen and (max-width:401px) {
	.ubermenu-skin-none.ubermenu-responsive-toggle {
		position: absolute;
		padding-left: 0;
		padding-right: 0;
		width: 88px;
		right: -19px;
		top: -76px;
	}
	
	.ubermenu-responsive-default.ubermenu-responsive.ubermenu {
		top: 23px;
	}
}