:root {
	--slide-height: 450px;
	--feature-bg: #f5f5f5;
}
@media (max-width: 767px) {
	#ARMMegamenu {
		display: none;
	}
}

#ARMMegamenu ul {
	list-style: none;
	padding-left: 0;
}
#ARMMegamenu .arm-root-group {
	display: flex;
	justify-content: center;
	position: relative;
	flex-wrap: wrap;
}
#ARMMegamenu .arm-root-group > .arm-li > .arm-link {
    display: inline-block;
  	padding: 10px 15px;
	color: inherit;
	text-decoration: none;
	font-weight: normal;
	font-size: 22px;
}
#ARMMegamenu .arm-root-group > .arm-li > .arm-link .arm-text {
    background: 
      linear-gradient(var(--rbma-accent1) 0 0) 
      bottom /var(--d, 0) 3px 
      no-repeat;
    transition:0.5s;
    padding: 0 5px;
    padding-bottom: 6px;
}
#ARMMegamenu .arm-root-group > .arm-li:hover > .arm-link .arm-text,
#ARMMegamenu .arm-root-group > .arm-li:active > .arm-link .arm-text,
#ARMMegamenu .arm-root-group > .arm-li:focus > .arm-link .arm-text {
	--d: 100%;
}
#ARMMegamenu .arm-root-group .arm-li .arm-link i {
	color: var(--rbma-accent1);
	padding: 0 6px;
	font-size: 16px;

	transition: all 0.3s ease-in-out;
}
#ARMMegamenu .arm-root-group .arm-li:hover .arm-link i,
#ARMMegamenu .arm-root-group .arm-li:active .arm-link i,
#ARMMegamenu .arm-root-group .arm-li:focus .arm-link i {
	transform: rotateZ(180deg);
}
#ARMMegamenu .arm-root-group > .arm-li > .arm-slide {
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 990;
	width: calc(100vw - var(--page-margin) * 2);
	height: 0px;
    padding: 25px 36px;
	background-color: white;
    overflow: hidden;

	box-shadow: 0 0 22px 8px rgba(0,0,0,.16);

	transition: all 0.5s ease-in-out;

	transform: rotateX(90deg);
}
@media (max-width: 768px) {
	#ARMMegamenu .arm-root-group > .arm-li > .arm-slide {
		width: calc(100vw - 30px);
	}
}
#ARMMegamenu .arm-root-group > .arm-li:hover > .arm-slide,
#ARMMegamenu .arm-root-group > .arm-li:active > .arm-slide,
#ARMMegamenu .arm-root-group > .arm-li:focus > .arm-slide {
	display: flex;
	height: var(--slide-height);
	transform: rotateX(0);
}
#ARMMegamenu .arm-root-group > .arm-li > .arm-slide > .arm-group.level-2 {
	display: flex;
	flex-flow: row wrap;
	flex: 0 1 100%;
	height: calc(var(--slide-height) - 38px);
	gap: 15px;
	overflow-y: scroll;
}
#ARMMegamenu .arm-root-group > .arm-li > .arm-slide > .arm-group.level-2 > .arm-li {
	flex: 1 0 250px;
	padding-bottom: 20px;
}	
#ARMMegamenu .arm-root-group > .arm-li > .arm-slide > .arm-image-container {
	display: flex;
	flex: 0 0 600px;
	background-color: var(--feature-bg);
	overflow: hidden;
}
@media (max-width: 1220px) {
	#ARMMegamenu .arm-root-group > .arm-li > .arm-slide > .arm-image-container {
		display: none;
	}
}
#ARMMegamenu .arm-root-group > .arm-li > .arm-slide > .arm-image-container > * {
	flex-basis: 50%;
}
#ARMMegamenu .arm-root-group > .arm-li > .arm-slide > .arm-image-container > .arm-feat-text-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	z-index: 9;
	padding: 25px;
	background-color: var(--feature-bg);
}
#ARMMegamenu .arm-root-group > .arm-li > .arm-slide > .arm-image-container > .arm-feat-text-wrapper > .arm-feat-text {
	font-size: 18px;
}
#ARMMegamenu .arm-root-group > .arm-li > .arm-slide > .arm-image-container > .arm-feat-text-wrapper > .TextButton {
	font-size: 18px;
}
#ARMMegamenu .arm-root-group > .arm-li > .arm-slide > .arm-image-container > .arm-featured-image {
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	transition: all 0.4s ease-in-out;
	/*! z-index: -9; */
}
#ARMMegamenu .arm-root-group > .arm-li > .arm-slide > .arm-image-container:hover > .arm-featured-image {
	scale: 1.1;
}
#ARMMegamenu .arm-root-group > .arm-li > .arm-slide > .arm-image-container:hover .TexButton {
	background-color: var(--rbma-analog1);
}
#ARMMegamenu .arm-root-group .arm-li > .arm-slide a {
	color: inherit;
	font-weight: normal;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
}
#ARMMegamenu .arm-root-group .arm-li > .arm-slide .arm-group a:hover,
#ARMMegamenu .arm-root-group .arm-li > .arm-slide .arm-group a:active,
#ARMMegamenu .arm-root-group .arm-li > .arm-slide .arm-group a:focus {
	color: var(--rbma-primary);
}
#ARMMegamenu .arm-root-group .arm-li > .arm-slide h4 {
	position: relative;
	margin-bottom: 18px;
	font-size: 1.2em;
}
#ARMMegamenu .arm-root-group .arm-li > .arm-slide h4::after {
	content: "";
	display: block;
	position: absolute;
	bottom: -10px;
	width: 36px;
	height: 3px;
	border-radius: 2px;
	background-color: var(--rbma-primary);
  }
#ARMMegamenu .arm-root-group .arm-li > .arm-slide .TextButton {
	text-align: center;
}