.menu {
	&--notification {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		background-color: $red;
		height: 1.25rem;
		min-width: 1.25rem;
		border-radius: .625rem;
		font-size: .875rem;
		font-weight: bold;
		color: white;
	}

	&--main {
		list-style: none;
		margin: 0;
		padding: 0;
		display: flex;
		flex-direction: column;

		@include media-breakpoint-up(md) {
			flex-direction: row;
		}

		a {
			color: $gray-dark;
			font-weight: normal;
			@include rfs(.875rem);

			&:hover,
			&:focus,
			&.active {
				color: $primary;

				body.company & {
					color: $secondary;
				}
			}

			@include media-breakpoint-up(xl) {
				@include rfs(1rem);
			}

		}

		li {
			display: block;
			@include media-breakpoint-up(md) {
				display: inline-flex;
			}

			> a {
				display: flex;
				justify-content: space-between;
				align-items: center;

				padding: 1rem;
				position: relative;
				border-bottom: 1px solid $gray-border;

				@include media-breakpoint-up(md) {
					padding: 1rem .75rem;
				}
				@include media-breakpoint-up(xl) {
					padding: 1rem;
				}

				svg {
					flex: 0 0 auto;
					width: .875rem;
					height: .875rem;
					transform: rotate(-90deg);

					@include media-breakpoint-up(md) {
						margin-left: 1rem;
						transform: rotate(0);
					}
				}

				@include media-breakpoint-up(md) {
					border-bottom: 0;

					&:hover,
					&:focus,
					&.active {
						&::before {
							content: '';
							position: absolute;
							border-top: 4px solid $primary;
							height: 4px;
							left: 1rem;
							right: 1rem;
							// bottom: calc(-2rem + 1px);
							bottom: 1px;

							body.company & {
								border-top-color: $secondary;
							}

							.minheader & {
								bottom: 0;
							}
						}
					}
				}

				&.has-children {
					position: relative;
				}
			}

			li {
				a {
					@include media-breakpoint-up(md) {
						&:hover,
						&:focus {
							&::before {
								display: none;
							}
						}
					}
				}
			}

			&.is-open {
				> a {
					color: $primary;

					body.company & {
						color: $secondary;
					}

					&::before {
						content: '';
						position: absolute;
						border-top: 4px solid $primary;
						height: 4px;
						left: 1rem;
						right: 1rem;
						// bottom: calc(-2rem + 1px);
						bottom: 1px;

						body.company & {
							border-top-color: $secondary;
						}

						.minheader & {
							bottom: 0;
						}
					}
				}
			}
		}

		&__submenu {
			display: none;
			visibility: hidden;
			opacity: 0;
			transition: visibility 0s 0.3s, opacity .3s;

			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			transform: translateY(100%);
			background-color: white;
			padding-top: 2rem;
			padding-bottom: 2rem;

			@include make-container();
			@include make-container-max-widths();


			@include media-breakpoint-up(md) {
				display: block;
			}

			&::before,
			&::after {
				content: '';
				position: absolute;
				top: 0;
				left: -50vw;
				width: 150vw;
			}
			&::before {
				z-index: -1;
				background-color: white;
				height: 100%;
				//bottom: 0;
				//border-top: 1px solid $border-color;
			}
			&::after {
				height: 100vh;
				cursor: pointer;
				transition: background 0.3s 0s;
				z-index: -2;
				background: rgba(0, 0, 0, 0.6);
			}

			ul {
				padding: 0;
				list-style-type: none;

				li {
					@include media-breakpoint-up(md) {
						display: block;
						margin-bottom: .25rem;
					}
					a {
						display: block;
						padding: 0;
					}
				}
			}





			.is-open & {
				visibility: visible;
				opacity: 1;
				transition: visibility .3s 0s, opacity .3s;
			}
		}

		&__wrapper {
			display: none;
			background-color: white;

			@include media-breakpoint-up(md) {
				display: block;
			}

			.menu-open & {
				display: block;
				position: absolute;
				left: 0;
				right: 0;
				top: 3rem;
				border-bottom: 1px solid $gray-border;

				@include media-breakpoint-up(md) {
					border-bottom: 0;
				}

				&::before {
					content: '';
					position: absolute;
					top: 0;

					width: 100%;
					height: 100vh;
					cursor: pointer;
					transition: background 0.3s 0s;
					z-index: -2;
					background: rgba(0, 0, 0, 0.6);

					@include media-breakpoint-up(md) {
						display: none;
					}
				}
			}

			.mobile-contacts {
				padding-bottom: 1rem;
				border-bottom: 1px solid $gray-border;

				a {
					display: flex;
					padding: .5rem 1rem;
					align-items: center;
					@include rfs(.875rem);
					color: $gray;

					svg {
						margin-right: .5rem;
					}

				}

				&-bottom {
					padding: 1rem;
					display: flex;
					justify-content: space-between;
					align-items: center;

					@include media-breakpoint-down(sm) {
						flex-wrap: wrap;
					}

					> div {
						flex: 0 0 auto;
					}

					> a {
						flex: 0 0 auto;
						margin-left: 1rem;
						width: auto;

						@include media-breakpoint-down(xs) {
							width: 100%;
							margin-left:0;
							margin-top:1rem;
						}
					}
				}
			}
		}
	}

	&--submenu {
		position: relative;
		display: inline-flex;
		margin-bottom: 1rem;
		padding-top: 1.5rem;
		z-index: 2;

		a {
			@include rfs(.875rem);
			font-weight: normal;
			color: rgba(white, .72);
			position: relative;

			& + a {
				@include list-bullet(rgba(white, .32), 4px, 1rem);
				margin-left: calc(2rem + 4px);
			}

			&:hover,
			&:focus,
			&:active,
			&.active {
				color: white;

				&::after {
					content: '';
					position: absolute;
					bottom: -1rem;
					left: 0;
					right: 0;
					border-bottom: 4px solid $primary;

					body.company & {
						border-bottom-color: $secondary;
					}
				}
			}

			sup {
				//display: inline-flex;
				//align-items: center;
				//justify-content: center;
				//background-color: $red;
				//height: 1.25rem;
				//min-width: 1.25rem;
				//border-radius: .625rem;
				//font-size: .875rem;
				//font-weight: bold;
				//color: white;
				@extend .menu--notification;

				position: absolute;
				left: 50%;
				transform: translate(-50%, -70%);
			}
		}
	}

	&--side {
		list-style: none;
		margin: 0;
		padding: 0;

		li {
			border-bottom: 1px solid $gray-light;

			a {
				display: block;
				padding: 1rem 0;
				@include rfs(1rem);
				font-weight: normal;
				position: relative;

				&.active {
					color: $gray;

					&::before {
						content: '';
						position: absolute;
						left: calc(-1rem - 7px);
						top: 50%;
						transform: translateY(-50%);
						display: block;
						width: 7px;
						height: 12px;
						background: url('data:image/svg+xml;utf8,<svg width="7" height="12" xmlns="http://www.w3.org/2000/svg"><path d="M.946 5.139L6.132-.047l.861.86L1.807 6l5.186 5.186-.861.861L.946 6.861l-.078.078-.861-.861L.085 6l-.078-.078.861-.861.078.078z" fill="%23444" fill-rule="evenodd"/></svg>') no-repeat center center;
					}
				}

				sup {
					@extend .menu--notification;
					margin-left: .5rem;
					top: 2px;
					float: right;
				}
			}
		}
	}

	&--footer {
		list-style: none;
		margin: 0;
		padding: 0;

		li {
			a {
				color: $gray;
				font-size: 0.875rem;
			}
		}
	}

	&--copy {
		display: inline-flex;
		flex-flow: wrap;
		list-style: none;
		margin: 0;
		padding: 0;

		li {
			flex: 0 0 auto;
			color: $gray;
			font-size: 0.875em;
			margin-right: 2rem;
			margin-bottom: 1rem;

			a {
				color: $gray;
			}
		}
	}
}

//	SelectNav
/* default style */
.selectnav {
	display: none;
}
/* small screen */
@include media-breakpoint-down(sm) {
	.js .menu--side { display: none; }
	.js .selectnav {
		display: block;
	}
}

//	Horizontal scrolling menus
.nav-scrollable {
	&.subm {
		position: relative;
		bottom: -4px;
		overflow: hidden;
		height: 61px;
	}

	> * {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		display: flex;
		padding-bottom: 2rem;


		white-space: nowrap;
		overflow: hidden;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar;

		&::-webkit-scrollbar {
			display: none;
		}
	}
}

//	waSlideMenu
.waSlideMenu-nav {
	position: relative;
	overflow: hidden;
}
.waSlideMenu-wrapper {
	left: 0;
	position: relative;
	top: 0;
}
.waSlideMenu-menu {
	width: 100%;
	margin: 0 0 1rem;
	padding: 0;
	list-style: none;
	display: inherit;
	left: 0;
}
.waSlideMenu-inheritedmenu {
	position: absolute;
	left: 100%;
	top: 0;


	overflow-y: scroll;

	/* !important is needed sometimes */
	&::-webkit-scrollbar {
		width: 8px !important;
		-webkit-overflow-scrolling: auto
	}

	/* Track */
	&::-webkit-scrollbar-track {
	 // -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
	 -webkit-border-radius: 8px !important;
	 border-radius: 8px !important;
	}

	/* Handle */
	&::-webkit-scrollbar-thumb {
	 -webkit-border-radius: 8px !important;
	 border-radius: 8px !important;
	 background: #666 !important;
	 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0) !important;

	}
	&::-webkit-scrollbar-thumb:window-inactive {
	 background: #666 !important;
	}


}
.waSlideMenu-back {
	background-color: $gray-lightest;

	a {
		justify-content: flex-start !important;
		svg {
			transform: rotate(90deg) !important;
			margin-right: 1rem;
		}
	}
}
.waSlideMenu-loading {
	background: url(data:image/gif;base64,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);
	height: 31px;
	width: 31px;
	display: block;
}
.selected > a {
	font-weight: bold;
}