/* Main Menu
----------------------------*/
.menu ul{
	max-width:60.000em;
	position:relative;
	list-style:none; 
	float:none; 
	font-family: 'Work Sans', sans-serif;
	font-size:14px; 
	margin: 20px auto 0 auto;
	text-align: center;
}
.menu ul li{
	margin-bottom: 0;
	position: relative;
}
.menu > ul > li{
	float:none;
	padding:10px 0; 
	margin:0;
	display: inline-block;
}
.menu ul li:last-child{
	padding-right:0;
}
.menu ul li li{
	text-align: left;
}
	
/*styling & link animation*/
.menu ul li a{
	font-family: 'Work Sans', sans-serif;
	color:#3f392d; 
	text-decoration:none;
	padding: 8px 10px; 
	display:block;
	text-transform: uppercase;
	font-weight: 400;
	/*properties*/
	-webkit-transition-property:background, color;
	-moz-transition-property:background, color;
	-o-transition-property:background, color;
	transition-property:background, color;
	/*duration*/
	-webkit-transition-duration:500ms,600ms;
	-moz-transition-duration:500ms,600ms;
	-o-transition-duration:500ms,600ms;
	transition-duration:500ms,600ms;
	/*delay*/
	-webkit-transition-delay:0s,100ms;
	-moz-transition-delay:0s,100ms;
	-o-transition-delay:0s,100ms;
	transition-delay:0s,100ms;
}
.menu ul li a:hover{
	color: #a4a4a4;
	
}
		
/*sub-menu*/
.menu .sub-menu,
.menu .children{
	width: 280px;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	z-index: 101;
	background: #f0f0f0;
	box-shadow: 0 2px 2px rgba(0,0,0,.3);
	margin-top: 10px;
	/*initial position*/
	-webkit-transform:translateY(5px);
	-moz-transform:translateY(5px);
	-o-transform:translateY(5px);
	transform:translateY(5px);
	/*properties to animate*/	
	-webkit-transition-property:-webkit-transform, opacity, visibility;
	-moz-transition-property:-moz-transform, opacity, visibility;
	-o-transition-property:-o-transform, opacity, visibility;
	transition-property:transform, opacity, visibility;
	/*duration*/				
	-webkit-transition-duration:200ms,200ms;
	-moz-transition-duration:200ms,200ms;
	-o-transition-duration:200ms,200ms;
	transition-duration:200ms,200ms;
}	
.menu .sub-menu ul,
.menu .children ul{
	top:0;
	left:180px;
	visibility: hidden;
	margin-top: 0;
}
.menu ul li:last-child .sub-menu,
.menu ul li:last-child .children{
	right: 0;
}
.menu ul li:last-child .sub-menu ul,
.menu ul li:last-child .children ul{
	left: -180px;
	margin-top: 0;
}
.menu .sub-menu li,	
.menu .children li{
	float: none;
	background: none;
	padding-left: 0;
	padding-right: 0;
}
.menu .sub-menu li a,
.menu .children li a{
	color: #3f392d;
	line-height:20px;
	font-size: 14px;
	padding: 10px 15px;
}
.menu .sub-menu li:last-child,
.menu .children li:last-child{
	border-bottom: none;
}
		
/*hover*/
.menu .sub-menu li.menu-item-has-children > a:after,
.menu .children li.page_item_has_children > a:after{
	content:"\25b8";
	height: 5px;
	position: relative;
	top: 1px;
	width: 5px;
	float: right;
	margin-right: -6px;
	font-size: 9px;
}
.menu .sub-menu li.menu-item-has-children .sub-menu li.menu-item-has-children > a:after,
.menu .children li.page_item_has_children .sub-menu li.page_item_has_children > a:after{
	content: ""
}
.menu .sub-menu li:hover > a,
.menu .children li:hover > a{
	background:#b9b9b9;
	color:#fff;
}
		
/*hover active*/
.menu ul li:hover > .sub-menu,
.menu ul li:hover > .children{
	visibility: visible;
	/*animate opacity*/
	opacity: 1;
	/*animate position*/
	-moz-transform:translateY(0px);
	-ms-transform:translateY(0px);
	-o-transform:translateY(0px);
	-webkit-transform:translateY(0px);
	transform:translateY(0px);
}
.menu > ul > li.current > a,
.menu > ul > li.current-menu-item > a,
.menu > ul > li.current_page_item > a{ 
	background: none; 
	color: #000; 
}
.menu .sub-menu > li.current > a,
.menu .sub-menu > li.current-menu-item > a,
.menu .sub-menu > li.current_page_item > a{ 
	background: none; 
	color: #fff; 
}
.mobile-nav .menu > ul > li.current > a,
.mobile-nav .menu > ul > li.current-menu-item > a,
.mobile-nav .menu > ul > li.current_page_item > a{ 
	background: none; 
	color: #fff; 
}
.mobile-nav .menu .sub-menu > li.current > a,
.mobile-nav .menu .sub-menu > li.current-menu-item > a,
.mobile-nav .menu .sub-menu > li.current_page_item > a{ 
	background: none; 
	color: #ff5b24;
}



/* Mobile Menu
----------------------------*/		
.mobileMenuToggle{
	height: 26px;
	width: 100%;
	float: left;
	text-align:center;
	display: none;
	margin: 19px auto 15px auto;
}
.mobileMenuToggle a,
.mobileMenuToggle.open a{
	width:26px;
	height:26px;
	float:left;
	position:relative;
	left:50%;
	margin-left:-13px;
}
.mobileMenuToggle a{
	background:url(../images/ui/mobileMenu-toggle.png) center 0 no-repeat;
	background-size: 26px 52px;
}
.mobileMenuToggle.open a{
	background:url(../images/ui/mobileMenu-toggle.png) center -26px no-repeat;
	background-size: 26px 52px;
}
.menu .mobile-navigation{
	float: left; 
	text-align: center; 
	width: 100%;
	margin-top:0px;
	padding-bottom:5px; 
	display:none; 
	line-height:20px;
}
.menu .mobile-navigation li{
	float:none;
	line-height:20px;
	position: static;
	text-align: center;
	display: block;
	background: #fff;
}
.menu .mobile-navigation li a{
	padding:0;
}
.menu .mobile-navigation .sub-menu li:hover > a,
.menu .mobile-navigation .children li:hover > a{
	background: none;
	color: #ff5b24;
}
.menu .mobile-navigation li:first-child{
	margin-top:0px;
}
		
/*Sub menu*/
.menu .mobile-navigation .sub-menu, 
.menu .mobile-navigation .children{
	background: none;
	border-top: 1px solid #f6f6f6;
	border-bottom: 1px solid #f6f6f6;
	box-shadow: 0 0 0;
	color: #ccc;
	display: block !important;
	opacity:1; 
	visibility: visible;
	float: none;
	margin: 14px auto 0 auto;
	padding:10px 0 0 0;
	position: relative;
	top: auto;
	white-space: normal;
	width: 100%;
	z-index: auto;
	/*reset position*/		
	-webkit-transform:translateY(0px);
	-moz-transform:translateY(0px);
	-o-transform:translateY(0px);
	transform:translateY(0px);
}
.menu .mobile-navigation .sub-menu:before,
.menu .mobile-navigation .children:before{
	position: absolute;
	content: "";
	top: 0;
	width: 0; 
	height: 0; 
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid #e6e6e6;
	margin-left: -7px;
	left: 50%;
}
.menu .mobile-navigation li:last-child .sub-menu,
.menu .mobile-navigation li:last-child .children{
	border-bottom: none;
}
.menu .mobile-navigation .sub-menu li, 
.menu .mobile-navigation .children li{
	border: none; 
	padding: 10px 0; 
	margin: 0;
	line-height: 20px;
}