@font-face {
  font-family: 'mp_stacks_navigation';
  src: url('../fonts/mp_stacks_navigation.eot?70254484');
  src: url('../fonts/mp_stacks_navigation.eot?70254484#iefix') format('embedded-opentype'),
       url('../fonts/mp_stacks_navigation.woff?70254484') format('woff'),
       url('../fonts/mp_stacks_navigation.ttf?70254484') format('truetype'),
       url('../fonts/mp_stacks_navigation.svg?70254484#mp_stacks_navigation') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'mp_stacks_navigation';
    src: url('mp_stacks_navigation.svg?70254484#mp_stacks_navigation') format('svg');
  }
}
*/

 [class^="mp-stacks-navigation-"]:before, [class*=" mp-stacks-navigation-"]:before {
  font-family: "mp_stacks_navigation";
  font-style: normal;
  font-weight: normal;
  speak: none;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  font-size:44px;
  float: left;

  /* you can be more comfortable with increased mp-stacks-navigations size */
  /* font-size: 120%; */

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.mp-stacks-navigation-toggle:before { content: '\e800'; } /* '' */

.mp-stacks-navigation-th-list:before { content: '\e82e'; } /* '' */
.mp-stacks-navigation-cancel:before { content: '\e804'; } /* '' */
.mp-stacks-navigation-cancel-circled:before { content: '\e805'; } /* '' */
.mp-stacks-navigation-menu-outline:before { content: '\e802'; } /* '' */
.mp-stacks-navigation-menu-2:before { content: '\e801'; } /* '' */
.mp-stacks-navigation-right-open-1:before { content: '\e807'; } /* '' */
.mp-stacks-navigation-menu-3:before { content: '\e803'; } /* '' */
.mp-stacks-navigation-menu:before { content: '\e82f'; } /* '' */
.mp-stacks-navigation-angle-right:before { content: '\e806'; } /* '' */

/*

Styles for the UL containing the fields

*/
#mp-stacks-navigation-site-wrap{
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.16);
}
.mp-stacks-content-type-navigation{
	position:relative!important;
	z-index: 999!important;
	white-space:nowrap!important;
}
.mp-stacks-navigation-container{
	display:table;
	position:relative;
	margin:0px auto 0px auto;
	z-index:9999;
}
.mp-stacks-navigation-container li{
	list-style:none;
	margin:0px!important;
	display:table-cell;
	position:relative;
}
/* Remove any padding from the first menu item */
.mp-stacks-navigation-container .mp-stacks-navigation > .menu > li:last-child{
	padding-right:0px!important;
}
.mp-stacks-navigation-container .mp-stacks-navigation ul{
	margin: 0;
}
.mp-stacks-navigation-container .sub-menu{
	text-align:left;
}
.mp-stacks-navigation-container .sub-menu li{
	display:block;
	padding-right:0!important;
}
.mp-brick.mp-brick-navigation{
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition:    all 0.2s ease-in-out;
	transition:         all 0.2s ease-in-out;
}
.mp-stacks-navigation-container .menu-item-has-children .sub-menu{

	position: absolute;
	top: 1.3em;
	left: 50%;
	z-index: 99999;
	opacity: 1;
	padding-top:20px;

	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	backface-visibility:         hidden;

	-webkit-transform: translate(-50%, 0%) scale(0);
	-moz-transform:    translate(-50%, 0%) scale(0);
	transform:         translate(-50%, 0%) scale(0);

	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition:    all 0.2s ease-in-out;
	transition:         all 0.2s ease-in-out;
}

.mp-stacks-navigation-container .menu-item-has-children:hover > .sub-menu{

	position: absolute;
	top: 1.3em;
	left: -50%;
	z-index: 99999;
	opacity: 1;
	padding-top:20px;


	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	backface-visibility:         hidden;

	-webkit-transform: translate(0%, 0%) scale(1);
	-moz-transform:    translate(0%, 0%) scale(1);
	transform:         translate(0%, 0%) scale(1);

	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition:    all 0.2s ease-in-out;
	transition:         all 0.2s ease-in-out;

}

/* Dropdown Menu Background Color */
.mp-stacks-navigation-container .sub-menu li a{
	background-color:#fff;
	box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.08);
	letter-spacing: 0;
	color: #515a63!important;
	border: 0;
	display:inline-block;
	padding:10px;
	width:100%;
}
.mp-stacks-navigation-container .sub-menu li a:hover{
	background-color:#f2f2f2;
}
.mp-stacks-navigation-container ul ul li:first-child a {
	border-top: 0;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.mp-stacks-navigation-container ul ul li:last-child > a {
	border-bottom: 0;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
.mp-stacks-navigation-container .menu > li > ul:after {
	width: 0;
	height: 0;
	border: 7px solid transparent;
	border-bottom: 7px solid #fff;
	content: ' ';
	position: absolute;
	top: 6px;
	right: 50%;
	margin-right: -4px;
}
.mp-stacks-navigation-container .sub-menu .sub-menu{
	left:100%!important;
	top:0%!important;
	padding-top:0px!important;
}


/* Mobile Navigation Styles - The opening animation for the popout nav is added by js so that we can properly set the max-height attribute to match the height of the nav */
.mp-stacks-navigation-popout-holder{
  max-height: 0;
	overflow: hidden;

	/* Set our transitions up. */
	-webkit-transition: max-height 0.8s;
	-moz-transition: max-height 0.8s;
	transition: max-height 0.8s;
}
.mp-stacks-navigation-toggle-button-holder{
	display: inline-block;
}
.mp-stacks-navigation-popout-holder-left{
	margin:0px!important;
	overflow:hidden;
}
.mp-stacks-navigation-popout-holder-right{
	margin:0px!important;
	overflow:hidden;
}
.mp-stacks-navigation-popout-holder a{
	text-decoration:none;
}
.mp-stacks-navigation-popout-holder .menu,
.mp-stacks-navigation-popout-holder .menu .sub-menu{
	list-style:none;
  text-align:left;
}
.mp-stacks-navigation-popout-holder .menu .sub-menu{
	display:none;
	margin:0px 0px 0px 20px;
}
.mp-stacks-navigation-popout-holder .menu li{
	margin-bottom:0px!important;
	position:relative;
}
.mp-stacks-navigation-popout-holder .menu li a{
	display:inline-block;
	padding: 10px 15px 10px 15px;
	background-color:#fff;
	margin-bottom:0px;
	border-bottom: 1px solid #F8F8F8;
	position:relative;
	width:100%;
}
.mp-stacks-navigation-popout-holder .menu li a:hover{
	background-color:#F8F8F8;
}
.mp-stacks-navigation-popout-holder .menu li.menu-item-has-children{
	width:100%;
}